v1.2.4-a

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "openscan",
-	"version": "1.2.3-alpha",
+	"version": "1.2.4-alpha",
 	"private": true,
 	"type": "module",
 	"packageManager": "bun@1.1.0",

scripts/audit.sh

@@ -8,7 +8,7 @@ echo "Generating package-lock.json..."
 npm i --package-lock-only --silent
 
 echo "Running npm audit..."
-npm audit "$@" || true
+npm audit --audit-level=moderate "$@"
 
 echo "Cleaning up..."
 rm -f package-lock.json

src/App.tsx

@@ -8,6 +8,7 @@ import ErrorBoundary from "./components/common/ErrorBoundary";
 import Footer from "./components/common/Footer";
 import { IsometricBlocks } from "./components/common/IsometricBlocks";
 import NotificationDisplay from "./components/common/NotificationDisplay";
+import ValidateNetwork from "./components/common/ValidateNetwork";
 import Navbar from "./components/navbar";
 import "./styles/base.css";
 import "./styles/styles.css";
@@ -148,17 +149,19 @@ function AppContent() {
               <Route path="tbtc/address/:address" element={<LazyBitcoinAddress />} />
               <Route path="tbtc/mempool" element={<LazyBitcoinMempool />} />
               <Route path="tbtc/mempool/:filter" element={<LazyBitcoinTx />} />
-              {/* EVM network routes */}
-              <Route path=":networkId" element={<LazyChain />} />
-              <Route path=":networkId/gastracker" element={<LazyGasTracker />} />
-              <Route path=":networkId/blocks" element={<LazyBlocks />} />
-              <Route path=":networkId/block/:filter" element={<LazyBlock />} />
-              <Route path=":networkId/txs" element={<LazyTxs />} />
-              <Route path=":networkId/tx/:filter" element={<LazyTx />} />
-              <Route path=":networkId/address/:address" element={<LazyAddress />} />
-              <Route path=":networkId/address/:address/:tokenId" element={<LazyTokenDetails />} />
-              <Route path=":networkId/mempool" element={<LazyMempool />} />
-              <Route path=":networkId/mempool/:filter" element={<LazyTx />} />
+              {/* EVM network routes — validated */}
+              <Route path=":networkId" element={<ValidateNetwork />}>
+                <Route index element={<LazyChain />} />
+                <Route path="gastracker" element={<LazyGasTracker />} />
+                <Route path="blocks" element={<LazyBlocks />} />
+                <Route path="block/:filter" element={<LazyBlock />} />
+                <Route path="txs" element={<LazyTxs />} />
+                <Route path="tx/:filter" element={<LazyTx />} />
+                <Route path="address/:address" element={<LazyAddress />} />
+                <Route path="address/:address/:tokenId" element={<LazyTokenDetails />} />
+                <Route path="mempool" element={<LazyMempool />} />
+                <Route path="mempool/:filter" element={<LazyTx />} />
+              </Route>
               <Route path="*" element={<Navigate to="/" replace />} />
             </Routes>
             <Footer />

src/components/common/ValidateNetwork.tsx

@@ -0,0 +1,30 @@
+import { useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { Navigate, Outlet, useParams } from "react-router-dom";
+import { isNetworkEnabled } from "../../config/networks";
+import { useNotifications } from "../../context/NotificationContext";
+
+export default function ValidateNetwork() {
+  const { networkId } = useParams<{ networkId: string }>();
+  const { addNotification } = useNotifications();
+  const { t } = useTranslation();
+  const isValid = !!networkId && isNetworkEnabled(networkId);
+  const notifiedRef = useRef(false);
+
+  useEffect(() => {
+    if (!isValid && !notifiedRef.current) {
+      notifiedRef.current = true;
+      addNotification(
+        t("errors.networkNotFoundMessage", { network: networkId || "" }),
+        "warning",
+        8000,
+      );
+    }
+  }, [isValid, networkId, addNotification, t]);
+
+  if (!isValid) {
+    return <Navigate to="/" replace />;
+  }
+
+  return <Outlet />;
+}

src/components/navbar/index.tsx

@@ -108,47 +108,6 @@ const Navbar = () => {
 
             {/* Desktop icons - hidden on mobile */}
             <ul className="hide-mobile">
-              {isSuperUser && (
-                <li>
-                  <span className="navbar-super-user-badge">{t("nav.superUserBadge")}</span>
-                </li>
-              )}
-              <li>
-                <button
-                  type="button"
-                  onClick={toggleSuperUserMode}
-                  className={`navbar-toggle-btn ${isSuperUser ? "navbar-toggle-active" : ""}`}
-                  aria-label={isSuperUser ? t("nav.disableSuperUser") : t("nav.enableSuperUser")}
-                  title={isSuperUser ? "Disable Super User Mode" : "Enable Super User Mode"}
-                >
-                  <svg
-                    width="18"
-                    height="18"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
-                    aria-hidden="true"
-                  >
-                    <title>Super User Mode</title>
-                    <polyline
-                      points="4 17 10 11 4 5"
-                      stroke="currentColor"
-                      strokeWidth="2"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    />
-                    <line
-                      x1="12"
-                      y1="19"
-                      x2="20"
-                      y2="19"
-                      stroke="currentColor"
-                      strokeWidth="2"
-                      strokeLinecap="round"
-                    />
-                  </svg>
-                </button>
-              </li>
               {isSuperUser && (
                 <li>
                   <button
@@ -267,6 +226,42 @@ const Navbar = () => {
                   )}
                 </button>
               </li>
+              <li>
+                <button
+                  type="button"
+                  onClick={toggleSuperUserMode}
+                  className={`navbar-toggle-btn ${isSuperUser ? "navbar-toggle-active" : ""}`}
+                  aria-label={isSuperUser ? t("nav.disableSuperUser") : t("nav.enableSuperUser")}
+                  title={isSuperUser ? "Disable Super User Mode" : "Enable Super User Mode"}
+                >
+                  <svg
+                    width="18"
+                    height="18"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                    aria-hidden="true"
+                  >
+                    <title>Super User Mode</title>
+                    <polyline
+                      points="4 17 10 11 4 5"
+                      stroke="currentColor"
+                      strokeWidth="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <line
+                      x1="12"
+                      y1="19"
+                      x2="20"
+                      y2="19"
+                      stroke="currentColor"
+                      strokeWidth="2"
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                </button>
+              </li>
               <li>
                 <button
                   type="button"

src/components/pages/bitcoin/BitcoinTransactionDisplay.tsx

@@ -15,12 +15,28 @@ import {
 import {
   calculateTotalInput,
   calculateTotalOutput,
+  decodeOpReturnData,
   hasWitness,
   isCoinbaseTransaction,
   isRBFEnabled,
 } from "../../../utils/bitcoinUtils";
 import AIAnalysisPanel from "../../common/AIAnalysis/AIAnalysisPanel";
 
+const OpReturnDisplay: React.FC<{ hex: string }> = ({ hex }) => {
+  const decoded = useMemo(() => decodeOpReturnData(hex), [hex]);
+  return (
+    <div className="btc-op-return">
+      <span className="btc-op-return-label">OP_RETURN</span>
+      {decoded.text ? (
+        <span className="btc-op-return-text">{decoded.text}</span>
+      ) : (
+        <span className="btc-op-return-hex tx-mono">{decoded.hex}</span>
+      )}
+      <CopyButton value={decoded.text || decoded.hex} />
+    </div>
+  );
+};
+
 interface BitcoinTransactionDisplayProps {
   transaction: BitcoinTransaction;
   networkId?: string;
@@ -422,12 +438,10 @@ const BitcoinTransactionDisplay: React.FC<BitcoinTransactionDisplayProps> = Reac
                             )}
                             <CopyButton value={output.scriptPubKey.address} />
                           </>
+                        ) : output.scriptPubKey.type === "nulldata" ? (
+                          <OpReturnDisplay hex={output.scriptPubKey.hex} />
                         ) : (
-                          <span className="tx-mono text-muted">
-                            {output.scriptPubKey.type === "nulldata"
-                              ? "OP_RETURN (Data)"
-                              : output.scriptPubKey.type}
-                          </span>
+                          <span className="tx-mono text-muted">{output.scriptPubKey.type}</span>
                         )}
                       </div>
                       <div className="btc-io-details">

src/components/pages/evm/block/BlockDisplay.tsx

@@ -250,6 +250,14 @@ const BlockDisplay: React.FC<BlockDisplayProps> = React.memo(
                     </span>
                   </div>
                 )}
+
+                {/* Blob Gas Used (EIP-4844) */}
+                {block.blobGasUsed && Number(block.blobGasUsed) > 0 && (
+                  <div className="tx-row tx-row-blob">
+                    <span className="tx-label">{t("blobGasUsed")}</span>
+                    <span className="tx-value">{Number(block.blobGasUsed).toLocaleString()}</span>
+                  </div>
+                )}
               </div>
 
               {/* Right Column */}
@@ -287,6 +295,24 @@ const BlockDisplay: React.FC<BlockDisplayProps> = React.memo(
                   </div>
                 )}
 
+                {/* Blob fields continued (EIP-4844) */}
+                {block.blobGasUsed && Number(block.blobGasUsed) > 0 && (
+                  <>
+                    <div className="tx-row tx-row-blob">
+                      <span className="tx-label">{t("excessBlobGas")}</span>
+                      <span className="tx-value">
+                        {Number(block.excessBlobGas).toLocaleString()}
+                      </span>
+                    </div>
+                    <div className="tx-row tx-row-blob">
+                      <span className="tx-label">{t("blobCount")}</span>
+                      <span className="tx-value">
+                        {Math.floor(Number(block.blobGasUsed) / 131072)}
+                      </span>
+                    </div>
+                  </>
+                )}
+
                 {/* Arbitrum-specific fields */}
                 {isArbitrumBlock(block) && (
                   <>