@rubanrubi/hardhat-dashboard 0.1.1 → 0.2.2

package/dist/ui/app.js

@@ -1083,7 +1083,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState2(initialState) {
+        function useState3(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1886,7 +1886,7 @@ var require_react_development = __commonJS({
         exports.useMemo = useMemo;
         exports.useReducer = useReducer;
         exports.useRef = useRef2;
-        exports.useState = useState2;
+        exports.useState = useState3;
         exports.useSyncExternalStore = useSyncExternalStore;
         exports.useTransition = useTransition;
         exports.version = ReactVersion;
@@ -2433,7 +2433,7 @@ var require_react_dom_development = __commonJS({
         var HostPortal = 4;
         var HostComponent = 5;
         var HostText = 6;
-        var Fragment = 7;
+        var Fragment2 = 7;
         var Mode = 8;
         var ContextConsumer = 9;
         var ContextProvider = 10;
@@ -3590,7 +3590,7 @@ var require_react_dom_development = __commonJS({
               return "DehydratedFragment";
             case ForwardRef:
               return getWrappedName$1(type, type.render, "ForwardRef");
-            case Fragment:
+            case Fragment2:
               return "Fragment";
             case HostComponent:
               return type;
@@ -12019,7 +12019,7 @@ var require_react_dom_development = __commonJS({
             }
           }
           function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-            if (current2 === null || current2.tag !== Fragment) {
+            if (current2 === null || current2.tag !== Fragment2) {
               var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
               created.return = returnFiber;
               return created;
@@ -12422,7 +12422,7 @@ var require_react_dom_development = __commonJS({
               if (child.key === key) {
                 var elementType = element.type;
                 if (elementType === REACT_FRAGMENT_TYPE) {
-                  if (child.tag === Fragment) {
+                  if (child.tag === Fragment2) {
                     deleteRemainingChildren(returnFiber, child.sibling);
                     var existing = useFiber(child, element.props.children);
                     existing.return = returnFiber;
@@ -17898,7 +17898,7 @@ var require_react_dom_development = __commonJS({
               var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
               return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
             }
-            case Fragment:
+            case Fragment2:
               return updateFragment(current2, workInProgress2, renderLanes2);
             case Mode:
               return updateMode(current2, workInProgress2, renderLanes2);
@@ -18170,7 +18170,7 @@ var require_react_dom_development = __commonJS({
             case SimpleMemoComponent:
             case FunctionComponent:
             case ForwardRef:
-            case Fragment:
+            case Fragment2:
             case Mode:
             case Profiler:
             case ContextConsumer:
@@ -22431,7 +22431,7 @@ var require_react_dom_development = __commonJS({
           return fiber;
         }
         function createFiberFromFragment(elements, mode, lanes, key) {
-          var fiber = createFiber(Fragment, elements, key, mode);
+          var fiber = createFiber(Fragment2, elements, key, mode);
           fiber.lanes = lanes;
           return fiber;
         }
@@ -24463,10 +24463,10 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx5 = jsxWithValidationDynamic;
+        var jsx6 = jsxWithValidationDynamic;
         var jsxs5 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx5;
+        exports.jsx = jsx6;
         exports.jsxs = jsxs5;
       })();
     }
@@ -24486,7 +24486,7 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/ui/app.tsx
-var import_react = __toESM(require_react());
+var import_react2 = __toESM(require_react());
 var import_client = __toESM(require_client());
 
 // src/types/rpc.ts
@@ -24506,8 +24506,98 @@ function formatTimestamp(value) {
     second: "2-digit"
   });
 }
-function formatParams(params) {
-  return JSON.stringify(params ?? [], null, 2);
+function shortenAddress(addr) {
+  return `${addr.slice(0, 8)}...${addr.slice(-6)}`;
+}
+function formatWeiValue(hex) {
+  try {
+    const wei = BigInt(hex);
+    if (wei === 0n) return "";
+    const eth = Number(wei) / 1e18;
+    return `${eth.toFixed(6)} ETH`;
+  } catch {
+    return hex;
+  }
+}
+function hexToUtf8(hex) {
+  try {
+    const bytes = (hex.startsWith("0x") ? hex.slice(2) : hex).match(/.{2}/g) ?? [];
+    const decoded = bytes.map((b) => String.fromCharCode(parseInt(b, 16))).join("");
+    return decoded.trim() || hex;
+  } catch {
+    return hex;
+  }
+}
+function extractTxFields(request) {
+  if (request.method !== "eth_sendTransaction") return null;
+  const params = request.params;
+  const first = Array.isArray(params) ? params[0] : params;
+  if (!first || typeof first !== "object") return null;
+  const tx = first;
+  const to = typeof tx.to === "string" && tx.to.length > 2 ? tx.to : void 0;
+  const from = typeof tx.from === "string" ? tx.from : void 0;
+  const rawValue = typeof tx.value === "string" ? tx.value : void 0;
+  const value = rawValue && rawValue !== "0x0" && rawValue !== "0x00" && rawValue !== "0x" ? formatWeiValue(rawValue) : void 0;
+  return { from, to, value: value || void 0, isDeployment: !to };
+}
+function getMethodLabel(method) {
+  switch (method) {
+    case "eth_sendTransaction":
+      return "Send Transaction";
+    case "eth_sign":
+      return "Sign Message";
+    case "personal_sign":
+      return "Sign Message";
+    case "eth_signTypedData":
+    case "eth_signTypedData_v1":
+    case "eth_signTypedData_v3":
+    case "eth_signTypedData_v4":
+      return "Sign Typed Data";
+    default:
+      return method;
+  }
+}
+function SigningMessageView({ request }) {
+  const params = Array.isArray(request.params) ? request.params : [];
+  if (request.method === "personal_sign") {
+    const raw = typeof params[0] === "string" ? params[0] : "";
+    const message = raw.startsWith("0x") ? hexToUtf8(raw) : raw;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-message-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-field-label", children: "Message" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-message-content", children: message || raw })
+    ] });
+  }
+  if (request.method === "eth_sign") {
+    const raw = typeof params[1] === "string" ? params[1] : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-message-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-field-label", children: "Message hash" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-message-content mono", children: raw })
+    ] });
+  }
+  if (request.method.startsWith("eth_signTypedData")) {
+    const rawData = typeof params[1] === "string" ? params[1] : JSON.stringify(params[1]);
+    try {
+      const parsed = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
+      const domain = parsed?.domain;
+      const message = parsed?.message;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-message-box", children: [
+        domain ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-typed-section", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-field-label", children: "Domain" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "tx-typed-pre", children: JSON.stringify(domain, null, 2) })
+        ] }) : null,
+        message ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-typed-section", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-field-label", children: "Message" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "tx-typed-pre", children: JSON.stringify(message, null, 2) })
+        ] }) : null
+      ] });
+    } catch {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-message-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-field-label", children: "Typed data" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tx-message-content mono", children: rawData })
+      ] });
+    }
+  }
+  return null;
 }
 function PendingTxCard({
   request,
@@ -24516,26 +24606,63 @@ function PendingTxCard({
   onReject
 }) {
   const actionLabel = request.requiresApproval ? "Confirm" : "Run";
+  const txFields = extractTxFields(request);
+  const isSigningMethod = [
+    "eth_sign",
+    "personal_sign",
+    "eth_signTypedData",
+    "eth_signTypedData_v1",
+    "eth_signTypedData_v3",
+    "eth_signTypedData_v4"
+  ].includes(request.method);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: `request-card ${request.status === "processing" ? "processing" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "request-top", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "method", children: request.method }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "method", children: getMethodLabel(request.method) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "timestamp", children: [
           "Queued at ",
           formatTimestamp(request.createdAt)
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tag-row", children: [
+        txFields?.isDeployment ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tag deploy", children: "Contract Deployment" }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tag", children: request.requiresApproval ? "Approval required" : "Read-only passthrough" }),
         request.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tag success", children: "Processing" }) : null
       ] })
     ] }),
-    request.decodedCall ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "decoded-call", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: request.decodedCall.matched ? `${request.decodedCall.contractName ?? "Contract"}.${request.decodedCall.functionName ?? "call"}` : "No ABI decode available" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: request.decodedCall.signature ?? request.decodedCall.selector ?? "Raw transaction payload" }),
-      request.decodedCall.args.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: request.decodedCall.args.map((argument, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: argument }, `${request.queueId}-arg-${index}`)) }) : null
+    txFields ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-summary", children: [
+      txFields.isDeployment ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-label", children: "Action" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-value", children: request.decodedCall?.contractName ? `Deploy ${request.decodedCall.contractName}` : "Deploy new contract" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-label", children: "To" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-value mono", children: txFields.to ? shortenAddress(txFields.to) : "\u2014" })
+      ] }),
+      txFields.from ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-label", children: "From" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-value mono", children: shortenAddress(txFields.from) })
+      ] }) : null,
+      txFields.value ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tx-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-label", children: "Value" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tx-field-value value-accent", children: txFields.value })
+      ] }) : null
+    ] }) : null,
+    request.decodedCall?.matched ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "decoded-call", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
+        request.decodedCall.contractName ?? "Contract",
+        ".",
+        request.decodedCall.functionName ?? "call"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "decoded-sig", children: request.decodedCall.signature }),
+      request.decodedCall.args.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "decoded-args", children: request.decodedCall.args.map((argument, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: argument }, `${request.queueId}-arg-${index}`)) }) : null
+    ] }) : request.decodedCall && !request.decodedCall.matched && request.decodedCall.selector ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "decoded-call unmatched", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Unknown function" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "decoded-sig", children: [
+        "Selector: ",
+        request.decodedCall.selector
+      ] })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: formatParams(request.params) }),
+    isSigningMethod ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SigningMessageView, { request }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "button-row", style: { marginTop: 14 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "button-primary", disabled: busy, onClick: () => onConfirm(request), children: busy ? "Waiting for wallet..." : actionLabel }),
       request.requiresApproval ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "button-danger", disabled: busy, onClick: () => onReject(request), children: "Reject" }) : null
@@ -24543,8 +24670,31 @@ function PendingTxCard({
   ] });
 }
 
-// src/ui/components/TxHistory.tsx
+// src/ui/components/CopyButton.tsx
+var import_react = __toESM(require_react());
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+function CopyButton({ text, label = "Copy" }) {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  function handleCopy() {
+    void navigator.clipboard.writeText(text).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "copy-btn", onClick: handleCopy, title: text, children: copied ? "\u2713" : label });
+}
+
+// src/ui/components/TxHistory.tsx
+var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var DEPLOYMENT_METHODS = /* @__PURE__ */ new Set([
+  "eth_sendTransaction",
+  "eth_sign",
+  "personal_sign",
+  "eth_signTypedData",
+  "eth_signTypedData_v1",
+  "eth_signTypedData_v3",
+  "eth_signTypedData_v4"
+]);
 function formatTimestamp2(value) {
   return new Date(value).toLocaleTimeString([], {
     hour: "2-digit",
@@ -24555,65 +24705,198 @@ function formatTimestamp2(value) {
 function getStatusClass(status) {
   return status === "confirmed" ? "success" : "error";
 }
-function formatValue(value) {
-  return JSON.stringify(value ?? null, null, 2);
+function getMethodLabel2(method) {
+  switch (method) {
+    case "eth_sendTransaction":
+      return "Send Transaction";
+    case "eth_sign":
+      return "Sign Message";
+    case "personal_sign":
+      return "Sign Message";
+    case "eth_signTypedData":
+    case "eth_signTypedData_v1":
+    case "eth_signTypedData_v3":
+    case "eth_signTypedData_v4":
+      return "Sign Typed Data";
+    default:
+      return method;
+  }
+}
+function getActionSummary(entry) {
+  if (entry.decodedCall?.matched) {
+    const name = entry.decodedCall.contractName ?? "Contract";
+    const fn = entry.decodedCall.functionName ?? "call";
+    return `${name}.${fn}`;
+  }
+  if (entry.method === "eth_sendTransaction") {
+    const params = entry;
+    const first = Array.isArray(params) ? params[0] : void 0;
+    const tx = first && typeof first === "object" ? first : void 0;
+    const hasTo = tx && typeof tx.to === "string" && tx.to.length > 2;
+    return hasTo ? "Contract interaction" : "Contract deployment";
+  }
+  return "";
+}
+function getTxHash(entry) {
+  if (typeof entry.result === "string" && entry.result.startsWith("0x") && entry.result.length === 66) {
+    return entry.result;
+  }
+  return void 0;
 }
 function TxHistory({ entries }) {
-  if (!entries.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "empty-state", children: "Completed and rejected requests will appear here during this session." });
+  const relevant = entries.filter((e) => DEPLOYMENT_METHODS.has(e.method));
+  if (!relevant.length) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "empty-state", children: "Confirmed transactions and signing events will appear here during this session." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "card-list", children: entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { className: "history-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "history-top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "method", children: entry.method }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "timestamp", children: [
-          formatTimestamp2(entry.createdAt),
-          " to ",
-          formatTimestamp2(entry.completedAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `tag ${getStatusClass(entry.status)}`, children: entry.status })
-    ] }),
-    entry.decodedCall?.matched ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "decoded-call", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { children: [
-        entry.decodedCall.contractName,
-        ".",
-        entry.decodedCall.functionName
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "card-list", children: relevant.map((entry) => {
+    const actionSummary = getActionSummary(entry);
+    const txHash = getTxHash(entry);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "history-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "history-top", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "method", children: getMethodLabel2(entry.method) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "timestamp", children: [
+            formatTimestamp2(entry.createdAt),
+            " \u2192 ",
+            formatTimestamp2(entry.completedAt)
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `tag ${getStatusClass(entry.status)}`, children: entry.status })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: entry.decodedCall.signature })
-    ] }) : null,
-    entry.result !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: formatValue(entry.result) }) : null,
-    entry.error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: formatValue(entry.error) }) : null
-  ] }, entry.queueId)) });
+      actionSummary ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "history-action", children: actionSummary }) : null,
+      entry.decodedCall?.matched ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "decoded-call", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
+          entry.decodedCall.contractName,
+          ".",
+          entry.decodedCall.functionName
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "decoded-sig", children: entry.decodedCall.signature })
+      ] }) : null,
+      txHash ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "history-hash", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tx-field-label", children: "Tx hash" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "history-hash-value mono", children: [
+          txHash.slice(0, 18),
+          "...",
+          txHash.slice(-8)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CopyButton, { text: txHash })
+      ] }) : null,
+      entry.error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "history-error", children: entry.error.message }) : null
+    ] }, entry.queueId);
+  }) });
 }
 
 // src/ui/components/WalletBadge.tsx
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 function WalletBadge({ wallet }) {
   if (!wallet.available) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "network-pill", children: "MetaMask not detected" });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "pill", children: "MetaMask not detected" });
   }
   if (!wallet.connected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "network-pill", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: wallet.walletName }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: wallet.locked ? "Locked or not connected" : "Waiting for account access" })
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pill", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: wallet.walletName }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: wallet.locked ? "Locked or not connected" : "Waiting for account access" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "network-pill", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: wallet.networkName ?? wallet.chainId ?? "Connected" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: wallet.account ? `${wallet.account.slice(0, 6)}...${wallet.account.slice(-4)}` : "No account" })
+  const shortAddress = wallet.account ? `${wallet.account.slice(0, 6)}...${wallet.account.slice(-4)}` : "No account";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "wallet-info-pill", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "wallet-dot" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { className: "wallet-network-name", children: wallet.networkName ?? wallet.chainId ?? "Connected" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "wallet-sep", children: "\xB7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "wallet-address", title: wallet.account, children: shortAddress }),
+    wallet.account ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopyButton, { text: wallet.account }) : null,
+    wallet.balance ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "wallet-sep", children: "\xB7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "wallet-balance", children: wallet.balance })
+    ] }) : null
   ] });
 }
 
 // src/ui/wallet.ts
 var CHAIN_NAMES = {
+  // Ethereum
   "0x1": "Ethereum Mainnet",
-  "0xaa36a7": "Sepolia",
-  "0x89": "Polygon",
-  "0x2105": "Base",
+  "0xaa36a7": "Sepolia Testnet",
+  "0x5": "Goerli Testnet",
+  // Polygon
+  "0x89": "Polygon Mainnet",
+  "0x13882": "Polygon Amoy Testnet",
+  "0x13881": "Polygon Mumbai Testnet",
+  "0x44d": "Polygon zkEVM",
+  "0x5a2": "Polygon zkEVM Testnet",
+  // BNB Smart Chain
+  "0x38": "BNB Smart Chain",
+  "0x61": "BNB Testnet",
+  // Avalanche
+  "0xa86a": "Avalanche C-Chain",
+  "0xa869": "Avalanche Fuji Testnet",
+  // Arbitrum
   "0xa4b1": "Arbitrum One",
-  "0xa": "Optimism",
-  "0x539": "Hardhat Local"
+  "0x66eee": "Arbitrum Sepolia",
+  "0x66eed": "Arbitrum Goerli",
+  // Optimism
+  "0xa": "Optimism Mainnet",
+  "0xaa37dc": "Optimism Sepolia",
+  "0x1a4": "Optimism Goerli",
+  // Base
+  "0x2105": "Base Mainnet",
+  "0x14a34": "Base Sepolia",
+  // zkSync Era
+  "0x144": "zkSync Era Mainnet",
+  "0x12c": "zkSync Era Sepolia",
+  // Linea
+  "0xe708": "Linea Mainnet",
+  "0xe704": "Linea Goerli",
+  // Scroll
+  "0x82750": "Scroll Mainnet",
+  "0x8274f": "Scroll Sepolia",
+  // Fantom
+  "0xfa": "Fantom Opera",
+  "0xfa2": "Fantom Testnet",
+  // Gnosis
+  "0x64": "Gnosis Chain",
+  "0x27d8": "Chiado Testnet",
+  // Celo
+  "0xa4ec": "Celo Mainnet",
+  "0xaef3": "Celo Alfajores",
+  // Blast
+  "0x13e31": "Blast Mainnet",
+  "0xa0c71fd": "Blast Sepolia",
+  // Mantle
+  "0x1388": "Mantle Mainnet",
+  "0x1389": "Mantle Testnet",
+  // Moonbeam
+  "0x504": "Moonbeam",
+  "0x505": "Moonriver",
+  "0x507": "Moonbase Alpha",
+  // Metis
+  "0x440": "Metis Andromeda",
+  // Cronos
+  "0x19": "Cronos Mainnet",
+  "0x152": "Cronos Testnet",
+  // Local development
+  "0x539": "Hardhat Local (1337)",
+  "0x7a69": "Hardhat / Anvil Local"
+};
+var NATIVE_SYMBOLS = {
+  "0x89": "POL",
+  "0x13882": "POL",
+  "0x13881": "POL",
+  "0x44d": "ETH",
+  "0x38": "BNB",
+  "0x61": "BNB",
+  "0xa86a": "AVAX",
+  "0xa869": "AVAX",
+  "0xfa": "FTM",
+  "0xfa2": "FTM",
+  "0x64": "xDAI",
+  "0x27d8": "xDAI",
+  "0xa4ec": "CELO",
+  "0xaef3": "CELO",
+  "0x504": "GLMR",
+  "0x505": "MOVR",
+  "0x19": "CRO",
+  "0x152": "CRO"
 };
 function getNetworkName(chainId) {
   if (!chainId) {
@@ -24621,6 +24904,21 @@ function getNetworkName(chainId) {
   }
   return CHAIN_NAMES[chainId.toLowerCase()] ?? `Chain ${chainId}`;
 }
+function getNativeSymbol(chainId) {
+  if (!chainId) return "ETH";
+  return NATIVE_SYMBOLS[chainId.toLowerCase()] ?? "ETH";
+}
+function formatBalance(balanceHex, symbol) {
+  try {
+    const wei = BigInt(balanceHex);
+    const ethValue = Number(wei) / 1e18;
+    if (ethValue === 0) return `0 ${symbol}`;
+    if (ethValue < 1e-4) return `< 0.0001 ${symbol}`;
+    return `${ethValue.toFixed(4)} ${symbol}`;
+  } catch {
+    return `\u2014 ${symbol}`;
+  }
+}
 function getEthereumProvider() {
   return window.ethereum;
 }
@@ -24639,6 +24937,20 @@ async function getWalletStatus(provider = getEthereumProvider()) {
   ]);
   const accounts = Array.isArray(accountsResult) ? accountsResult : [];
   const chainId = typeof chainIdResult === "string" ? chainIdResult : void 0;
+  const nativeSymbol = getNativeSymbol(chainId);
+  let balance;
+  if (accounts.length > 0) {
+    try {
+      const balanceHex = await provider.request({
+        method: "eth_getBalance",
+        params: [accounts[0], "latest"]
+      });
+      if (typeof balanceHex === "string") {
+        balance = formatBalance(balanceHex, nativeSymbol);
+      }
+    } catch {
+    }
+  }
   return {
     available: true,
     connected: accounts.length > 0,
@@ -24646,7 +24958,9 @@ async function getWalletStatus(provider = getEthereumProvider()) {
     walletName: provider.isMetaMask ? "MetaMask" : "Browser Wallet",
     account: accounts[0],
     chainId,
-    networkName: getNetworkName(chainId)
+    networkName: getNetworkName(chainId),
+    balance,
+    nativeSymbol
   };
 }
 async function connectWallet(provider = getEthereumProvider()) {
@@ -24684,7 +24998,7 @@ function subscribeToWallet(onChange, provider = getEthereumProvider()) {
 }
 
 // src/ui/app.tsx
-var import_jsx_runtime4 = __toESM(require_jsx_runtime());
+var import_jsx_runtime5 = __toESM(require_jsx_runtime());
 var INITIAL_SNAPSHOT = {
   pending: [],
   history: [],
@@ -24731,15 +25045,15 @@ function formatLastUpdated(timestamp) {
   });
 }
 function App() {
-  const [snapshot, setSnapshot] = (0, import_react.useState)(INITIAL_SNAPSHOT);
-  const [wallet, setWallet] = (0, import_react.useState)(EMPTY_WALLET_STATE);
-  const [socketConnected, setSocketConnected] = (0, import_react.useState)(false);
-  const [busyIds, setBusyIds] = (0, import_react.useState)([]);
-  const [errorMessage, setErrorMessage] = (0, import_react.useState)(null);
-  const socketRef = (0, import_react.useRef)(null);
-  const autoRunningIdsRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  const [snapshot, setSnapshot] = (0, import_react2.useState)(INITIAL_SNAPSHOT);
+  const [wallet, setWallet] = (0, import_react2.useState)(EMPTY_WALLET_STATE);
+  const [socketConnected, setSocketConnected] = (0, import_react2.useState)(false);
+  const [busyIds, setBusyIds] = (0, import_react2.useState)([]);
+  const [errorMessage, setErrorMessage] = (0, import_react2.useState)(null);
+  const socketRef = (0, import_react2.useRef)(null);
+  const autoRunningIdsRef = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
   const provider = getEthereumProvider();
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const socket = new WebSocket(`${window.location.origin.replace(/^http/, "ws")}/ws`);
     socketRef.current = socket;
     socket.onopen = async () => {
@@ -24769,7 +25083,7 @@ function App() {
       socket.close();
     };
   }, [provider]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const unsubscribe = subscribeToWallet(async () => {
       try {
         const nextWallet = await getWalletStatus(provider);
@@ -24812,7 +25126,7 @@ function App() {
       setBusyIds((current) => current.filter((id) => id !== request.queueId));
     }
   }
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!wallet.connected) {
       return;
     }
@@ -24852,75 +25166,85 @@ function App() {
   } else if (!wallet.connected) {
     warnings.push("Connect MetaMask to this page so the dashboard can forward queued requests.");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("main", { className: "app-shell", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "hero", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "hero-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { children: "Review every Hardhat request before it hits the wallet." }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { className: "app-shell", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "hero", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hero-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: "Review every Hardhat request before it hits the wallet." }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
           "This dashboard keeps private keys out of ",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "hardhat.config.ts" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "hardhat.config.ts" }),
           " by routing JSON-RPC calls through a local approval queue. Signatures stay inside MetaMask and connected hardware wallets."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "hero-meta", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WalletBadge, { wallet }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pill", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hero-meta", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WalletBadge, { wallet }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pill", children: [
             "WebSocket ",
             socketConnected ? "connected" : "offline"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pill", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pill", children: [
             "Last update ",
             formatLastUpdated(snapshot.updatedAt)
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { className: "hero-card status-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: "Wallet Control" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("aside", { className: "hero-card status-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Wallet Control" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
           "Open MetaMask in this browser profile, connect the page, then leave this tab visible while running ",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "--network dashboard" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "--network dashboard" }),
           " commands from Hardhat."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "button-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "button-primary", onClick: () => void handleConnectWallet(), children: wallet.connected ? "Reconnect Wallet" : "Connect Wallet" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "button-secondary", onClick: () => window.location.reload(), children: "Reload UI" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "button-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "button-primary", onClick: () => void handleConnectWallet(), children: wallet.connected ? "Reconnect Wallet" : "Connect Wallet" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "button-secondary", onClick: () => window.location.reload(), children: "Reload UI" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "status-strip", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "metric", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "label", children: "Pending" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: snapshot.pending.length })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "status-strip", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "metric", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "label", children: "Pending" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: snapshot.pending.length })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "metric", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "label", children: "Session History" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: snapshot.history.length })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "metric", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "label", children: "Session History" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: snapshot.history.filter(
+          (e) => [
+            "eth_sendTransaction",
+            "eth_sign",
+            "personal_sign",
+            "eth_signTypedData",
+            "eth_signTypedData_v1",
+            "eth_signTypedData_v3",
+            "eth_signTypedData_v4"
+          ].includes(e.method)
+        ).length })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "metric", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "label", children: "Network" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: wallet.networkName ?? wallet.chainId ?? "Not connected" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "metric", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "label", children: "Network" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: wallet.networkName ?? wallet.chainId ?? "Not connected" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "metric", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "label", children: "Wallet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: wallet.connected ? wallet.walletName : "Disconnected" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "metric", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "label", children: "Balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: wallet.balance ?? (wallet.connected ? "Fetching\u2026" : "\u2014") })
       ] })
     ] }),
-    warnings.length > 0 || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { children: [
-      warnings.map((warning) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "warning-banner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Attention" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: warning })
+    warnings.length > 0 || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
+      warnings.map((warning) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "warning-banner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Attention" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: warning })
       ] }, warning)),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "warning-banner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Wallet error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: errorMessage })
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "warning-banner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Wallet error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: errorMessage })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "dashboard-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "panel", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: "Pending Requests" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "panel-subtitle", children: "Signing methods require your confirmation. Read-only calls run automatically once the wallet is connected." })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "dashboard-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "panel", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Pending Requests" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "panel-subtitle", children: "Signing methods require your confirmation. Read-only calls run automatically once the wallet is connected." })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "card-list", children: snapshot.pending.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "empty-state", children: "No requests are waiting for approval." }) : snapshot.pending.map((request) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "card-list", children: snapshot.pending.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "empty-state", children: "No requests are waiting for approval." }) : snapshot.pending.map((request) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           PendingTxCard,
           {
             request,
@@ -24931,12 +25255,12 @@ function App() {
           request.queueId
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "panel", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: "Tx History" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "panel-subtitle", children: "Confirmed, rejected, failed, and expired requests from this session." })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "panel", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "panel-header", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Tx History" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "panel-subtitle", children: "Confirmed, rejected, failed, and expired requests from this session." })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TxHistory, { entries: snapshot.history })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TxHistory, { entries: snapshot.history })
       ] })
     ] })
   ] });
@@ -24945,7 +25269,7 @@ var container = document.getElementById("root");
 if (!container) {
   throw new Error("Unable to find the dashboard root element.");
 }
-(0, import_client.createRoot)(container).render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(App, {}));
+(0, import_client.createRoot)(container).render(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(App, {}));
 /*! Bundled license information:
 
 react/cjs/react.development.js: