@cofhe/react 0.0.0-beta-20260402100620 → 0.0.0-beta-20260409102159

package/dist/index.cjs

@@ -768,6 +768,7 @@ __export(index_exports, {
   useCofheClient: () => useCofheClient,
   useCofheConnection: () => useCofheConnection,
   useCofheContext: () => useCofheContext,
+  useCofheEnabled: () => useCofheEnabled,
   useCofheEncrypt: () => useCofheEncrypt,
   useCofheEncryptAndWriteContract: () => useCofheEncryptAndWriteContract,
   useCofheNavigateToCreatePermit: () => useCofheNavigateToCreatePermit,
@@ -799,7 +800,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/providers/CofheProvider.tsx
-var import_react64 = require("react");
+var import_react63 = require("react");
 
 // src/providers/QueryProvider.tsx
 var import_react_query = require("@tanstack/react-query");
@@ -1193,7 +1194,7 @@ function cofheHumanizeViemError(error) {
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 
 // src/components/FnxFloatingButton/FnxFloatingButtonContext.tsx
-var import_react37 = require("react");
+var import_react36 = require("react");
 
 // src/utils/bigintJson.ts
 var BIGINT_JSON_MARKER_KEY = "__bigint__";
@@ -1501,17 +1502,6 @@ var useCofheSelectPermit = ({ onSuccess, onError } = {}) => {
 
 // src/hooks/useCofheReadContract.ts
 var import_ts_essentials = __toESM(require_dist(), 1);
-
-// src/hooks/useIsCofheErrorActive.ts
-var import_sdk2 = require("@cofhe/sdk");
-var import_react5 = require("react");
-var import_react_error_boundary = require("react-error-boundary");
-function useIsCofheErrorActive() {
-  const errorBoundaryContext = (0, import_react5.useContext)(import_react_error_boundary.ErrorBoundaryContext);
-  return errorBoundaryContext?.error instanceof import_sdk2.CofheError;
-}
-
-// src/hooks/useCofheReadContract.ts
 var import_abi = require("@cofhe/abi");
 
 // src/utils/serializeBigint.ts
@@ -1563,8 +1553,8 @@ function constructCofheReadContractQueryForInvalidation({
   return [QUERY_CACHE_PREFIX, cofheChainId, address, functionName];
 }
 function getEnabledForCofheReadContract(params) {
-  const { isCofheErrorActive, publicClient, address, abi, functionName, requiresPermit, hasActivePermit, userEnabled } = params;
-  return !isCofheErrorActive && !!publicClient && !!address && !!abi && !!functionName && (!requiresPermit || hasActivePermit) && (userEnabled ?? true);
+  const { publicClient, address, abi, functionName, requiresPermit, hasActivePermit, userEnabled } = params;
+  return !!publicClient && !!address && !!abi && !!functionName && (!requiresPermit || hasActivePermit) && (userEnabled ?? true);
 }
 function convertReadContractResultToCofheReturnType(value) {
   return value;
@@ -1614,12 +1604,10 @@ function createCofheReadContractQueryOptions(params) {
 }
 function useCofheReadContract(params, queryOptions) {
   const { address, abi, functionName, args, requiresPermit = true } = params;
-  const isCofheErrorActive = useIsCofheErrorActive();
   const publicClient = useCofhePublicClient();
   const cofheChainId = useCofheChainId();
   const activePermit = useCofheActivePermit();
   const enabled = getEnabledForCofheReadContract({
-    isCofheErrorActive,
     publicClient,
     address,
     abi,
@@ -1644,7 +1632,7 @@ function useCofheReadContract(params, queryOptions) {
   );
   return {
     ...result,
-    disabledDueToMissingPermit: requiresPermit && !activePermit
+    disabledDueToMissingValidPermit: requiresPermit && (!activePermit || !activePermit.isValid)
   };
 }
 
@@ -1893,7 +1881,7 @@ function getTokenContractConfig(confidentialityType) {
 
 // src/hooks/useCofheTokenLists.ts
 var import_react_query3 = require("@tanstack/react-query");
-var import_react6 = require("react");
+var import_react5 = require("react");
 function useCofheTokenLists({ chainId }, queryOptions) {
   const widgetConfig = useCofheContext().client.config.react;
   const tokensListsUrls = chainId ? widgetConfig.tokenLists?.[chainId] : [];
@@ -1920,14 +1908,14 @@ function useCofheTokenLists({ chainId }, queryOptions) {
     },
     ...queryOptions
   })) || [];
-  const result = useInternalQueries2({
+  const result = useInternalQueries({
     queries: queriesOptions
   });
   return result;
 }
 function useCofheTokens(chainId) {
   const tokenLists = useCofheTokenLists({ chainId });
-  const tokens = (0, import_react6.useMemo)(() => {
+  const tokens = (0, import_react5.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     tokenLists.forEach((result) => {
       if (!result.data) return;
@@ -1945,7 +1933,7 @@ function useCofheToken({ chainId: _chainId, address }, metdataQueryOptions) {
   const cofheChainId = useCofheChainId();
   const chainId = _chainId ?? cofheChainId;
   const tokens = useCofheTokens(chainId);
-  const tokenFromList = (0, import_react6.useMemo)(() => {
+  const tokenFromList = (0, import_react5.useMemo)(() => {
     if (!address || !chainId) return;
     return tokens.find((t) => t.chainId === chainId && t.address.toLowerCase() === address.toLowerCase());
   }, [address, chainId, tokens]);
@@ -2204,18 +2192,18 @@ function decryptionAwareReadContract({
 }
 
 // src/hooks/useIsWaitingForDecryptionToInvalidate.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 function useAwaitingDecryptionQueryKeySet() {
   const { byKey } = useDecryptionWatchersStore();
-  const cacheKeysAwaitingDecryption = (0, import_react7.useMemo)(() => Object.values(byKey).flatMap((item) => item.queryKeys), [byKey]);
-  return (0, import_react7.useMemo)(
+  const cacheKeysAwaitingDecryption = (0, import_react6.useMemo)(() => Object.values(byKey).flatMap((item) => item.queryKeys), [byKey]);
+  return (0, import_react6.useMemo)(
     () => new Set(cacheKeysAwaitingDecryption.map((key) => JSON.stringify(key))),
     [cacheKeysAwaitingDecryption]
   );
 }
 function useIsWaitingForDecryptionToInvalidate(queryKey) {
   const cacheKeySet = useAwaitingDecryptionQueryKeySet();
-  const result = (0, import_react7.useMemo)(() => cacheKeySet.has(JSON.stringify(queryKey)), [cacheKeySet, queryKey]);
+  const result = (0, import_react6.useMemo)(() => cacheKeySet.has(JSON.stringify(queryKey)), [cacheKeySet, queryKey]);
   cofheLogger.log(`isWaitingForDecryption for queryKey ${JSON.stringify(queryKey)}:`, result);
   return result;
 }
@@ -2447,7 +2435,7 @@ function useTokenAllowance({ tokenAddress, ownerAddress, spenderAddress }, optio
 }
 
 // src/hooks/useStoredTransactions.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_ts_essentials5 = __toESM(require_dist());
 function useStoredTransactions({
   chainId,
@@ -2456,7 +2444,7 @@ function useStoredTransactions({
   reducer
 }) {
   const transactions = useTransactionStore((state) => state.transactions);
-  const transactionsAsArray = (0, import_react8.useMemo)(
+  const transactionsAsArray = (0, import_react7.useMemo)(
     () => Object.values(
       chainId ? (
         // if chainId provided -- will filter on chain's txs first
@@ -2468,7 +2456,7 @@ function useStoredTransactions({
     ),
     [transactions, chainId]
   );
-  const filtered = (0, import_react8.useMemo)(
+  const filtered = (0, import_react7.useMemo)(
     () => transactionsAsArray.filter((tx) => {
       if (account && tx.account.toLowerCase() !== account.toLowerCase()) return false;
       if (filter3 && !filter3(tx)) return false;
@@ -2476,7 +2464,7 @@ function useStoredTransactions({
     }),
     [transactionsAsArray, filter3, account]
   );
-  const reduced = (0, import_react8.useMemo)(() => {
+  const reduced = (0, import_react7.useMemo)(() => {
     return reducer?.(filtered);
   }, [filtered, reducer]);
   const uniqueHashes = new Set(filtered.map((tx) => tx.hash));
@@ -2484,7 +2472,7 @@ function useStoredTransactions({
     uniqueHashes.size === filtered.length,
     "There should be no duplicate transactions with the same hash in the result"
   );
-  const filteredTxsByHash = (0, import_react8.useMemo)(
+  const filteredTxsByHash = (0, import_react7.useMemo)(
     () => filtered.reduce((acc, tx) => {
       return {
         ...acc,
@@ -2533,7 +2521,7 @@ var usePortalModals = (0, import_zustand3.create)()((set, get) => ({
 }));
 
 // src/stores/portalUIStore.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_zustand5 = require("zustand");
 
 // src/stores/portalStatuses.tsx
@@ -2621,7 +2609,7 @@ var usePortalUI = (0, import_zustand5.create)()((set, get) => ({
 }));
 var usePortalUIMaxContentHeight = () => {
   const { contentHeights } = usePortalUI();
-  return (0, import_react9.useMemo)(() => {
+  return (0, import_react8.useMemo)(() => {
     return contentHeights.reduce((max, height) => Math.max(max, height.height), 0);
   }, [contentHeights]);
 };
@@ -2680,10 +2668,10 @@ var usePortalCurrentPage = () => {
 
 // src/components/FnxFloatingButton/components/ToastPrimitives.tsx
 var import_tb = require("react-icons/tb");
-var import_react11 = require("motion/react");
+var import_react10 = require("motion/react");
 
 // src/components/FnxFloatingButton/components/HashLink.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_lu = require("react-icons/lu");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var HashLink = ({
@@ -2738,7 +2726,7 @@ var HashLink = ({
   ] });
 };
 var CopyButton = ({ text, size = 14, className }) => {
-  const [copied, setCopied] = (0, import_react10.useState)(false);
+  const [copied, setCopied] = (0, import_react9.useState)(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     try {
@@ -2803,7 +2791,7 @@ var ToastDurationIndicator = ({ duration, remainingMs, paused, variant }) => {
   const progress = remainingMs / duration;
   const progressColor = variantProgressBarColorMap[variant ?? "base"];
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute bottom-0 left-0 w-full h-1 overflow-hidden", children: paused ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn(progressColor, "h-full origin-right"), style: { transform: `scaleX(${progress})` } }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react11.motion.div,
+    import_react10.motion.div,
     {
       className: cn("h-full origin-right", progressColor),
       initial: { scaleX: progress },
@@ -3024,7 +3012,7 @@ function useTransactionGlobalLifecycle() {
 }
 
 // src/hooks/useTrackPendingTransactions.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 function invalidateConfidentialTokenBalanceQueries(token, queryClient) {
   const tokenBalanceQueryKey = constructCofheReadContractQueryForInvalidation({
     cofheChainId: token.chainId,
@@ -3110,7 +3098,7 @@ function useTrackPendingTransactionsBase({
     refetchOnWindowFocus: false,
     refetchOnReconnect: true
   }));
-  useInternalQueries2({
+  useInternalQueries({
     queries
   });
 }
@@ -3186,8 +3174,8 @@ function useHandleInvalidations() {
 }
 function useOnceTransactionSubmitted(onSubmit) {
   const pendingTransactions = usePendingTransactions();
-  const previousPendingTxsRef = (0, import_react12.useRef)([]);
-  (0, import_react12.useEffect)(() => {
+  const previousPendingTxsRef = (0, import_react11.useRef)([]);
+  (0, import_react11.useEffect)(() => {
     const newlySubmittedTxs = pendingTransactions.filter(
       (tx) => !previousPendingTxsRef.current.some((prevTx) => prevTx.hash === tx.hash)
     );
@@ -3219,10 +3207,10 @@ function useTrackPendingTransactions() {
 }
 
 // src/hooks/useTrackDecryptingTransactions.ts
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/hooks/useTransactionReceiptsByHash.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_ts_essentials7 = __toESM(require_dist(), 1);
 function useTransactionReceiptsByHash({ hashes, chainId: chainIdInput, enabled: enabledInput = true, queryOptions } = {
   enabled: true
@@ -3231,7 +3219,7 @@ function useTransactionReceiptsByHash({ hashes, chainId: chainIdInput, enabled:
   const cofheChainId = useCofheChainId();
   const chainId = chainIdInput ?? cofheChainId;
   const enabled = !!publicClient && !!chainId && enabledInput && hashes !== void 0 && hashes?.size > 0;
-  const queries = (0, import_react13.useMemo)(() => {
+  const queries = (0, import_react12.useMemo)(() => {
     if (!hashes) return [];
     return Array.from(hashes).map((hash) => {
       const queryKey = ["tx-receipt", chainId, hash];
@@ -3250,10 +3238,10 @@ function useTransactionReceiptsByHash({ hashes, chainId: chainIdInput, enabled:
       };
     });
   }, [chainId, enabled, hashes, publicClient, queryOptions]);
-  const queriesResults = useInternalQueries2({
+  const queriesResults = useInternalQueries({
     queries
   });
-  const receiptsByHash = (0, import_react13.useMemo)(() => {
+  const receiptsByHash = (0, import_react12.useMemo)(() => {
     cofheLogger.log("useTransactionReceiptsByHash - receiptsByHash recalculated");
     if (!hashes) return {};
     return Array.from(hashes).reduce((acc, hash, i) => {
@@ -3269,8 +3257,8 @@ function useTransactionReceiptsByHash({ hashes, chainId: chainIdInput, enabled:
 var import_ts_essentials8 = __toESM(require_dist());
 
 // src/hooks/useCofheReadDecryptionResults.ts
-var import_react14 = require("react");
-var import_sdk3 = require("@cofhe/sdk");
+var import_react13 = require("react");
+var import_sdk2 = require("@cofhe/sdk");
 function abortError2(message = "Aborted") {
   const err = new Error(message);
   err.name = "AbortError";
@@ -3325,7 +3313,7 @@ var DECRYPTION_RESULT_POLLING_INTERVAL_MS = 5e3;
 function useCofheReadDecryptionResults(ciphertexts) {
   const publicClient = useCofhePublicClient();
   const chainId = useCofheChainId();
-  const queries = (0, import_react14.useMemo)(() => {
+  const queries = (0, import_react13.useMemo)(() => {
     return Array.from(ciphertexts).map((ct) => {
       return {
         queryKey: ["decryptionResult", chainId, ct],
@@ -3334,7 +3322,7 @@ function useCofheReadDecryptionResults(ciphertexts) {
           while (!signal.aborted) {
             const [res, block] = await Promise.allSettled([
               publicClient.readContract({
-                address: import_sdk3.TASK_MANAGER_ADDRESS,
+                address: import_sdk2.TASK_MANAGER_ADDRESS,
                 abi: TASK_MANAGER_ABI,
                 functionName: "getDecryptResultSafe",
                 args: [BigInt(ct)]
@@ -3365,8 +3353,8 @@ function useCofheReadDecryptionResults(ciphertexts) {
       };
     });
   }, [chainId, ciphertexts, publicClient]);
-  const results = useInternalQueries2({ queries });
-  const isDecryptedByCt = (0, import_react14.useMemo)(() => {
+  const results = useInternalQueries({ queries });
+  const isDecryptedByCt = (0, import_react13.useMemo)(() => {
     return results.reduce((record, res, index) => {
       const ct = Array.from(ciphertexts)[index];
       record[ct] = res.data;
@@ -3379,7 +3367,7 @@ function useCofheReadDecryptionResults(ciphertexts) {
 // src/hooks/useTrackDecryptingTransactions.ts
 function useHandleInvalidationsAfterDecryption() {
   const queryClient = useInternalQueryClient();
-  return (0, import_react15.useCallback)(
+  return (0, import_react14.useCallback)(
     async (_tx, decryptionWatcher) => {
       cofheLogger.log("Invalidating queries for decryption watcher:", decryptionWatcher);
       for (const queryKey of decryptionWatcher.queryKeys) {
@@ -3402,7 +3390,7 @@ function useTrackDecryptingTransactionsBase({ onDecryptionResolve }) {
   const { receiptsByHash } = useTransactionReceiptsByHash({
     hashes
   });
-  const minedTxsWithCiphertextsToWatch = (0, import_react15.useMemo)(() => {
+  const minedTxsWithCiphertextsToWatch = (0, import_react14.useMemo)(() => {
     return Object.entries(minedTxsPendingDecryptionByHash).filter(([, tx]) => receiptsByHash[tx.hash] !== void 0).map(([, tx]) => {
       const ciphertextToWatch = findDecryptRequestLog(tx.account, receiptsByHash[tx.hash].logs)?.ciphertext;
       (0, import_ts_essentials8.assert)(
@@ -3416,13 +3404,13 @@ function useTrackDecryptingTransactionsBase({ onDecryptionResolve }) {
       };
     });
   }, [minedTxsPendingDecryptionByHash, receiptsByHash]);
-  const ciphertextsToWatch = (0, import_react15.useMemo)(() => {
+  const ciphertextsToWatch = (0, import_react14.useMemo)(() => {
     return new Set(minedTxsWithCiphertextsToWatch.map(({ ciphertextToWatch }) => ciphertextToWatch));
   }, [minedTxsWithCiphertextsToWatch]);
   const decryptionResults = useCofheReadDecryptionResults(ciphertextsToWatch);
   const queryClient = useInternalQueryClient();
   const { setDecryptionObservedAt } = useDecryptionWatchersStore();
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const txsWithDecryptionResults = minedTxsWithCiphertextsToWatch.filter(({ ciphertextToWatch }) => decryptionResults[ciphertextToWatch] !== void 0).map((item) => {
       const decryptionResult = decryptionResults[item.ciphertextToWatch];
       (0, import_ts_essentials8.assert)(decryptionResult, "decryptionResult must be defined here");
@@ -3457,24 +3445,24 @@ function useTrackDecryptingTransactionsBase({ onDecryptionResolve }) {
 }
 function useOnDecryptionCallback({ onDecryptionResolve }) {
   const { byKey } = useDecryptionWatchersStore();
-  const watchersWithObservedDecryption = (0, import_react15.useMemo)(
+  const watchersWithObservedDecryption = (0, import_react14.useMemo)(
     () => Object.values(byKey).filter((item) => item.decryptionObservedAt !== void 0),
     [byKey]
   );
   cofheLogger.log("All observed decryptions:", watchersWithObservedDecryption);
-  const handleDecryptionResolve = (0, import_react15.useCallback)(async () => {
+  const handleDecryptionResolve = (0, import_react14.useCallback)(async () => {
     const transactionStore = useTransactionStore.getState().transactions;
     for (const sch of watchersWithObservedDecryption) {
       const tx = transactionStore[sch.chainId]?.[sch.triggerTxHash];
       onDecryptionResolve(tx, sch);
     }
   }, [watchersWithObservedDecryption, onDecryptionResolve]);
-  const stableHandleDecryptionResolve = (0, import_react15.useRef)(handleDecryptionResolve);
+  const stableHandleDecryptionResolve = (0, import_react14.useRef)(handleDecryptionResolve);
   stableHandleDecryptionResolve.current = handleDecryptionResolve;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     stableHandleDecryptionResolve.current = handleDecryptionResolve;
   }, [handleDecryptionResolve]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (watchersWithObservedDecryption.length > 0) {
       cofheLogger.log("All observed decryption query keys subject to invalidate:", watchersWithObservedDecryption);
       stableHandleDecryptionResolve.current();
@@ -3511,6 +3499,35 @@ function useTrackDecryptingTransactions() {
   });
 }
 
+// src/hooks/useCofheEnabled.ts
+var import_sdk3 = require("@cofhe/sdk");
+var TASK_MANAGER_IS_ENABLED_ABI = [
+  {
+    type: "function",
+    name: "isEnabled",
+    inputs: [],
+    outputs: [
+      {
+        name: "enabled",
+        type: "bool",
+        internalType: "bool"
+      }
+    ],
+    stateMutability: "view"
+  }
+];
+function useCofheEnabled(options) {
+  return useCofheReadContract(
+    {
+      address: import_sdk3.TASK_MANAGER_ADDRESS,
+      abi: TASK_MANAGER_IS_ENABLED_ABI,
+      functionName: "isEnabled",
+      requiresPermit: false
+    },
+    options
+  );
+}
+
 // src/hooks/useCofheClient.ts
 var useCofheClient = () => {
   return useCofheContext().client;
@@ -3535,9 +3552,8 @@ function useCofheDecrypt({
   onPoll: onPoll2
 }, queryOptions) {
   const { client } = useCofheContext();
-  const isCofheErrorActive = useIsCofheErrorActive();
   const { enabled: userEnabled, ...restQueryOptions } = queryOptions || {};
-  const enabled = !!input && BigInt(input.ctHash) > 0n && !isCofheErrorActive && !!client && (userEnabled ?? true);
+  const enabled = !!input && BigInt(input.ctHash) > 0n && !!client && (userEnabled ?? true);
   return useInternalQuery({
     enabled,
     queryKey: ["decryptCiphertext", input?.ctHash.toString(), input?.utype],
@@ -3591,7 +3607,7 @@ function useCofheReadContractAndDecrypt(params, {
   return {
     encrypted,
     decrypted,
-    disabledDueToMissingPermit: encrypted.disabledDueToMissingPermit
+    disabledDueToMissingValidPermit: encrypted.disabledDueToMissingValidPermit
   };
 }
 
@@ -3602,7 +3618,7 @@ function useCofheTokenDecryptedBalance({ token, accountAddress, displayDecimals
   const {
     decrypted: { data: decryptedData, isFetching: isDecryptionFetching },
     encrypted: { isFetching: isEncryptedFetching, refetch: refetchCiphertext },
-    disabledDueToMissingPermit
+    disabledDueToMissingValidPermit
   } = useCofheReadContractAndDecrypt(
     {
       address: token?.address,
@@ -3630,7 +3646,7 @@ function useCofheTokenDecryptedBalance({ token, accountAddress, displayDecimals
     }
   );
   return {
-    disabledDueToMissingPermit,
+    disabledDueToMissingValidPermit,
     data: decryptedData,
     isFetching: isDecryptionFetching || isEncryptedFetching,
     refetch: refetchCiphertext
@@ -3650,7 +3666,7 @@ var import_ts_essentials11 = __toESM(require_dist(), 1);
 
 // src/hooks/internal/useStepsState.ts
 var import_sdk7 = require("@cofhe/sdk");
-var import_react16 = require("react");
+var import_react15 = require("react");
 function validateAndCompactizeSteps(encSteps) {
   const result = {};
   encSteps.forEach((encStep, index) => {
@@ -3662,19 +3678,19 @@ function validateAndCompactizeSteps(encSteps) {
   return result;
 }
 function useStepsState() {
-  const [steps, setSteps] = (0, import_react16.useState)({});
-  const [currentKey, setCurrentKey] = (0, import_react16.useState)(null);
-  const onStep = (0, import_react16.useCallback)((key, step, context) => {
+  const [steps, setSteps] = (0, import_react15.useState)({});
+  const [currentKey, setCurrentKey] = (0, import_react15.useState)(null);
+  const onStep = (0, import_react15.useCallback)((key, step, context) => {
     if (step === import_sdk7.EncryptStep.InitTfhe && context?.isStart) {
       setSteps((prev) => ({ ...prev, [key]: [{ step, context }] }));
     } else {
       setSteps((prev) => ({ ...prev, [key]: [...prev[key], { step, context }] }));
     }
   }, []);
-  const onSetKey = (0, import_react16.useCallback)((key) => {
+  const onSetKey = (0, import_react15.useCallback)((key) => {
     setCurrentKey(key);
   }, []);
-  const compactSteps = (0, import_react16.useMemo)(
+  const compactSteps = (0, import_react15.useMemo)(
     () => validateAndCompactizeSteps(currentKey ? steps[currentKey] : []),
     [steps, currentKey]
   );
@@ -4105,10 +4121,10 @@ var import_viem15 = require("viem");
 var import_ts_essentials15 = __toESM(require_dist(), 1);
 
 // src/hooks/useStoredTransaction.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_ts_essentials14 = __toESM(require_dist(), 1);
 function useStoredTransaction(txHash) {
-  const filter3 = (0, import_react17.useMemo)(() => {
+  const filter3 = (0, import_react16.useMemo)(() => {
     return (tx) => tx.hash === txHash;
   }, [txHash]);
   const { filteredTxs } = useStoredTransactions({ filter: filter3 });
@@ -4117,7 +4133,7 @@ function useStoredTransaction(txHash) {
 }
 
 // src/hooks/useOnceTransactionMined.ts
-var import_react18 = require("react");
+var import_react17 = require("react");
 function useOnceTransactionMined({
   txHash,
   onceMined
@@ -4140,8 +4156,8 @@ function useStoredTransactionStatusEffect({
   onTransactionStatusChange
 }) {
   const transaction = useStoredTransaction(txHash);
-  const previousTransactionRef = (0, import_react18.useRef)(void 0);
-  (0, import_react18.useEffect)(() => {
+  const previousTransactionRef = (0, import_react17.useRef)(void 0);
+  (0, import_react17.useEffect)(() => {
     if (!onTransactionStatusChange) return;
     if (previousTransactionRef.current?.status !== transaction?.status && !!transaction) {
       onTransactionStatusChange(previousTransactionRef.current?.status, transaction.status, transaction);
@@ -4154,7 +4170,7 @@ function useStoredTransactionStatusEffect({
 }
 
 // src/hooks/useOnceDecrypted.ts
-var import_react19 = require("react");
+var import_react18 = require("react");
 function useOnceDecrypted({
   txHash,
   onceDecrypted
@@ -4177,8 +4193,8 @@ function useStoredTransactionDecryptionEffect({
   onDecryptionPendingChange
 }) {
   const transaction = useStoredTransaction(txHash);
-  const previousTransactionRef = (0, import_react19.useRef)(void 0);
-  (0, import_react19.useEffect)(() => {
+  const previousTransactionRef = (0, import_react18.useRef)(void 0);
+  (0, import_react18.useEffect)(() => {
     if (!onDecryptionPendingChange) return;
     if (previousTransactionRef.current?.isPendingDecryption !== transaction?.isPendingDecryption && !!transaction) {
       onDecryptionPendingChange(
@@ -4417,14 +4433,14 @@ function useCofheTokenClaimUnshielded(options) {
 
 // src/hooks/useCofheTokensClaimable.ts
 var import_react_query14 = require("@tanstack/react-query");
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_viem18 = require("viem");
 var import_ts_essentials18 = __toESM(require_dist(), 1);
 
 // src/hooks/useNormalizedList.ts
-var import_react20 = require("react");
+var import_react19 = require("react");
 function useNormalizedList(items, options) {
-  return (0, import_react20.useMemo)(() => {
+  return (0, import_react19.useMemo)(() => {
     if (!items || items.length === 0) return [];
     const filter3 = options?.filter;
     const dedupeKey = options?.dedupeKey;
@@ -4448,12 +4464,12 @@ function useNormalizedList(items, options) {
 }
 
 // src/hooks/useIsWaitingForDecryptionByAddress.ts
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_viem17 = require("viem");
 var import_ts_essentials17 = __toESM(require_dist(), 1);
 function useIsWaitingForDecryptionByAddress(entries) {
   const awaitingDecryptionKeySet = useAwaitingDecryptionQueryKeySet();
-  return (0, import_react21.useMemo)(() => {
+  return (0, import_react20.useMemo)(() => {
     const map = {};
     for (const entry of entries) {
       (0, import_ts_essentials17.assert)((0, import_viem17.isAddress)(entry.address), "address is valid");
@@ -4492,7 +4508,7 @@ function useCofheTokensClaimable({ tokens, accountAddress: account }, queryOptio
     sort: claimableSort
   });
   const enabledBase = !!publicClient && !!account && normalizedTokens.length > 0;
-  const waitingEntries = (0, import_react22.useMemo)(() => {
+  const waitingEntries = (0, import_react21.useMemo)(() => {
     if (!account) return [];
     return normalizedTokens.map((token) => ({
       address: token.address,
@@ -4518,7 +4534,7 @@ function useCofheTokensClaimable({ tokens, accountAddress: account }, queryOptio
     filter: pendingClaimsFilter,
     reducer: asBooleanByTokenAddressLowercase
   });
-  const combined = useInternalQueries2({
+  const combined = useInternalQueries({
     queries: normalizedTokens.map((token) => {
       const confidentialityType = token.extensions.fhenix.confidentialityType;
       const queryKey = constructUnshieldClaimsQueryKey({
@@ -4599,7 +4615,7 @@ function useCofheTokensClaimable({ tokens, accountAddress: account }, queryOptio
 }
 
 // src/hooks/useCofheTokensWithExistingEncryptedBalances.ts
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/hooks/useCofheReadContracts.ts
 var import_react_query15 = require("@tanstack/react-query");
@@ -4619,8 +4635,8 @@ function constructCofheReadContractsQueryKey(params) {
   return [QUERY_CACHE_PREFIX2, cofheChainId, serializedContracts, allowFailure, enabled];
 }
 function getEnabledForCofheReadContracts(params) {
-  const { isCofheErrorActive, publicClient, cofheChainId, contracts, userEnabled } = params;
-  return !isCofheErrorActive && !!publicClient && !!cofheChainId && !!contracts && contracts.length > 0 && (userEnabled ?? true);
+  const { publicClient, cofheChainId, contracts, userEnabled } = params;
+  return !!publicClient && !!cofheChainId && !!contracts && contracts.length > 0 && (userEnabled ?? true);
 }
 function isViemAllowFailureResult(value) {
   return !!value && typeof value === "object" && "status" in value;
@@ -4630,11 +4646,9 @@ function transformResultForContract(contract, value) {
 }
 function useCofheReadContracts(params, queryOptions) {
   const { contracts, multicallOptions } = params;
-  const isCofheErrorActive = useIsCofheErrorActive();
   const publicClient = useCofhePublicClient();
   const cofheChainId = useCofheChainId();
   const enabled = getEnabledForCofheReadContracts({
-    isCofheErrorActive,
     publicClient,
     cofheChainId,
     contracts,
@@ -4646,9 +4660,7 @@ function useCofheReadContracts(params, queryOptions) {
     queryKey: constructCofheReadContractsQueryKey({
       cofheChainId,
       contracts,
-      allowFailure: multicallOptions?.allowFailure,
-      // Same rationale as in `useCofheReadContract`: guard against a blank screen when CofheError is active.
-      enabled
+      allowFailure: multicallOptions?.allowFailure
     }),
     queryFn: async () => {
       (0, import_ts_essentials19.assert)(publicClient, "PublicClient should be guaranteed by enabled check");
@@ -4688,7 +4700,7 @@ function useCofheTokensWithExistingEncryptedBalances({ chainId: _chainId, accoun
   const currentChainId = useCofheChainId();
   const chainIdForTokens = _chainId ?? currentChainId;
   const tokens = useCofheTokens(chainIdForTokens);
-  const contracts = (0, import_react23.useMemo)(() => {
+  const contracts = (0, import_react22.useMemo)(() => {
     if (!account) return [];
     return tokens.map((token) => {
       const config = getTokenContractConfig(token.extensions.fhenix.confidentialityType);
@@ -4713,7 +4725,7 @@ function useCofheTokensWithExistingEncryptedBalances({ chainId: _chainId, accoun
       enabled: (queryOptions?.enabled ?? true) && !!account && tokens.length > 0
     }
   );
-  const { tokensWithExistingEncryptedBalance, ctHashByTokenAddress, error } = (0, import_react23.useMemo)(() => {
+  const { tokensWithExistingEncryptedBalance, ctHashByTokenAddress, error } = (0, import_react22.useMemo)(() => {
     const map = {};
     const filtered = [];
     const items = read.data;
@@ -4754,7 +4766,7 @@ function useCofheTokensWithExistingEncryptedBalances({ chainId: _chainId, accoun
 }
 
 // src/hooks/useTokensWithPublicBalances.ts
-var import_react24 = require("react");
+var import_react23 = require("react");
 function useTokensWithPublicBalances({ chainId: _chainId, accountAddress, displayDecimals = 5 } = {}, options) {
   const connectedAccount = useCofheAccount();
   const account = accountAddress ?? connectedAccount;
@@ -4762,19 +4774,25 @@ function useTokensWithPublicBalances({ chainId: _chainId, accountAddress, displa
   const chainIdForTokens = _chainId ?? currentChainId;
   const publicClient = useCofhePublicClient();
   const tokens = useCofheTokens(chainIdForTokens);
-  const entries = (0, import_react24.useMemo)(() => {
-    const out = [];
+  const sources = (0, import_react23.useMemo)(() => {
+    const bySourceAddress = /* @__PURE__ */ new Map();
     for (const token of tokens) {
       const source = getPublicTokenBalanceSource(token);
       if (!source) continue;
-      out.push({ token, source });
+      const key = source.address.toLowerCase();
+      const existing = bySourceAddress.get(key);
+      if (existing) {
+        existing.tokens.push(token);
+      } else {
+        bySourceAddress.set(key, { source, tokens: [token] });
+      }
     }
-    return out;
+    return Array.from(bySourceAddress.values());
   }, [tokens]);
   const { enabled: userEnabled = true, ...restOptions } = options ?? {};
-  const enabled = userEnabled && !!publicClient && !!account && entries.length > 0;
-  const combined = useInternalQueries2({
-    queries: entries.map(
+  const enabled = userEnabled && !!publicClient && !!account && sources.length > 0;
+  const combined = useInternalQueries({
+    queries: sources.map(
       ({ source }) => createPublicTokenBalanceQueryOptions({
         publicClient,
         accountAddress: account,
@@ -4794,7 +4812,7 @@ function useTokensWithPublicBalances({ chainId: _chainId, accountAddress, displa
       let error = null;
       for (let index = 0; index < results.length; index++) {
         const result = results[index];
-        const entry = entries[index];
+        const entry = sources[index];
         if (!result || !entry) continue;
         isLoading = isLoading || result.isLoading;
         isFetching = isFetching || result.isFetching;
@@ -4803,8 +4821,11 @@ function useTokensWithPublicBalances({ chainId: _chainId, accountAddress, displa
         const wei = result.data;
         if (typeof wei !== "bigint") continue;
         if (wei <= 0n) continue;
-        out.push(entry.token);
-        balanceMap[entry.token.address.toLowerCase()] = formatTokenAmount(wei, entry.source.decimals, displayDecimals);
+        const formatted = formatTokenAmount(wei, entry.source.decimals, displayDecimals);
+        for (const token of entry.tokens) {
+          out.push(token);
+          balanceMap[token.address.toLowerCase()] = formatted;
+        }
       }
       return {
         tokensWithPublicBalances: out,
@@ -4862,10 +4883,9 @@ function useCofheSimulateWriteContract(callArgs, queryOptions) {
   const walletClient = useCofheWalletClient();
   const publicClient = useCofhePublicClient();
   const cofheChainId = useCofheChainId();
-  const isCofheErrorActive = useIsCofheErrorActive();
   const { enabled: userEnabled, ...restQueryOptions } = queryOptions || {};
   const resolvedAccountAddress = getAccountAddress(callArgs?.account ?? walletClient?.account);
-  const enabled = !isCofheErrorActive && !!publicClient && !!walletClient && !!callArgs && !!resolvedAccountAddress && (userEnabled ?? true);
+  const enabled = !!publicClient && !!walletClient && !!callArgs && !!resolvedAccountAddress && (userEnabled ?? true);
   return useInternalQuery({
     enabled,
     queryKey: constructCofheSimulateWriteContractQueryKey({
@@ -4895,10 +4915,10 @@ function useCofheSimulateWriteContract(callArgs, queryOptions) {
 }
 
 // src/hooks/permits/usePermitDuration.ts
-var import_react25 = require("react");
+var import_react24 = require("react");
 function usePermitDuration(options) {
   const { onDurationChange, initialSeconds = 7 * 24 * 60 * 60 } = options;
-  const presets = (0, import_react25.useMemo)(
+  const presets = (0, import_react24.useMemo)(
     () => [
       { label: "1 day", seconds: 1 * 24 * 60 * 60 },
       { label: "1 week", seconds: 7 * 24 * 60 * 60 },
@@ -4906,7 +4926,7 @@ function usePermitDuration(options) {
     ],
     []
   );
-  const unitSeconds = (0, import_react25.useMemo)(
+  const unitSeconds = (0, import_react24.useMemo)(
     () => ({
       hours: 60 * 60,
       days: 24 * 60 * 60,
@@ -4915,17 +4935,17 @@ function usePermitDuration(options) {
     }),
     []
   );
-  const [durationSeconds, setDurationSecondsState] = (0, import_react25.useState)(initialSeconds);
-  const [customCount, setCustomCountState] = (0, import_react25.useState)("");
-  const [customUnit, setCustomUnitState] = (0, import_react25.useState)("days");
-  const selectPreset = (0, import_react25.useCallback)(
+  const [durationSeconds, setDurationSecondsState] = (0, import_react24.useState)(initialSeconds);
+  const [customCount, setCustomCountState] = (0, import_react24.useState)("");
+  const [customUnit, setCustomUnitState] = (0, import_react24.useState)("days");
+  const selectPreset = (0, import_react24.useCallback)(
     (seconds) => {
       setDurationSecondsState(seconds);
       onDurationChange(seconds);
     },
     [onDurationChange]
   );
-  const applyCustom = (0, import_react25.useCallback)(
+  const applyCustom = (0, import_react24.useCallback)(
     (count, unit) => {
       setCustomCountState(count);
       setCustomUnitState(unit);
@@ -4937,8 +4957,8 @@ function usePermitDuration(options) {
     },
     [unitSeconds, onDurationChange]
   );
-  const setCustomCount = (0, import_react25.useCallback)((value) => applyCustom(value, customUnit), [applyCustom, customUnit]);
-  const setCustomUnit = (0, import_react25.useCallback)((unit) => applyCustom(customCount, unit), [applyCustom, customCount]);
+  const setCustomCount = (0, import_react24.useCallback)((value) => applyCustom(value, customUnit), [applyCustom, customUnit]);
+  const setCustomUnit = (0, import_react24.useCallback)((unit) => applyCustom(customCount, unit), [applyCustom, customCount]);
   return {
     durationSeconds,
     customCount,
@@ -4954,7 +4974,7 @@ function usePermitDuration(options) {
 }
 
 // src/hooks/permits/usePermitForm.ts
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // src/stores/portalPersisted.tsx
 var import_zustand8 = require("zustand");
@@ -5007,33 +5027,33 @@ var useCofheCreatePermitMutation = ({ onSuccess, onError } = {}) => {
 // src/hooks/permits/usePermitForm.ts
 function usePermitForm(options = {}) {
   const { onSuccess, onError, isDelegate = false } = options;
-  const [permitName, setPermitName] = (0, import_react26.useState)("");
-  const [receiver, setReceiver] = (0, import_react26.useState)("");
-  const [error, setError] = (0, import_react26.useState)(null);
-  const [nameError, setNameError] = (0, import_react26.useState)(null);
-  const [receiverError, setReceiverError] = (0, import_react26.useState)(null);
-  const [durationSeconds, setDurationSeconds] = (0, import_react26.useState)(7 * 24 * 60 * 60);
+  const [permitName, setPermitName] = (0, import_react25.useState)("");
+  const [receiver, setReceiver] = (0, import_react25.useState)("");
+  const [error, setError] = (0, import_react25.useState)(null);
+  const [nameError, setNameError] = (0, import_react25.useState)(null);
+  const [receiverError, setReceiverError] = (0, import_react25.useState)(null);
+  const [durationSeconds, setDurationSeconds] = (0, import_react25.useState)(7 * 24 * 60 * 60);
   const { mutateAsync: createPermitMutateAsync, isPending: isPermitCreationPending } = useCofheCreatePermitMutation({
     onSuccess,
     onError
   });
   const recipientAddressValid = isDelegate ? isValidAddress(receiver) : true;
   const isValid = !!permitName.trim() && recipientAddressValid;
-  const handleNameChange = (0, import_react26.useCallback)(
+  const handleNameChange = (0, import_react25.useCallback)(
     (e) => {
       setPermitName(e.target.value);
       if (nameError) setNameError(null);
     },
     [nameError]
   );
-  const handleReceiverChange = (0, import_react26.useCallback)(
+  const handleReceiverChange = (0, import_react25.useCallback)(
     (e) => {
       setReceiver(e.target.value);
       if (receiverError) setReceiverError(null);
     },
     [receiverError]
   );
-  const handleSubmit = (0, import_react26.useCallback)(async () => {
+  const handleSubmit = (0, import_react25.useCallback)(async () => {
     if (isPermitCreationPending) return;
     const nameToUse = permitName.trim();
     if (!nameToUse) {
@@ -5059,7 +5079,7 @@ function usePermitForm(options = {}) {
       setError(e?.message ?? "Failed to create permit");
     }
   }, [isPermitCreationPending, permitName, isDelegate, receiver, durationSeconds, createPermitMutateAsync]);
-  const reset = (0, import_react26.useCallback)(() => {
+  const reset = (0, import_react25.useCallback)(() => {
     setPermitName("");
     setReceiver("");
     setError(null);
@@ -5088,15 +5108,15 @@ function isValidAddress(address) {
 }
 
 // src/hooks/permits/usePermitsList.ts
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_permits2 = require("@cofhe/sdk/permits");
 
 // src/hooks/permits/useCofheNavigateToCreatePermit.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var useCofheNavigateToCreatePermit = () => {
   const { navigateTo, navigateBack } = usePortalNavigation();
   const { portalOpen, openPortal } = usePortalUI();
-  return (0, import_react27.useCallback)(
+  return (0, import_react26.useCallback)(
     ({ cause } = {}) => {
       if (!portalOpen) openPortal();
       navigateTo("generatePermit" /* GeneratePermits */, {
@@ -5114,20 +5134,20 @@ var usePermitsList = () => {
   const activePermit = useCofheActivePermit();
   const { navigateTo } = usePortalNavigation();
   const { openModal } = usePortalModals();
-  const activePermitHash = (0, import_react28.useMemo)(() => {
+  const activePermitHash = (0, import_react27.useMemo)(() => {
     return activePermit?.permit.hash;
   }, [activePermit?.permit.hash]);
-  const selfPermits = (0, import_react28.useMemo)(() => {
+  const selfPermits = (0, import_react27.useMemo)(() => {
     return allPermits.filter((permit) => permit.type === "self");
   }, [allPermits]);
-  const delegatedPermits = (0, import_react28.useMemo)(() => {
+  const delegatedPermits = (0, import_react27.useMemo)(() => {
     return allPermits.filter((permit) => permit.type === "sharing");
   }, [allPermits]);
-  const importedPermits = (0, import_react28.useMemo)(() => {
+  const importedPermits = (0, import_react27.useMemo)(() => {
     return allPermits.filter((permit) => permit.type === "recipient");
   }, [allPermits]);
   const navigateToGeneratePermit = useCofheNavigateToCreatePermit();
-  const handlePermitAction = (0, import_react28.useCallback)(
+  const handlePermitAction = (0, import_react27.useCallback)(
     (actionId) => {
       if (actionId === "generate") {
         navigateToGeneratePermit();
@@ -5143,7 +5163,7 @@ var usePermitsList = () => {
     },
     [navigateTo, navigateToGeneratePermit]
   );
-  const handleOpenPermit = (0, import_react28.useCallback)(
+  const handleOpenPermit = (0, import_react27.useCallback)(
     (hash) => {
       openModal("permitDetails" /* PermitDetails */, { hash });
     },
@@ -5160,17 +5180,17 @@ var usePermitsList = () => {
 };
 
 // src/hooks/permits/useReceivePermit.ts
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_permits3 = require("@cofhe/sdk/permits");
 function useReceivePermit({ onSuccess, onError } = {}) {
   const { client } = useCofheContext();
-  const [importedPermit, setImportedPermit] = (0, import_react29.useState)(null);
-  const [permitData, setPermitData] = (0, import_react29.useState)("");
-  const [permitName, setPermitName] = (0, import_react29.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react29.useState)(false);
-  const [errorMsg, setErrorMsg] = (0, import_react29.useState)(null);
-  const [successMsg, setSuccessMsg] = (0, import_react29.useState)(null);
-  const submit = (0, import_react29.useCallback)(async () => {
+  const [importedPermit, setImportedPermit] = (0, import_react28.useState)(null);
+  const [permitData, setPermitData] = (0, import_react28.useState)("");
+  const [permitName, setPermitName] = (0, import_react28.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react28.useState)(false);
+  const [errorMsg, setErrorMsg] = (0, import_react28.useState)(null);
+  const [successMsg, setSuccessMsg] = (0, import_react28.useState)(null);
+  const submit = (0, import_react28.useCallback)(async () => {
     setErrorMsg(null);
     setSuccessMsg(null);
     if (!permitData.trim()) {
@@ -5201,7 +5221,7 @@ function useReceivePermit({ onSuccess, onError } = {}) {
       setIsSubmitting(false);
     }
   }, [client, permitData, permitName, onSuccess, onError]);
-  const handleSetPermitData = (0, import_react29.useCallback)((v) => {
+  const handleSetPermitData = (0, import_react28.useCallback)((v) => {
     setPermitData(v);
     try {
       const permit = import_permits3.PermitUtils.importShared(v);
@@ -5227,17 +5247,17 @@ function useReceivePermit({ onSuccess, onError } = {}) {
 }
 
 // src/hooks/permits/usePermitDetailsAndActions.ts
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_viem19 = require("viem");
 var import_permits4 = require("@cofhe/sdk/permits");
 
 // src/hooks/useCopyFeedback.ts
-var import_react30 = require("react");
+var import_react29 = require("react");
 function useCopyFeedback(defaultDurationMs = 2e3) {
-  const [copiedKeys, setCopiedKeys] = (0, import_react30.useState)(/* @__PURE__ */ new Set());
-  const timersRef = (0, import_react30.useRef)(/* @__PURE__ */ new Map());
-  const isCopied = (0, import_react30.useCallback)((key) => copiedKeys.has(key), [copiedKeys]);
-  const clearTimer = (0, import_react30.useCallback)((key) => {
+  const [copiedKeys, setCopiedKeys] = (0, import_react29.useState)(/* @__PURE__ */ new Set());
+  const timersRef = (0, import_react29.useRef)(/* @__PURE__ */ new Map());
+  const isCopied = (0, import_react29.useCallback)((key) => copiedKeys.has(key), [copiedKeys]);
+  const clearTimer = (0, import_react29.useCallback)((key) => {
     const timers = timersRef.current;
     const existing = timers.get(key);
     if (existing) {
@@ -5245,7 +5265,7 @@ function useCopyFeedback(defaultDurationMs = 2e3) {
       timers.delete(key);
     }
   }, []);
-  const copyWithFeedback = (0, import_react30.useCallback)(
+  const copyWithFeedback = (0, import_react29.useCallback)(
     async (key, text, durationMs) => {
       try {
         await navigator.clipboard.writeText(text);
@@ -5271,7 +5291,7 @@ function useCopyFeedback(defaultDurationMs = 2e3) {
     },
     [clearTimer, defaultDurationMs]
   );
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     return () => {
       for (const id of timersRef.current.values()) {
         window.clearTimeout(id);
@@ -5323,21 +5343,21 @@ var usePermitDetailsAndActions = (permitHash) => {
   const isActivePermit = permit != null && activePermit?.permit.hash === permitHash;
   const expirationDate = permit != null ? new Date(permit.expiration * 1e3).toLocaleString() : void 0;
   const isShareablePermit = permit?.type === "sharing";
-  const permitLabel = (0, import_react31.useMemo)(() => {
+  const permitLabel = (0, import_react30.useMemo)(() => {
     if (!permit) return void 0;
     if (permit.name?.trim()) return permit.name;
     const fallbackAddress = permit.recipient && permit.recipient !== import_viem19.zeroAddress ? permit.recipient : permit.issuer || import_viem19.zeroAddress;
     return truncateAddress(fallbackAddress, 4, 4) ?? fallbackAddress;
   }, [permit]);
-  const expirationInfo = (0, import_react31.useMemo)(() => formatExpirationLabel(permit?.expiration), [permit?.expiration]);
-  const permitJson = (0, import_react31.useMemo)(() => {
+  const expirationInfo = (0, import_react30.useMemo)(() => formatExpirationLabel(permit?.expiration), [permit?.expiration]);
+  const permitJson = (0, import_react30.useMemo)(() => {
     if (!permit) return void 0;
     return import_permits4.PermitUtils.export(permit);
   }, [permit]);
-  const handleBack = (0, import_react31.useCallback)(() => {
+  const handleBack = (0, import_react30.useCallback)(() => {
     navigateBack();
   }, [navigateBack]);
-  const handleCopySharablePermitData = (0, import_react31.useCallback)(() => {
+  const handleCopySharablePermitData = (0, import_react30.useCallback)(() => {
     if (!permitJson) return;
     copyWithFeedback(COPY_KEY, permitJson);
     addToast({
@@ -5346,10 +5366,10 @@ var usePermitDetailsAndActions = (permitHash) => {
       description: "Share copied data with recipient."
     });
   }, [copyWithFeedback, permitJson, addToast]);
-  const handleSelectActivePermit = (0, import_react31.useCallback)(() => {
+  const handleSelectActivePermit = (0, import_react30.useCallback)(() => {
     selectActivePermit(permitHash);
   }, [selectActivePermit, permitHash]);
-  const handleRemovePermit = (0, import_react31.useCallback)(() => {
+  const handleRemovePermit = (0, import_react30.useCallback)(() => {
     removePermit(permitHash);
   }, [removePermit, permitHash]);
   return {
@@ -5370,7 +5390,7 @@ var usePermitDetailsAndActions = (permitHash) => {
 };
 
 // src/hooks/useCofheAutoConnect.ts
-var import_react33 = require("react");
+var import_react32 = require("react");
 
 // src/providers/internalQueryHooks.ts
 var import_react_query17 = require("@tanstack/react-query");
@@ -5379,7 +5399,7 @@ var import_react_query17 = require("@tanstack/react-query");
 var import_react_query16 = require("@tanstack/react-query");
 var import_react_query_persist_client = require("@tanstack/react-query-persist-client");
 var import_query_async_storage_persister = require("@tanstack/query-async-storage-persister");
-var import_react32 = require("react");
+var import_react31 = require("react");
 var import_web = require("@cofhe/sdk/web");
 function isPersistedQuery(options) {
   const meta = options.meta;
@@ -5434,7 +5454,7 @@ function useInternalMutation(options) {
   const qc = useInternalQueryClient();
   return (0, import_react_query17.useMutation)(options, qc);
 }
-var useInternalQueries2 = (options, _ignoredQueryClient) => {
+var useInternalQueries = (options, _ignoredQueryClient) => {
   const qc = useInternalQueryClient();
   if (options && typeof options === "object" && "queries" in options) {
     const typedOptions = options;
@@ -5466,15 +5486,15 @@ var useCofheConnect = (options) => {
 var useCofheAutoConnect = ({ walletClient, publicClient }) => {
   const client = useCofheClient();
   const connectMutationFn = useCofheConnect().mutate;
-  const supportedChainIds = (0, import_react33.useMemo)(() => {
+  const supportedChainIds = (0, import_react32.useMemo)(() => {
     return new Set(client.config.supportedChains.map((chain) => chain.id));
   }, [client.config.supportedChains]);
-  const disconnectIfConnected = (0, import_react33.useCallback)(() => {
+  const disconnectIfConnected = (0, import_react32.useCallback)(() => {
     if (client.connected || client.connecting) {
       client.disconnect();
     }
   }, [client]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!publicClient || !walletClient) {
       disconnectIfConnected();
       return;
@@ -5490,10 +5510,10 @@ var useCofheAutoConnect = ({ walletClient, publicClient }) => {
 };
 
 // src/hooks/useReschedulableTimeout.ts
-var import_react34 = require("react");
+var import_react33 = require("react");
 function useReschedulableTimeout(callback, defaultTimeout) {
-  const timerRef = (0, import_react34.useRef)(null);
-  (0, import_react34.useEffect)(() => {
+  const timerRef = (0, import_react33.useRef)(null);
+  (0, import_react33.useEffect)(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -5707,7 +5727,7 @@ function useCoingeckoContractMarketChartRange({
 
 // src/hooks/useWatchPermitStatus.ts
 var import_permits5 = require("@cofhe/sdk/permits");
-var import_react35 = require("react");
+var import_react34 = require("react");
 var STATUS_ID_MISSING_PERMIT = "missing-permit";
 var STATUS_ID_PERMIT_EXPIRED = "permit-expired";
 var STATUS_ID_PERMIT_EXPIRING_SOON = "permit-expiring-soon";
@@ -5778,10 +5798,10 @@ var hidePermitSharedStatus = () => {
   usePortalStatuses.getState().removeStatus(STATUS_ID_PERMIT_SHARED);
 };
 var useWatchPermitStatus = () => {
-  const intervalRef = (0, import_react35.useRef)(null);
+  const intervalRef = (0, import_react34.useRef)(null);
   const activePermit = useCofheActivePermit();
   const connected = useCofheIsConnected();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const updateStatuses = (permit) => {
       const hasCreatedFirstPermit = usePortalPersisted.getState().hasCreatedFirstPermit;
       const missingPermitStatusShown = usePortalStatuses.getState().hasStatus(STATUS_ID_MISSING_PERMIT);
@@ -5843,7 +5863,7 @@ var useWatchPermitStatus = () => {
 };
 
 // src/hooks/useWatchClaimablesStatus.ts
-var import_react36 = require("react");
+var import_react35 = require("react");
 
 // src/hooks/useCofheClaimableTokens.ts
 function useCofheClaimableTokens() {
@@ -5879,7 +5899,7 @@ var useWatchClaimablesStatus = () => {
   const { totalTokensClaimable } = useCofheClaimableTokens();
   const { navigateTo } = usePortalNavigation();
   const { openPortal } = usePortalUI();
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const claimsAvailableStatusShown = usePortalStatuses.getState().hasStatus(CLAIMS_AVAILABLE_STATUS_ID);
     if (totalTokensClaimable > 0 && !claimsAvailableStatusShown) {
       showClaimsAvailableStatus({
@@ -5897,7 +5917,7 @@ var useWatchClaimablesStatus = () => {
 
 // src/components/FnxFloatingButton/FnxFloatingButtonContext.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var FnxFloatingButtonContext = (0, import_react37.createContext)(null);
+var FnxFloatingButtonContext = (0, import_react36.createContext)(null);
 var FnxFloatingButtonProvider = ({ children }) => {
   const { state } = useCofheContext();
   const theme = state.theme;
@@ -5922,7 +5942,7 @@ var FnxFloatingButtonProvider = ({ children }) => {
   );
 };
 var useFnxFloatingButtonContext = () => {
-  const context = (0, import_react37.useContext)(FnxFloatingButtonContext);
+  const context = (0, import_react36.useContext)(FnxFloatingButtonContext);
   if (!context) {
     throw new Error("useFnxFloatingButtonContext must be used within FnxFloatingButtonProvider");
   }
@@ -5980,15 +6000,15 @@ var FloatingButtonComponent = ({ onClick }) => {
 };
 
 // src/components/FnxFloatingButton/StatusBarSection.tsx
-var import_react38 = require("react");
-var import_react39 = require("motion/react");
+var import_react37 = require("react");
+var import_react38 = require("motion/react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var StatusBarSection = ({ children }) => {
   const { isLeftSide } = useFnxFloatingButtonContext();
   const { statuses } = usePortalStatuses();
   const { statusPanelOpen } = usePortalUI();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react39.AnimatePresence, { children: (statusPanelOpen || statuses.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_react39.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react38.AnimatePresence, { children: (statusPanelOpen || statuses.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react38.motion.div,
     {
       className: "relative flex flex-1 h-12 items-center justify-between",
       initial: { opacity: 0, x: isLeftSide ? -10 : 10 },
@@ -6002,11 +6022,11 @@ var StatusBarSection = ({ children }) => {
 // src/components/FnxFloatingButton/StatusBarContent.tsx
 var import_md = require("react-icons/md");
 var import_io = require("react-icons/io");
-var import_react42 = require("react");
+var import_react41 = require("react");
 
 // src/components/primitives/AnimatedZStack.tsx
-var import_react40 = __toESM(require("react"), 1);
-var import_react41 = require("motion/react");
+var import_react39 = __toESM(require("react"), 1);
+var import_react40 = require("motion/react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var AnimatedZStackItem = ({
   children,
@@ -6032,7 +6052,7 @@ var AnimatedZStackItem = ({
     zIndex: index
   };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react41.motion.div,
+    import_react40.motion.div,
     {
       className: cn("w-full h-full absolute origin-top", invIndex === 0 && "events-none", className),
       initial: entryStyle,
@@ -6048,8 +6068,8 @@ var AnimatedZStack = ({
   stackScale = 0.05,
   itemClassName
 }) => {
-  const filteredChildren = import_react40.default.Children.toArray(children).filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react41.AnimatePresence, { children: filteredChildren.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const filteredChildren = import_react39.default.Children.toArray(children).filter(Boolean);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react40.AnimatePresence, { children: filteredChildren.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     AnimatedZStackItem,
     {
       stackOffset,
@@ -6153,7 +6173,7 @@ function sortStatuses(a, b) {
 }
 var StatusBarContent = () => {
   const { statuses } = usePortalStatuses();
-  const sortedStatuses = (0, import_react42.useMemo)(() => statuses.sort(sortStatuses), [statuses]);
+  const sortedStatuses = (0, import_react41.useMemo)(() => statuses.sort(sortStatuses), [statuses]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AnimatedZStack, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ConnectionStatus, {}),
     sortedStatuses.map((status) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ActiveStatusContent, { status }, status.id))
@@ -6161,17 +6181,17 @@ var StatusBarContent = () => {
 };
 
 // src/components/FnxFloatingButton/ContentSection.tsx
-var import_react60 = require("react");
+var import_react59 = require("react");
 
 // src/components/FnxFloatingButton/pages/MainPage/WalletHeader.tsx
 var import_md3 = require("react-icons/md");
 
 // src/components/FnxFloatingButton/components/AddressButton.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 var import_md2 = require("react-icons/md");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var AddressButton = ({ address, className, icon, showCopyIcon = true }) => {
-  const [copied, setCopied] = (0, import_react43.useState)(false);
+  const [copied, setCopied] = (0, import_react42.useState)(false);
   const handleCopyAddress = async () => {
     if (!address) return;
     try {
@@ -6273,7 +6293,7 @@ var WalletHeader = () => {
 var import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"), 1);
 
 // src/components/FnxFloatingButton/components/TokenIcon.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 
 // src/assets/default-token.webp
 var default_token_default = "data:image/webp;base64,UklGRrADAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAVlA4TDsDAAAvP8APEAelqJEkpfzLPf4xWCCQtLF/5p0zbtvIEftvdHPeve8xbts2kPYft6/2TrbVtm3DIFtn3gD9/9o+ao+6R92j9ii71C5lh9wmb5ObpCZpjVAhFMC+gWDo6vtrUGSD0C3AIESRYxOGwIuFh6In9xAhS7EhC3xaIYIDUQz/1pyv4S7Scs0Dz9fgkccgQQAYQ5KS9WgnPVrbtm3bNs62bQ9P3X/tmZ5UzQci+j8BwKx6X1xfHW4uyHC5Mgqah1dvvPCpIK/me7jVV+wmw57ige2HPk2O/x9O+7OJNbv//JMqTvu4W+sgdkfjwWdNkP9ys0JCldarARHqi1E3CfdMvNLY/t6sJClrbv9l8m9nk6Q5u0GW73NOkta9/Ivh27SDJHbM/orKP6eQ1I6VYBR/t50kuXvvn7Gb2SR97h1Dz6soButfG/CPUUxOhiJddjPZTUmoTzExpd2I8LGFWO3JaDSFhdq/hNH2iNUWh8YTUjmUozAfG1hscRhtvJ2BWr/oThWWBNQnW4nIkqTDRA7HJQDw9ROnGRExzkrhLTo0M9BQCOBhNku8zkaRLbpEjvwnANvEaUNETCajyYiIdgbaB98Ai0lnM2TTWTmGgi9KWJIRMYGMs5W/ueFhIYspMTmKOK70u6skpx0RMZWDtoYlMSFiPLFONMthQ0Q08XQUSGGLQ8R4O09phgzWOEREK/HmuSSwoN5MzOkSmFFvJu7MDGEm1JuJPa9AlA31VuIvbRYVr7OSwI5hQWZERDOJnFgVlISICSR087pbTDwimoSk33leIgYR0SKk7I23T5xVyFAQtsTZhOwBPMgWIjz3EcCv3lga9APASQwpFwAA3tfFTvNnnbYrIBkRMVXAIYR93xQrbZ/DwQVXbHiuQ0TvSGyMByLB03IusTUvwaB2LVO+nFtg+M+6UzbXzj9j4J1R5HIsBCHar1OKTI7pHxD91xmnPM7578DpXc+UJXvbD7y/r5TJUXHzL3CrT4dd4tyjz1UQ6D2rU8QojRd9IFZ9t1Wt8Ck1ux80EP7/7WFnBk9W1/H7/yCl9uPeWnehy5i7qGfj/k8N5FV/PL602F+d6yJy5VYPLF159lMFZgBQU0FJTgAAADhCSU0D7QAAAAAAEABIAAAAAQACAEgAAAABAAI4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBEMAAAAAAA1QYmVXARAABQEAAAAAAA==";
@@ -6293,8 +6313,8 @@ var TokenIcon = ({
   className,
   imageClassName = "w-full h-full object-cover"
 }) => {
-  const [iconError, setIconError] = (0, import_react44.useState)(false);
-  (0, import_react44.useEffect)(() => {
+  const [iconError, setIconError] = (0, import_react43.useState)(false);
+  (0, import_react43.useEffect)(() => {
     setIconError(false);
   }, [logoURI]);
   const containerClassName = className || cn(sizeClasses[size], "rounded-full fnx-icon-bg flex items-center justify-center flex-shrink-0 overflow-hidden");
@@ -6390,7 +6410,7 @@ var CofheTokenConfidentialBalance = ({
   const {
     data: { formatted: confidentialBalanceFormatted } = {},
     isFetching: isFetchingConfidential,
-    disabledDueToMissingPermit
+    disabledDueToMissingValidPermit
   } = useCofheTokenDecryptedBalance({
     token,
     accountAddress: effectiveAccountAddress,
@@ -6401,7 +6421,7 @@ var CofheTokenConfidentialBalance = ({
     {
       className,
       size,
-      hidden: disabledDueToMissingPermit,
+      hidden: disabledDueToMissingValidPermit,
       isFetching: isFetchingConfidential,
       formattedBalance: confidentialBalanceFormatted,
       symbol: showSymbol ? token?.symbol : void 0
@@ -6674,7 +6694,7 @@ var Button = ({
 };
 
 // src/components/FnxFloatingButton/components/TokenPriceChart.tsx
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_recharts = require("recharts");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var formatTime = (ts) => new Date(ts).toLocaleTimeString(void 0, {
@@ -6705,8 +6725,8 @@ var themeClasses = {
   tooltipCursor: "[&_.recharts-tooltip-cursor]:stroke-current [&_.recharts-tooltip-cursor]:stroke-opacity-35 dark:[&_.recharts-tooltip-cursor]:stroke-opacity-45"
 };
 var TokenPriceChart = ({ points, className, height = 150 }) => {
-  const gradientId = (0, import_react45.useId)();
-  const { start, mid, end } = (0, import_react45.useMemo)(() => {
+  const gradientId = (0, import_react44.useId)();
+  const { start, mid, end } = (0, import_react44.useMemo)(() => {
     if (!points.length) {
       const now = Date.now();
       return { start: now - 24 * 36e5, mid: now - 12 * 36e5, end: now };
@@ -6762,7 +6782,7 @@ var TokenPriceChart = ({ points, className, height = 150 }) => {
 };
 
 // src/components/FnxFloatingButton/components/PageContainer.tsx
-var import_react46 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var PageContainer = ({ isModal, header, content, footer }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("flex flex-col max-h-[500px] w-full gap-4", isModal ? "" : "h-full"), children: [
@@ -6994,22 +7014,22 @@ var SettingsPage = () => {
 // src/components/FnxFloatingButton/pages/permits/PermitsListPage/index.tsx
 var import_ArrowBack2 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 var import_fa2 = require("react-icons/fa");
-var import_react50 = require("react");
+var import_react49 = require("react");
 
 // src/components/FnxFloatingButton/Accordion.tsx
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_fa6 = require("react-icons/fa6");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var AccordionContext = (0, import_react47.createContext)(void 0);
+var AccordionContext = (0, import_react46.createContext)(void 0);
 var Accordion = ({ children, defaultActiveId = null }) => {
-  const [activeId, setActiveId] = (0, import_react47.useState)(defaultActiveId);
-  const handleToggle = (0, import_react47.useCallback)(
+  const [activeId, setActiveId] = (0, import_react46.useState)(defaultActiveId);
+  const handleToggle = (0, import_react46.useCallback)(
     (id) => {
       setActiveId(activeId === id ? null : id);
     },
     [activeId]
   );
-  const contextValue = (0, import_react47.useMemo)(
+  const contextValue = (0, import_react46.useMemo)(
     () => ({
       activeId,
       toggle: handleToggle
@@ -7019,7 +7039,7 @@ var Accordion = ({ children, defaultActiveId = null }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AccordionContext.Provider, { value: contextValue, children });
 };
 var useAccordionContext = () => {
-  const context = (0, import_react47.useContext)(AccordionContext);
+  const context = (0, import_react46.useContext)(AccordionContext);
   if (!context) {
     throw new Error("Accordion components must be used within an Accordion");
   }
@@ -7028,6 +7048,7 @@ var useAccordionContext = () => {
 var AccordionSection = ({
   id,
   renderHeader,
+  accessory,
   children,
   sectionClassName,
   triggerClassName,
@@ -7036,20 +7057,23 @@ var AccordionSection = ({
   const { activeId, toggle } = useAccordionContext();
   const isOpen = activeId === id;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("section", { className: sectionClassName, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-      Button,
-      {
-        variant: "ghost",
-        className: cn("!justify-start w-full text-md py-2", triggerClassName),
-        "aria-expanded": isOpen,
-        onClick: () => toggle(id),
-        children: [
-          renderHeader(isOpen),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex flex-1" }),
-          isOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fa6.FaChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fa6.FaChevronDown, {})
-        ]
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        Button,
+        {
+          variant: "ghost",
+          className: cn("!justify-start flex-1 text-md py-2", triggerClassName),
+          "aria-expanded": isOpen,
+          onClick: () => toggle(id),
+          children: [
+            renderHeader(isOpen),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex flex-1" }),
+            isOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fa6.FaChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fa6.FaChevronDown, {})
+          ]
+        }
+      ),
+      accessory ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0", children: accessory }) : null
+    ] }),
     isOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("relative", contentClassName), children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "span",
@@ -7125,7 +7149,7 @@ var import_viem21 = require("viem");
 var import_permits7 = require("@cofhe/sdk/permits");
 
 // src/components/StripedBackground.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function StripedBackground({
   stripeColor = "rgba(255,255,255,0.18)",
@@ -7134,7 +7158,7 @@ function StripedBackground({
   style,
   children
 }) {
-  const bgImage = (0, import_react48.useMemo)(() => {
+  const bgImage = (0, import_react47.useMemo)(() => {
     return `repeating-linear-gradient(
       45deg,
       ${stripeColor} 0px,
@@ -7171,7 +7195,7 @@ var PermitStripedBackground = ({ variant, className, children }) => {
 };
 
 // src/components/FnxFloatingButton/components/PermitCard.tsx
-var import_react49 = require("react");
+var import_react48 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var PermitTypeLabel = {
   self: "Self",
@@ -7189,7 +7213,7 @@ var BasePermitCard = ({
 }) => {
   const activePermitHash = useCofheActivePermitHash();
   const expirationInfo = formatExpirationLabel(permit.expiration);
-  const metadataTags = (0, import_react49.useMemo)(() => {
+  const metadataTags = (0, import_react48.useMemo)(() => {
     const isActivePermit = permit.hash === activePermitHash;
     const tags = [];
     if (expirationInfo.expired) tags.push("expired");
@@ -7326,19 +7350,21 @@ var PermitsListPage = () => {
     PageContainer,
     {
       header: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-          "button",
-          {
-            className: "flex items-center gap-2 text-base font-semibold tracking-tight text-[#0E2F3F] transition-opacity hover:opacity-80 dark:text-white",
-            onClick: navigateBack,
-            type: "button",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_ArrowBack2.default, { fontSize: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Permits" }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitInfo" /* PermitInfo */) })
-            ]
-          }
-        ),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2 text-base font-semibold tracking-tight text-[#0E2F3F] dark:text-white", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            "button",
+            {
+              className: "inline-flex items-center gap-2 transition-opacity hover:opacity-80",
+              onClick: navigateBack,
+              type: "button",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_ArrowBack2.default, { fontSize: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Permits" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitInfo" /* PermitInfo */) })
+        ] }),
         activePermitHash != null && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           PermitCard,
           {
@@ -7353,15 +7379,12 @@ var PermitsListPage = () => {
           AccordionSection,
           {
             id: "self",
-            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
-                "Self: (",
-                selfPermits.length,
-                ")"
-              ] }),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "self" }) })
+            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
+              "Self: (",
+              selfPermits.length,
+              ")"
             ] }),
+            accessory: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "self" }) }),
             children: selfPermits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pl-4 text-xs p-2 px-4 italic", children: "No self permits." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: selfPermits.map((permit2) => {
               return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 PermitItem,
@@ -7379,15 +7402,12 @@ var PermitsListPage = () => {
           AccordionSection,
           {
             id: "delegated",
-            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
-                "Delegated: (",
-                delegatedPermits.length,
-                ")"
-              ] }),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "sharing" }) })
+            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
+              "Delegated: (",
+              delegatedPermits.length,
+              ")"
             ] }),
+            accessory: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "sharing" }) }),
             children: delegatedPermits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pl-1 text-xs p-2 px-4 italic", children: "No delegated permits." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: delegatedPermits.map((permit2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PermitItem, { permit: permit2, onClick: () => handleOpenPermit(permit2.hash) }, permit2.hash)) })
           }
         ),
@@ -7395,15 +7415,12 @@ var PermitsListPage = () => {
           AccordionSection,
           {
             id: "received",
-            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
-                "Imported: (",
-                importedPermits.length,
-                ")"
-              ] }),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "recipient" }) })
+            renderHeader: () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { children: [
+              "Imported: (",
+              importedPermits.length,
+              ")"
             ] }),
+            accessory: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InfoModalButton, { onClick: () => openModal("permitTypeInfo" /* PermitTypeInfo */, { type: "recipient" }) }),
             children: importedPermits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pl-1 text-xs p-2 px-4 italic", children: "No imported permits." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: importedPermits.map((permit2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               PermitItem,
               {
@@ -7805,11 +7822,11 @@ var ImportPermitPage = () => {
 
 // src/components/FnxFloatingButton/pages/TokenInfoPage.tsx
 var import_chains3 = require("@cofhe/sdk/chains");
-var import_react53 = require("react");
+var import_react52 = require("react");
 var import_ArrowBack6 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 
 // src/components/FnxFloatingButton/pages/TokenInfoBalanceChart.tsx
-var import_react51 = require("react");
+var import_react50 = require("react");
 var import_Lock = __toESM(require("@mui/icons-material/Lock"), 1);
 var import_Public = __toESM(require("@mui/icons-material/Public"), 1);
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -7827,7 +7844,7 @@ var TokenInfoBalanceChart = ({ token, chartPoints }) => {
     token
   });
   const isFetchingBalances = isFetchingConfidentialBalance || isFetchingPublicBalance;
-  const balancePercents = (0, import_react51.useMemo)(() => {
+  const balancePercents = (0, import_react50.useMemo)(() => {
     if (!confidentialBalance && !publicBalance) return;
     const confidentialUnit = confidentialBalance?.unit ?? null;
     const publicUnit = publicBalance?.unit ?? null;
@@ -7839,7 +7856,7 @@ var TokenInfoBalanceChart = ({ token, chartPoints }) => {
       publicPct
     };
   }, [confidentialBalance, publicBalance]);
-  const price = (0, import_react51.useMemo)(() => {
+  const price = (0, import_react50.useMemo)(() => {
     const lastPoint = chartPoints?.[chartPoints.length - 1];
     const firstPoint = chartPoints?.[0];
     if (!lastPoint || !firstPoint) return;
@@ -7914,7 +7931,7 @@ var TokenInfoBalanceChart = ({ token, chartPoints }) => {
 };
 
 // src/components/FnxFloatingButton/pages/TokenInfoTransactionHistory.tsx
-var import_react52 = require("react");
+var import_react51 = require("react");
 var import_viem22 = require("viem");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var TokenInfoTransactionHistoryHeader = ({ token }) => {
@@ -7937,7 +7954,7 @@ var TokenInfoTransactionHistory = ({ token, priceUsd }) => {
     account,
     filter: (tx) => tx.token.address.toLowerCase() === token.address.toLowerCase()
   });
-  const activity = (0, import_react52.useMemo)(() => {
+  const activity = (0, import_react51.useMemo)(() => {
     return tokenTxs.slice().sort((a, b) => b.timestamp - a.timestamp).map((tx) => {
       const amountToken = parseFloat((0, import_viem22.formatUnits)(tx.tokenAmount, tx.token.decimals));
       const amountUsd = typeof priceUsd === "number" && Number.isFinite(amountToken) ? amountToken * priceUsd : void 0;
@@ -7989,7 +8006,7 @@ var TokenInfoPage = ({ token }) => {
     },
     rangeMs: 24 * 36e5
   });
-  const priceUsd = (0, import_react53.useMemo)(() => {
+  const priceUsd = (0, import_react52.useMemo)(() => {
     const lastPoint = chartPoints?.[chartPoints.length - 1];
     return lastPoint?.value;
   }, [chartPoints]);
@@ -8043,14 +8060,14 @@ var TokenInfoPage = ({ token }) => {
 };
 
 // src/components/FnxFloatingButton/pages/SendPage.tsx
-var import_react54 = require("react");
+var import_react53 = require("react");
 var import_ArrowBack7 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 var import_KeyboardArrowRight2 = __toESM(require("@mui/icons-material/KeyboardArrowRight"), 1);
 var import_viem23 = require("viem");
 var import_ts_essentials22 = __toESM(require_dist(), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var SendPage = ({ token: _token }) => {
-  const [overriddenToken, setOverriddenToken] = (0, import_react54.useState)(null);
+  const [overriddenToken, setOverriddenToken] = (0, import_react53.useState)(null);
   const token = overriddenToken ?? _token;
   const { navigateBack } = usePortalNavigation();
   const { openModal } = usePortalModals();
@@ -8094,11 +8111,11 @@ var SendPage = ({ token: _token }) => {
     token,
     accountAddress: account
   });
-  const encryptionProgressLabel = (0, import_react54.useMemo)(() => lastStep?.step && getStepConfig(lastStep).label, [lastStep]);
-  const [amount, setAmount] = (0, import_react54.useState)("");
-  const [recipientAddress, setRecipientAddress] = (0, import_react54.useState)("");
-  const [error, setError] = (0, import_react54.useState)(null);
-  const [success, setSuccess] = (0, import_react54.useState)(null);
+  const encryptionProgressLabel = (0, import_react53.useMemo)(() => lastStep?.step && getStepConfig(lastStep).label, [lastStep]);
+  const [amount, setAmount] = (0, import_react53.useState)("");
+  const [recipientAddress, setRecipientAddress] = (0, import_react53.useState)("");
+  const [error, setError] = (0, import_react53.useState)(null);
+  const [success, setSuccess] = (0, import_react53.useState)(null);
   const isValidAddress2 = (0, import_viem23.isAddress)(recipientAddress);
   const isValidAmount = (amount.length > 0 && confidentialUnitBalance && confidentialUnitBalance.gte(amount)) ?? false;
   const handleSend = async () => {
@@ -8247,15 +8264,15 @@ var import_ArrowBack8 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
 var import_tb4 = require("react-icons/tb");
 var import_lu2 = require("react-icons/lu");
-var import_react56 = require("react");
+var import_react55 = require("react");
 var import_viem24 = require("viem");
 var import_ts_essentials23 = __toESM(require_dist(), 1);
 
 // src/hooks/useIsUnshieldingMining.ts
-var import_react55 = require("react");
+var import_react54 = require("react");
 function useIsUnshieldingMining(token) {
   const account = useCofheAccount();
-  const filter3 = (0, import_react55.useCallback)(
+  const filter3 = (0, import_react54.useCallback)(
     (tx) => {
       return tx.token.address === token.address && tx.actionType === "unshield" /* Unshield */ && tx.status === "pending" /* Pending */;
     },
@@ -8274,8 +8291,8 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 var AUTOCLEAR_TX_STATUS_TIMEOUT = 5e3;
 var DISPLAY_DECIMALS = 5;
 function useLifecycleStore() {
-  const [error, setError] = (0, import_react56.useState)(null);
-  const [status, setStatus] = (0, import_react56.useState)(null);
+  const [error, setError] = (0, import_react55.useState)(null);
+  const [status, setStatus] = (0, import_react55.useState)(null);
   return {
     error,
     setError,
@@ -8377,7 +8394,7 @@ function useClaimUnshieldedWithLifecycle() {
 function useShieldWithLifecycle(token) {
   const account = useCofheAccount();
   const chainId = useCofheChainId();
-  const [shieldAmount, setShieldAmount] = (0, import_react56.useState)("");
+  const [shieldAmount, setShieldAmount] = (0, import_react55.useState)("");
   const { setError, setStatus, error, status } = useLifecycleStore();
   const { schedule: scheduleStatusClear } = useReschedulableTimeout(() => setStatus(null), AUTOCLEAR_TX_STATUS_TIMEOUT);
   const tokenShield = useCofheTokenShield({
@@ -8458,7 +8475,7 @@ function useShieldWithLifecycle(token) {
     if (publicBalanceUnit) setShieldAmount(publicBalanceUnit.toFixed());
   };
   const isValidShieldAmount = (shieldAmount.length > 0 && publicBalanceUnit?.gte(shieldAmount)) ?? false;
-  const shieldAmountWei = (0, import_react56.useMemo)(() => {
+  const shieldAmountWei = (0, import_react55.useMemo)(() => {
     if (!isValidShieldAmount) return void 0;
     try {
       return unitToWei(shieldAmount, token.decimals);
@@ -8466,7 +8483,7 @@ function useShieldWithLifecycle(token) {
       return void 0;
     }
   }, [isValidShieldAmount, shieldAmount, token.decimals]);
-  const shieldTxCallArgs = (0, import_react56.useMemo)(() => {
+  const shieldTxCallArgs = (0, import_react55.useMemo)(() => {
     if (!account || !shieldAmountWei) return void 0;
     return getCofheTokenShieldCallArgs({ token, amount: shieldAmountWei, account });
   }, [account, shieldAmountWei, token]);
@@ -8493,7 +8510,7 @@ function useShieldWithLifecycle(token) {
   const shieldSimulation = useCofheSimulateWriteContract(shieldCallArgs, {
     enabled: !!shieldCallArgs && !shouldApprove
   });
-  const simulationError = (0, import_react56.useMemo)(() => {
+  const simulationError = (0, import_react55.useMemo)(() => {
     const relevantError = shouldApprove ? approvalSimulation.error : shieldSimulation.error;
     if (!relevantError) return null;
     const cofheErrorMessage = cofheHumanizeViemError(relevantError);
@@ -8526,7 +8543,7 @@ function useUnshieldWithLifecycle(token) {
   const chainId = useCofheChainId();
   const { setError, setStatus, error, status } = useLifecycleStore();
   const { schedule: scheduleStatusClear } = useReschedulableTimeout(() => setStatus(null), AUTOCLEAR_TX_STATUS_TIMEOUT);
-  const [unshieldAmount, setUnshieldAmount] = (0, import_react56.useState)("");
+  const [unshieldAmount, setUnshieldAmount] = (0, import_react55.useState)("");
   const tokenUnshield = useCofheTokenUnshield({
     onUserSignatureRequest: (hash) => {
       () => {
@@ -8589,7 +8606,7 @@ function useUnshieldWithLifecycle(token) {
     if (confidentialBalanceUnit) setUnshieldAmount(confidentialBalanceUnit.toFixed());
   };
   const isValidUnshieldAmount = (unshieldAmount.length > 0 && confidentialBalanceUnit?.gte(unshieldAmount)) ?? false;
-  const unshieldCallArgs = (0, import_react56.useMemo)(() => {
+  const unshieldCallArgs = (0, import_react55.useMemo)(() => {
     if (!account || !isValidUnshieldAmount) return void 0;
     const amountWei = (0, import_viem24.parseUnits)(unshieldAmount, token.decimals);
     return getCofheTokenUnshieldCallArgs({ token, amount: amountWei, account });
@@ -8597,7 +8614,7 @@ function useUnshieldWithLifecycle(token) {
   const unshieldSimulation = useCofheSimulateWriteContract(unshieldCallArgs, {
     enabled: !!unshieldCallArgs
   });
-  const simulationError = (0, import_react56.useMemo)(
+  const simulationError = (0, import_react55.useMemo)(
     () => humanizeSimulationError(unshieldSimulation.error, "Failed to simulate unshield transaction"),
     [unshieldSimulation.error]
   );
@@ -8621,8 +8638,8 @@ function useUnshieldWithLifecycle(token) {
 }
 var shieldableTypes = /* @__PURE__ */ new Set(["dual", "wrapped"]);
 var ShieldPageV2 = ({ token: _token, defaultMode }) => {
-  const [mode, setMode] = (0, import_react56.useState)(defaultMode ?? "shield");
-  const [overriddenToken, setOverriddenToken] = (0, import_react56.useState)(null);
+  const [mode, setMode] = (0, import_react55.useState)(defaultMode ?? "shield");
+  const [overriddenToken, setOverriddenToken] = (0, import_react55.useState)(null);
   const token = overriddenToken ?? _token;
   return mode === "shield" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ShieldTab, { token, mode, setMode, setToken: setOverriddenToken }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(UnshieldTab, { token, mode, setMode, setToken: setOverriddenToken });
 };
@@ -8669,14 +8686,14 @@ function ClaimingSection({ token }) {
     });
   };
   const isUnshieldingMining = useIsUnshieldingMining(token);
-  const claimCallArgs = (0, import_react56.useMemo)(() => {
+  const claimCallArgs = (0, import_react55.useMemo)(() => {
     if (!account || !unshieldedClaims?.hasClaimable) return void 0;
     return getCofheTokenClaimUnshieldedCallArgs({ token, account });
   }, [account, token, unshieldedClaims?.hasClaimable]);
   const claimSimulation = useCofheSimulateWriteContract(claimCallArgs, {
     enabled: !!claimCallArgs
   });
-  const claimSimulationError = (0, import_react56.useMemo)(
+  const claimSimulationError = (0, import_react55.useMemo)(
     () => humanizeSimulationError(claimSimulation.error, "Failed to simulate claim transaction"),
     [claimSimulation.error]
   );
@@ -8954,7 +8971,7 @@ var ActivityPage = () => {
 
 // src/components/FnxFloatingButton/pages/DebugPage.tsx
 var import_ArrowBack10 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
-var import_react57 = require("react");
+var import_react56 = require("react");
 var import_accounts = require("viem/accounts");
 var import_viem25 = require("viem");
 var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -8963,8 +8980,8 @@ var DebugPage = () => {
   const { statuses, addStatus, removeStatus } = usePortalStatuses();
   const { addToast } = usePortalToasts();
   const { openModal } = usePortalModals();
-  const [modalSelection, setModalSelection] = (0, import_react57.useState)(void 0);
-  const [activeTab, setActiveTab] = (0, import_react57.useState)("modal");
+  const [modalSelection, setModalSelection] = (0, import_react56.useState)(void 0);
+  const [activeTab, setActiveTab] = (0, import_react56.useState)("modal");
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     PageContainer,
     {
@@ -9368,6 +9385,9 @@ var import_KeyboardArrowRight3 = __toESM(require("@mui/icons-material/KeyboardAr
 var import_chains4 = require("@cofhe/sdk/chains");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var TokenRow = ({ token, onClick, topLabel, balanceType }) => {
+  const publicSymbol = token.extensions.fhenix.erc20Pair?.symbol ?? token.symbol;
+  const destinationSymbol = token.symbol;
+  const showDestination = balanceType === "public" /* Public */ && !!publicSymbol && !!destinationSymbol && publicSymbol !== destinationSymbol;
   const account = useCofheAccount();
   const { data: confidentialBalance } = useCofheTokenDecryptedBalance(
     {
@@ -9403,7 +9423,11 @@ var TokenRow = ({ token, onClick, topLabel, balanceType }) => {
           /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TokenIcon, { logoURI: token.logoURI, alt: token.name, size: "sm" }),
           /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "min-w-0 flex-1", children: [
             topLabel && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "text-xxxs opacity-70 fnx-text-primary leading-none", children: topLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "text-sm font-medium fnx-text-primary truncate leading-tight", children: balanceType === "confidential" /* Confidential */ ? token.symbol : token.extensions.fhenix.erc20Pair?.symbol })
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "text-sm font-medium fnx-text-primary truncate leading-tight", children: balanceType === "confidential" /* Confidential */ ? token.symbol : publicSymbol }),
+            showDestination && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "text-xxxs opacity-70 fnx-text-primary truncate leading-tight", children: [
+              "\u2192 ",
+              destinationSymbol
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
@@ -9544,7 +9568,7 @@ var PortfolioPage = () => {
 
 // src/components/FnxFloatingButton/pages/ClaimableTokens.tsx
 var import_ArrowBack13 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
-var import_react58 = require("react");
+var import_react57 = require("react");
 var import_ts_essentials24 = __toESM(require_dist(), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function ClaimableTokens() {
@@ -9557,7 +9581,7 @@ function ClaimableTokens() {
   const chainId = useCofheChainId();
   const allTokens = useCofheTokens(chainId);
   const claimMutation = useCofheTokenClaimUnshielded();
-  const rows = (0, import_react58.useMemo)(() => {
+  const rows = (0, import_react57.useMemo)(() => {
     const byLower = new Map(allTokens.map((t) => [t.address.toLowerCase(), t]));
     return Object.entries(claimableByTokenAddress).filter(([_t, amount]) => amount > 0n).map(([tokenAddress, claimableAmount]) => {
       const token = byLower.get(tokenAddress.toLowerCase());
@@ -9644,7 +9668,7 @@ var pages = {
 };
 
 // src/components/FnxFloatingButton/ContentSection.tsx
-var import_react61 = require("motion/react");
+var import_react60 = require("motion/react");
 
 // src/components/FnxFloatingButton/modals/ExampleSelectionPage.tsx
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
@@ -9707,7 +9731,7 @@ var ExampleInfoPage = ({ onClose }) => {
 // src/components/FnxFloatingButton/modals/PermitDetailsModal.tsx
 var import_fa64 = require("react-icons/fa6");
 var import_Close4 = __toESM(require("@mui/icons-material/Close"), 1);
-var import_react59 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var PermitTypeLabel2 = {
   self: "Self",
@@ -9736,15 +9760,15 @@ var PermitDetailsModal = ({ hash, onClose }) => {
     isCopyComplete
   } = usePermitDetailsAndActions(hash);
   const { openModal } = usePortalModals();
-  const [confirmDelete, setConfirmDelete] = (0, import_react59.useState)(false);
-  const handlePermitSelect = (0, import_react59.useCallback)(() => {
+  const [confirmDelete, setConfirmDelete] = (0, import_react58.useState)(false);
+  const handlePermitSelect = (0, import_react58.useCallback)(() => {
     handleSelectActivePermit();
     onClose();
   }, [handleSelectActivePermit, onClose]);
-  const handlePermitShare = (0, import_react59.useCallback)(() => {
+  const handlePermitShare = (0, import_react58.useCallback)(() => {
     handleCopySharablePermitData();
   }, [handleCopySharablePermitData]);
-  const handlePermitDelete = (0, import_react59.useCallback)(async () => {
+  const handlePermitDelete = (0, import_react58.useCallback)(async () => {
     if (!confirmDelete) {
       setConfirmDelete(true);
       return;
@@ -9920,8 +9944,8 @@ var modals = {
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var MeasuredContentRenderer = ({ children, id, isModal, onModalOverlayClick }) => {
   const { setContentHeight, removeContentHeight } = usePortalUI();
-  const contentRef = (0, import_react60.useRef)(null);
-  (0, import_react60.useEffect)(() => {
+  const contentRef = (0, import_react59.useRef)(null);
+  (0, import_react59.useEffect)(() => {
     if (!contentRef.current) return;
     const observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
@@ -9951,7 +9975,7 @@ var MeasuredContentRenderer = ({ children, id, isModal, onModalOverlayClick }) =
   ] });
 };
 var ContentRenderer = ({ page }) => {
-  const content = (0, import_react60.useMemo)(() => {
+  const content = (0, import_react59.useMemo)(() => {
     const PageComp = pages[page.page];
     const props = page.props ?? {};
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PageComp, { ...props });
@@ -9959,7 +9983,7 @@ var ContentRenderer = ({ page }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MeasuredContentRenderer, { id: "content", children: content });
 };
 var ModalRenderer = ({ modal }) => {
-  const content = (0, import_react60.useMemo)(() => {
+  const content = (0, import_react59.useMemo)(() => {
     const ModalComp = modals[modal.modal];
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ModalComp, { ...modal });
   }, [modal]);
@@ -9972,8 +9996,8 @@ var ContentSection = ({ overriddingPage }) => {
   const maxContentHeight = usePortalUIMaxContentHeight();
   const currentPage = usePortalCurrentPage();
   const pageOrOverridingPage = overriddingPage ?? currentPage;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react61.AnimatePresence, { children: contentPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    import_react61.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react60.AnimatePresence, { children: contentPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    import_react60.motion.div,
     {
       className: "relative flex w-full z-50",
       initial: { opacity: 0, y: isTopSide ? -10 : 10 },
@@ -9990,13 +10014,13 @@ var ContentSection = ({ overriddingPage }) => {
 };
 
 // src/components/FnxFloatingButton/ToastsSection.tsx
-var import_react62 = require("react");
-var import_react63 = require("motion/react");
+var import_react61 = require("react");
+var import_react62 = require("motion/react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var ToastClearer = ({ id, paused, remainingMs }) => {
   const { removeToast } = usePortalToasts();
-  const timerRef = (0, import_react62.useRef)(null);
-  (0, import_react62.useEffect)(() => {
+  const timerRef = (0, import_react61.useRef)(null);
+  (0, import_react61.useEffect)(() => {
     if (remainingMs <= 0) {
       removeToast(id);
       return;
@@ -10025,7 +10049,7 @@ var ToastComponent = ({ id, duration, paused, startMs, remainingMs, content }) =
   const handleDismiss = () => {
     removeToast(id);
   };
-  const injectedContent = (0, import_react62.isValidElement)(content) ? (0, import_react62.cloneElement)(content, {
+  const injectedContent = (0, import_react61.isValidElement)(content) ? (0, import_react61.cloneElement)(content, {
     id,
     paused,
     startMs,
@@ -10036,7 +10060,7 @@ var ToastComponent = ({ id, duration, paused, startMs, remainingMs, content }) =
     ...content.props
   }) : content;
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
-    import_react63.motion.div,
+    import_react62.motion.div,
     {
       initial: { opacity: 0, y: isTopSide ? -4 : 4 },
       animate: { opacity: 1, y: 0 },
@@ -10053,7 +10077,7 @@ var ToastComponent = ({ id, duration, paused, startMs, remainingMs, content }) =
 };
 var ToastsSection = () => {
   const { toasts } = usePortalToasts();
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex flex-col gap-3 w-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react63.AnimatePresence, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToastComponent, { ...toast }, toast.id)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex flex-col gap-3 w-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react62.AnimatePresence, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToastComponent, { ...toast }, toast.id)) }) });
 };
 
 // src/components/FnxFloatingButton/FnxFloatingButtonBase.tsx
@@ -10202,10 +10226,10 @@ function createCofheConfig(config) {
 var import_chains5 = require("@cofhe/sdk/chains");
 var import_ts_essentials25 = __toESM(require_dist(), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var CofheContext = (0, import_react64.createContext)(void 0);
+var CofheContext = (0, import_react63.createContext)(void 0);
 function CofheProvider(props) {
   const { children, queryClient, publicClient, walletClient } = props;
-  const config = (0, import_react64.useMemo)(() => {
+  const config = (0, import_react63.useMemo)(() => {
     if (props.config) return props.config;
     if (props.cofheClient) {
       (0, import_ts_essentials25.assert)(props.cofheClient.config.environment === "react", "Provided cofheClient must have react config");
@@ -10213,9 +10237,9 @@ function CofheProvider(props) {
     }
     return createCofheConfig({ supportedChains: Object.values(import_chains5.chains) });
   }, [props.config, props.cofheClient]);
-  const cofheClient = (0, import_react64.useMemo)(() => props.cofheClient ?? (0, import_web3.createCofheClient)(config), [props.cofheClient, config]);
-  const [position, setPosition] = (0, import_react64.useState)(config.react.position);
-  const [theme, setTheme] = (0, import_react64.useState)(config.react.initialTheme);
+  const cofheClient = (0, import_react63.useMemo)(() => props.cofheClient ?? (0, import_web3.createCofheClient)(config), [props.cofheClient, config]);
+  const [position, setPosition] = (0, import_react63.useState)(config.react.position);
+  const [theme, setTheme] = (0, import_react63.useState)(config.react.initialTheme);
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     CofheContext.Provider,
     {
@@ -10240,7 +10264,7 @@ function AutoConnect({ walletClient, publicClient }) {
   return null;
 }
 function useCofheContext() {
-  const context = (0, import_react64.useContext)(CofheContext);
+  const context = (0, import_react63.useContext)(CofheContext);
   if (context === void 0) {
     throw new Error("useCofheContext must be used within a CofheProvider");
   }
@@ -10248,7 +10272,7 @@ function useCofheContext() {
 }
 
 // src/components/FnxEncryptInput.tsx
-var import_react65 = require("react");
+var import_react64 = require("react");
 var import_Security = __toESM(require("@mui/icons-material/Security"), 1);
 var import_KeyboardArrowDown2 = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
 var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"), 1);
@@ -10274,30 +10298,30 @@ var FnxEncryptInput = ({
   onEncryptComplete,
   onEncryptError
 }) => {
-  const [textValue, setTextValue] = (0, import_react65.useState)(initialValue);
-  const [selectedType, setSelectedType] = (0, import_react65.useState)(options[0]?.value || "uint32");
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react65.useState)(false);
-  const [showProgress, setShowProgress] = (0, import_react65.useState)(false);
-  const [encryptedResult, setEncryptedResult] = (0, import_react65.useState)(null);
-  const [copySuccess, setCopySuccess] = (0, import_react65.useState)(false);
-  const dropdownRef = (0, import_react65.useRef)(null);
+  const [textValue, setTextValue] = (0, import_react64.useState)(initialValue);
+  const [selectedType, setSelectedType] = (0, import_react64.useState)(options[0]?.value || "uint32");
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react64.useState)(false);
+  const [showProgress, setShowProgress] = (0, import_react64.useState)(false);
+  const [encryptedResult, setEncryptedResult] = (0, import_react64.useState)(null);
+  const [copySuccess, setCopySuccess] = (0, import_react64.useState)(false);
+  const dropdownRef = (0, import_react64.useRef)(null);
   const {
     encryptInputsAsync: encrypt,
     isEncrypting,
     stepsState: { lastStep: lastEncryptionStep }
   } = useCofheEncrypt();
-  const { progress: encryptionProgress, label: encryptionProgressLabel } = (0, import_react65.useMemo)(() => {
+  const { progress: encryptionProgress, label: encryptionProgressLabel } = (0, import_react64.useMemo)(() => {
     return lastEncryptionStep ? getStepConfig(lastEncryptionStep) : {
       progress: void 0,
       label: void 0
     };
   }, [lastEncryptionStep]);
-  const debouncedValidation = (0, import_react65.useRef)(
+  const debouncedValidation = (0, import_react64.useRef)(
     debounce((value) => {
       cofheLogger.log("Debounced validation for:", value);
     }, debounceMs)
   ).current;
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (showProgressBar && isEncrypting) {
       setShowProgress(true);
     } else if (!isEncrypting) {
@@ -10305,7 +10329,7 @@ var FnxEncryptInput = ({
       return () => clearTimeout(timer);
     }
   }, [showProgressBar, isEncrypting]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (isEncrypting && lastEncryptionStep && encryptionProgress && encryptionProgressLabel) {
       onEncryptProgress?.({
         step: lastEncryptionStep.step,
@@ -10314,7 +10338,7 @@ var FnxEncryptInput = ({
       });
     }
   }, [encryptionProgress, encryptionProgressLabel, onEncryptProgress, isEncrypting, lastEncryptionStep]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -10596,6 +10620,7 @@ var import_web4 = require("@cofhe/sdk/web");
   useCofheClient,
   useCofheConnection,
   useCofheContext,
+  useCofheEnabled,
   useCofheEncrypt,
   useCofheEncryptAndWriteContract,
   useCofheNavigateToCreatePermit,