diff --git a/index.html b/index.html
index 8d45cfc..f706c8f 100644
--- a/index.html
+++ b/index.html
@@ -145,7 +145,14 @@
           </div>
           <div id="meta_mask_status">Disconnected</div>
         </button>
-        <theme-toggle></theme-toggle>
+        <div class="flex align-center gap-0-3">
+          <sm-select id="currency_selector" class="margin-right-0-5">
+            <sm-option value="bsc" selected>BSC</sm-option>
+            <sm-option value="inr">INR</sm-option>
+            <sm-option value="usd">USD</sm-option>
+          </sm-select>
+          <theme-toggle></theme-toggle>
+        </div>
       </header>
       <nav id="main_navbar">
         <ul>
@@ -353,6 +360,261 @@
     ></script>
     <script src="scripts/bscOperator.js" type="text/javascript"></script>
     <script>
+       let showCurrentValue = false;
+      let currentCurrency = localStorage.getItem("preferredCurrency") || "bsc";
+      let exchangeRates = {
+        usd: 0,
+        inr: 0,
+      };
+      let historicalRates = {};
+      let isHistoricApiAvailable = false;
+
+      function syncCurrencySelector() {
+        const selector = getRef("currency_selector");
+        if (selector && selector.value !== currentCurrency) {
+          selector.value = currentCurrency;
+          const options = selector.querySelectorAll("sm-option");
+          options.forEach((option) => {
+            if (option.value === currentCurrency) {
+              option.setAttribute("selected", "");
+            } else {
+              option.removeAttribute("selected");
+            }
+          });
+        }
+      }
+
+      async function fetchExchangeRates() {
+        try {
+          const response = await fetch(
+            "https://api.coingecko.com/api/v3/simple/price?ids=binancecoin&vs_currencies=usd,inr"
+          );
+          const data = await response.json();
+
+          if (data) {
+            exchangeRates = {
+              usd: parseFloat(data.binancecoin.usd) || 0,
+              inr: parseFloat(data.binancecoin.inr) || 0,
+            };
+          } else {
+            exchangeRates = {
+              usd: 500, // Fallback rate
+              inr: 40000, // Fallback rate
+            };
+          }
+          return exchangeRates;
+        } catch (error) {
+          console.error("Error fetching exchange rates:", error);
+          notify("Failed to fetch currency rates", "error");
+          exchangeRates = {
+            usd: 500, // Fallback rate
+            inr: 40000, // Fallback rate
+          };
+          isHistoricApiAvailable = false;
+          return exchangeRates;
+        }
+      }
+
+      async function fetchHistoricalRate(timestamp) {
+        if (historicalRates[timestamp]) {
+          return historicalRates[timestamp];
+        }
+        const cacheKey = `bsc-historical-${timestamp}`;
+        const cachedData = localStorage.getItem(cacheKey);
+        if (cachedData) {
+          const parsedData = JSON.parse(cachedData);
+          historicalRates[timestamp] = parsedData;
+          return parsedData;
+        }
+
+        try {
+          const date = new Date(timestamp * 1000);
+          const day = date.getDate().toString().padStart(2, "0");
+          const month = (date.getMonth() + 1).toString().padStart(2, "0");
+          const year = date.getFullYear();
+          const formattedDate = `${day}-${month}-${year}`;
+          const response = await fetch(
+            `https://api.coingecko.com/api/v3/coins/binancecoin/history?date=${formattedDate}`
+          );
+          const data = await response.json();
+
+          if (data && data.market_data && data.market_data.current_price) {
+            const rates = {
+              usd: parseFloat(data.market_data.current_price.usd) || 0,
+              inr: parseFloat(data.market_data.current_price.inr) || 0,
+            };
+            historicalRates[timestamp] = rates;
+            localStorage.setItem(cacheKey, JSON.stringify(rates));
+            return rates;
+          }
+          return exchangeRates;
+        } catch (error) {
+          console.error("Error fetching historical rate:", error);
+          return exchangeRates;
+        }
+      }
+
+      async function updateCurrency(currency) {
+        const previousCurrency = currentCurrency;
+        currentCurrency = currency;
+        localStorage.setItem("preferredCurrency", currency);
+
+        if (
+          currency !== "bsc" &&
+          (exchangeRates.usd === 0 || exchangeRates.inr === 0)
+        ) {
+          await fetchExchangeRates();
+        }
+        if (getRef("page_container")?.dataset?.page === "tdx") {
+          // Get the transaction value and fee elements if they exist
+          const valueElement = getRef("tx_value");
+          const feeElement = getRef("tx_fee");
+
+          if (valueElement && valueElement.dataset.eth) {
+            const ethAmount = parseFloat(valueElement.dataset.eth);
+            const timestamp = valueElement.dataset.timestamp;
+            valueElement.textContent = await getConvertedAmount(
+              ethAmount,
+              timestamp
+            );
+          }
+
+          if (feeElement && feeElement.dataset.eth) {
+            const ethFee = parseFloat(feeElement.dataset.eth);
+            const timestamp = feeElement.dataset.timestamp;
+            feeElement.textContent = await getConvertedAmount(
+              ethFee,
+              timestamp
+            );
+          }
+        }
+
+        if (currency !== "bsc" && previousCurrency === "bsc") {
+          testHistoricalAPIAndRenderToggle();
+        } else if (currency === "bsc" && previousCurrency !== "bsc") {
+          const container = document.querySelector(
+            ".flex.flex-direction-column.gap-0-5.sticky.top-0"
+          );
+          if (container) {
+            const existingToggle =
+              container.querySelector("sm-switch")?.parentElement;
+            if (existingToggle) existingToggle.remove();
+          }
+        }
+
+        updateTransactionDetailsToggle();
+        convertAllDisplayedCurrency();
+        syncCurrencySelector();
+      }
+
+      function handleValuationTypeChange(isCurrentValue) {
+        if (isCurrentValue && isCurrentValue.target) {
+          isCurrentValue = isCurrentValue.target.checked;
+        }
+        showCurrentValue = isCurrentValue;
+        localStorage.setItem("bsc-wallet-show-current-value", isCurrentValue);
+        convertAllDisplayedCurrency();
+      }
+
+      async function convertAllDisplayedCurrency() {
+        const currency = currentCurrency;
+        const elements = document.querySelectorAll(".bsc-value");
+
+        for (const el of elements) {
+          const bscAmount = parseFloat(el.dataset.bsc || "0");
+          const timestamp = el.dataset.timestamp;
+          if (el.id === "usdc_balance" || el.id === "usdt_balance") {
+            continue;
+          }
+          let formattedValue;
+          if (currency === "bsc") {
+            formattedValue = formatCurrency(bscAmount);
+          } else {
+            formattedValue = await getConvertedAmount(bscAmount, timestamp);
+          }
+
+          el.textContent = formattedValue;
+        }
+      }
+
+      async function getConvertedAmount(amountInBsc, timestamp) {
+        if (!amountInBsc) return "0 BSC";
+
+        const value = Number(amountInBsc);
+        if (isNaN(value)) return amountInBsc;
+
+        if (currentCurrency === "bsc") {
+          return `${value.toFixed(6)} BSC`;
+        } else {
+          let rates = exchangeRates;
+
+          if (!showCurrentValue && timestamp) {
+            try {
+              const historicalRates = await fetchHistoricalRate(timestamp);
+              if (historicalRates) {
+                rates = historicalRates;
+              }
+            } catch (error) {
+              console.error(
+                "Error getting historical rates, using current rates:",
+                error
+              );
+            }
+          }
+          if (rates && currentCurrency === "usd" && rates.usd) {
+            return `${(value * rates.usd).toFixed(2)} USD`;
+          } else if (rates && currentCurrency === "inr" && rates.inr) {
+            return `${(value * rates.inr).toFixed(2)} INR`;
+          }
+          return `${value.toFixed(6)} BSC`;
+        }
+      }
+
+      function formatCurrency(amountInBsc) {
+        if (!amountInBsc) return "0 BSC";
+
+        const value = Number(amountInBsc);
+        if (isNaN(value)) return amountInBsc;
+
+        if (currentCurrency === "bsc") {
+          return `${value.toFixed(6)} BSC`;
+        } else if (currentCurrency === "usd") {
+          return `${(value * exchangeRates.usd).toFixed(2)} USD`;
+        } else if (currentCurrency === "inr") {
+          return `${(value * exchangeRates.inr).toFixed(2)} INR`;
+        }
+
+        return `${value.toFixed(6)} BSC`;
+      }
+
+      function initCurrencySelector() {
+        const selector = getRef("currency_selector");
+        if (selector) {
+          selector.addEventListener("change", (e) => {
+            updateCurrency(e.target.value);
+          });
+        }
+
+        const stored = localStorage.getItem("preferredCurrency");
+        if (stored) {
+          currentCurrency = stored;
+          showCurrentValue =
+            localStorage.getItem("bsc-wallet-show-current-value") === "true";
+          syncCurrencySelector();
+
+          if (
+            currentCurrency !== "bsc" &&
+            (exchangeRates.usd === 0 || exchangeRates.inr === 0)
+          ) {
+            fetchExchangeRates().then(() => {
+              convertAllDisplayedCurrency();
+              testHistoricalAPIAndRenderToggle();
+            });
+          } else if (currentCurrency !== "bsc") {
+            testHistoricalAPIAndRenderToggle();
+          }
+        }
+      }
       const uiGlobals = {};
       const { html, svg, render: renderElem } = uhtml;
       uiGlobals.connectionErrorNotification = [];
@@ -378,7 +640,7 @@
         });
         notify("We are back online.", "success");
       });
-      // Use instead of document.getElementById
+      
       function getRef(elementId) {
         return document.getElementById(elementId);
       }
@@ -700,6 +962,11 @@
                   isValid: false,
                   errorText: "Please enter a private key or BSC address",
                 };
+
+              if (/^0x[0-9a-fA-F]{64}$/.test(value)) {
+                return { isValid: true };
+              }
+
               return {
                 isValid:
                   floCrypto.getPubKeyHex(value) ||
@@ -724,14 +991,19 @@
             previousTarget.classList.remove("nav-item--active");
             previousTarget.querySelector(".nav-item__indicator")?.remove();
           }
-          const target = getRef("main_navbar").querySelector(
-            `.nav-item[href="#/${page}"]`
-          );
-          if (target) {
-            target.classList.add("nav-item--active");
-            target.append(html.node`<div class="nav-item__indicator"></div>`);
+
+          if (page === "tdx") {
+            renderTdx(state);
+          } else {
+            const target = getRef("main_navbar").querySelector(
+              `.nav-item[href="#/${page}"]`
+            );
+            if (target) {
+              target.classList.add("nav-item--active");
+              target.append(html.node`<div class="nav-item__indicator"></div>`);
+            }
           }
-        },
+        }
       });
       function setMetaMaskStatus(isConnected) {
         if (isConnected) {
@@ -748,6 +1020,10 @@
         document.addEventListener("copy", () => {
           notify("copied", "success");
         });
+        currentCurrency = "bsc";
+        localStorage.setItem("preferredCurrency", "bsc");
+        syncCurrencySelector();
+        initCurrencySelector();
         document.addEventListener("pointerdown", (e) => {
           if (
             e.target.closest(
@@ -828,7 +1104,584 @@
         renderElem(getRef("page_container"), html` <h1>Page not found</h1> `);
       });
       router.addRoute("", renderHome);
-      router.addRoute("balance", renderHome);
+      router.addRoute("balance", (state) => {
+        renderHome();
+        if (state.wildcards && state.wildcards[0]) {
+          checkBalance(state.wildcards[0]);
+        }
+      });
+      router.addRoute("tdx", renderTdx);
+
+      class LazyLoader {
+        constructor(container, elementsToRender, renderFn, options = {}) {
+          const { pageSize = 10 } = options;
+
+          this.container = document.querySelector(container);
+          this.elementsToRender = elementsToRender;
+          this.renderFn = renderFn;
+          this.pageSize = pageSize;
+          this.currentPage = 1;
+          this.totalPages = Math.ceil(elementsToRender.length / pageSize);
+        }
+
+        init() {
+          this.container.innerHTML = "";
+          this.renderCurrentPage();
+          this.renderPagination();
+        }
+
+        renderCurrentPage() {
+          const start = (this.currentPage - 1) * this.pageSize;
+          const end = start + this.pageSize;
+          const currentElements = this.elementsToRender.slice(start, end);
+
+          currentElements.forEach((element) => {
+            this.container.appendChild(this.renderFn(element));
+          });
+        }
+
+        renderPagination() {
+          const existingPagination = document.querySelector(
+            ".pagination-controls"
+          );
+          if (existingPagination) {
+            existingPagination.remove();
+          }
+
+          const paginationDiv = document.createElement("div");
+          paginationDiv.className = "pagination-controls";
+          paginationDiv.style.cssText = `width: 100%;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    padding: 0.75rem;
+                    border-radius: 0.5rem;
+                    background-color: rgba(var(--foreground-color), 1);
+                    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+                    border: 1px solid rgba(var(--text-color), 0.1);
+            `;
+
+          // Previous button
+          const prevButton = document.createElement("button");
+          prevButton.className = "button";
+          prevButton.textContent = "Previous";
+          prevButton.disabled = this.currentPage === 1;
+          prevButton.onclick = () => this.goToPage(this.currentPage - 1);
+
+          // Next button
+          const nextButton = document.createElement("button");
+          nextButton.className = "button";
+          nextButton.textContent = "Next";
+          nextButton.disabled = this.currentPage === this.totalPages;
+          nextButton.onclick = () => this.goToPage(this.currentPage + 1);
+
+          // Page info
+          const pageInfo = document.createElement("span");
+          pageInfo.textContent = `Page ${this.currentPage} of ${this.totalPages}`;
+
+          paginationDiv.appendChild(prevButton);
+          paginationDiv.appendChild(pageInfo);
+          paginationDiv.appendChild(nextButton);
+          this.container.parentNode.insertBefore(
+            paginationDiv,
+            this.container.nextSibling
+          );
+        }
+
+        goToPage(pageNumber) {
+          if (pageNumber < 1 || pageNumber > this.totalPages) return;
+          this.currentPage = pageNumber;
+          this.container.innerHTML = "";
+          this.renderCurrentPage();
+          this.renderPagination();
+        }
+
+        update(newElements) {
+          this.elementsToRender = newElements;
+          this.totalPages = Math.ceil(newElements.length / this.pageSize);
+          this.currentPage = 1;
+          this.init();
+        }
+
+        clear() {
+          this.container.innerHTML = "";
+          this.elementsToRender = [];
+          this.currentPage = 1;
+          this.totalPages = 0;
+          const paginationDiv = document.querySelector(".pagination-controls");
+          if (paginationDiv) {
+            paginationDiv.remove();
+          }
+        }
+      }
+
+      // Initialize transactions variable
+      let transactionsLazyLoader;
+
+      // Add render object with transaction rendering functions
+      const render = {
+        async transactions(address) {
+          try {
+            if (!address || !bscOperator.isValidAddress(address)) {
+              return;
+            }
+            getRef("address_transactions").classList.remove("hidden");
+            getRef("transactions_list").innerHTML =
+              '<sm-spinner class="justify-self-center margin-top-1-5"></sm-spinner>';
+
+            Promise.all([bscOperator.getTransactionHistory(address)]).then(
+              async ([response]) => {
+                if (!response || response.error) {
+                  getRef("transactions_list").textContent =
+                    "Error fetching transactions";
+                  return;
+                }
+                const data = response;
+
+                if (data && data.length > 0) {
+                  const transactions = data.map((tx) => {
+                    const isOutgoing =
+                      tx.from.toUpperCase() === address.toUpperCase();
+                    const txObj = {
+                      txid: tx.hash,
+                      time: getFormattedTime(tx.timeStamp),
+                      originalTimestamp: tx.timeStamp,
+                      block: tx.blockNumber || -1,
+                      confirmations: tx.confirmations || 0,
+                      type: isOutgoing ? "out" : "in",
+                      amount: tx.value / 1000000000000000000,
+                      sender: tx.from,
+                      receiver: tx.to,
+                      address: address,
+                    };
+                    return txObj;
+                  });
+                  // Filter
+                  const filter = getRef("filter_selector").value || "all";
+                  let filteredTransactions = transactions;
+
+                  if (filter === "sent") {
+                    filteredTransactions = transactions.filter(
+                      (tx) => tx.type === "out"
+                    );
+                  } else if (filter === "received") {
+                    filteredTransactions = transactions.filter(
+                      (tx) => tx.type === "in"
+                    );
+                  }
+
+                  transactionsLazyLoader = new LazyLoader(
+                    "#transactions_list",
+                    filteredTransactions,
+                    render.transactionCard,
+                    {
+                      pageSize: 10,
+                    }
+                  );
+                  if (transactionsLazyLoader) {
+                    transactionsLazyLoader.update(filteredTransactions);
+                  } else {
+                    transactionsLazyLoader = new LazyLoader(
+                      "#transactions_list",
+                      filteredTransactions,
+                      render.transactionCard,
+                      {
+                        pageSize: 10,
+                      }
+                    );
+                    transactionsLazyLoader.init();
+                  }
+                  getRef("filter_selector").addEventListener("change", (e) => {
+                    const newFilter = e.target.value;
+                    let newFilteredTransactions = transactions;
+                    if (newFilter === "sent") {
+                      newFilteredTransactions = transactions.filter(
+                        (tx) => tx.type === "out"
+                      );
+                    } else if (newFilter === "received") {
+                      newFilteredTransactions = transactions.filter(
+                        (tx) => tx.type === "in"
+                      );
+                    }
+                    transactionsLazyLoader.update(newFilteredTransactions);
+                  });
+                  const list = getRef("transactions_list");
+                  list.onclick = (event) => {
+                    const transactionCard =
+                      event.target.closest(".transaction");
+                    if (transactionCard && event.target === transactionCard) {
+                      const txid = transactionCard.dataset.txid;
+                      window.location.hash = `#/tdx/${txid}`;
+                    }
+                  };
+                  getRef(
+                    "transactions_list"
+                  ).previousElementSibling.classList.remove("hidden");
+                } else {
+                  getRef("transactions_list").textContent =
+                    "No transactions found";
+                }
+              }
+            );
+          } catch (error) {
+            console.error("[DEBUG] Error fetching transactions:", error);
+            getRef("transactions_list").textContent =
+              "Error fetching transactions";
+          }
+        },
+
+        transactionCard(transactionDetails) {
+          const transactionCard = document.createElement("li");
+          transactionCard.className = `transaction ${transactionDetails.type} ${
+            transactionDetails.block < 0 ? "unconfirmed-tx" : ""
+          }`;
+          transactionCard.dataset.txid = transactionDetails.txid;
+          transactionCard.style.cursor = "pointer";
+          transactionCard.onclick = () => {
+            window.location.hash = `#/tdx/${transactionDetails.txid}`;
+          };
+
+          let icon;
+          if (transactionDetails.type === "out") {
+            icon = `<svg class="icon sent" style="display: block; margin: auto;" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FF4B4B"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>`;
+          } else {
+            icon = `<svg class="icon received" style="display: block; margin: auto;" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#4BC84B"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></svg>`;
+          }
+
+          const shortenAddress = (addr) => {
+            if (!addr) return "";
+            return (
+              addr.substring(0, 8) + "..." + addr.substring(addr.length - 6)
+            );
+          };
+
+          const fromAddress = transactionDetails.sender
+            ? shortenAddress(transactionDetails.sender)
+            : "";
+          const toAddress = transactionDetails.receiver
+            ? shortenAddress(transactionDetails.receiver)
+            : "";
+          const txHashShort = shortenAddress(transactionDetails.txid);
+
+          transactionCard.innerHTML = `
+      <div class="flex gap-1 align-center w-100 padding-0-5" style="border-radius: 0.5rem; border: 1px solid rgba(var(--text-color), 0.1); padding: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
+        <div class="transaction__icon flex align-center justify-center" style="background-color: ${
+          transactionDetails.type === "out"
+            ? "rgba(255,75,75,0.1)"
+            : "rgba(75,200,75,0.1)"
+        }; border-radius: 50%; min-width: 40px; height: 40px; padding: 8px;">
+          ${icon}
+        </div>
+        <div class="grid gap-0-5 flex-1">
+          <div class="flex align-center space-between flex-wrap">
+            <div class="transaction__type" style="font-weight: 500; margin-right: 8px;">
+              ${transactionDetails.type === "out" ? "Sent" : "Received"}
+            </div>
+            <time style="color: rgba(var(--text-color), 0.6); font-size: 0.85rem;">${
+              typeof transactionDetails.time === "string"
+                ? transactionDetails.time
+                : getFormattedTime(transactionDetails.time)
+            }</time>
+          </div>
+          <div class="flex align-center space-between flex-wrap">
+            <div class="transaction__amount bsc-value" data-bsc="${
+              transactionDetails.amount
+            }" data-timestamp="${
+            transactionDetails.originalTimestamp || ""
+          }" style="font-weight: 600; color: ${
+            transactionDetails.type === "out"
+              ? "var(--color-danger, #ff4b4b)"
+              : "var(--color-success, #4bc84b)"
+          }; margin-right: 8px; text-overflow: ellipsis; overflow: hidden; max-width: 100%;">
+              ${formatCurrency(transactionDetails.amount)}
+            </div>
+            <div class="transaction__status" style="font-size: 0.85rem; color: rgba(var(--text-color), ${
+              transactionDetails.block < 0 ? "0.5" : "0.7"
+            });">
+              ${
+                transactionDetails.block < 0
+                  ? "Pending"
+                  : transactionDetails.confirmations > 6
+                  ? "Confirmed"
+                  : `${transactionDetails.confirmations} confirmations`
+              }
+            </div>
+          </div>
+          <div class="flex flex-wrap gap-0-5 margin-top-0-5">
+            ${
+              transactionDetails.sender
+                ? `<div class="flex align-center gap-0-3">
+                <span style="font-size: 0.85rem; color: rgba(var(--text-color), 0.7);">From:</span>
+                <span class="address-from interactive" data-address="${transactionDetails.sender}" style="font-size: 0.85rem; color: var(--color-primary); cursor: pointer;">${fromAddress}</span>
+              </div>`
+                : ""
+            }
+            ${
+              transactionDetails.receiver
+                ? `<div class="flex align-center gap-0-3">
+                <span style="font-size: 0.85rem; color: rgba(var(--text-color), 0.7);">To:</span>
+                <span class="address-to interactive" data-address="${transactionDetails.receiver}" style="font-size: 0.85rem; color: var(--color-primary); cursor: pointer;">${toAddress}</span>
+              </div>`
+                : ""
+            }
+            <div class="flex align-center gap-0-3">
+              <span style="font-size: 0.85rem; color: rgba(var(--text-color), 0.7);">Tx:</span>
+              <span class="txid interactive" data-txid="${
+                transactionDetails.txid
+              }" style="font-size: 0.85rem; color: var(--color-primary,#92a2ff); cursor: pointer;">${txHashShort}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+
+          // Add event listeners
+          transactionCard
+            .querySelectorAll(".address-from, .address-to")
+            .forEach((el) => {
+              el.addEventListener("click", (e) => {
+                e.stopPropagation();
+                const address = el.dataset.address;
+                if (address) {
+                  window.location.hash = `#/balance/${address}`;
+                }
+              });
+            });
+
+          transactionCard
+            .querySelector(".txid")
+            .addEventListener("click", (e) => {
+              e.stopPropagation();
+            });
+
+          transactionCard.classList.add("interactive");
+          return transactionCard;
+        },
+
+        queryResult(query) {
+          const type = checkQueryStringType(query);
+
+          if (type === "address") {
+            getRef("tx_details").classList.add("hidden");
+            getRef("address_transactions").classList.remove("hidden");
+            render.transactions(query);
+
+            if (bscOperator.isValidAddress(query)) {
+              checkBalance(query);
+            }
+          } else if (type === "txid") {
+            getRef("bsc_balance_wrapper").classList.add("hidden");
+            getRef("address_transactions").classList.add("hidden");
+            render.txDetails(query);
+            if (transactionsLazyLoader) {
+              transactionsLazyLoader.clear();
+              transactionsLazyLoader = null;
+            }
+          } else {
+            if (transactionsLazyLoader) {
+              transactionsLazyLoader.clear();
+              transactionsLazyLoader = null;
+            }
+            getRef("address_transactions").classList.add("hidden");
+            getRef("tx_details").classList.add("hidden");
+            notify("Invalid Binance address or transaction hash", "error");
+          }
+        },
+
+        // Transaction details view
+        async txDetails(txId) {
+          if (!txId || !/^0x([A-Fa-f0-9]{64})$/.test(txId)) {
+            notify("Invalid transaction hash", "error");
+            return;
+          }
+
+          getRef("tx_details").classList.remove("hidden");
+          renderElem(
+            getRef("tx_details"),
+            html`
+              <div class="tx-details-container">
+                <div class="tx-header">
+                  <h2 class="tx-title">Transaction Details</h2>
+                </div>
+
+                <div id="tx_details_container" class="tx-content">
+                  <div class="tx-card">
+                    <!-- Status Header -->
+                    <div class="tx-status-header">
+                      <div
+                        id="tx_status_indicator"
+                        class="status-indicator"
+                      ></div>
+                      <div class="status-details">
+                        <h3 id="tx_status_title" class="status-title"></h3>
+                        <p id="tx_status_subtext" class="status-subtext"></p>
+                      </div>
+                    </div>
+
+                    <!-- Main Transaction Info -->
+                    <div class="tx-info-grid">
+                      <!-- From/To Section -->
+                      <div class="tx-address-section">
+                        <div class="address-card">
+                          <label class="address-label">From</label>
+                          <sm-copy
+                            id="tx_from"
+                            class="address-value"
+                            button-class="copy-button"
+                          ></sm-copy>
+                        </div>
+
+                        <div class="tx-arrow">→</div>
+
+                        <div class="address-card">
+                          <label class="address-label">To</label>
+                          <sm-copy
+                            id="tx_to"
+                            class="address-value"
+                            button-class="copy-button"
+                          ></sm-copy>
+                        </div>
+                      </div>
+
+                      <!-- Transaction Hash -->
+                      <div class="tx-hash-section">
+                        <label class="section-label">Transaction Hash</label>
+                        <sm-copy
+                          id="tx_hash"
+                          class="hash-value"
+                          button-class="copy-button"
+                        ></sm-copy>
+                      </div>
+
+                      <!-- Metrics Grid -->
+                      <div class="tx-metrics-grid">
+                        <div class="metric-card">
+                          <label class="metric-label">Amount</label>
+                          <div id="tx_value" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Transaction Fee</label>
+                          <div id="tx_fee" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Status</label>
+                          <div id="tx_status" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Timestamp</label>
+                          <div id="tx_timestamp" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Block</label>
+                          <div id="tx_block" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Gas Price</label>
+                          <div id="tx_gasPrice" class="metric-value"></div>
+                        </div>
+
+                        <div class="metric-card">
+                          <label class="metric-label">Gas Used</label>
+                          <div id="tx_gasUsed" class="metric-value"></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            `
+          );
+
+          try {
+            // Fetch and display transaction details
+            const tx = await bscOperator.getTransactionDetails(txId);
+
+            if (!tx) {
+              renderElem(
+                getRef("tx_details_container"),
+                html`
+                  <div class="error-state">
+                    <div class="error-icon">!</div>
+                    <h3>Transaction Not Found</h3>
+                    <p>
+                      The requested transaction could not be found on the
+                      network.
+                    </p>
+                    <button
+                      class="button"
+                      onclick="getRef('tx_details').classList.add('hidden')"
+                    >
+                      Close
+                    </button>
+                  </div>
+                `
+              );
+              return;
+            }
+
+            updateTransactionDetails(tx);
+          } catch (error) {
+            console.error("Error fetching transaction details:", error);
+            renderElem(
+              getRef("tx_details_container"),
+              html`
+                <div class="error-state">
+                  <div class="error-icon">⚠️</div>
+                  <h3>Error Loading Transaction</h3>
+                  <p>
+                    We encountered an issue fetching the transaction details.
+                    Please try again later.
+                  </p>
+                  <button
+                    class="button"
+                    onclick="getRef('tx_details').classList.add('hidden')"
+                  >
+                    Close
+                  </button>
+                </div>
+              `
+            );
+          }
+        },
+      };
+
+      function checkQueryStringType(str) {
+        if (bscOperator.isValidAddress(str)) {
+          return "address";
+        } else if (/^0x([A-Fa-f0-9]{64})$/.test(str)) {
+          return "txid";
+        } else {
+          return "invalid";
+        }
+      }
+
+      function getFormattedTime(timestamp) {
+        try {
+          if (String(timestamp).length < 13) timestamp *= 1000;
+          let [day, month, date, year] = new Date(timestamp)
+              .toString()
+              .split(" "),
+            minutes = new Date(timestamp).getMinutes(),
+            hours = new Date(timestamp).getHours();
+
+          minutes = minutes < 10 ? `0${minutes}` : minutes;
+          const finalHours =
+            hours >= 12
+              ? `${hours === 12 ? 12 : hours - 12}:${minutes} PM`
+              : `${hours === 0 ? 12 : hours}:${minutes} AM`;
+
+          return `${date} ${month} ${year}, ${finalHours}`;
+        } catch (e) {
+          console.error(e);
+          return timestamp;
+        }
+      }
+
       function renderHome(state) {
         getRef("page_container").dataset.page = "home";
         renderElem(
@@ -924,8 +1777,87 @@
                   </div>
                 </div>
               </sm-form>
-              <div id="bsc_balance_wrapper" class="grid gap-2 hidden"></div>
+              <div id="bsc_balance_wrapper" class="grid gap-2 hidden">
+                 <div class="balance-card">
+                  <div class="grid">
+                    <div class="label">BSC address</div>
+                    <sm-copy id="BSC_address"></sm-copy>
+                  </div>
+                  <div class="grid gap-1">
+                    <h4>Balance</h4>
+                    <ul
+                      id="token_balances"
+                      class="flex flex-direction-column gap-0-5"
+                    >
+                      <li class="flex align-center space-between">
+                        <p>BNB</p>
+                        <b id="Binance_balance" class="bsc-value"></b>
+                      </li>
+                      <li class="flex align-center space-between">
+                        <p>USDC</p>
+                        <b id="usdc_balance" class="bsc-value"></b>
+                      </li>
+                      <li class="flex align-center space-between">
+                        <p>USDT</p>
+                        <b id="usdt_balance" class="bsc-value"></b>
+                      </li>
+                    </ul>
+                  </div>
+                </div></div>
+                <div
+                id="address_transactions"
+                class="grid gap-2 hidden"
+                style="width: min(32rem, 100%);"
+              >
+                <div
+                  class="flex flex-direction-column gap-0-5 sticky top-0"
+                  style="background-color: rgba(var(--foreground-color), 1); z-index: 2; padding: 1rem 0; border-bottom: 1px solid rgba(var(--text-color), 0.1);"
+                >
+                  <div class="flex align-center gap-0-5 space-between">
+                    <h4>Transactions</h4>
+                    <sm-chips
+                      id="filter_selector"
+                      onchange=${(e) =>
+                        render.transactions(
+                          getRef("check_balance_input").value
+                        )}
+                    >
+                      <sm-chip value="all" selected>All</sm-chip>
+                      <sm-chip value="sent">Sent</sm-chip>
+                      <sm-chip value="received">Received</sm-chip>
+                    </sm-chips>
+                  </div>
+                </div>
+                <ul
+                  id="transactions_list"
+                  class="observe-empty-state grid gap-1"
+                ></ul>
+                <div
+                  class="empty-state align-self-center text-center margin-top-2"
+                >
+                  <svg
+                    class="icon"
+                    xmlns="http://www.w3.org/2000/svg"
+                    height="48px"
+                    viewBox="0 0 24 24"
+                    width="48px"
+                    fill="rgba(var(--text-color), 0.5)"
+                  >
+                    <path d="M0 0h24v24H0V0z" fill="none" />
+                    <path
+                      d="M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z"
+                    />
+                  </svg>
+                  <p
+                    class="margin-top-1"
+                    style="color: rgba(var(--text-color), 0.7);"
+                  >
+                    Transactions will appear here
+                  </p>
+                </div>
+              </div>
             </section>
+             <div id="tx_details" class="hidden"></div>
           `
         );
         if (
@@ -1113,18 +2045,416 @@
             console.error(error);
           });
       }
+      function renderTdx(state) {
+        getRef("page_container").dataset.page = "tdx";
+
+        const txId = state.wildcards[0];
+
+        if (!txId || !/^0x([A-Fa-f0-9]{64})$/.test(txId)) {
+          notify("Invalid transaction hash", "error");
+          router.routeTo("#/balance");
+          return;
+        }
+
+        renderElem(
+          getRef("page_container"),
+          html`
+            <section class="tx-details-container">
+              <div class="tx-header">
+                <h2 class="tx-title">Transaction Details</h2>
+
+                ${currentCurrency !== "bsc" && isHistoricApiAvailable
+                  ? html`
+                      <div class="margin-left-1">
+                        <sm-switch
+                          id="tx_valuation_toggle"
+                          ?checked=${showCurrentValue}
+                        >
+                          <p slot="left" class="margin-right-0-5">
+                            Show current value
+                          </p>
+                        </sm-switch>
+                      </div>
+                    `
+                  : ""}
+              </div>
+
+              <div id="tx_details_container" class="tx-content">
+                <div class="loading-state" style="display: flex; flex-direction: column; align-items: center;">
+                  <sm-spinner size="lg"></sm-spinner>
+                  <p class="loading-text">Fetching transaction details...</p>
+                </div>
+              </div>
+            </section>
+          `
+        );
+
+        // Fetch and display transaction details
+        bscOperator
+          .getTransactionDetails(txId)
+          .then(async (tx) => {
+            if (!tx) {
+              renderNotFound();
+              return;
+            }
+
+            // Store the address for back navigation
+            window.lastViewedAddress = tx.from;
+
+            const value = tx.value
+              ? ethers.utils.formatEther(ethers.BigNumber.from(tx.value._hex))
+              : "0";
+            const gasPrice = tx.gasPrice
+              ? ethers.utils.formatUnits(
+                  ethers.BigNumber.from(tx.gasPrice._hex),
+                  "gwei"
+                )
+              : "N/A";
+            const gasUsed = tx.gasUsed
+              ? ethers.utils.formatUnits(ethers.BigNumber.from(tx.gasUsed._hex))
+              : "Pending";
+            const timestamp = tx.timeStamp
+              ? getFormattedTime(tx.timeStamp)
+              : "Pending";
+            const status = tx.blockNumber ? "confirmed" : "pending";
+
+            const fee =
+              tx.gasUsed && tx.gasPrice
+                ? ethers.utils.formatEther(
+                    ethers.BigNumber.from(tx.gasUsed._hex).mul(
+                      ethers.BigNumber.from(tx.gasPrice._hex)
+                    )
+                  )
+                : "Pending";
+
+            renderElem(
+              getRef("tx_details_container"),
+              html`
+                <div class="tx-card" id="tx-status">
+                  <!-- Status Header -->
+                  <div class="tx-status-header">
+                    <div
+                      id="tx_status_indicator"
+                      class="status-indicator"
+                    ></div>
+                    <div class="status-details">
+                      <h3 id="tx_status_title" class="status-title"></h3>
+                      <p id="tx_status_subtext" class="status-subtext"></p>
+                    </div>
+                  </div>
+
+                  <!-- Main Transaction Info -->
+                  <div class="tx-info-grid">
+                    <!-- From/To Section -->
+                    <div class="tx-address-section">
+                      <div class="address-card">
+                        <label class="address-label">From</label>
+                        <sm-copy id="tx_from" class="address-value"></sm-copy>
+                      </div>
+
+                      <div class="tx-arrow">→</div>
+
+                      <div class="address-card">
+                        <label class="address-label">To</label>
+                        <sm-copy id="tx_to" class="address-value"></sm-copy>
+                      </div>
+                    </div>
+
+                    <!-- Transaction Hash -->
+                    <div class="tx-hash-section">
+                      <label class="section-label">Transaction Hash</label>
+                      <sm-copy id="tx_hash" class="hash-value"></sm-copy>
+                    </div>
+
+                    <!-- Metrics Grid -->
+                    <div class="tx-metrics-grid">
+                      <div class="metric-card">
+                        <label class="metric-label">Value</label>
+                        <div
+                          id="tx_value"
+                          class="metric-value bsc-value"
+                          data-eth="${value}"
+                          data-timestamp="${tx.timeStamp || ""}"
+                        ></div>
+                      </div>
+
+                      <div class="metric-card">
+                        <label class="metric-label">Gas Price</label>
+                        <div id="tx_gasPrice" class="metric-value"></div>
+                      </div>
+
+                      <div class="metric-card">
+                        <label class="metric-label">Transaction Fee</label>
+                        <div
+                          id="tx_fee"
+                          class="metric-value bsc-value"
+                          data-eth="${fee}"
+                          data-timestamp="${tx.timeStamp || ""}"
+                        ></div>
+                      </div>
+
+                      <div class="metric-card">
+                        <label class="metric-label">Timestamp</label>
+                        <div id="tx_timestamp" class="metric-value"></div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              `
+            );
+
+            if (getRef("tx_status_indicator")) {
+              const statusIndicator = getRef("tx_status_indicator");
+              if (status === "confirmed") {
+                statusIndicator.style.backgroundColor = "var(--color-success)";
+                statusIndicator.style.boxShadow =
+                  "0 0 0 4px rgba(var(--color-success-rgb), 0.2)";
+              } else {
+                statusIndicator.style.backgroundColor = "var(--color-warning)";
+                statusIndicator.style.boxShadow =
+                  "0 0 0 4px rgba(var(--color-warning-rgb), 0.2)";
+              }
+            }
+
+            if (getRef("tx_status_title")) {
+              getRef("tx_status_title").textContent =
+                status === "confirmed"
+                  ? "Transaction Confirmed"
+                  : "Transaction Pending";
+            }
+
+            if (getRef("tx_status_subtext")) {
+              getRef("tx_status_subtext").textContent =
+                status === "confirmed"
+                  ? `Included in Block #${tx.blockNumber}`
+                  : "";
+            }
+
+            if (getRef("tx_status")) getRef("tx_status").value = status;
+            if (getRef("tx-status")) getRef("tx-status").value = tx.status;
+            if (getRef("tx_from")) {
+              getRef("tx_from").value = tx.from;
+              getRef("tx_from").addEventListener("click", function (e) {
+                if (!e.target.closest("sm-copy button")) {
+                  const address = getRef("tx_from").value;
+                  window.location.hash = `#/balance/${address}`;
+                  checkBalance(address);
+                }
+              });
+              getRef("tx_from").style.cursor = "pointer";
+              getRef("tx_from").title = "View address details";
+            }
+
+            if (getRef("tx_to")) {
+              getRef("tx_to").value = tx.to || "Contract Creation";
+              if (tx.to) {
+                getRef("tx_to").addEventListener("click", function (e) {
+                  if (!e.target.closest("sm-copy button")) {
+                    const address = getRef("tx_to").value;
+                    window.location.hash = `#/balance/${address}`;
+                    checkBalance(address);
+                  }
+                });
+                getRef("tx_to").style.cursor = "pointer";
+                getRef("tx_to").title = "View address details";
+              }
+            }
+
+            if (getRef("tx_hash")) getRef("tx_hash").value = tx.hash;
+
+            if (getRef("tx_value")) {
+              getRef("tx_value").dataset.bsc = value;
+              getRef("tx_value").dataset.timestamp = tx.timeStamp || "";
+              getRef("tx_value").classList.add("bsc-value");
+              getRef("tx_value").textContent = formatCurrency(value);
+            }
+
+            if (getRef("tx_gasPrice"))
+              getRef("tx_gasPrice").textContent = `${gasPrice} Gwei`;
+            if (getRef("tx_fee")) {
+              getRef("tx_fee").dataset.bsc = fee;
+              getRef("tx_fee").dataset.timestamp = tx.timeStamp || "";
+              getRef("tx_fee").classList.add("bsc-value");
+              getRef("tx_fee").textContent = formatCurrency(fee);
+            }
+            if (getRef("tx_timestamp"))
+              getRef("tx_timestamp").textContent = timestamp;
+
+            if (getRef("tx_valuation_toggle")) {
+              // Clear any previous event listeners by replacing with a fresh element
+              const toggle = getRef("tx_valuation_toggle");
+              const toggleParent = toggle.parentElement;
+              const newToggle = toggle.cloneNode(true);
+
+              // Add our event listener to the new element before inserting it
+              newToggle.addEventListener("change", async (e) => {
+                showCurrentValue = e.target.checked;
+                localStorage.setItem(
+                  "eth-wallet-show-current-value",
+                  showCurrentValue
+                );
+
+                // Get elements directly to ensure we update them
+                const valueElement = getRef("tx_value");
+                const feeElement = getRef("tx_fee");
+
+                if (valueElement && valueElement.dataset.eth) {
+                  const ethAmount = parseFloat(valueElement.dataset.eth);
+                  const timestamp = valueElement.dataset.timestamp;
+                  valueElement.textContent = await getConvertedAmount(
+                    ethAmount,
+                    timestamp
+                  );
+                }
+
+                if (feeElement && feeElement.dataset.eth) {
+                  const ethFee = parseFloat(feeElement.dataset.eth);
+                  const timestamp = feeElement.dataset.timestamp;
+                  feeElement.textContent = await getConvertedAmount(
+                    ethFee,
+                    timestamp
+                  );
+                }
+              });
+
+              // Replace the original toggle with our new one
+              toggleParent.replaceChild(newToggle, toggle);
+            }
+            convertAllDisplayedCurrency();
+            if (currentCurrency !== "bsc" && !isHistoricApiAvailable) {
+              testHistoricalAPIAndRenderToggle();
+            }
+          })
+          .catch((error) => {
+            console.error("Error:", error);
+            renderErrorState();
+          });
+
+        // Helper functions
+        function renderNotFound() {
+          renderElem(
+            getRef("tx_details_container"),
+            html`
+              <div class="error-state">
+                <div class="error-icon">!</div>
+                <h3>Transaction Not Found</h3>
+                <p>
+                  The requested transaction could not be found on the network.
+                </p>
+                <sm-button onclick="router.routeTo('#/balance')">
+                  Back to Balance
+                </sm-button>
+              </div>
+            `
+          );
+        }
+
+        function renderErrorState() {
+          renderElem(
+            getRef("tx_details_container"),
+            html`
+              <div class="error-state">
+                <div class="error-icon">⚠️</div>
+                <h3>Error Loading Transaction</h3>
+                <p>
+                  We encountered an issue fetching the transaction details.
+                  Please try again later.
+                </p>
+                <sm-button
+                  variant="primary"
+                  onclick="router.routeTo('#/balance')"
+                  class="back-button"
+                >
+                  Back to Balance
+                </sm-button>
+              </div>
+            `
+          );
+        }
+      }
+
+      // Function to update transaction details toggle
+      function updateTransactionDetailsToggle() {
+        if (getRef("page_container")?.dataset?.page !== "tdx") return;
+
+        const toggleContainer = document.querySelector(".tx-header");
+        if (!toggleContainer) return;
+
+        const existingToggle =
+          toggleContainer.querySelector(".margin-left-auto");
+
+        if (currentCurrency === "bsc") {
+          if (existingToggle) existingToggle.remove();
+          return;
+        }
+
+        if (
+          currentCurrency !== "bsc" &&
+          isHistoricApiAvailable &&
+          !existingToggle
+        ) {
+          const toggleDiv = document.createElement("div");
+          toggleDiv.className = "margin-left-auto";
+          toggleDiv.innerHTML = `
+      <sm-switch id="tx_valuation_toggle" ${showCurrentValue ? "checked" : ""}>
+        <p slot="left" class="margin-right-0-5">
+          Show current value
+        </p>
+      </sm-switch>
+    `;
+          toggleContainer.appendChild(toggleDiv);
+
+          const toggle = toggleDiv.querySelector("sm-switch");
+          toggle.addEventListener("change", async (e) => {
+            showCurrentValue = e.target.checked;
+            localStorage.setItem(
+              "bsc-wallet-show-current-value",
+              showCurrentValue
+            );
+
+            const valueElement = getRef("tx_value");
+            const feeElement = getRef("tx_fee");
+
+            if (valueElement && valueElement.dataset.bsc) {
+              const bscAmount = parseFloat(valueElement.dataset.bsc);
+              const timestamp = valueElement.dataset.timestamp;
+              valueElement.textContent = await getConvertedAmount(
+                bscAmount,
+                timestamp
+              );
+            }
+
+            if (feeElement && feeElement.dataset.bsc) {
+              const bscFee = parseFloat(feeElement.dataset.bsc);
+              const timestamp = feeElement.dataset.timestamp;
+              feeElement.textContent = await getConvertedAmount(
+                bscFee,
+                timestamp
+              );
+            }
+          });
+        }
+      }
+
       function checkBalance(BSCAddress, floAddress) {
+        if (BSCAddress && getRef("check_balance_input")) {
+          getRef("check_balance_input").value = BSCAddress;
+        }
+
         if (!BSCAddress) {
-          const keyToConvert = document
+          let keyToConvert = document
             .querySelector("#check_balance_input")
             .value.trim();
-          if (bscOperator.isValidAddress(keyToConvert)) {
+
+          if (/^0x[0-9a-fA-F]{64}$/.test(keyToConvert)) {
+            window.location.hash = `#/tdx/${keyToConvert}`;
+            return;
+          } else if (bscOperator.isValidAddress(keyToConvert)) {
             BSCAddress = keyToConvert;
           } else {
             if (/^[0-9a-fA-F]{64}$/.test(keyToConvert)) {
               keyToConvert = coinjs.privkey2wif(keyToConvert);
             }
-            console.log("lkkkk", keyToConvert);
             const ethPrivateKey = coinjs.wif2privkey(keyToConvert).privkey;
             BSCAddress = floEthereum.ethAddressFromPrivateKey(ethPrivateKey);
             floAddress = keyToConvert.startsWith("R")
@@ -1132,7 +2462,14 @@
               : btcOperator.bech32Address(keyToConvert);
           }
         }
+
         if (!BSCAddress) return;
+
+        // Store the address for navigation context
+        window.lastViewedAddress = BSCAddress;
+
+        window.location.hash = `#/balance/${BSCAddress}`;
+
         buttonLoader("check_balance_button", true);
         Promise.all([
           bscOperator.getBalance(BSCAddress),
@@ -1182,20 +2519,35 @@
                 <div class="grid gap-1">
                   <h4>Balance</h4>
                   <ul
-                    id="eth_address_balance"
+                    id="bsc_address_balance"
                     class="flex flex-direction-column gap-0-5"
                   >
                     <li class="flex align-center space-between">
                       <p>Binance</p>
-                      <b id="Binance_balance">${BinanceBalance} BSC</b>
+                      <b
+                        id="Binance_balance"
+                        class="bsc-value"
+                        data-bsc="${BinanceBalance}"
+                        >${formatCurrency(BinanceBalance)}</b
+                      >
                     </li>
                     <li class="flex align-center space-between">
                       <p>USDC</p>
-                      <b id="usdc_balance">${usdcBalance} USDC</b>
+                      <b
+                        id="usdc_balance"
+                        class="bsc-value"
+                        data-bsc="${usdcBalance}"
+                        >${usdcBalance} USDC</b
+                      >
                     </li>
                     <li class="flex align-center space-between">
                       <p>USDT</p>
-                      <b id="usdt_balance">${usdtBalance} USDT</b>
+                      <b
+                        id="usdt_balance"
+                        class="bsc-value"
+                        data-bsc="${usdtBalance}"
+                        >${usdtBalance} USDT</b
+                      >
                     </li>
                   </ul>
                 </div>
@@ -1219,6 +2571,8 @@
                 fill: "forwards",
               }
             );
+            // Show transaction history after balance is shown
+            render.transactions(BSCAddress);
           })
           .catch((error) => {
             notify(error, "error");
@@ -1227,16 +2581,18 @@
             buttonLoader("check_balance_button", false);
           });
       }
-     
-
 
       function handleInvalidSearch() {
-        if (document.startViewTransition)
+        if (document.startViewTransition) {
           document.startViewTransition(() => {
             getRef("bsc_balance_wrapper").classList.add("hidden");
+            getRef("address_transactions").classList.add("hidden");
+            getRef("check_balance_input").value = "";
           });
-        else {
+        } else {
           getRef("bsc_balance_wrapper").classList.add("hidden");
+          getRef("address_transactions").classList.add("hidden");
+          getRef("check_balance_input").value = "";
         }
       }
       async function deleteContact(floAddress) {
@@ -2045,6 +3401,55 @@
           });
         } else retrieve();
       }
+
+      function testHistoricalAPIAndRenderToggle() {
+        const oneWeekAgo = Math.floor(Date.now() / 1000) - 7 * 24 * 60 * 60;
+
+        fetchHistoricalRate(oneWeekAgo)
+          .then((rates) => {
+            if (rates && (rates.usd > 0 || rates.inr > 0)) {
+              isHistoricApiAvailable = true;
+              renderValuationToggle();
+            } else {
+              isHistoricApiAvailable = false;
+            }
+          })
+          .catch(() => {
+            isHistoricApiAvailable = false;
+          });
+      }
+
+      function renderValuationToggle() {
+        if (isHistoricApiAvailable && currentCurrency !== "bsc") {
+          const container = document.querySelector(
+            ".flex.flex-direction-column.gap-0-5.sticky.top-0"
+          );
+          if (container) {
+            const existingToggle = container.querySelector("sm-switch");
+            if (!existingToggle) {
+              const toggleDiv = document.createElement("div");
+              toggleDiv.className = "margin-left-auto";
+              toggleDiv.innerHTML = `
+                <sm-switch id="valuation_toggle" ${
+                  showCurrentValue ? "checked" : ""
+                }>
+                  <p slot="left" class="margin-right-0-5">
+                    Show current value
+                  </p>
+                </sm-switch>
+              `;
+              container.appendChild(toggleDiv);
+
+              document
+                .getElementById("valuation_toggle")
+                .addEventListener("change", (e) => {
+                  handleValuationTypeChange(e.target.checked);
+                });
+            }
+          }
+        }
+      }
+
     </script>
   </body>
 </html>
diff --git a/scripts/bscOperator.js b/scripts/bscOperator.js
index 5fdc5ab..29e3df4 100644
--- a/scripts/bscOperator.js
+++ b/scripts/bscOperator.js
@@ -274,6 +274,72 @@
         })
     })
   }
+  const getTransactionHistory = (bscOperator.getTransactionHistory = async (
+    address
+  ) => {
+    try {
+      if (!address || !isValidAddress(address))
+        return new Error("Invalid address");
+      const url = `https://api.bscscan.com/api?module=account&action=txlist&address=${address}&startblock=0&endblock=99999999&sort=desc&apikey=N7BFDPT7X927YVKWW4XT7VWI6RP2CH38RR`;
+
+      const response = await fetch(url);
+      const data = await response.json();
+
+      if (data.status === "1") {
+        return data.result.map((tx) => ({
+          hash: tx.hash,
+          from: tx.from,
+          to: tx.to,
+          value: tx.value,
+          timeStamp: tx.timeStamp,
+          blockNumber: tx.blockNumber,
+          confirmations: tx.confirmations || 0,
+          gasPrice: tx.gasPrice,
+          gasUsed: tx.gasUsed,
+        }));
+      } else {
+        console.error("Error fetching transaction history:", data.message);
+        return [];
+      }
+    } catch (error) {
+      console.error("Error:", error.message);
+      return error;
+    }
+  });
+
+  const getTransactionDetails = (bscOperator.getTransactionDetails = async (
+    txHash
+  ) => {
+    try {
+      if (!txHash || !/^0x([A-Fa-f0-9]{64})$/.test(txHash)) return null;
+      const provider = getProvider();
+      const tx = await provider.getTransaction(txHash);
+
+      if (!tx) return null;
+      const receipt = await provider.getTransactionReceipt(txHash);
+
+      let timestamp = null;
+      if (tx.blockNumber) {
+        const block = await provider.getBlock(tx.blockNumber);
+        timestamp = block.timestamp;
+      }
+
+      return {
+        hash: tx.hash,
+        from: tx.from,
+        to: tx.to,
+        value: tx.value,
+        gasPrice: tx.gasPrice,
+        gasUsed: receipt ? receipt.gasUsed : null,
+        blockNumber: tx.blockNumber,
+        timeStamp: timestamp,
+        status: receipt ? (receipt.status ? "success" : "failed") : "pending",
+      };
+    } catch (error) {
+      console.error("Error fetching transaction details:", error);
+      return null;
+    }
+  });
   
   
   const getBalance = bscOperator.getBalance = async (address) => {