@rubanrubi/hardhat-dashboard 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to `@rubanrubi/hardhat-dashboard` are documented here.
 
 ---
 
+## [0.2.2] — 2026-03-30
+
+### Fixed
+
+- **Wallet badge alignment** — redesigned from a vertical column card to a single horizontal pill (`border-radius: 999px`) that sits flush with the WebSocket and Last update pills; items are now centre-aligned via `align-items: center` on the hero-meta row.
+- **Session History count** — status strip now counts only signing and deployment events (`eth_sendTransaction`, `eth_sign*`, `personal_sign`) matching the Tx History panel filter, instead of all RPC calls.
+- **Tx hash copy button** — confirmed deployment/transaction entries in Tx History now show a **Copy** button next to the truncated hash to copy the full hash to the clipboard.
+- **Shared CopyButton component** — extracted clipboard copy logic into a reusable `CopyButton` component used by both the wallet badge and the Tx History hash row.
+
+---
+
 ## [0.2.0] — 2026-03-29
 
 ### Added

package/dist/ui/app.js

@@ -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;
       })();
     }
@@ -24670,8 +24670,22 @@ 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",
@@ -24732,77 +24746,69 @@ function getTxHash(entry) {
 function TxHistory({ entries }) {
   const relevant = entries.filter((e) => DEPLOYMENT_METHODS.has(e.method));
   if (!relevant.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "empty-state", children: "Confirmed transactions and signing events will appear here during this session." });
+    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: relevant.map((entry) => {
+  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_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: getMethodLabel2(entry.method) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "timestamp", children: [
+    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_runtime2.jsx)("span", { className: `tag ${getStatusClass(entry.status)}`, children: entry.status })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `tag ${getStatusClass(entry.status)}`, children: entry.status })
       ] }),
-      actionSummary ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "history-action", children: actionSummary }) : null,
-      entry.decodedCall?.matched ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "decoded-call", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { children: [
+      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_runtime2.jsx)("div", { className: "decoded-sig", children: entry.decodedCall.signature })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "decoded-sig", children: entry.decodedCall.signature })
       ] }) : null,
-      txHash ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "history-hash", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "tx-field-label", children: "Tx hash" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "history-hash-value mono", children: [
+      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_runtime2.jsx)("div", { className: "history-error", children: entry.error.message }) : 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_react = __toESM(require_react());
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 function WalletBadge({ wallet }) {
-  const [copied, setCopied] = (0, import_react.useState)(false);
-  function copyAddress() {
-    if (!wallet.account) return;
-    void navigator.clipboard.writeText(wallet.account).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  }
   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" })
     ] });
   }
   const shortAddress = wallet.account ? `${wallet.account.slice(0, 6)}...${wallet.account.slice(-4)}` : "No account";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "wallet-detail-pill", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "wallet-network-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "wallet-dot" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { className: "wallet-network-name", children: wallet.networkName ?? wallet.chainId ?? "Connected" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "wallet-account-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "wallet-address", title: wallet.account, children: shortAddress }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "copy-btn", onClick: copyAddress, title: "Copy full address", children: copied ? "\u2713" : "Copy" })
-    ] }),
-    wallet.balance ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "wallet-balance", children: wallet.balance }) : null
+  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
   ] });
 }
 
@@ -24992,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: [],
@@ -25160,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: "Balance" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: wallet.balance ?? (wallet.connected ? "Fetching\u2026" : "\u2014") })
+      /* @__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,
@@ -25239,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 })
       ] })
     ] })
   ] });
@@ -25253,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: