From 21ff37aac182966a4e573e03355a2085049e31ba Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 28 Oct 2023 08:21:02 +0800
Subject: [PATCH 001/240] load origin value for param change proposal

---
 src/libs/api.ts                           |  1 +
 src/libs/client.ts                        |  4 ++++
 src/libs/registry.ts                      |  2 ++
 src/modules/[chain]/gov/[proposal_id].vue | 16 ++++++++++++++++
 src/types/gov.ts                          |  2 ++
 5 files changed, 25 insertions(+)

diff --git a/src/libs/api.ts b/src/libs/api.ts
index 376b841b9f..bd9517652a 100644
--- a/src/libs/api.ts
+++ b/src/libs/api.ts
@@ -10,6 +10,7 @@ export const DEFAULT: RequestRegistry = {
     url: '/cosmos/auth/v1beta1/accounts/{address}',
     adapter,
   },
+  params: { url: '/cosmos/params/v1beta1/params?subspace={subspace}&key={key}', adapter },
   bank_params: { url: '/cosmos/bank/v1beta1/params', adapter },
   bank_balances_address: {
     url: '/cosmos/bank/v1beta1/balances/{address}',
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 38fc39b812..24ef754418 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -133,6 +133,10 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.slashing_signing_info, {}, query);
   }
   // Gov
+  async getParams(subspace: string, key: string) {
+    console.log(this.registry.params, subspace, key)
+    return this.request(this.registry.params, {subspace, key});
+  }
   async getGovParamsVoting() {
     return this.request(this.registry.gov_params_voting, {});
   }
diff --git a/src/libs/registry.ts b/src/libs/registry.ts
index ce4230719b..1378ad2751 100644
--- a/src/libs/registry.ts
+++ b/src/libs/registry.ts
@@ -124,6 +124,8 @@ export interface RequestRegistry extends AbstractRegistry {
   base_tendermint_validatorsets_latest: Request<PaginatedTendermintValidator>;
   base_tendermint_validatorsets_height: Request<PaginatedTendermintValidator>;
 
+  params: Request<{param: any}>;
+
   tx_txs: Request<PaginatedTxs>;
   tx_txs_block: Request<Tx>;
   tx_hash: Request<{ tx: Tx; tx_response: TxResponse }>;
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 1eaf5cd7c7..c837186947 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -4,6 +4,7 @@ import MdEditor from 'md-editor-v3';
 import ObjectElement from '@/components/dynamic/ObjectElement.vue';
 import {
   useBaseStore,
+  useBlockchain,
   useFormatter,
   useGovStore,
   useStakingStore,
@@ -28,6 +29,7 @@ const format = useFormatter();
 const store = useGovStore();
 const dialog = useTxDialog();
 const stakingStore = useStakingStore();
+const chainStore = useBlockchain();
 
 store.fetchProposal(props.proposal_id).then((res) => {
   const proposalDetail = reactive(res.proposal);
@@ -38,6 +40,20 @@ store.fetchProposal(props.proposal_id).then((res) => {
     });
   }
   proposal.value = proposalDetail;
+  // load origin params if the proposal is param change
+  if(proposalDetail.content?.changes) {
+    proposalDetail.content?.changes.forEach((item) => {  
+        chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
+          if(proposal.value.content && res.param) {
+            if(proposal.value.content.origin){
+              proposal.value.content.origin.push(res.param);
+            } else {
+              proposal.value.content.origin = [res.param];
+            };
+          }
+        })
+    })
+  }
 });
 
 const color = computed(() => {
diff --git a/src/types/gov.ts b/src/types/gov.ts
index 02c9d6ef48..af84e43a97 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -28,6 +28,8 @@ export interface GovProposal {
     '@type': string;
     title?: string;
     description?: string;
+    origin?: any[]
+    changes?: any[];
     plan?: {
       height?: string | number;
       time?: string | number;

From f4732ec5946fdf4a43735b6eb26f949e02cbf3a7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 28 Oct 2023 09:04:47 +0800
Subject: [PATCH 002/240] change the field name

---
 src/modules/[chain]/gov/[proposal_id].vue | 6 +++---
 src/types/gov.ts                          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index c837186947..c96e7b8708 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -45,10 +45,10 @@ store.fetchProposal(props.proposal_id).then((res) => {
     proposalDetail.content?.changes.forEach((item) => {  
         chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
           if(proposal.value.content && res.param) {
-            if(proposal.value.content.origin){
-              proposal.value.content.origin.push(res.param);
+            if(proposal.value.content.current){
+              proposal.value.content.current.push(res.param);
             } else {
-              proposal.value.content.origin = [res.param];
+              proposal.value.content.current = [res.param];
             };
           }
         })
diff --git a/src/types/gov.ts b/src/types/gov.ts
index af84e43a97..ead2546e64 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -28,7 +28,7 @@ export interface GovProposal {
     '@type': string;
     title?: string;
     description?: string;
-    origin?: any[]
+    current?: any[];
     changes?: any[];
     plan?: {
       height?: string | number;

From 75f2c5b40cbbc3842114bd8263a50bae11358ed8 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 28 Oct 2023 09:30:33 +0800
Subject: [PATCH 003/240] add unbonding validators

---
 .../[chain]/cosmwasm/[code_id]/transactions.vue     | 13 ++++++++++++-
 src/stores/useStakingStore.ts                       |  3 +++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 664692e183..1cb8740fd1 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import PaginationBar from '@/components/PaginationBar.vue';
-import { useBlockchain, useFormatter, useTxDialog } from '@/stores';
+import { useBaseStore, useBlockchain, useFormatter, useTxDialog } from '@/stores';
 import { PageRequest, type PaginatedBalances, type PaginatedTxs } from '@/types';
 import { Icon } from '@iconify/vue';
 import { onMounted, ref } from 'vue';
@@ -8,8 +8,10 @@ import { useWasmStore } from '../WasmStore';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { useRoute } from 'vue-router';
 import type { ContractInfo, PaginabledContractStates, PaginabledContracts } from '../types';
+import { post } from '@/libs';
 
 const chainStore = useBlockchain();
+const baseStore = useBaseStore();
 const format = useFormatter();
 const wasmStore = useWasmStore();
 
@@ -37,6 +39,9 @@ onMounted(() => {
     chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
         txs.value = res
     })
+    post("https://prod.neutron.compiler.welldonestudio.io/verification/neutron", {"contractAddress": address, "chainId": baseStore.latest?.block.header.chain_id}).then(res => {
+        console.log("verification:", res)
+    })
 })
 
 function pageload(pageNum: number) {
@@ -193,6 +198,12 @@ const result = ref('');
             </table>
             <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
         </div>
+
+        <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+            <h2 class="card-title truncate w-full mt-4">Verification</h2>
+            
+        </div>
+
         <div>
             <input type="checkbox" id="modal-contract-funds" class="modal-toggle" />
             <label for="modal-contract-funds" class="modal cursor-pointer">
diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index bd0987971c..678fa41315 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -67,6 +67,9 @@ export const useStakingStore = defineStore('stakingStore', {
     },
     async fetchInacitveValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDED');
+    },    
+    async fetchUnbondingValdiators() {
+      return this.fetchValidators('BOND_STATUS_UNBONDING');
     },
     async fetchValidator(validatorAddr: string) {
       return this.blockchain.rpc.getStakingValidator(validatorAddr);

From 36c73ec5eecc66db4ae7f94025ae89c12739c317 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 28 Oct 2023 09:51:09 +0800
Subject: [PATCH 004/240] add unbonding staking

---
 src/modules/[chain]/staking/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 4632486e19..2d2607342b 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -29,8 +29,11 @@ const unbondList = ref([] as Validator[]);
 const slashing =ref({} as SlashingParam)
 
 onMounted(() => {
+    staking.fetchUnbondingValdiators().then((res) => {
+        unbondList.value = res.concat(unbondList.value);
+    });
     staking.fetchInacitveValdiators().then((res) => {
-        unbondList.value = res;
+        unbondList.value = unbondList.value.concat(res);
     });
     chainStore.rpc.getSlashingParams().then(res => {
         slashing.value = res.params

From 3ffcc90dd2ca0082449754684e065d8a0e73a3df Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 30 Oct 2023 09:19:34 +0800
Subject: [PATCH 005/240] fix: small number of commission & rewards

---
 src/stores/useFormatter.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 7f74c31755..f45c61c50c 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -259,7 +259,10 @@ export const useFormatter = defineStore('formatter', {
         if(amount < 0.01) {
           fmt = '0.[000000]'
         }
-
+        if(amount < 0.000001) {
+          return `0 ${denom.substring(0, 10)}`;
+        }
+        console.log("amount:", amount, numeral(amount).format(fmt))
         return `${numeral(amount).format(fmt)} ${
           withDenom ? denom.substring(0, 10) : ''
         }`;

From 7618ea9ffdfa9a2f85d0c159289da9d1254709d4 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 30 Oct 2023 09:21:27 +0800
Subject: [PATCH 006/240] re-order formating flow

---
 src/stores/useFormatter.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index f45c61c50c..50b3638ff5 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -255,14 +255,12 @@ export const useFormatter = defineStore('formatter', {
             denom = unit.denom.toUpperCase();
           }
         }
-
-        if(amount < 0.01) {
-          fmt = '0.[000000]'
-        }
         if(amount < 0.000001) {
           return `0 ${denom.substring(0, 10)}`;
         }
-        console.log("amount:", amount, numeral(amount).format(fmt))
+        if(amount < 0.01) {
+          fmt = '0.[000000]'
+        }
         return `${numeral(amount).format(fmt)} ${
           withDenom ? denom.substring(0, 10) : ''
         }`;

From 1318670d6dee09a94e02ead0ac7c96a80cad3edf Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 1 Nov 2023 09:00:54 +0800
Subject: [PATCH 007/240] only use address for account track

---
 src/modules/wallet/accounts.vue | 66 +++------------------------------
 1 file changed, 6 insertions(+), 60 deletions(-)

diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index 91a151a3e9..a702c4bbd1 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -17,6 +17,7 @@ const dashboard = useDashboard();
 const chainStore = useBlockchain()
 const format = useFormatter();
 const sourceAddress = ref(''); //
+const sourceHdPath = ref("m/44/118/0'/0/0"); //
 const selectedSource = ref({} as LocalKey); //
 const importStep = ref('step1')
 
@@ -123,49 +124,9 @@ const totalChange = computed(() => {
 })
 
 // Adding Model Boxes
-const sourceOptions = computed(() => {
-  // scan all connected wallet
-  const keys = scanLocalKeys();
-  // parser options from all existed keys
-  Object.values(conf.value).forEach((x) => {
-    const [first] = x;
-    if (first) {
-      const { data } = fromBech32(first.address);
-      const hex = toHex(data);
-      if (
-        keys.findIndex(
-          (k) => toHex(fromBech32(k.cosmosAddress).data) === hex
-        ) === -1
-      ) {
-        keys.push({
-          cosmosAddress: first.address,
-          hdPath: `m/44/${first.coinType}/0'/0/0`,
-        });
-      }
-    }
-  });
-  // parse options from an given address
-  if (sourceAddress.value) {
-    const { prefix, data } = fromBech32(sourceAddress.value);
-    const chain = Object.values(dashboard.chains).find(
-      (x) => x.bech32Prefix === prefix
-    );
-    if (chain) {
-      keys.push({
-        cosmosAddress: sourceAddress.value,
-        hdPath: `m/44/${chain.coinType}/0'/0/0`,
-      });
-    }
-  }
-  if (!selectedSource.value.cosmosAddress && keys.length > 0) {
-    selectedSource.value = keys[0];
-  }
-  return keys;
-});
-
 const availableAccount = computed(() => {
-  if (selectedSource.value.cosmosAddress) {
-    return scanCompatibleAccounts([selectedSource.value]).filter(
+  if (sourceAddress.value) {
+    return scanCompatibleAccounts([{cosmosAddress: sourceAddress.value, hdPath: sourceHdPath.value }]).filter(
       (x) => !addresses.value.includes(x.address)
     );
   }
@@ -351,9 +312,6 @@ async function loadBalances(endpoint: string, address: string) {
           </svg>
           Import Address
         </a>
-        <RouterLink to="/wallet/keplr">
-          <span class="btn btn-link">Add chain to Keplr</span>
-        </RouterLink>
       </div>
     </div>
     <!-- Put this part before </body> tag -->
@@ -361,22 +319,10 @@ async function loadBalances(endpoint: string, address: string) {
       <div class="modal-box">
         <a href="#" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</a>
         <h3 class="font-bold text-lg mb-2">Derive Account From Address</h3>
-        <div v-show="importStep === 'step1'">
-          <label class="hidden input-group input-group-sm w-full">
-            <span>Connected</span>
-            <select v-model="selectedSource" class="select select-bordered select-sm w-3/4">
-              <option v-for="source in sourceOptions" :value="source">
-                <span class="overflow-hidden">{{ source.cosmosAddress }}</span>
-              </option>
-            </select>
-          </label>
-          <ul class="menu">
-            <li v-for="source in sourceOptions" @click="selectedSource = source; importStep = 'step2'">
-              <a><label class="overflow-hidden flex flex-col"><div class=" font-bold">{{ source.cosmosAddress }} </div><div class="text-xs">{{ source.hdPath }}</div></label></a>
-            </li>
-          </ul>
-          <label class="my-2 p-2">
+        <div>
+          <label class="my-2">
             <input v-model="sourceAddress" class="input input-bordered w-full input-sm" placeholder="Input an address" @change="importStep = 'step2'" />
+            <input v-model="sourceHdPath" class="input input-bordered w-full input-sm" placeholder="m/44/118/0'/0/0" />
           </label>
         </div>
         <div v-show="importStep === 'step2'" class="py-4 max-h-72 overflow-y-auto">

From 40e5d3438979a687ad38ba705feb2a26c4ffec82 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 2 Nov 2023 09:33:48 +0800
Subject: [PATCH 008/240] improve compatible

---
 src/modules/[chain]/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 4980a6310a..c048a55b9f 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -159,15 +159,15 @@ const amount = computed({
                       {{ ticker?.market?.name || '' }}
                     </div>
                     <div class="text-info text-sm">
-                      {{ shortName(ticker?.base, ticker.coin_id) }}/{{
-                        shortName(ticker?.target, ticker.target_coin_id)
+                      {{ shortName(ticker?.base, ticker?.coin_id) }}/{{
+                        shortName(ticker?.target, ticker?.target_coin_id)
                       }}
                     </div>
                   </div>
 
                   <div class="text-right">
                     <div class="text-xl font-semibold text-[#666] dark:text-white">
-                      ${{ ticker.converted_last.usd }}
+                      ${{ ticker?.converted_last?.usd }}
                     </div>
                     <div class="text-sm" :class="store.priceColor">
                       {{ store.priceChange }}%
@@ -185,14 +185,14 @@ const amount = computed({
                             {{ item?.market?.name }}
                           </div>
                           <div class="text-sm text-gray-500 dark:text-gray-400">
-                            {{ shortName(item?.base, item.coin_id) }}/{{
-                              shortName(item?.target, item.target_coin_id)
+                            {{ shortName(item?.base, item?.coin_id) }}/{{
+                              shortName(item?.target, item?.target_coin_id)
                             }}
                           </div>
                         </div>
 
                         <div class="text-base text-main">
-                           ${{ item.converted_last.usd }}
+                           ${{ item?.converted_last?.usd }}
                         </div>
                       </div>
                     </li>

From e8f788de06ff31745cf3e5b8b8a100c0996911f2 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 10 Nov 2023 13:30:53 +0800
Subject: [PATCH 009/240] improve json view style

---
 src/modules/[chain]/tx/[hash].vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index c8e3178682..c41059e8eb 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useBlockchain, useFormatter } from '@/stores';
+import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { computed, ref } from '@vue/reactivity';
 import type { Tx, TxResponse } from '@/types';
@@ -11,6 +11,7 @@ import "vue3-json-viewer/dist/index.css";
 const props = defineProps(['hash', 'chain']);
 
 const blockchain = useBlockchain();
+const baseStore = useBaseStore();
 const format = useFormatter();
 const tx = ref(
     {} as {
@@ -104,7 +105,7 @@ const messages = computed(() => {
 
         <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
             <h2 class="card-title truncate mb-2">JSON</h2>
-            <JsonViewer :value="tx" copyable boxed sort expand-depth="5"/>
+            <JsonViewer :value="tx" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort expand-depth="5"/>
         </div>
     </div>
 </template>

From f91b26abba31efa102ad6768838408477958d159 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 10 Nov 2023 13:57:06 +0800
Subject: [PATCH 010/240] use json view instead of grid view

---
 .../cosmwasm/[code_id]/transactions.vue       | 32 ++++++++-----------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 1cb8740fd1..25828f6385 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -10,6 +10,10 @@ import { useRoute } from 'vue-router';
 import type { ContractInfo, PaginabledContractStates, PaginabledContracts } from '../types';
 import { post } from '@/libs';
 
+import { JsonViewer } from "vue3-json-viewer"
+// if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
+import "vue3-json-viewer/dist/index.css";
+
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
@@ -86,19 +90,19 @@ function queryContract() {
             wasmStore.wasmClient
                 .getWasmContractRawQuery(contractAddress, query.value)
                 .then((x) => {
-                    result.value = JSON.stringify(x);
+                    result.value = x;
                 })
                 .catch((err) => {
-                    result.value = JSON.stringify(err);
+                    result.value = err;
                 });
         } else {
             wasmStore.wasmClient
                 .getWasmContractSmartQuery(contractAddress, query.value)
                 .then((x) => {
-                    result.value = JSON.stringify(x);
+                    result.value = x;
                 })
                 .catch((err) => {
-                    result.value = JSON.stringify(err);
+                    result.value = err;
                 });
         }
     } catch (err) {
@@ -122,7 +126,7 @@ const radioContent = [
 
 const selectedRadio = ref('raw');
 const query = ref('');
-const result = ref('');
+const result = ref({});
 </script>
 <template>
     <div>
@@ -233,18 +237,9 @@ const result = ref('');
                             <label for="modal-contract-states" class="btn btn-sm btn-circle">✕</label>
                         </div>
                         <div class="overflow-auto">
-                            <table class="table table-compact w-full text-sm">
-                                <tr v-for="(v, index) in state.models" :key="index" class="hover">
-                                    <td class="" :data-tip="format.hexToString(v.key)">
-                                        <span class="font-bold">{{ format.hexToString(v.key) }}</span>
-                                    </td>
-                                    <td class="text-left w-3/4" :title="format.base64ToString(v.value)">
-                                        {{ format.base64ToString(v.value) }}
-                                    </td>
-                                </tr>
-                            </table>
+                            <JsonViewer :value="state.models?.map(v => ({key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value))}))" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
                             <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
-                                :callback="pageload" />
+                                :callback="pageloadState" />
                         </div>
                     </div>
                 </label>
@@ -279,8 +274,9 @@ const result = ref('');
                                 </div>
                                 <textarea v-model="query" placeholder="Query String, {}" label="Query String"
                                     class="my-2 textarea textarea-bordered w-full" />
-                                <textarea v-model="result" readonly placeholder="Query Result" label="Result"
-                                    class="textarea textarea-bordered w-full" />
+                                
+                                <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
+
                             </div>
                             <div class="mt-4 mb-4 text-center">
                                 <button class="btn btn-primary px-4 text-white" @click="queryContract()">

From 180e4b9f2bb81423a2fb2cfd3409aa5a0b06ef76 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 10 Nov 2023 14:23:43 +0800
Subject: [PATCH 011/240] move wasm client out of wasm store

---
 chains/mainnet/neutron.json                   |  30 ++++
 src/modules/[chain]/cosmwasm/WasmClient.ts    | 119 ++++++++++++++++
 src/modules/[chain]/cosmwasm/WasmStore.ts     | 128 ++----------------
 .../cosmwasm/[code_id]/transactions.vue       |   4 +-
 4 files changed, 161 insertions(+), 120 deletions(-)
 create mode 100644 chains/mainnet/neutron.json
 create mode 100644 src/modules/[chain]/cosmwasm/WasmClient.ts

diff --git a/chains/mainnet/neutron.json b/chains/mainnet/neutron.json
new file mode 100644
index 0000000000..864e67f10b
--- /dev/null
+++ b/chains/mainnet/neutron.json
@@ -0,0 +1,30 @@
+{
+    "chain_name": "neutron",
+    "api": [
+        {"provider": "Polkachu", "address": "https://neutron-api.polkachu.com"},
+        {"provider": "NodeStake", "address": "https://api.neutron.nodestake.top"},
+        {"provider": "Allnodes", "address": "https://neutron-rest.publicnode.com"}
+    ],
+    "rpc": [
+        {"provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com"}, 
+        {"provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top"},
+        {"provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443"}
+    ],
+    "provider_chain": {
+        "api": ["https://api-cosmoshub-ia.cosmosia.notional.ventures"]
+    },
+    "features": ["dashboard", "blocks", "ibc", "cosmwasm", "uptime", "parameters", "state-sync", "consensus", "supply", "widget"],
+    "sdk_version": "0.45.1",
+    "coin_type": "118",
+    "min_tx_fee": "8000",
+    "assets": [{
+        "base": "untrn",
+        "symbol": "NTRN",
+        "exponent": "6",
+        "coingecko_id": "neutron",
+        "logo": "/logos/neutron.svg"
+    }],
+    "addr_prefix": "neutron",
+    "theme_color": "#161723",
+    "logo": "/logos/neutron.svg"
+}
diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
new file mode 100644
index 0000000000..cf0ecabc41
--- /dev/null
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -0,0 +1,119 @@
+import { BaseRestClient } from '@/libs/client';
+import { adapter, type AbstractRegistry, type Request } from '@/libs/registry';
+import { defineStore } from 'pinia';
+import type {
+  CodeInfo,
+  ContractInfo,
+  PaginabledCodeInfos,
+  PaginabledContractHistory,
+  PaginabledContracts,
+  PaginabledContractStates,
+  WasmParam,
+} from './types';
+import { toBase64 } from '@cosmjs/encoding';
+import { useBlockchain } from '@/stores';
+import { PageRequest } from '@/types';
+
+export interface WasmRequestRegistry extends AbstractRegistry {
+    cosmwasm_code: Request<PaginabledCodeInfos>;
+    cosmwasm_code_id: Request<CodeInfo>;
+    cosmwasm_code_id_contracts: Request<PaginabledContracts>;
+    cosmwasm_param: Request<WasmParam>;
+    cosmwasm_contract_address: Request<{
+      address: string;
+      contract_info: ContractInfo;
+    }>;
+    cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
+    cosmwasm_contract_address_raw_query_data: Request<any>;
+    cosmwasm_contract_address_smart_query_data: Request<any>;
+    cosmwasm_contract_address_state: Request<PaginabledContractStates>;
+    cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
+  }
+  
+  export const DEFAULT_VERSION: WasmRequestRegistry = {
+    cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
+    cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
+    cosmwasm_code_id_contracts: {
+      url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
+      adapter,
+    },
+    cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
+    cosmwasm_contract_address: {
+      url: '/cosmwasm/wasm/v1/contract/{address}',
+      adapter,
+    },
+    cosmwasm_contract_address_history: {
+      url: '/cosmwasm/wasm/v1/contract/{address}/history',
+      adapter,
+    },
+    cosmwasm_contract_address_raw_query_data: {
+      url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
+      adapter,
+    },
+    cosmwasm_contract_address_smart_query_data: {
+      url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
+      adapter,
+    },
+    cosmwasm_contract_address_state: {
+      url: '/cosmwasm/wasm/v1/contract/{address}/state',
+      adapter,
+    },
+    cosmwasm_wasm_contracts_creator: {
+      url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
+      adapter,
+    },
+  };
+  
+  export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
+    getWasmCodeList(pr?: PageRequest) {
+      if(!pr) pr = new PageRequest()
+      const query = `?${pr.toQueryString()}`
+      return this.request(this.registry.cosmwasm_code, {}, query);
+    }
+    getWasmCodeById(code_id: string) {
+      return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
+    }
+    getWasmCodeContracts(code_id: string, page?: PageRequest) {
+      if(!page) page = new PageRequest()
+      const query = `?${page.toQueryString()}`
+      return this.request(this.registry.cosmwasm_code_id_contracts, { code_id }, query);
+    }
+    getWasmParams() {
+      return this.request(this.registry.cosmwasm_param, {});
+    }
+    getWasmContracts(address: string) {
+      return this.request(this.registry.cosmwasm_contract_address, { address });
+    }
+    getWasmContractsByCreator(creator_address: string, page?: PageRequest) {    
+      if(!page) page = new PageRequest()
+      const query = `?${page.toQueryString()}`
+      return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address }, query);
+    }
+    getWasmContractHistory(address: string) {
+      return this.request(this.registry.cosmwasm_contract_address_history, {
+        address,
+      });
+    }
+    getWasmContractRawQuery(address: string, query: string) {
+      const query_data = toBase64(new TextEncoder().encode(query));
+      return this.request(
+        this.registry.cosmwasm_contract_address_raw_query_data,
+        { address, query_data }
+      );
+    }
+    getWasmContractSmartQuery(address: string, query: string) {
+      const query_data = toBase64(new TextEncoder().encode(query));
+      return this.request(
+        this.registry.cosmwasm_contract_address_smart_query_data,
+        { address, query_data }
+      );
+    }
+    getWasmContractStates(address: string, pr: PageRequest) {    
+      if(!pr) pr = new PageRequest()
+      const query = `?${pr.toQueryString()}`
+      return this.request(this.registry.cosmwasm_contract_address_state, {
+        address,
+      }, query);
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/modules/[chain]/cosmwasm/WasmStore.ts b/src/modules/[chain]/cosmwasm/WasmStore.ts
index 74f0180a1b..74a2a43a23 100644
--- a/src/modules/[chain]/cosmwasm/WasmStore.ts
+++ b/src/modules/[chain]/cosmwasm/WasmStore.ts
@@ -1,121 +1,7 @@
-import { BaseRestClient } from '@/libs/client';
-import { adapter, type AbstractRegistry, type Request } from '@/libs/registry';
 import { defineStore } from 'pinia';
-import type {
-  CodeInfo,
-  ContractInfo,
-  PaginabledCodeInfos,
-  PaginabledContractHistory,
-  PaginabledContracts,
-  PaginabledContractStates,
-  WasmParam,
-} from './types';
-import { toBase64 } from '@cosmjs/encoding';
 import { useBlockchain } from '@/stores';
-import { PageRequest } from '@/types';
-
-export interface WasmRequestRegistry extends AbstractRegistry {
-  cosmwasm_code: Request<PaginabledCodeInfos>;
-  cosmwasm_code_id: Request<CodeInfo>;
-  cosmwasm_code_id_contracts: Request<PaginabledContracts>;
-  cosmwasm_param: Request<WasmParam>;
-  cosmwasm_contract_address: Request<{
-    address: string;
-    contract_info: ContractInfo;
-  }>;
-  cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
-  cosmwasm_contract_address_raw_query_data: Request<any>;
-  cosmwasm_contract_address_smart_query_data: Request<any>;
-  cosmwasm_contract_address_state: Request<PaginabledContractStates>;
-  cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
-}
-
-export const DEFAULT: WasmRequestRegistry = {
-  cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
-  cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
-  cosmwasm_code_id_contracts: {
-    url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
-    adapter,
-  },
-  cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
-  cosmwasm_contract_address: {
-    url: '/cosmwasm/wasm/v1/contract/{address}',
-    adapter,
-  },
-  cosmwasm_contract_address_history: {
-    url: '/cosmwasm/wasm/v1/contract/{address}/history',
-    adapter,
-  },
-  cosmwasm_contract_address_raw_query_data: {
-    url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
-    adapter,
-  },
-  cosmwasm_contract_address_smart_query_data: {
-    url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
-    adapter,
-  },
-  cosmwasm_contract_address_state: {
-    url: '/cosmwasm/wasm/v1/contract/{address}/state',
-    adapter,
-  },
-  cosmwasm_wasm_contracts_creator: {
-    url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
-    adapter,
-  },
-};
-
-class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
-  getWasmCodeList(pr?: PageRequest) {
-    if(!pr) pr = new PageRequest()
-    const query = `?${pr.toQueryString()}`
-    return this.request(this.registry.cosmwasm_code, {}, query);
-  }
-  getWasmCodeById(code_id: string) {
-    return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
-  }
-  getWasmCodeContracts(code_id: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    const query = `?${page.toQueryString()}`
-    return this.request(this.registry.cosmwasm_code_id_contracts, { code_id }, query);
-  }
-  getWasmParams() {
-    return this.request(this.registry.cosmwasm_param, {});
-  }
-  getWasmContracts(address: string) {
-    return this.request(this.registry.cosmwasm_contract_address, { address });
-  }
-  getWasmContractsByCreator(creator_address: string, page?: PageRequest) {    
-    if(!page) page = new PageRequest()
-    const query = `?${page.toQueryString()}`
-    return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address }, query);
-  }
-  getWasmContractHistory(address: string) {
-    return this.request(this.registry.cosmwasm_contract_address_history, {
-      address,
-    });
-  }
-  getWasmContractRawQuery(address: string, query: string) {
-    const query_data = toBase64(new TextEncoder().encode(query));
-    return this.request(
-      this.registry.cosmwasm_contract_address_raw_query_data,
-      { address, query_data }
-    );
-  }
-  getWasmContractSmartQuery(address: string, query: string) {
-    const query_data = toBase64(new TextEncoder().encode(query));
-    return this.request(
-      this.registry.cosmwasm_contract_address_smart_query_data,
-      { address, query_data }
-    );
-  }
-  getWasmContractStates(address: string, pr: PageRequest) {    
-    if(!pr) pr = new PageRequest()
-    const query = `?${pr.toQueryString()}`
-    return this.request(this.registry.cosmwasm_contract_address_state, {
-      address,
-    }, query);
-  }
-}
+import { DEFAULT_VERSION, WasmRestClient } from './WasmClient';
+import { get, post } from '@/libs';
 
 export const useWasmStore = defineStore('module-wasm', {
   state: () => {
@@ -124,7 +10,15 @@ export const useWasmStore = defineStore('module-wasm', {
   getters: {
     wasmClient() {
       const blockchain = useBlockchain();
-      return new WasmRestClient(blockchain.endpoint.address, DEFAULT);
+      return new WasmRestClient(blockchain.endpoint.address, DEFAULT_VERSION);
     },
+    // fetchVerification() {
+    //   get("https://prod.neutron.compiler.welldonestudio.io/neutron-deploy-histories/pion-1?contract=neutron1gesll6lepas7xzt22pg7r07v9vd652md82z8m2fqp5zt43rznu5sl42s74")
+    // },
+    // requestVerification() {
+    //   post("https://prod.neutron.compiler.welldonestudio.io/verification/neutron", {"contractAddress": address, "chainId": baseStore.latest?.block.header.chain_id}).then(res => {
+    //     console.log("verification:", res)
+    // })
+    // }
   },
 });
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 25828f6385..c5d044295c 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -43,9 +43,7 @@ onMounted(() => {
     chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
         txs.value = res
     })
-    post("https://prod.neutron.compiler.welldonestudio.io/verification/neutron", {"contractAddress": address, "chainId": baseStore.latest?.block.header.chain_id}).then(res => {
-        console.log("verification:", res)
-    })
+
 })
 
 function pageload(pageNum: number) {

From 586f819d4198b332ba8ffe4132e0ec9c5d59b581 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 10 Nov 2023 15:33:48 +0800
Subject: [PATCH 012/240] update status color

---
 src/layouts/components/ChainProfile.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index 67736286f4..029aa5943e 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -17,7 +17,10 @@ function changeEndpoint(item: Endpoint) {
       <div class="p-1 relative mr-3 cursor-pointer">
         <img v-lazy="chainStore.logo" class="w-9 h-9 rounded-full" />
         <div
-          class="w-2 h-2 rounded-full bg-yes absolute right-0 bottom-0 shadow"
+          class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow" :class="{
+            'bg-success': baseStore.connected,
+            'bg-error': !baseStore.connected
+          }"
         ></div>
       </div>
       <div class="flex-1 w-0">

From ce7abefa84bfb0d650aa030ac26b36c00173108e Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 10 Nov 2023 15:34:06 +0800
Subject: [PATCH 013/240] random pick endpoints

---
 src/modules/wallet/accounts.vue  |  9 ++++++---
 src/modules/wallet/portfolio.vue |  6 ++++--
 src/stores/useBlockchain.ts      | 13 +++++++++----
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index a702c4bbd1..06ac38e243 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -41,6 +41,7 @@ Object.values(conf.value).forEach((imported) => {
           // continue only if the page is living
           if (imported[i].endpoint) {
             loadBalances(
+              imported[i].chainName,
               imported[i].endpoint || '',
               imported[i].address
             ).finally(() => resolve());
@@ -170,15 +171,17 @@ async function addAddress(acc: AccountEntry) {
   }
 
   if (acc.endpoint) {
-    loadBalances(acc.endpoint, acc.address);
+    loadBalances(acc.chainName, acc.endpoint, acc.address);
   }
 
   localStorage.setItem('imported-addresses', JSON.stringify(conf.value));
 }
 
 // load balances for an address
-async function loadBalances(endpoint: string, address: string) {
-  const client = CosmosRestClient.newDefault(endpoint);
+async function loadBalances(chainName: string, endpoint: string, address: string) {
+  
+  const endpointObj = chainStore.randomEndpoint(chainName)
+  const client = CosmosRestClient.newDefault(endpointObj?.address || endpoint);
   await client.getBankBalances(address).then((res) => {
     balances.value[address] = res.balances.filter((x) => x.denom.length < 10);
   });
diff --git a/src/modules/wallet/portfolio.vue b/src/modules/wallet/portfolio.vue
index 5fa01ced71..dbceb937d7 100644
--- a/src/modules/wallet/portfolio.vue
+++ b/src/modules/wallet/portfolio.vue
@@ -4,7 +4,7 @@ import type { Coin, Delegation } from '@/types';
 import { ref, watchEffect } from 'vue';
 import type { AccountEntry } from './utils';
 import { computed } from 'vue';
-import { useBaseStore, useFormatter } from '@/stores';
+import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import DonutChart from '@/components/charts/DonutChart.vue';
 import ApexCharts from 'vue3-apexcharts';
 import { get } from '@/libs';
@@ -17,6 +17,7 @@ const conf = ref(
     AccountEntry[]
   >
 );
+const chainStore = useBlockchain();
 const balances = ref({} as Record<string, Coin[]>);
 const delegations = ref({} as Record<string, Delegation[]>);
 const tokenMeta = ref({} as Record<string, AccountEntry>);
@@ -64,7 +65,8 @@ Object.values(conf.value).forEach((imported) => {
     imported.forEach((x) => {
       if (x.endpoint && x.address) {
         loading.value += 1
-        const client = CosmosRestClient.newDefault(x.endpoint);
+        const endpoint = chainStore.randomEndpoint(x.chainName)
+        const client = CosmosRestClient.newDefault(endpoint?.address || x.endpoint);
         client.getBankBalances(x.address).then((res) => {
           const bal = res.balances.filter((x) => x.denom.length < 10);
           if (bal) balances.value[x.address || ""] = bal;
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index 3af2e5f7f7..76f392dbdd 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -147,20 +147,25 @@ export const useBlockchain = defineStore('blockchain', {
       useBlockModule().initial();
     },
 
-    async randomSetupEndpoint() {
-      const end = localStorage.getItem(`endpoint-${this.chainName}`);
+    randomEndpoint(chainName: string) : Endpoint | undefined {
+      const end = localStorage.getItem(`endpoint-${chainName}`);
       if (end) {
-        this.setRestEndpoint(JSON.parse(end));
+        return JSON.parse(end);
       } else {
         const all = this.current?.endpoints?.rest;
         if (all) {
           const rn = Math.random();
           const endpoint = all[Math.floor(rn * all.length)];
-          await this.setRestEndpoint(endpoint);
+          return endpoint
         }
       }
     },
 
+    async randomSetupEndpoint() {
+      const endpoint = this.randomEndpoint(this.chainName)
+      if(endpoint) await this.setRestEndpoint(endpoint);
+    },
+
     async setRestEndpoint(endpoint: Endpoint) {
       this.connErr = '';
       this.endpoint = endpoint;

From d8117141654eafa383365524ce7589191a8cefd9 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 11 Nov 2023 14:25:30 +0800
Subject: [PATCH 014/240] add error message

---
 src/modules/[chain]/tx/[hash].vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index c41059e8eb..f7a6272ca0 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -48,12 +48,15 @@ const messages = computed(() => {
                         <tr>
                             <td>{{ $t('staking.status') }}</td>
                             <td>
-                                <div class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded" :class="`text-${tx.tx_response.code === 0 ? 'success' : 'error'
+                                <span class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded" :class="`text-${tx.tx_response.code === 0 ? 'success' : 'error'
                                     }`">
                                     <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${tx.tx_response.code === 0 ? 'success' : 'error'
                                         }`"></span>
                                     {{ tx.tx_response.code === 0 ? 'Success' : 'Failed' }}
-                                </div>
+                                </span>
+                                <span>
+                                    {{ tx.tx_response.code === 0 ? '' : tx?.tx_response?.raw_log }}
+                                </span>
                             </td>
                         </tr>
                         <tr>

From 7b82ec2b5993b832bd0a19bfe079fd6036322f02 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 13 Nov 2023 13:38:22 +0800
Subject: [PATCH 015/240] add received asset list

---
 src/modules/[chain]/account/[address].vue | 51 +++++++++++++++++++++++
 src/plugins/i18n/locales/en.json          |  2 +
 2 files changed, 53 insertions(+)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 269d8ca609..f9295ce546 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -32,6 +32,7 @@ const txs = ref({} as TxResponse[]);
 const delegations = ref([] as Delegation[]);
 const rewards = ref({} as DelegatorRewards);
 const balances = ref([] as Coin[]);
+const recentReceived = ref([] as TxResponse[]);
 const unbonding = ref([] as UnbondingResponses[]);
 const unbondingTotal = ref(0);
 const chart = {};
@@ -110,6 +111,12 @@ function loadAccount(address: string) {
       });
     });
   });
+
+  const receivedQuery =  `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
+  blockchain.rpc.getTxs(receivedQuery, {}).then((x) => {
+    console.log(x);
+    recentReceived.value = x.tx_responses;
+  });
 }
 
 function updateEvent() {
@@ -536,6 +543,50 @@ function updateEvent() {
       </div>
     </div>
 
+    <!-- Received -->
+    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+      <h2 class="card-title mb-4">{{ $t('account.received') }}</h2>
+      <div class="overflow-x-auto">
+        <table class="table w-full text-sm">
+          <thead>
+            <tr>
+              <th class="py-3">{{ $t('account.height') }}</th>
+              <th class="py-3">{{ $t('account.hash') }}</th>
+              <th class="py-3">{{ $t('account.amount') }}</th>
+              <th class="py-3">{{ $t('account.time') }}</th>
+            </tr>
+          </thead>
+          <tbody class="text-sm">
+            <tr v-if="recentReceived.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_transactions') }}</div></td></tr>
+            <tr v-for="(v, index) in recentReceived" :key="index">
+              <td class="text-sm py-3">
+                <RouterLink :to="`/${chain}/block/${v.height}`" class="text-primary dark:invert">{{
+                  v.height
+                }}</RouterLink>
+              </td>
+              <td class="truncate py-3" style="max-width: 200px">
+                <RouterLink :to="`/${chain}/tx/${v.txhash}`" class="text-primary dark:invert">
+                  {{ v.txhash }}
+                </RouterLink>
+              </td>
+              <td class="flex items-center py-3">
+                <div class="mr-2">
+                  {{ v.tx.body.messages.map(x => format.formatTokens(x.amount)).join(", ") }}
+                </div>
+                <Icon
+                  v-if="v.code === 0"
+                  icon="mdi-check"
+                  class="text-success text-lg"
+                />
+                <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
+              </td>
+              <td class="py-3">{{ format.toLocaleDate(v.timestamp) }} <span class=" text-xs">({{ format.toDay(v.timestamp, 'from') }})</span> </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
     <!-- Account -->
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
       <h2 class="card-title mb-4">{{ $t('account.acc') }}</h2>
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 51b928aac5..4bc215b59d 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -33,6 +33,8 @@
     "btn_index": "Back to Home"
   },
   "account": {
+    "amount": "Amount",
+    "received": "Recent Received",
     "type": "Type",
     "address": "Address",
     "acc": "Account",

From 68cfb5e55362d98e64f1ab721e13add06b67cc62 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 13 Nov 2023 13:43:05 +0800
Subject: [PATCH 016/240] add type definition

---
 src/types/transaction.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/types/transaction.ts b/src/types/transaction.ts
index a4db6187a5..950518cf95 100644
--- a/src/types/transaction.ts
+++ b/src/types/transaction.ts
@@ -3,7 +3,7 @@ import type { Coin, Key, PaginatedResponse } from "./common"
 export interface Tx {
     "@type"?: string,
     "body": {
-        "messages": {"@type": string}[],
+        "messages": {"@type": string, "amount"?: Coin[]}[],
         "memo": string,
         "timeout_height": string,
         "extension_options": any[],

From df31f53b46520c83e5d68241878ff389af781d2a Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 13 Nov 2023 14:44:18 +0800
Subject: [PATCH 017/240] remove console

---
 src/modules/[chain]/account/[address].vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index f9295ce546..478bf59b0a 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -114,7 +114,6 @@ function loadAccount(address: string) {
 
   const receivedQuery =  `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
   blockchain.rpc.getTxs(receivedQuery, {}).then((x) => {
-    console.log(x);
     recentReceived.value = x.tx_responses;
   });
 }

From cb756ea204a31dfec20719affd56f465bab7c7b5 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 13 Nov 2023 20:48:27 +0800
Subject: [PATCH 018/240] improve amount display

---
 src/modules/[chain]/account/[address].vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 478bf59b0a..6f94f33a43 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -20,6 +20,7 @@ import type {
 } from '@/types';
 import type { Coin } from '@cosmjs/amino';
 import Countdown from '@/components/Countdown.vue';
+import { fromBase64 } from '@cosmjs/encoding';
 
 const props = defineProps(['address', 'chain']);
 
@@ -570,7 +571,7 @@ function updateEvent() {
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ v.tx.body.messages.map(x => format.formatTokens(x.amount)).join(", ") }}
+                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
                 </div>
                 <Icon
                   v-if="v.code === 0"

From ca59e3d58615598fa9d7d744de0eec1a03a8a7c6 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 15 Nov 2023 14:46:37 +0800
Subject: [PATCH 019/240] filter spam

---
 src/stores/useGovStore.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index 48b07fce11..507154e009 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -37,6 +37,12 @@ export const useGovStore = defineStore('govStore', {
       const proposals = reactive(
         await this.blockchain.rpc?.getGovProposals(status, pagination)
       );
+
+      //filter spam proposals
+      if(proposals?.proposals) {
+        proposals.proposals = proposals.proposals.filter((item) => item.content.title && item.content.title.toLowerCase().indexOf("airdrop")===-1);
+      }
+
       if (status === '2') {
         proposals?.proposals?.forEach((item) => {
           this.fetchTally(item.proposal_id).then((res) => {

From 8a45680a8e4367f515a6e75220f4ebc722b8a732 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 15 Nov 2023 15:11:02 +0800
Subject: [PATCH 020/240] improve received

---
 src/modules/[chain]/account/[address].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 6f94f33a43..45930f46e2 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -571,7 +571,7 @@ function updateEvent() {
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
+                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50'||x.key === 'amount').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
                 </div>
                 <Icon
                   v-if="v.code === 0"

From 61203d348bcd2679f029eb7d77d3e369da4405ce Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 15 Nov 2023 15:30:51 +0800
Subject: [PATCH 021/240] only support base64

---
 src/modules/[chain]/account/[address].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 45930f46e2..6f94f33a43 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -571,7 +571,7 @@ function updateEvent() {
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50'||x.key === 'amount').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
+                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
                 </div>
                 <Icon
                   v-if="v.code === 0"

From 7b8c2463d1f19532c794f86f1aa3885de187d414 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 28 Nov 2023 10:14:26 +0800
Subject: [PATCH 022/240] dynamic load state sync block

---
 src/modules/[chain]/statesync/index.vue | 72 +++++++++++++------------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/src/modules/[chain]/statesync/index.vue b/src/modules/[chain]/statesync/index.vue
index 69cc5cb34f..3878ede2f5 100644
--- a/src/modules/[chain]/statesync/index.vue
+++ b/src/modules/[chain]/statesync/index.vue
@@ -10,15 +10,20 @@ const blockchain = useBlockchain();
 const base = useBaseStore();
 const nodeInfo = ref({} as NodeInfo);
 
-const height = ref(Number(base.latest.block?.header?.height|| 2001))
+const height = ref(0)
 const hash = ref("")
 
-if(height.value > 2000) {
-  height.value = Math.round((height.value - 2000) / 1000) * 1000
-  base.fetchBlock(height.value).then(res => {
-    hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase()
-  })
-}
+base.$subscribe((m, { latest }) => {
+  let h = Number(latest.block?.header?.height)
+  h = Math.round((h - 2000) / 1000) * 1000
+  if (h > height.value) {
+    height.value = h
+    base.fetchBlock(h).then(res => {
+      hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase()
+    })
+  }
+})
+
 const rpcs = computed(() => {
   return blockchain.current?.endpoints?.rpc
     ?.map((x) => x.address)
@@ -41,14 +46,10 @@ onMounted(() => {
       <h2 class="card-title truncate mb-2">{{ $t('statesync.title') }}</h2>
       <div class="text-sm">
         {{ $t('statesync.description') }}
-        <a
-          class="text-primary lowercase"
-          href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f"
-          >{{ $t('statesync.here') }}&nbsp;</a
-        >
-        <a
-        class="lowercase">
-        {{ $t('statesync.for_more_info') }}.</a>
+        <a class="text-primary lowercase" href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f">{{
+          $t('statesync.here') }}&nbsp;</a>
+        <a class="lowercase">
+          {{ $t('statesync.for_more_info') }}.</a>
       </div>
     </div>
 
@@ -67,22 +68,24 @@ onMounted(() => {
         {{ $t('statesync.text_2_1') }}.
         <br /><br />
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">enable = true</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800"></code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">rpc_servers = "{{ rpcs }}"</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_height = {{ height }} </code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_hash = "{{hash}}"</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
-            <pre data-prefix=">"><code class="text-green-400"># 2/3 of unbonding time</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_period = "168h"</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">enable = true</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800"></code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">rpc_servers = "{{ rpcs }}"</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_height = {{ height }} </code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_hash = "{{ hash }}"</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
+          <pre data-prefix=">"><code class="text-green-400"># 2/3 of unbonding time</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_period = "168h"</code></pre>
         </div>
         <br />
-        3. {{ $t('statesync.text_3') }}: <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} start</code>
+        3. {{ $t('statesync.text_3') }}: <code
+          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} start</code>
         <br />
         {{ $t('statesync.text_3_1') }}
         <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} unsafe-reset-all</code> or
-        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code>
+        <code
+          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code>
         {{ $t('statesync.text_3_2') }}.
       </div>
     </div>
@@ -93,13 +96,16 @@ onMounted(() => {
         {{ $t('statesync.text_title_3') }}
         <br /><br />
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
-            <pre data-prefix=">"><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
-            <pre data-prefix=">"><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-interval = 1000</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
-            <pre data-prefix=">"><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-keep-recent = 2</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
+          <pre
+            data-prefix=">"><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
+          <pre
+            data-prefix=">"><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-interval = 1000</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
+          <pre
+            data-prefix=">"><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
+          <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-keep-recent = 2</code></pre>
         </div>
       </div>
     </div>

From aa17be0839a8dc2b6abe6a25aabbde40d2e05a16 Mon Sep 17 00:00:00 2001
From: ping <18786721@qq.com>
Date: Tue, 28 Nov 2023 18:26:45 +0800
Subject: [PATCH 023/240] Update FUNDING.yml

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 2c027dc87f..706da5d138 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,5 +1,5 @@
 # These are supported funding model platforms
 
-# github: liangping
+github: ping-pub
 issuehunt: ping-pub # Replace with a single IssueHunt username
 

From 727979bf20fa96fd76040f8934519c62ddd0cb14 Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Fri, 1 Dec 2023 14:26:49 +0100
Subject: [PATCH 024/240] Optimized avatars and added avatar auto-fixer when
 cache is old.

---
 src/modules/[chain]/staking/[validator].vue | 54 +++++++++----
 src/modules/[chain]/staking/index.vue       | 86 +++++++++++++--------
 2 files changed, 93 insertions(+), 47 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index d0f45ea3d1..bb2a4bc4fb 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -79,6 +79,7 @@ const selfRate = computed(() => {
   }
   return '-';
 });
+
 const logo = (identity?: string) => {
   if (!identity) return '';
   const url = avatars.value[identity] || '';
@@ -86,25 +87,43 @@ const logo = (identity?: string) => {
     ? url
     : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
+
+const fetchAvatar = (identity: string) => {
+  // fetch avatar from keybase
+  return new Promise<void>((resolve) => {
+    staking
+      .keybase(identity)
+      .then((d) => {
+        if (Array.isArray(d.them) && d.them.length > 0) {
+          const uri = String(d.them[0]?.pictures?.primary?.url).replace(
+            'https://s3.amazonaws.com/keybase_processed_uploads/',
+            ''
+          );
+
+          avatars.value[identity] = uri;
+          resolve();
+        } else throw new Error(`failed to fetch avatar for ${identity}.`);
+      })
+      .catch((error) => {
+        // console.error(error); // uncomment this if you want the user to see if the avatar failed to load.
+        resolve();
+      });
+  });
+};
+
+const loadAvatar = () => {
+  fetchAvatar(identity.value).then(() => {
+    localStorage.setItem('avatars', JSON.stringify(avatars.value));
+  });
+};
+
 onMounted(() => {
   if (validator) {
     staking.fetchValidator(validator).then((res) => {
       v.value = res.validator;
       identity.value = res.validator?.description?.identity || '';
-      if (identity.value && !avatars.value[identity.value]) {
-        staking.keybase(identity.value).then((d) => {
-          if (Array.isArray(d.them) && d.them.length > 0) {
-            const uri = String(d.them[0]?.pictures?.primary?.url).replace(
-              'https://s3.amazonaws.com/keybase_processed_uploads/',
-              ''
-            );
-            if (uri) {
-              avatars.value[identity.value] = uri;
-              localStorage.setItem('avatars', JSON.stringify(avatars.value));
-            }
-          }
-        });
-      }
+      if (identity.value && !avatars.value[identity.value]) loadAvatar();
+
       const prefix = valoperToPrefix(v.value.operator_address) || '<Invalid>';
       addresses.value.hex = consensusPubkeyToHexAddress(
         v.value.consensus_pubkey
@@ -187,6 +206,13 @@ function pageload(p: number) {
                   v-if="avatars[identity] !== 'undefined'"
                   v-lazy="logo(identity)"
                   class="object-contain"
+                  @error="
+                    (e) => {
+                      if (identity) {
+                        loadAvatar();
+                      }
+                    }
+                  "
                 />
                 <Icon
                   v-else
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 2d2607342b..609340ee81 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -141,39 +141,54 @@ const list = computed(() => {
     return unbondList.value.map((x, i) => ({v: x, rank: 'primary', logo: logo(x.description.identity)}));
 });
 
-const loadAvatars = () => {
-    // fetch avatar from keybase
-    let promise = Promise.resolve();
-    staking.validators.forEach((item) => {
-        promise = promise.then(
-            () =>
-                new Promise((resolve) => {
-                    const identity = item.description?.identity;
-                    if (identity && !avatars.value[identity]) {
-                        staking.keybase(identity).then((d) => {
-                            if (Array.isArray(d.them) && d.them.length > 0) {
-                                const uri = String(
-                                    d.them[0]?.pictures?.primary?.url
-                                ).replace(
-                                    'https://s3.amazonaws.com/keybase_processed_uploads/',
-                                    ''
-                                );
-                                if (uri) {
-                                    avatars.value[identity] = uri;
-                                    localStorage.setItem(
-                                        'avatars',
-                                        JSON.stringify(avatars.value)
-                                    );
-                                }
-                            }
-                            resolve();
-                        });
-                    } else {
-                        resolve();
-                    }
-                })
-        );
+const fetchAvatar = (identity: string) => {
+  // fetch avatar from keybase
+  return new Promise<void>((resolve) => {
+    staking
+      .keybase(identity)
+      .then((d) => {
+        if (Array.isArray(d.them) && d.them.length > 0) {
+          const uri = String(d.them[0]?.pictures?.primary?.url).replace(
+            'https://s3.amazonaws.com/keybase_processed_uploads/',
+            ''
+          );
+
+          avatars.value[identity] = uri;
+          resolve();
+        } else throw new Error(`failed to fetch avatar for ${identity}`);
+      })
+      .catch((error) => {
+        // console.error(error); // uncomment this if you want the user to see which avatars failed to load.
+        resolve();
+      });
+  });
+};
+
+const loadAvatar = (validator: Validator) => {
+  const identity = validator.description?.identity;
+
+  if (identity) {
+    fetchAvatar(identity).then(() => {
+      localStorage.setItem('avatars', JSON.stringify(avatars.value));
     });
+  }
+};
+
+const loadAvatars = () => {
+  const promises = staking.validators.map((validator) => {
+    const identity = validator.description?.identity;
+
+    // Here we also check whether we haven't already fetched the avatar
+    if (identity && !avatars.value[identity]) {
+      return fetchAvatar(identity);
+    } else {
+      return Promise.resolve();
+    }
+  });
+
+  Promise.all(promises).then(() =>
+    localStorage.setItem('avatars', JSON.stringify(avatars.value))
+  );
 };
 
 const logo = (identity?: string) => {
@@ -313,7 +328,7 @@ loadAvatars();
                                     style="max-width: 300px"
                                 >
                                     <div
-                                        class="avatar mr-4 relative w-8 h-8 rounded-full overflow-hidden"
+                                        class="avatar mr-4 relative w-8 h-8 rounded-full"
                                     >
                                         <div
                                             class="w-8 h-8 rounded-full bg-gray-400 absolute opacity-10"
@@ -323,6 +338,11 @@ loadAvatars();
                                                 v-if="logo"
                                                 :src="logo"
                                                 class="object-contain"
+                                                @error="
+                                                    (e) => {
+                                                        loadAvatar(v);
+                                                    }
+                                                "
                                             />
                                             <Icon
                                                 v-else

From 5737bc6a33ea7f38230c6a4ce500d921c3e4ff0d Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Fri, 1 Dec 2023 15:03:53 +0100
Subject: [PATCH 025/240] Fixed no avatar bug and styling of question mark
 fixed.

---
 src/modules/[chain]/staking/[validator].vue | 8 +++-----
 src/modules/[chain]/staking/index.vue       | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index bb2a4bc4fb..ba44b7db63 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -203,20 +203,18 @@ function pageload(p: number) {
               <div class="w-24 rounded-lg absolute opacity-10"></div>
               <div class="w-24 rounded-lg">
                 <img
-                  v-if="avatars[identity] !== 'undefined'"
+                  v-if="identity && avatars[identity] !== 'undefined'"
                   v-lazy="logo(identity)"
                   class="object-contain"
                   @error="
                     (e) => {
-                      if (identity) {
-                        loadAvatar();
-                      }
+                      loadAvatar();
                     }
                   "
                 />
                 <Icon
                   v-else
-                  class="text-4xl"
+                  class="text-8xl"
                   :icon="`mdi-help-circle-outline`"
                 />
               </div>
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 609340ee81..490d5b7c9a 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -346,7 +346,7 @@ loadAvatars();
                                             />
                                             <Icon
                                                 v-else
-                                                class="text-4xl"
+                                                class="text-3xl"
                                                 :icon="`mdi-help-circle-outline`"
                                             />
                                             

From ccf63cd4131c810c2a044b6a9fd7a1723368774d Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Fri, 1 Dec 2023 16:43:06 +0100
Subject: [PATCH 026/240] Made everything a bit more consistent.

---
 src/modules/[chain]/staking/[validator].vue |  9 +++++----
 src/modules/[chain]/staking/index.vue       | 17 ++++++++---------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index ba44b7db63..071d7ddd23 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -111,8 +111,9 @@ const fetchAvatar = (identity: string) => {
   });
 };
 
-const loadAvatar = () => {
-  fetchAvatar(identity.value).then(() => {
+const loadAvatar = (identity: string) => {
+  // fetches avatar from keybase and stores it in localStorage
+  fetchAvatar(identity).then(() => {
     localStorage.setItem('avatars', JSON.stringify(avatars.value));
   });
 };
@@ -122,7 +123,7 @@ onMounted(() => {
     staking.fetchValidator(validator).then((res) => {
       v.value = res.validator;
       identity.value = res.validator?.description?.identity || '';
-      if (identity.value && !avatars.value[identity.value]) loadAvatar();
+      if (identity.value && !avatars.value[identity.value]) loadAvatar(identity.value);
 
       const prefix = valoperToPrefix(v.value.operator_address) || '<Invalid>';
       addresses.value.hex = consensusPubkeyToHexAddress(
@@ -208,7 +209,7 @@ function pageload(p: number) {
                   class="object-contain"
                   @error="
                     (e) => {
-                      loadAvatar();
+                      loadAvatar(identity);
                     }
                   "
                 />
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 490d5b7c9a..e93aa69df8 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -164,17 +164,15 @@ const fetchAvatar = (identity: string) => {
   });
 };
 
-const loadAvatar = (validator: Validator) => {
-  const identity = validator.description?.identity;
-
-  if (identity) {
-    fetchAvatar(identity).then(() => {
-      localStorage.setItem('avatars', JSON.stringify(avatars.value));
-    });
-  }
+const loadAvatar = (identity: string) => {
+  // fetches avatar from keybase and stores it in localStorage
+  fetchAvatar(identity).then(() => {
+    localStorage.setItem('avatars', JSON.stringify(avatars.value));
+  });
 };
 
 const loadAvatars = () => {
+  // fetches all avatars from keybase and stores it in localStorage
   const promises = staking.validators.map((validator) => {
     const identity = validator.description?.identity;
 
@@ -340,7 +338,8 @@ loadAvatars();
                                                 class="object-contain"
                                                 @error="
                                                     (e) => {
-                                                        loadAvatar(v);
+                                                        const identity = v.description?.identity;
+                                                        if (identity) loadAvatar(identity);
                                                     }
                                                 "
                                             />

From eb169a8deb0a0fb30ea33c82f3f976424a4ca421 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 2 Dec 2023 08:13:01 +0800
Subject: [PATCH 027/240] add featured blockchains

---
 src/layouts/components/DefaultLayout.vue | 15 +++++++++++++++
 src/pages/index.vue                      | 18 ++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 0b020229c1..6fa6cd62cd 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -229,6 +229,21 @@ function selected(route: any, nav: NavLink) {
             Osmosis
           </div>
         </a>
+        <a
+          href="https://celestia.org"
+          target="_blank"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
+          <img
+            src="https://ping.pub/logos/celestia.png"
+            class="w-6 h-6 rounded-full mr-3"
+          />
+          <div
+            class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200"
+          >
+            Celestia
+          </div>
+        </a>
         <a
           href="https://becole.com"
           target="_blank"
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 5ccac65581..f07f715e62 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -21,6 +21,12 @@ const chains = computed(() => {
     return Object.values(dashboard.chains);
   }
 });
+
+const featured = computed(() => {
+  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos"];
+  return chains.value.filter(x => names.includes(x.chainName))
+})
+
 const chainStore = useBlockchain()
 </script>
 <template>
@@ -67,6 +73,18 @@ const chainStore = useBlockchain()
       <progress class="progress progress-info w-80 h-1"></progress>
     </div>
 
+    <div class="text-center font-bold h4 text-primary">Featured Blockchains</div>
+
+    <div
+      class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
+    >
+    <ChainSummary
+        v-for="(chain, index) in featured"
+        :key="index"
+        :name="chain.chainName"
+      />
+    </div>
+
     <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
       <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
       <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />

From 9784de55164d0f89132cef4c872bded3c4e1dc21 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 2 Dec 2023 08:29:02 +0800
Subject: [PATCH 028/240] add injective to featured

---
 src/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index f07f715e62..873e9ee34d 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -23,7 +23,7 @@ const chains = computed(() => {
 });
 
 const featured = computed(() => {
-  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos"];
+  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective"];
   return chains.value.filter(x => names.includes(x.chainName))
 })
 

From 5e36425f008903607fec5c7feaca31f787092d44 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 3 Dec 2023 09:46:22 +0800
Subject: [PATCH 029/240] sort featured blockchain

---
 src/pages/index.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 873e9ee34d..0eff064fd8 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -24,7 +24,9 @@ const chains = computed(() => {
 
 const featured = computed(() => {
   const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective"];
-  return chains.value.filter(x => names.includes(x.chainName))
+  return chains.value
+    .filter(x => names.includes(x.chainName))
+    .sort((a, b)=> (names.indexOf(a.chainName) - names.indexOf(b.chainName)))
 })
 
 const chainStore = useBlockchain()
@@ -56,15 +58,11 @@ const chainStore = useBlockchain()
       <h1 class="text-primary dark:invert text-3xl md:!text-6xl font-bold">
         {{ $t('pages.title') }}
       </h1>
-      <div class="badge badge-primary badge-outline dark:invert mt-1 text-sm md:!mt-8">
-        {{ $t('pages.tag') }}
-      </div>
     </div>
     <div class="text-center text-base">
       <p class="mb-1">
         {{ $t('pages.slogan') }}
       </p>
-      <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
     <div
       v-if="dashboard.status !== LoadingStatus.Loaded"
@@ -73,7 +71,9 @@ const chainStore = useBlockchain()
       <progress class="progress progress-info w-80 h-1"></progress>
     </div>
 
-    <div class="text-center font-bold h4 text-primary">Featured Blockchains</div>
+    <div class="text-center text-base mt-6 text-primary">
+      <h2 class="mb-6"> Featured Blockchains 🔥 </h2>
+    </div>
 
     <div
       class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
@@ -85,6 +85,10 @@ const chainStore = useBlockchain()
       />
     </div>
 
+    <div class="text-center text-base mt-6 text-primary">
+      <h2 class="mb-6">{{ $t('pages.description') }}</h2>
+    </div>
+
     <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
       <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
       <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />

From 4555bb94242e8fc1f43e8ff71c38d7bb18d0d4d7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 3 Dec 2023 09:50:37 +0800
Subject: [PATCH 030/240] hide if featured list is empty

---
 src/pages/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 0eff064fd8..e24ee4e56d 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -71,11 +71,11 @@ const chainStore = useBlockchain()
       <progress class="progress progress-info w-80 h-1"></progress>
     </div>
 
-    <div class="text-center text-base mt-6 text-primary">
+    <div v-if="featured.length>0" class="text-center text-base mt-6 text-primary">
       <h2 class="mb-6"> Featured Blockchains 🔥 </h2>
     </div>
 
-    <div
+    <div v-if="featured.length>0"
       class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
     >
     <ChainSummary

From fe79a2ab11a4373d6d555c848e161ac1b420a9ab Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Sun, 3 Dec 2023 20:40:50 +0100
Subject: [PATCH 031/240] Fixed searching in all chains (case insensitive +
 pretty name)

---
 src/pages/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index e24ee4e56d..768b01b0fb 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -14,8 +14,10 @@ const dashboard = useDashboard();
 const keywords = ref('');
 const chains = computed(() => {
   if (keywords.value) {
+    const lowercaseKeywords = keywords.value.toLowerCase();
+
     return Object.values(dashboard.chains).filter(
-      (x: ChainConfig) => x.chainName.indexOf(keywords.value) > -1
+      (x: ChainConfig) => x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
     );
   } else {
     return Object.values(dashboard.chains);

From b01588c94d504fd166d34448f19244a43077de7b Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Sun, 3 Dec 2023 20:43:31 +0100
Subject: [PATCH 032/240] chainName is now considered lowercased, fixing
 address bar capitalization

---
 src/components/ChainSummary.vue          |  2 +-
 src/layouts/components/ChainProfile.vue  |  8 ++++----
 src/modules/[chain]/uptime/customize.vue |  6 +++---
 src/modules/wallet/keplr.vue             |  2 +-
 src/modules/wallet/suggest.vue           |  4 ++--
 src/router/index.ts                      |  6 +++---
 src/stores/useBlockchain.ts              |  4 ++--
 src/stores/useDashboard.ts               | 13 ++++++++-----
 8 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index 53edb036be..dd86afe2e2 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -11,7 +11,7 @@ const props = defineProps({
 });
 
 const dashboardStore = useDashboard();
-const conf = computed(() => dashboardStore.chains[props.name] || {});
+const conf = computed(() => dashboardStore.getChainConfig(props.name) || {});
 
 const addFavor = (e: Event) => {
   e.stopPropagation();
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index 029aa5943e..1674ca3e13 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -32,10 +32,10 @@ function changeEndpoint(item: Endpoint) {
           "
           class="capitalize whitespace-nowrap text-base font-semibold text-gray-600 dark:text-gray-200 hidden md:!block"
         >
-          #{{
-            baseStore.latest?.block?.header?.height ||
-            chainStore.chainName ||
-            ''
+          {{ 
+            baseStore.latest?.block?.header?.height
+              ? `#${baseStore.latest.block.header.height}`
+              : chainStore.current?.prettyName || '' 
           }} <span class="text-error">{{ baseStore.connected ? '' : 'disconnected' }}</span>
         </div>
         <div
diff --git a/src/modules/[chain]/uptime/customize.vue b/src/modules/[chain]/uptime/customize.vue
index 90c3b80407..72cf70aa32 100644
--- a/src/modules/[chain]/uptime/customize.vue
+++ b/src/modules/[chain]/uptime/customize.vue
@@ -30,7 +30,7 @@ const validators = ref(stakingStore.validators)
 const keyword = ref("")
 
 function loadSigningInfo(chainName: string) {
-  const chain = dashboard.chains[chainName]
+  const chain = dashboard.getChainConfig(chainName)
   if(chain && chain.endpoints.rest) {
     const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address)
     client.getSlashingSigningInfos().then( resp => {
@@ -95,7 +95,7 @@ function add() {
 
 function changeChain() {
   validators.value = []
-  const endpoint = dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address
+  const endpoint = dashboard.getChainConfig(selectChain.value).endpoints.rest?.at(0)?.address
   if(!endpoint) return 
 
   const client = CosmosRestClient.newDefault(endpoint)
@@ -193,7 +193,7 @@ function color(v: string) {
             <div class="input-group input-group-md">
             <select v-model="selectChain" class="select select-bordered capitalize" @change="changeChain">
               <option v-for="v in dashboard.chains" :value="v.chainName">
-                {{ v.chainName }}
+                {{ v.prettyName }}
               </option>
             </select>
               <input v-model="keyword" type="text" class="input w-full" placeholder="keywords to filter validator">
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index 1f5b274959..e30d8388c2 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -29,7 +29,7 @@ async function initParamsForKeplr() {
     const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
     conf.value = JSON.stringify({
         chainId: chainid,
-        chainName: chain.chainName,
+        chainName: chain.prettyName,
         rpc: chain.endpoints?.rpc?.at(0)?.address,
         rest: chain.endpoints?.rest?.at(0)?.address,
         bip44: {
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 818262d546..70dd66bc8a 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -49,7 +49,7 @@ async function initParamsForKeplr() {
     const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
     conf.value = JSON.stringify({
         chainId: chainid,
-        chainName: chain.chainName,
+        chainName: chain.prettyName,
         rpc: chain.endpoints?.rpc?.at(0)?.address,
         rest: chain.endpoints?.rest?.at(0)?.address,
         bip44: {
@@ -103,7 +103,7 @@ async function initSnap() {
 
     conf.value = JSON.stringify({
         chainId,
-        chainName: chain.chainName,
+        chainName: chain.prettyName,
         bech32Config: {
             bech32PrefixAccAddr: chain.bech32Prefix,
         },
diff --git a/src/router/index.ts b/src/router/index.ts
index 7dc4a6d0ab..32ed023f40 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -15,9 +15,9 @@ router.beforeEach((to) => {
     const { chain } = to.params
     if(chain){
       const blockchain = useBlockchain()
-      if(chain !== blockchain.chainName) {
-        blockchain.setCurrent(chain.toString())
-      }
+      const lowercaseChain = chain.toString().toLowerCase();
+      if(lowercaseChain !== blockchain.chainName)
+        blockchain.setCurrent(lowercaseChain)
     } 
 })
 
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index 76f392dbdd..ba85e1d2b9 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -41,7 +41,7 @@ export const useBlockchain = defineStore('blockchain', {
   },
   getters: {
     current(): ChainConfig | undefined {
-      return this.dashboard.chains[this.chainName];
+      return this.dashboard.getChainConfig(this.chainName);
     },
     logo(): string {
       return this.current?.logo || '';
@@ -99,7 +99,7 @@ export const useBlockchain = defineStore('blockchain', {
       // compute favorite menu
       const favNavItems: VerticalNavItems = [];
       Object.keys(this.dashboard.favoriteMap).forEach((name) => {
-        const ch = this.dashboard.chains[name];
+        const ch = this.dashboard.getChainConfig(name);
         if (ch && this.dashboard.favoriteMap?.[name]) {
           favNavItems.push({
             title: ch.prettyName || ch.chainName || name,
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 2753c1c2ae..7820bbd36e 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -153,7 +153,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     cosmosSdk: lc.sdk_version
   }
   conf.bech32Prefix = lc.addr_prefix;
-  conf.chainName = lc.chain_name;
+  conf.chainName = lc.chain_name.toLowerCase();
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
   conf.endpoints = {
@@ -178,7 +178,7 @@ export function fromDirectory(source: DirectoryChain): ChainConfig {
   (conf.assets = source.assets),
     (conf.bech32Prefix = source.bech32_prefix),
     (conf.chainId = source.chain_id),
-    (conf.chainName = source.chain_name),
+    (conf.chainName = source.chain_name.toLowerCase()),
     (conf.prettyName = source.pretty_name),
     (conf.versions = {
       application: source.versions?.application_version || '',
@@ -308,7 +308,7 @@ export const useDashboard = defineStore('dashboard', {
         this.status = LoadingStatus.Loading;
         get(this.source).then((res) => {
           res.chains.forEach((x: DirectoryChain) => {
-            this.chains[x.chain_name] = fromDirectory(x);
+            this.chains[x.chain_name.toLowerCase()] = fromDirectory(x);
           });
           this.status = LoadingStatus.Loaded;
         });
@@ -323,7 +323,7 @@ export const useDashboard = defineStore('dashboard', {
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        this.chains[x.chain_name] = fromLocal(x);
+        this.chains[x.chain_name.toLowerCase()] = fromLocal(x);
       });
       this.setupDefault();
       this.status = LoadingStatus.Loaded;
@@ -335,7 +335,7 @@ export const useDashboard = defineStore('dashboard', {
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        config[x.chain_name] = fromLocal(x);
+        config[x.chain_name.toLowerCase()] = fromLocal(x);
       });
       return config
     },
@@ -360,5 +360,8 @@ export const useDashboard = defineStore('dashboard', {
       this.source = newSource;
       this.initial();
     },
+    getChainConfig(chainId: string): ChainConfig {
+      return this.chains[chainId.toLowerCase()];
+    }
   },
 });

From 2982f8e72730ef4b276715fb137b033d47b630d0 Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Mon, 4 Dec 2023 12:10:45 +0100
Subject: [PATCH 033/240] Made search include chainName and simplified the url
 fix

---
 src/components/ChainSummary.vue          |  2 +-
 src/layouts/components/ChainProfile.vue  |  2 +-
 src/modules/[chain]/uptime/customize.vue |  6 +++---
 src/modules/wallet/keplr.vue             |  2 +-
 src/modules/wallet/suggest.vue           |  4 ++--
 src/pages/index.vue                      |  3 ++-
 src/router/index.ts                      | 10 +++++-----
 src/stores/useBlockchain.ts              | 21 ++++++++++++++++-----
 src/stores/useDashboard.ts               | 19 ++++++++-----------
 9 files changed, 39 insertions(+), 30 deletions(-)

diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index dd86afe2e2..53edb036be 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -11,7 +11,7 @@ const props = defineProps({
 });
 
 const dashboardStore = useDashboard();
-const conf = computed(() => dashboardStore.getChainConfig(props.name) || {});
+const conf = computed(() => dashboardStore.chains[props.name] || {});
 
 const addFavor = (e: Event) => {
   e.stopPropagation();
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index 1674ca3e13..caecee9166 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -35,7 +35,7 @@ function changeEndpoint(item: Endpoint) {
           {{ 
             baseStore.latest?.block?.header?.height
               ? `#${baseStore.latest.block.header.height}`
-              : chainStore.current?.prettyName || '' 
+              : chainStore.chainName  || '' 
           }} <span class="text-error">{{ baseStore.connected ? '' : 'disconnected' }}</span>
         </div>
         <div
diff --git a/src/modules/[chain]/uptime/customize.vue b/src/modules/[chain]/uptime/customize.vue
index 72cf70aa32..90c3b80407 100644
--- a/src/modules/[chain]/uptime/customize.vue
+++ b/src/modules/[chain]/uptime/customize.vue
@@ -30,7 +30,7 @@ const validators = ref(stakingStore.validators)
 const keyword = ref("")
 
 function loadSigningInfo(chainName: string) {
-  const chain = dashboard.getChainConfig(chainName)
+  const chain = dashboard.chains[chainName]
   if(chain && chain.endpoints.rest) {
     const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address)
     client.getSlashingSigningInfos().then( resp => {
@@ -95,7 +95,7 @@ function add() {
 
 function changeChain() {
   validators.value = []
-  const endpoint = dashboard.getChainConfig(selectChain.value).endpoints.rest?.at(0)?.address
+  const endpoint = dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address
   if(!endpoint) return 
 
   const client = CosmosRestClient.newDefault(endpoint)
@@ -193,7 +193,7 @@ function color(v: string) {
             <div class="input-group input-group-md">
             <select v-model="selectChain" class="select select-bordered capitalize" @change="changeChain">
               <option v-for="v in dashboard.chains" :value="v.chainName">
-                {{ v.prettyName }}
+                {{ v.chainName }}
               </option>
             </select>
               <input v-model="keyword" type="text" class="input w-full" placeholder="keywords to filter validator">
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index e30d8388c2..1f5b274959 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -29,7 +29,7 @@ async function initParamsForKeplr() {
     const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
     conf.value = JSON.stringify({
         chainId: chainid,
-        chainName: chain.prettyName,
+        chainName: chain.chainName,
         rpc: chain.endpoints?.rpc?.at(0)?.address,
         rest: chain.endpoints?.rest?.at(0)?.address,
         bip44: {
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 70dd66bc8a..818262d546 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -49,7 +49,7 @@ async function initParamsForKeplr() {
     const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
     conf.value = JSON.stringify({
         chainId: chainid,
-        chainName: chain.prettyName,
+        chainName: chain.chainName,
         rpc: chain.endpoints?.rpc?.at(0)?.address,
         rest: chain.endpoints?.rest?.at(0)?.address,
         bip44: {
@@ -103,7 +103,7 @@ async function initSnap() {
 
     conf.value = JSON.stringify({
         chainId,
-        chainName: chain.prettyName,
+        chainName: chain.chainName,
         bech32Config: {
             bech32PrefixAccAddr: chain.bech32Prefix,
         },
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 768b01b0fb..855b68863a 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -17,7 +17,8 @@ const chains = computed(() => {
     const lowercaseKeywords = keywords.value.toLowerCase();
 
     return Object.values(dashboard.chains).filter(
-      (x: ChainConfig) => x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
+      (x: ChainConfig) => x.chainName.toLowerCase().indexOf(lowercaseKeywords) > -1 
+      || x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
     );
   } else {
     return Object.values(dashboard.chains);
diff --git a/src/router/index.ts b/src/router/index.ts
index 32ed023f40..4426b1626a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,4 @@
-import { useBlockchain } from "@/stores";
+import { useBlockchain, useDashboard } from "@/stores";
 import { createRouter, createWebHistory } from "vue-router";
 // @ts-ignore
 import { setupLayouts } from "virtual:generated-layouts";
@@ -15,10 +15,10 @@ router.beforeEach((to) => {
     const { chain } = to.params
     if(chain){
       const blockchain = useBlockchain()
-      const lowercaseChain = chain.toString().toLowerCase();
-      if(lowercaseChain !== blockchain.chainName)
-        blockchain.setCurrent(lowercaseChain)
-    } 
+      if(chain !== blockchain.chainName) {
+        blockchain.setCurrent(chain.toString())
+      }
+    }
 })
 
 // Docs: https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index ba85e1d2b9..c8016fee61 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -41,7 +41,7 @@ export const useBlockchain = defineStore('blockchain', {
   },
   getters: {
     current(): ChainConfig | undefined {
-      return this.dashboard.getChainConfig(this.chainName);
+      return this.dashboard.chains[this.chainName];
     },
     logo(): string {
       return this.current?.logo || '';
@@ -99,7 +99,7 @@ export const useBlockchain = defineStore('blockchain', {
       // compute favorite menu
       const favNavItems: VerticalNavItems = [];
       Object.keys(this.dashboard.favoriteMap).forEach((name) => {
-        const ch = this.dashboard.getChainConfig(name);
+        const ch = this.dashboard.chains[name];
         if (ch && this.dashboard.favoriteMap?.[name]) {
           favNavItems.push({
             title: ch.prettyName || ch.chainName || name,
@@ -175,9 +175,20 @@ export const useBlockchain = defineStore('blockchain', {
         JSON.stringify(endpoint)
       );
     },
-    setCurrent(name: string) {
-      if (name !== this.chainName) {
-        this.chainName = name;
+    async setCurrent(name: string) {
+      // Ensure chains are loaded due to asynchronous calls.
+      if(this.dashboard.length === 0) {
+        await this.dashboard.initial();
+      }
+
+      // Find the case-sensitive name for the chainName, else simply use the parameter-value.
+      const caseSensitiveName = 
+        Object.keys(this.dashboard.chains).find((x) => x.toLowerCase() === name.toLowerCase()) 
+        || name;
+
+      // Update chainName if needed
+      if (caseSensitiveName !== this.chainName) {
+        this.chainName = caseSensitiveName;
       }
     },
     supportModule(mod: string) {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 7820bbd36e..6c32ea554d 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -153,7 +153,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     cosmosSdk: lc.sdk_version
   }
   conf.bech32Prefix = lc.addr_prefix;
-  conf.chainName = lc.chain_name.toLowerCase();
+  conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
   conf.endpoints = {
@@ -178,7 +178,7 @@ export function fromDirectory(source: DirectoryChain): ChainConfig {
   (conf.assets = source.assets),
     (conf.bech32Prefix = source.bech32_prefix),
     (conf.chainId = source.chain_id),
-    (conf.chainName = source.chain_name.toLowerCase()),
+    (conf.chainName = source.chain_name),
     (conf.prettyName = source.pretty_name),
     (conf.versions = {
       application: source.versions?.application_version || '',
@@ -275,9 +275,9 @@ export const useDashboard = defineStore('dashboard', {
     },
   },
   actions: {
-    initial() {
-      this.loadingFromLocal();
-      // this.loadingFromRegistry()
+    async initial() {
+      await this.loadingFromLocal();
+      // await this.loadingFromRegistry()
     },
     loadingPrices() {
       const coinIds = [] as string[]
@@ -308,7 +308,7 @@ export const useDashboard = defineStore('dashboard', {
         this.status = LoadingStatus.Loading;
         get(this.source).then((res) => {
           res.chains.forEach((x: DirectoryChain) => {
-            this.chains[x.chain_name.toLowerCase()] = fromDirectory(x);
+            this.chains[x.chain_name] = fromDirectory(x);
           });
           this.status = LoadingStatus.Loaded;
         });
@@ -323,7 +323,7 @@ export const useDashboard = defineStore('dashboard', {
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        this.chains[x.chain_name.toLowerCase()] = fromLocal(x);
+        this.chains[x.chain_name] = fromLocal(x);
       });
       this.setupDefault();
       this.status = LoadingStatus.Loaded;
@@ -335,7 +335,7 @@ export const useDashboard = defineStore('dashboard', {
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        config[x.chain_name.toLowerCase()] = fromLocal(x);
+        config[x.chain_name] = fromLocal(x);
       });
       return config
     },
@@ -360,8 +360,5 @@ export const useDashboard = defineStore('dashboard', {
       this.source = newSource;
       this.initial();
     },
-    getChainConfig(chainId: string): ChainConfig {
-      return this.chains[chainId.toLowerCase()];
-    }
   },
 });

From a1a5ca6ca4296b7a9eff3b031ebf0872cfb41f61 Mon Sep 17 00:00:00 2001
From: zenodeapp <anodeofzen@gmail.com>
Date: Mon, 4 Dec 2023 12:13:02 +0100
Subject: [PATCH 034/240] Leftover cleanup

---
 src/router/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 4426b1626a..7dc4a6d0ab 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,4 @@
-import { useBlockchain, useDashboard } from "@/stores";
+import { useBlockchain } from "@/stores";
 import { createRouter, createWebHistory } from "vue-router";
 // @ts-ignore
 import { setupLayouts } from "virtual:generated-layouts";
@@ -18,7 +18,7 @@ router.beforeEach((to) => {
       if(chain !== blockchain.chainName) {
         blockchain.setCurrent(chain.toString())
       }
-    }
+    } 
 })
 
 // Docs: https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards

From f7e88d08258cca015c89e43f27c1b00183212866 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 13 Dec 2023 08:51:04 +0800
Subject: [PATCH 035/240] change cdn

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 71f12206f3..05f78621be 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
     <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <script type="module" src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/ping-widget@latest/dist/ping-widget.js"></script>
     <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>

From ce9f5c076c66e15f279bfbadcaf2429fbb3e6d73 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 13 Dec 2023 08:54:37 +0800
Subject: [PATCH 036/240] fix error

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 05f78621be..0c873c4463 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
     <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <script type="module" src="https://cdn.jsdelivr.net/ping-widget@latest/dist/ping-widget.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.js"></script>
     <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>

From 2f8321dba828719aa4b4326a9a3047b03b630690 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 14 Dec 2023 08:39:46 +0800
Subject: [PATCH 037/240] add verificaion

---
 src/components/WasmVerification.vue           | 52 +++++++++++++++++++
 .../cosmwasm/[code_id]/transactions.vue       |  8 ++-
 2 files changed, 55 insertions(+), 5 deletions(-)
 create mode 100644 src/components/WasmVerification.vue

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
new file mode 100644
index 0000000000..10eed6ac10
--- /dev/null
+++ b/src/components/WasmVerification.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { get, post } from "@/libs/http"
+import { useBaseStore } from "@/stores";
+import { computed, onMounted, ref } from "vue";
+
+import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
+
+
+const props = defineProps({
+  contract: { type: String },
+});
+
+const baseurl = "https://prod.compiler.welldonestudio.io"
+
+const verification = ref({});
+
+const chainId = computed(() => {
+    const base = useBaseStore()
+    return base.latest?.block?.header?.chain_id || "unknown"
+}) 
+
+console.log("contract:", props.contract)
+
+onMounted(() => {
+
+    console.log("mounted", `${baseurl}/deploy-histories/neutron-1?contract=${props.contract}`, chainId.value)
+    get(`${baseurl}/deploy-histories/${chainId.value}?contract=${props.contract}`).then((x) => {
+        console.log("x:", x)
+        verification.value = x
+    }).catch(e => {
+        console.error(e)
+    })
+})
+
+function verify() {
+
+    const base = useBaseStore()
+    const id =  base.latest?.block?.header?.chain_id || "unknown"
+    const data = {"contractAddress": props.contract, "chainId": "neutron"}
+    console.log(data)
+    post(`${baseurl}/verification/neutron`, data).then((x)=> {
+        console.log("x", x)
+    })
+}
+</script>
+<template>
+    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <h2 class="card-title truncate w-full mt-4">Verification {{ chainId }}</h2>
+        <div><DynamicComponent :value="verification"/></div>
+        <button class="btn btn-primary" @click="verify">verify</button>
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index c5d044295c..76f4aaa2b9 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -13,6 +13,7 @@ import { post } from '@/libs';
 import { JsonViewer } from "vue3-json-viewer"
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
 import "vue3-json-viewer/dist/index.css";
+import WasmVerification from '@/components/WasmVerification.vue';
 
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
@@ -201,10 +202,7 @@ const result = ref({});
             <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
         </div>
 
-        <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <h2 class="card-title truncate w-full mt-4">Verification</h2>
-            
-        </div>
+        <WasmVerification v-if="contractAddress=='1'" :contract="contractAddress" class="hide"/>
 
         <div>
             <input type="checkbox" id="modal-contract-funds" class="modal-toggle" />
@@ -235,7 +233,7 @@ const result = ref({});
                             <label for="modal-contract-states" class="btn btn-sm btn-circle">✕</label>
                         </div>
                         <div class="overflow-auto">
-                            <JsonViewer :value="state.models?.map(v => ({key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value))}))" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
+                            <JsonViewer :value="state.models?.map(v => ({key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value))}))||''" :theme="baseStore.theme||'dark'" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
                             <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
                                 :callback="pageloadState" />
                         </div>

From 64460a686c4d061d11dde48f2e9d2c995b86ae0e Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 14 Dec 2023 08:43:11 +0800
Subject: [PATCH 038/240] update import

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0c873c4463..8b479b1e9e 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
     <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget/dist/ping-widget.min.js"></script>
     <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>

From 10d95e9d0b72ffc2526d2c8c0071274f20b953d9 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 15 Dec 2023 16:13:56 +0800
Subject: [PATCH 039/240] add verification

---
 src/components/WasmVerification.vue           | 21 ++++++++++++-------
 src/libs/http.ts                              |  2 +-
 .../cosmwasm/[code_id]/transactions.vue       |  2 +-
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 10eed6ac10..d9335067dd 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -23,9 +23,9 @@ console.log("contract:", props.contract)
 
 onMounted(() => {
 
-    console.log("mounted", `${baseurl}/deploy-histories/neutron-1?contract=${props.contract}`, chainId.value)
-    get(`${baseurl}/deploy-histories/${chainId.value}?contract=${props.contract}`).then((x) => {
-        console.log("x:", x)
+    // console.log("mounted", `${baseurl}/deploy-histories/neutron?contract=${props.contract}`, chainId.value)
+    get(`${baseurl}/deploy-histories/neutron?contract=${props.contract}`).then((x) => {
+        console.log("verification:", x)
         verification.value = x
     }).catch(e => {
         console.error(e)
@@ -36,17 +36,22 @@ function verify() {
 
     const base = useBaseStore()
     const id =  base.latest?.block?.header?.chain_id || "unknown"
-    const data = {"contractAddress": props.contract, "chainId": "neutron"}
-    console.log(data)
+    const data = {"contractAddress": props.contract, "chainId": id}
+
     post(`${baseurl}/verification/neutron`, data).then((x)=> {
-        console.log("x", x)
+        verification.value = x.result
     })
 }
 </script>
 <template>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title truncate w-full mt-4">Verification {{ chainId }}</h2>
+        <h2 class="card-title truncate w-full mt-4">Verification</h2>
         <div><DynamicComponent :value="verification"/></div>
-        <button class="btn btn-primary" @click="verify">verify</button>
+        <div class="text-center">
+            <div v-if="Object.keys(verification).length == 0" >
+                <Icon icon="mdi:emoticon-sad-outline"></Icon>Haven't found verification
+            </div>
+            <button class="btn btn-primary mt-5" @click="verify">verify</button>
+        </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/libs/http.ts b/src/libs/http.ts
index 5eb43a1046..f2b2b17a48 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -40,7 +40,7 @@ export async function post(url: string, data: any) {
     // credentials: 'same-origin', // redirect: 'follow', // manual, *follow, error
     // referrerPolicy: 'origin', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
     headers: {
-      'Content-Type': 'text/plain',
+      'Content-Type': 'application/json',
       Accept: '*/*',
       'Accept-Encoding': 'gzip, deflate, br',
     },
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 76f4aaa2b9..3428a1ac65 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -202,7 +202,7 @@ const result = ref({});
             <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
         </div>
 
-        <WasmVerification v-if="contractAddress=='1'" :contract="contractAddress" class="hide"/>
+        <WasmVerification :contract="contractAddress"/>
 
         <div>
             <input type="checkbox" id="modal-contract-funds" class="modal-toggle" />

From b5a889a20580026f2cceba98820cba3c146125e1 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 15 Dec 2023 16:59:31 +0800
Subject: [PATCH 040/240] add logo

---
 src/components/WasmVerification.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index d9335067dd..8c74e554ef 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -45,7 +45,14 @@ function verify() {
 </script>
 <template>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title truncate w-full mt-4">Verification</h2>
+        <div class="flex justify-between">
+            <span><h2 class="card-title truncate w-full mt-4 text-left">Verification</h2></span>
+            <span class="avatar tooltip tooltip-left" data-tip="Powered By welldonestudio">
+                <div class="w-8 rounded">
+                    <img src="https://docs.welldonestudio.io/assets/images/welldone-610a90e2ebf1d86bc6ef3e1a0a18b0ef.gif" alt="Powered By welldonestudio" />
+                </div>
+            </span>
+        </div>
         <div><DynamicComponent :value="verification"/></div>
         <div class="text-center">
             <div v-if="Object.keys(verification).length == 0" >

From bfedae38f172556b1799ddfcb76b0bc2d5e72b4d Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 15 Dec 2023 17:41:22 +0800
Subject: [PATCH 041/240] apply chain id in url

---
 src/components/WasmVerification.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 8c74e554ef..e20631bc91 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -14,17 +14,14 @@ const baseurl = "https://prod.compiler.welldonestudio.io"
 
 const verification = ref({});
 
-const chainId = computed(() => {
-    const base = useBaseStore()
-    return base.latest?.block?.header?.chain_id || "unknown"
-}) 
-
-console.log("contract:", props.contract)
-
 onMounted(() => {
 
+    const base = useBaseStore()
+    const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
     // console.log("mounted", `${baseurl}/deploy-histories/neutron?contract=${props.contract}`, chainId.value)
-    get(`${baseurl}/deploy-histories/neutron?contract=${props.contract}`).then((x) => {
+    const url = `${baseurl}/deploy-histories/${chainId}?contract=${props.contract}`
+    console.log("url:", url)
+    get(url).then((x) => {
         console.log("verification:", x)
         verification.value = x
     }).catch(e => {
@@ -39,7 +36,7 @@ function verify() {
     const data = {"contractAddress": props.contract, "chainId": id}
 
     post(`${baseurl}/verification/neutron`, data).then((x)=> {
-        verification.value = x.result
+        if(x.result) verification.value = x.result
     })
 }
 </script>

From 9233a4e8ef1cbf2f0f1b809f5dc5d5bbcd19ce44 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 16 Dec 2023 19:13:31 +0800
Subject: [PATCH 042/240] support external for api

---
 src/libs/client.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index 24ef754418..f0188dad96 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -21,7 +21,7 @@ export class BaseRestClient<R extends AbstractRegistry> {
     this.registry = registry;
   }
   async request<T>(request: Request<T>, args: Record<string, any>, query = '') {
-    let url = `${this.endpoint}${request.url}${query}`;
+    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });

From 1870f7b4cbd0516aa9b0965d8a98449485f4ad00 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 16 Dec 2023 19:30:08 +0800
Subject: [PATCH 043/240] add osmosis extension

---
 src/libs/clients/osmosis.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/libs/clients/osmosis.ts

diff --git a/src/libs/clients/osmosis.ts b/src/libs/clients/osmosis.ts
new file mode 100644
index 0000000000..db054c9d8c
--- /dev/null
+++ b/src/libs/clients/osmosis.ts
@@ -0,0 +1,12 @@
+import type{ RequestRegistry } from '@/libs/registry'
+// import dayjs from 'dayjs'
+
+// which registry is store
+export const store = 'name' // name or version
+// Blockchain Name
+export const name = 'osmosis'
+
+// osmosis custom request
+export const requests: Partial<RequestRegistry> = {
+    mint_inflation: { url: 'https://public-osmosis-api.numia.xyz/apr?start_date=2023-11-27&end_date=2023-11-30', adapter: (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
+}

From 1c9c0a6656cfa11e97e463ae79291f5a83b6b673 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 16 Dec 2023 19:52:27 +0800
Subject: [PATCH 044/240] add custom apr

---
 src/libs/clients/osmosis.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/libs/clients/osmosis.ts b/src/libs/clients/osmosis.ts
index db054c9d8c..af3c920129 100644
--- a/src/libs/clients/osmosis.ts
+++ b/src/libs/clients/osmosis.ts
@@ -8,5 +8,11 @@ export const name = 'osmosis'
 
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { url: 'https://public-osmosis-api.numia.xyz/apr?start_date=2023-11-27&end_date=2023-11-30', adapter: (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
+    mint_inflation: { 
+        url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
+        adapter: (data: any) => {
+            const [first] = data
+            return {inflation: String(Number(first?.apr|| "0")/100.0)}
+        } 
+    },
 }

From 0a0b78c14e65596734fe6f4f01f51a1b5779f8c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=98=84=EC=88=98=EC=98=81?=
 <soo@hyeonsuyeong-ui-MacBookPro.local>
Date: Mon, 18 Dec 2023 15:15:08 +0900
Subject: [PATCH 045/240] update welldone studio logo

---
 src/assets/images/welldone-logo.svg | 17 +++++++++++++++++
 src/components/WasmVerification.vue |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/welldone-logo.svg

diff --git a/src/assets/images/welldone-logo.svg b/src/assets/images/welldone-logo.svg
new file mode 100644
index 0000000000..915c31be43
--- /dev/null
+++ b/src/assets/images/welldone-logo.svg
@@ -0,0 +1,17 @@
+<svg width="500" height="501" viewBox="0 0 500 501" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.871582" width="500" height="500" rx="120" fill="url(#paint0_linear_1821_9051)"/>
+<path d="M360.098 109C354.708 109 349.372 110.048 344.399 112.123C339.415 114.197 334.902 117.235 331.084 121.063C327.277 124.903 324.261 129.448 322.197 134.463C320.144 139.479 319.085 144.848 319.096 150.27V412.754C319.096 415.78 322.112 417.855 324.871 416.647C351.307 405.097 374.022 386.274 390.363 362.276C407.881 336.556 417.26 306.098 417.26 274.903V113.31C417.26 110.936 415.346 109 412.982 109H360.098Z" fill="#1A1A1A"/>
+<path d="M180.153 113.278C180.153 110.914 178.239 109 175.876 109H86.2671C83.9036 109 82 110.914 82 113.278V302.056C82 303.04 82.3315 303.992 82.9518 304.751L172.56 415.406C175.095 418.54 180.164 416.743 180.164 412.711V113.278H180.153Z" fill="#1A1A1A"/>
+<path d="M298.714 150.27V218.789C298.714 220.586 297.591 222.201 295.901 222.81C294.383 223.356 292.864 223.922 291.346 224.5C276.844 230.125 263.166 237.654 250.707 246.883C232.066 260.668 216.335 278.218 204.528 298.11C203.416 299.981 200.561 299.201 200.561 297.019V113.31C200.561 110.925 202.475 109 204.838 109H257.722C263.102 108.989 268.438 110.059 273.422 112.123C278.395 114.198 282.918 117.235 286.726 121.074C290.533 124.903 293.559 129.459 295.613 134.464C297.677 139.479 298.725 144.848 298.714 150.27Z" fill="#1A1A1A"/>
+<path d="M298.714 402.505V249.778C298.714 246.709 295.57 244.613 292.757 245.843C282.223 250.441 272.181 256.227 262.834 263.146C236.333 282.749 216.837 310.362 207.234 341.9C202.774 356.509 200.561 371.609 200.561 386.688V402.505C200.561 405.307 203.202 407.339 205.908 406.633C219.875 403.029 234.526 401.104 249.627 401.104C264.727 401.104 279.389 403.029 293.356 406.644C296.073 407.35 298.714 405.318 298.714 402.516V402.505Z" fill="url(#paint1_linear_1821_9051)"/>
+<defs>
+<linearGradient id="paint0_linear_1821_9051" x1="250" y1="0.871582" x2="250" y2="500.872" gradientUnits="userSpaceOnUse">
+<stop offset="0.490672" stop-color="white"/>
+<stop offset="1" stop-color="#DDDDDD"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1821_9051" x1="249.637" y1="260.569" x2="249.637" y2="402.751" gradientUnits="userSpaceOnUse">
+<stop offset="0.28" stop-color="#2D6CFF"/>
+<stop offset="0.97" stop-color="#6AB8FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index e20631bc91..629254d6ac 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -46,7 +46,7 @@ function verify() {
             <span><h2 class="card-title truncate w-full mt-4 text-left">Verification</h2></span>
             <span class="avatar tooltip tooltip-left" data-tip="Powered By welldonestudio">
                 <div class="w-8 rounded">
-                    <img src="https://docs.welldonestudio.io/assets/images/welldone-610a90e2ebf1d86bc6ef3e1a0a18b0ef.gif" alt="Powered By welldonestudio" />
+                    <img src="../assets/images/welldone-logo.svg"  alt="Powered By welldonestudio"/>
                 </div>
             </span>
         </div>

From 0e61813efd16c9c968eff20d7e69e99aa2525ddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=98=84=EC=88=98=EC=98=81?=
 <soo@hyeonsuyeong-ui-MacBookPro.local>
Date: Mon, 18 Dec 2023 16:32:26 +0900
Subject: [PATCH 046/240] add btn disable & update description to verification
 page

---
 src/components/WasmVerification.vue | 60 +++++++++++++++++++++--------
 src/plugins/i18n/locales/cn.json    |  3 +-
 src/plugins/i18n/locales/en.json    |  3 +-
 src/plugins/i18n/locales/id.json    |  3 +-
 4 files changed, 51 insertions(+), 18 deletions(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 629254d6ac..3c51b72753 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -5,6 +5,14 @@ import { computed, onMounted, ref } from "vue";
 
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 
+interface Verification {
+  chainId?: string;
+  account?: string;
+  codeId?: string;
+  contract?: string;
+  txHash?: string;
+  error?: string;
+}
 
 const props = defineProps({
   contract: { type: String },
@@ -12,21 +20,21 @@ const props = defineProps({
 
 const baseurl = "https://prod.compiler.welldonestudio.io"
 
-const verification = ref({});
+const verification = ref<Verification>({});
 
 onMounted(() => {
 
-    const base = useBaseStore()
-    const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-    // console.log("mounted", `${baseurl}/deploy-histories/neutron?contract=${props.contract}`, chainId.value)
-    const url = `${baseurl}/deploy-histories/${chainId}?contract=${props.contract}`
-    console.log("url:", url)
-    get(url).then((x) => {
-        console.log("verification:", x)
-        verification.value = x
-    }).catch(e => {
-        console.error(e)
-    })
+  const base = useBaseStore()
+  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
+  // console.log("mounted", `${baseurl}/deploy-histories/neutron?contract=${props.contract}`, chainId.value)
+  const url = `${baseurl}/deploy-histories/${chainId}?contract=${props.contract}`
+  console.log("url:", url)
+  get(url).then((x) => {
+    console.log("verification:", x)
+    verification.value = x
+  }).catch(e => {
+    console.error(e)
+  })
 })
 
 function verify() {
@@ -39,23 +47,45 @@ function verify() {
         if(x.result) verification.value = x.result
     })
 }
+
 </script>
 <template>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
         <div class="flex justify-between">
             <span><h2 class="card-title truncate w-full mt-4 text-left">Verification</h2></span>
-            <span class="avatar tooltip tooltip-left" data-tip="Powered By welldonestudio">
+            <span class="avatar tooltip tooltip-left" data-tip="Powered By WELLDONE Studio">
                 <div class="w-8 rounded">
-                    <img src="../assets/images/welldone-logo.svg"  alt="Powered By welldonestudio"/>
+                    <img src="../assets/images/welldone-logo.svg"  alt="Powered By WELLDONE Studio"/>
                 </div>
             </span>
         </div>
+        <!-- alert-info -->
+        <div
+          class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
+        >
+          <div
+            class="drop-shadow-md px-4 pt-2 pb-2"
+            style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px"
+          >
+            <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
+          </div>
+          <div class="px-4 py-4">
+            <ul style="list-style-type: disc" class="pl-8">
+              <li>
+                {{ $t('cosmwasm.tips_description_1') }}
+              </li>
+              <li>
+                <a href="https://docs.welldonestudio.io/code/verification-api/" target="_blank">Link to Verification API Manual</a>
+              </li>
+            </ul>
+          </div>
+        </div>
         <div><DynamicComponent :value="verification"/></div>
         <div class="text-center">
             <div v-if="Object.keys(verification).length == 0" >
                 <Icon icon="mdi:emoticon-sad-outline"></Icon>Haven't found verification
             </div>
-            <button class="btn btn-primary mt-5" @click="verify">verify</button>
+            <button class="btn btn-primary mt-5" @click="verify" :disabled="verification.error !== undefined">verify</button>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/plugins/i18n/locales/cn.json b/src/plugins/i18n/locales/cn.json
index 1f8a193f4e..cb397258db 100644
--- a/src/plugins/i18n/locales/cn.json
+++ b/src/plugins/i18n/locales/cn.json
@@ -119,7 +119,8 @@
     "contract_balances": "合约余额",
     "no_escrowed_assets": "没有托管地址",
     "contract_states": "合约状态",
-    "query_contract": "查询合约"
+    "query_contract": "查询合约",
+    "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
   },
   "gov": {
     "voting": "投票中",
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 4bc215b59d..6a37b295a5 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -127,7 +127,8 @@
     "contract_balances": "Contract Balances",
     "no_escrowed_assets": "No Escrowed Assets",
     "contract_states": "Contract States",
-    "query_contract": "Query Contract"
+    "query_contract": "Query Contract",
+    "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
   },
   "gov": {
     "voting": "Voting",
diff --git a/src/plugins/i18n/locales/id.json b/src/plugins/i18n/locales/id.json
index 8fcab7e576..3a06e7c8c6 100644
--- a/src/plugins/i18n/locales/id.json
+++ b/src/plugins/i18n/locales/id.json
@@ -118,7 +118,8 @@
       "contract_balances": "Saldo Kontrak",
       "no_escrowed_assets": "Tidak Ada Aset yang Dititipkan",
       "contract_states": "Bagian Kontrak",
-      "query_contract": "Query Kontrak"
+      "query_contract": "Query Kontrak",
+      "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
     },
     "gov": {
       "voting": "Voting",

From ef6a2aa9c78937f7873c8cd057fb6260e0217581 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 20 Dec 2023 17:18:15 +0800
Subject: [PATCH 047/240] fix filter issue

---
 src/stores/useGovStore.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index 507154e009..db850065fb 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -40,7 +40,10 @@ export const useGovStore = defineStore('govStore', {
 
       //filter spam proposals
       if(proposals?.proposals) {
-        proposals.proposals = proposals.proposals.filter((item) => item.content.title && item.content.title.toLowerCase().indexOf("airdrop")===-1);
+        proposals.proposals = proposals.proposals.filter((item) => {
+          const title = item.content.title || item.title
+          return title && title.toLowerCase().indexOf("airdrop")===-1
+        });
       }
 
       if (status === '2') {

From ff027ff9d0a8fe989ba8d5aa67f6b5e74b8b9edf Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 20 Dec 2023 18:47:31 +0800
Subject: [PATCH 048/240] fix filter issue

---
 src/stores/useGovStore.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index db850065fb..c9a57a56f0 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -41,8 +41,8 @@ export const useGovStore = defineStore('govStore', {
       //filter spam proposals
       if(proposals?.proposals) {
         proposals.proposals = proposals.proposals.filter((item) => {
-          const title = item.content.title || item.title
-          return title && title.toLowerCase().indexOf("airdrop")===-1
+          const title = item.content.title || item.title || ""
+          return title.toLowerCase().indexOf("airdrop")===-1
         });
       }
 

From 4fa1391e01b2020faf47d840cea545e567193b4c Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 20 Dec 2023 18:52:10 +0800
Subject: [PATCH 049/240] update featured blockchains

---
 src/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 855b68863a..f9b6fc8bc2 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -26,7 +26,7 @@ const chains = computed(() => {
 });
 
 const featured = computed(() => {
-  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective"];
+  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective", "dydx", "irisnet"];
   return chains.value
     .filter(x => names.includes(x.chainName))
     .sort((a, b)=> (names.indexOf(a.chainName) - names.indexOf(b.chainName)))

From a5eb20d979aa1c0064705eaa8b63acfd8949d200 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Dec 2023 07:37:18 +0800
Subject: [PATCH 050/240] fix undefined error

---
 src/stores/useGovStore.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index c9a57a56f0..587839be8f 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -41,7 +41,7 @@ export const useGovStore = defineStore('govStore', {
       //filter spam proposals
       if(proposals?.proposals) {
         proposals.proposals = proposals.proposals.filter((item) => {
-          const title = item.content.title || item.title || ""
+          const title = item.content?.title || item.title || ""
           return title.toLowerCase().indexOf("airdrop")===-1
         });
       }

From b22b13ae3f83cd2ee6c266d2efb534b8ea1aedc8 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Dec 2023 07:39:00 +0800
Subject: [PATCH 051/240] update featured

---
 src/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index f9b6fc8bc2..85e3213088 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -26,7 +26,7 @@ const chains = computed(() => {
 });
 
 const featured = computed(() => {
-  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective", "dydx", "irisnet"];
+  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective", "dydx", "noble"];
   return chains.value
     .filter(x => names.includes(x.chainName))
     .sort((a, b)=> (names.indexOf(a.chainName) - names.indexOf(b.chainName)))

From fe659f8f614e8613c214ae20081d6edba37b033f Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 09:08:15 +0800
Subject: [PATCH 052/240] dynmic update sdk version

---
 src/stores/useBlockchain.ts  | 8 +++++++-
 src/stores/useParamsStore.ts | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index c8016fee61..ac1ae2ccb7 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -41,7 +41,13 @@ export const useBlockchain = defineStore('blockchain', {
   },
   getters: {
     current(): ChainConfig | undefined {
-      return this.dashboard.chains[this.chainName];
+      const chain = this.dashboard.chains[this.chainName]
+      // update chain config with dynamic updated sdk version
+      const sdkversion = localStorage.getItem(`sdk_version_${this.chainName}`)
+      if(sdkversion && chain?.versions) {
+        chain.versions.cosmosSdk = sdkversion;
+      }
+      return chain;
     },
     logo(): string {
       return this.current?.logo || '';
diff --git a/src/stores/useParamsStore.ts b/src/stores/useParamsStore.ts
index e2dc44940d..509a8648d8 100644
--- a/src/stores/useParamsStore.ts
+++ b/src/stores/useParamsStore.ts
@@ -193,6 +193,9 @@ export const useParamStore = defineStore('paramstore', {
     },
     async handleAbciInfo() {
       const res = await this.fetchAbciInfo();
+
+      localStorage.setItem(`sdk_version_${this.blockchain.chainName}`, res.application_version?.cosmos_sdk_version);
+      
       this.appVersion.items = Object.entries(res.application_version).map(
         ([key, value]) => ({ subtitle: key, value: value })
       );

From 6faf69c6f99e5f068d388d2bc49af1876b5710df Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 09:22:04 +0800
Subject: [PATCH 053/240] update evmos gov api

---
 src/libs/clients/evmos.ts | 52 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/src/libs/clients/evmos.ts b/src/libs/clients/evmos.ts
index a4fbd2776b..72e352483e 100644
--- a/src/libs/clients/evmos.ts
+++ b/src/libs/clients/evmos.ts
@@ -1,9 +1,59 @@
 import type{ RequestRegistry } from '@/libs/registry'
-
+import { adapter } from '@/libs/registry'
+import { GovProposal, PaginatedProposals } from '@/types'
 // which registry is store
 export const store = 'name' // name or version
 // Blockchain Name
 export const name = 'evmos'
+
+function proposalAdapter(p: any): GovProposal {
+    if(p) {
+        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+        p.proposal_id = p.id
+        p.final_tally_result = {
+            yes: p.final_tally_result?.yes_count,
+            no: p.final_tally_result?.no_count,
+            no_with_veto: p.final_tally_result?.no_with_veto_count,
+            abstain: p.final_tally_result?.abstain_count,
+        }
+    }
+    return p
+}
+
 export const requests: Partial<RequestRegistry> = {
     mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
+    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+      return {
+          proposals,
+          pagination: source.pagination
+      }
+    }},
+    gov_proposals_proposal_id: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}',
+      adapter: (source: any): {proposal: GovProposal} => {
+          return {
+              proposal: proposalAdapter(source.proposal)
+          }
+      },
+    },
+    gov_proposals_deposits: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+      adapter,
+    },
+    gov_proposals_tally: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+      adapter,
+    },
+    gov_proposals_votes: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+      adapter,
+    },
+    gov_proposals_votes_voter: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+      adapter,
+    },
 }

From 6cccb259647ac76ba6072e59e18bfc2ecc118621 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 09:27:52 +0800
Subject: [PATCH 054/240] fix error

---
 src/libs/clients/evmos.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/clients/evmos.ts b/src/libs/clients/evmos.ts
index 72e352483e..09229b98f3 100644
--- a/src/libs/clients/evmos.ts
+++ b/src/libs/clients/evmos.ts
@@ -1,6 +1,6 @@
 import type{ RequestRegistry } from '@/libs/registry'
 import { adapter } from '@/libs/registry'
-import { GovProposal, PaginatedProposals } from '@/types'
+import type { GovProposal, PaginatedProposals } from '@/types'
 // which registry is store
 export const store = 'name' // name or version
 // Blockchain Name

From 0e57913204676466bfff1b1cf6dfc1507febd01a Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 14:55:47 +0800
Subject: [PATCH 055/240] add power event

---
 src/libs/utils.ts                           |  16 +++
 src/modules/[chain]/staking/[validator].vue | 114 ++++++++++++++++++++
 src/types/common.ts                         |   3 +
 3 files changed, 133 insertions(+)

diff --git a/src/libs/utils.ts b/src/libs/utils.ts
index a22c8bfd0f..d7548afacf 100644
--- a/src/libs/utils.ts
+++ b/src/libs/utils.ts
@@ -14,6 +14,22 @@ export const percent = (num: number) => {
   return parseFloat((num * 100).toFixed(2));
 };
 
+export function stringToUint8Array(str: string) {
+  const arr = [];
+  for (let i = 0, j = str.length; i < j; ++i) {
+    arr.push(str.charCodeAt(i));
+  }
+  return new Uint8Array(arr);
+}
+
+export function uint8ArrayToString(arr: Uint8Array) {
+  let str = '';
+  for (let i = 0, j = arr.length; i < j; ++i) {
+    str += String.fromCharCode(arr[i]);
+  }
+  return str;
+}
+
 const COUNT_ABBRS = [
   '',
   'K',
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 071d7ddd23..f33652f3c9 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -17,6 +17,8 @@ import {
 } from '@/libs';
 import { PageRequest, type Coin, type Delegation, type PaginatedDelegations, type PaginatedTxs, type Validator } from '@/types';
 import PaginationBar from '@/components/PaginationBar.vue';
+import { fromBase64, toBase64 } from '@cosmjs/encoding';
+import { stringToUint8Array, uint8ArrayToString } from '@/libs/utils';
 
 const props = defineProps(['validator', 'chain']);
 
@@ -189,10 +191,56 @@ const tipMsg = computed(() => {
 
 function pageload(p: number) {
   page.setPage(p);
+  page.limit = 10;
+
   blockchain.rpc.getStakingValidatorsDelegations(validator, page).then(res => {
       delegations.value = res
   }) 
 }
+
+const events = ref({} as PaginatedTxs)
+
+enum EventType {
+  Delegate = 'delegate',
+  Unbond = 'unbond',
+}
+
+const selectedEventType = ref(EventType.Unbond)
+
+function loadPowerEvents(p: number, type: EventType) {
+  selectedEventType.value = type
+  page.setPage(p);
+  page.setPageSize(5);
+  blockchain.rpc.getTxs("?order_by=2&events={type}.validator='{validator}'", { type: selectedEventType.value, validator }, page).then(res => {
+    events.value = res
+  })
+}
+
+function pagePowerEvents(page: number) {
+    loadPowerEvents(page, selectedEventType.value)
+}
+
+
+function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
+  const attributes = events.filter(x => x.type=== selectedEventType.value).filter(x => x.attributes.findIndex(attr => attr.value === toBase64(stringToUint8Array(validator))) > -1).map(x => {
+    // check if attributes need to decode
+    if(x.attributes.findIndex(a => a.value === `amount` || a.value === 'delegator_address') > -1) return x.attributes
+    const output = {} as {[key: string]: string }
+    x.attributes.forEach(attr => {
+      output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
+    })
+    return output
+  })  
+
+  return attributes
+
+}
+
+function mapDelegators(messages: any[]) {
+  if(!messages) return []
+  return Array.from(new Set(messages.map(x => x.delegator_address || x.grantee)))
+}
+
 </script>
 <template>
   <div>
@@ -582,6 +630,72 @@ function pageload(p: number) {
         </table>
       </div>
     </div>
+
+    <div class="mt-5 bg-base-100 shadow rounded p-4">
+      <div class="text-lg mb-4 font-semibold">
+        <div class="tabs tabs-boxed bg-transparent">
+                
+                <span class="mr-10">Power Events: </span>
+                <a
+                    class="tab text-gray-400"
+                    :class="{ 'tab-active': selectedEventType === EventType.Delegate }"
+                    @click="loadPowerEvents(1, EventType.Delegate)"
+                    >{{ $t('account.btn_delegate') }}</a
+                >
+                <a
+                    class="tab text-gray-400"
+                    :class="{ 'tab-active': selectedEventType === EventType.Unbond }"
+                    @click="loadPowerEvents(1, EventType.Unbond)"
+                    >{{ $t('account.btn_unbond') }}</a
+                >
+            </div>
+      </div>
+      <div class="rounded overflow-auto">
+        <table class="table validatore-table w-full">
+          <thead>
+            <th class="text-left pl-4">{{ $t('account.delegator') }}</th>
+            <th class="text-left pl-4">{{ $t('account.amount') }}</th>
+            <th class="text-left pl-4">{{ $t('account.height') }} / {{ $t('account.time') }}</th>
+          </thead>
+          <tbody>
+            <tr v-for="(item, i) in events.tx_responses">
+              <td class="pr-2 text-primary" style="max-width: 250px">
+                <RouterLink v-for="d in mapDelegators(item.tx?.body?.messages)" :to="`/${props.chain}/account/${d}`">
+                  {{ d }}
+                </RouterLink> 
+              </td>
+              <td>
+                <div class="flex items-center" :class="{
+                  'text-yes' : selectedEventType === EventType.Delegate,
+                  'text-no' : selectedEventType ===  EventType.Unbond,
+                }">
+                  <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
+                    <span class="mr-2">
+                      {{ (selectedEventType === EventType.Delegate ? '+' : '-')}} {{
+                      mapEvents(item.events).map(x => x.amount).join(", ")
+                    }}</span>
+                  </RouterLink>
+                  <Icon
+                    v-if="item.code === 0"
+                    icon="mdi-check"
+                    class="text-yes"
+                  />
+                  <Icon v-else icon="mdi-multiply" class="text-no" />
+                </div>
+              </td>
+              <td width="150">
+                <RouterLink class="text-primary mb-0" :to="`/${props.chain}/block/${item.height}`">{{
+                  item.height
+                }}</RouterLink><br>
+                <span class="text-xs pt-0 mt-0">{{ format.toDay(item.timestamp, 'from') }}</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <PaginationBar :total="events.pagination?.total" :limit="page.limit" :callback="pagePowerEvents"/>
+      </div>
+    </div>
+    <!-- end -->
     <div class="toast" v-show="showCopyToast === 1">
       <div class="alert alert-success">
         <div class="text-xs md:!text-sm">
diff --git a/src/types/common.ts b/src/types/common.ts
index 88129ca2b3..a39117b697 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -35,6 +35,9 @@ export class PageRequest {
     }
     setPage(page: number) {
         if(page >= 1) this.offset = (page - 1) * this.limit
+    }    
+    setPageSize(size: number) {
+        this.limit = size
     }
     
 }

From 5d1b0fba9b7ae0e9b6f3994bd7ddd144513b195f Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 15:02:40 +0800
Subject: [PATCH 056/240] add type check

---
 src/modules/[chain]/staking/[validator].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index f33652f3c9..5a99895eda 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -224,7 +224,7 @@ function pagePowerEvents(page: number) {
 function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
   const attributes = events.filter(x => x.type=== selectedEventType.value).filter(x => x.attributes.findIndex(attr => attr.value === toBase64(stringToUint8Array(validator))) > -1).map(x => {
     // check if attributes need to decode
-    if(x.attributes.findIndex(a => a.value === `amount` || a.value === 'delegator_address') > -1) return x.attributes
+    if(x.attributes.findIndex(a => a.value === `amount`) > -1) return x.attributes
     const output = {} as {[key: string]: string }
     x.attributes.forEach(attr => {
       output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
@@ -672,7 +672,7 @@ function mapDelegators(messages: any[]) {
                   <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
                     <span class="mr-2">
                       {{ (selectedEventType === EventType.Delegate ? '+' : '-')}} {{
-                      mapEvents(item.events).map(x => x.amount).join(", ")
+                      mapEvents(item.events).map((x: any) => x.amount).join(", ")
                     }}</span>
                   </RouterLink>
                   <Icon

From 4518d7d108b9a6bee278b3f7483cd4cd866a177e Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 17:13:04 +0800
Subject: [PATCH 057/240] improve compatibility

---
 src/modules/[chain]/staking/[validator].vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 5a99895eda..507ff835d0 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -205,7 +205,7 @@ enum EventType {
   Unbond = 'unbond',
 }
 
-const selectedEventType = ref(EventType.Unbond)
+const selectedEventType = ref(EventType.Delegate)
 
 function loadPowerEvents(p: number, type: EventType) {
   selectedEventType.value = type
@@ -220,13 +220,21 @@ function pagePowerEvents(page: number) {
     loadPowerEvents(page, selectedEventType.value)
 }
 
+pagePowerEvents(1)
 
 function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
-  const attributes = events.filter(x => x.type=== selectedEventType.value).filter(x => x.attributes.findIndex(attr => attr.value === toBase64(stringToUint8Array(validator))) > -1).map(x => {
+  const attributes = events
+    .filter(x => x.type=== selectedEventType.value)
+      .filter(x => x.attributes.findIndex(attr => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))) > -1)
+      .map(x => {
     // check if attributes need to decode
-    if(x.attributes.findIndex(a => a.value === `amount`) > -1) return x.attributes
     const output = {} as {[key: string]: string }
-    x.attributes.forEach(attr => {
+
+    if(x.attributes.findIndex(a => a.key === `amount`) > -1) {
+      x.attributes.forEach(attr => {
+        output[attr.key] = attr.value
+      })
+    } else x.attributes.forEach(attr => {
       output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
     })
     return output

From 6a4d1952ed8d19f65f881ad378d8433ea7e6b747 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 25 Dec 2023 17:46:52 +0800
Subject: [PATCH 058/240] Rename title

---
 src/modules/[chain]/staking/[validator].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 507ff835d0..e6f0e606bb 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -643,7 +643,7 @@ function mapDelegators(messages: any[]) {
       <div class="text-lg mb-4 font-semibold">
         <div class="tabs tabs-boxed bg-transparent">
                 
-                <span class="mr-10">Power Events: </span>
+                <span class="mr-10">Voting Power Events: </span>
                 <a
                     class="tab text-gray-400"
                     :class="{ 'tab-active': selectedEventType === EventType.Delegate }"

From 84e26e26ad134f359234fa110e7db8a4f435a513 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 09:18:04 +0800
Subject: [PATCH 059/240] improve incompatible events display

---
 src/modules/[chain]/account/[address].vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 6f94f33a43..efb7e02752 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -122,6 +122,13 @@ function loadAccount(address: string) {
 function updateEvent() {
   loadAccount(props.address);
 }
+
+function mapAmount(events:{type: string, attributes: {key: string, value: string}[]}[]) {
+  if(!events) return []
+  return events.find(x => x.type==='coin_received')?.attributes
+    .filter(x => x.key === 'YW1vdW50'|| x.key === `amount`)
+    .map(x => x.key==='amount'? x.value : String.fromCharCode(...fromBase64(x.value)))
+}
 </script>
 <template>
   <div v-if="account">
@@ -571,7 +578,7 @@ function updateEvent() {
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ v.events.find(x => x.type==='coin_received')?.attributes.filter(x => x.key === 'YW1vdW50').map(x => String.fromCharCode(...fromBase64(x.value))).join(", ")}}
+                  {{ mapAmount(v.events)?.join(", ")}}
                 </div>
                 <Icon
                   v-if="v.code === 0"

From 2a60e6fef9dfa84a61e27aa801e8c82b3d5ca6f5 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 13:51:17 +0800
Subject: [PATCH 060/240] using dynamic sdk version

---
 src/libs/client.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index f0188dad96..2a823c7d6c 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -56,7 +56,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
       req = findApiProfileByChain(chain.chainName)
       // if not found. try sdk version
       if(!req && chain.versions?.cosmosSdk) {
-        req = findApiProfileBySDKVersion(chain.versions?.cosmosSdk)
+        req = findApiProfileBySDKVersion(localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk)
       }
     }
     return new CosmosRestClient(endpoint, req || DEFAULT)

From 13f80bf0d6fdc2a42a108a0088c777979a596b38 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 15:44:27 +0800
Subject: [PATCH 061/240] Improve UI

---
 src/modules/[chain]/consensus/index.vue | 44 +++++++++++--------------
 1 file changed, 19 insertions(+), 25 deletions(-)

diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 9bd69cc4bd..6ce575410c 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -254,46 +254,40 @@ async function update() {
         <h2 class="text-sm card-title text-error mb-6">
           {{ $t('consensus.updated_at') }} {{ newTime || '' }}
         </h2>
-        <div v-for="item in roundState.height_vote_set" :key="item.round">
+        <div v-for="item in roundState.height_vote_set.reverse()" :key="item.round">
           <div class="text-xs mb-1">{{ $t('consensus.round') }}: {{ item.round }}</div>
           <div class="text-xs break-words">{{ item.prevotes_bit_array }}</div>
 
-          <div class="flex flex-wrap py-6">
+          <div class="flex flex-rows flex-wrap py-6">
             <div
-              class="inline-flex items-center justify-center w-fit rounded-3xl h-5 text-sm px-2 text-slate-200 leading-5"
+              class=" w-48 rounded-3xl h-5 text-sm px-2 text-slate-200 leading-5"
               v-for="(pre, i) in item.prevotes"
               :key="i"
               size="sm"
               style="margin: 2px"
-              :class="[`bg-${color(i, pre)}`]"
             >
-              <span>{{ showName(i, pre) }}</span>
+              <span class="flex flex-rows justify-between">
+                <span class="truncate">{{ showName(i, 'nil-Vote') }} </span>
+                <span>
+                  <span class="tooltip " :data-tip="pre" 
+                  :class="{
+                    'bg-green-400': String(pre).toLowerCase() !== 'nil-vote',
+                    'bg-red-400': String(pre).toLowerCase() === 'nil-vote'
+                  }"
+                  >&nbsp;</span> 
+                  <span class="tooltip ml-1" :data-tip="item.precommits[i]" 
+                  :class="{
+                    'bg-green-400': String(item.precommits[i]).toLowerCase() !== 'nil-vote',
+                    'bg-red-400': String(item.precommits[i]).toLowerCase() === 'nil-vote'
+                  }">&nbsp;</span>
+                </span>
+              </span>
             </div>
           </div>
         </div>
       </div>
       <div class="divider"></div>
-      <!--  -->
-      <div class="flex flex-col md:!flex-row">
-        <div class="flex mr-1 mb-1">
-          <div class="px-4 w-[34px] h-6 rounded-lg bg-primary"></div>
-          <span class="mx-1">{{ $t('consensus.proposer_sign') }}</span>
-        </div>
-        <div class="flex mr-1 mb-1">
-          <div class="px-4 w-[34px] h-6 rounded-lg bg-warning"></div>
-          <span class="mx-1">{{ $t('consensus.proposer_not_sign') }}</span>
-        </div>
-
-        <div class="flex mr-1 mb-1">
-          <div class="px-4 w-[34px] h-6 rounded-lg bg-success"></div>
-          <span class="mx-1">{{ $t('consensus.sign') }}</span>
-        </div>
 
-        <div class="flex mr-1 mb-1">
-          <div class="px-4 w-[34px] h-6 rounded-lg bg-gray-700"></div>
-          <span class="mx-1">{{ $t('consensus.not_sign') }}</span>
-        </div>
-      </div>
     </div>
 
     <!-- alert-info -->

From 3a3ffd5e36701e5a74da3aefb39e73806ba9b576 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 15:44:48 +0800
Subject: [PATCH 062/240] overhidden address

---
 src/modules/[chain]/staking/[validator].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index e6f0e606bb..f3c8222e63 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -667,7 +667,7 @@ function mapDelegators(messages: any[]) {
           </thead>
           <tbody>
             <tr v-for="(item, i) in events.tx_responses">
-              <td class="pr-2 text-primary" style="max-width: 250px">
+              <td class="pr-2 truncate text-primary" style="max-width: 250px">
                 <RouterLink v-for="d in mapDelegators(item.tx?.body?.messages)" :to="`/${props.chain}/account/${d}`">
                   {{ d }}
                 </RouterLink> 

From 2094c2c48df4d331cb6ab2a33dc022b3cf29c584 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 15:54:14 +0800
Subject: [PATCH 063/240] fix issue

---
 src/modules/[chain]/consensus/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 6ce575410c..e7b9a77ab8 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -254,7 +254,7 @@ async function update() {
         <h2 class="text-sm card-title text-error mb-6">
           {{ $t('consensus.updated_at') }} {{ newTime || '' }}
         </h2>
-        <div v-for="item in roundState.height_vote_set.reverse()" :key="item.round">
+        <div v-for="item in roundState.height_vote_set" :key="item.round">
           <div class="text-xs mb-1">{{ $t('consensus.round') }}: {{ item.round }}</div>
           <div class="text-xs break-words">{{ item.prevotes_bit_array }}</div>
 

From 5ecba3b28370c8a79e495bc8f66a2c193f39035b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 21:04:32 +0800
Subject: [PATCH 064/240] support metadata

---
 src/components/ProposalListItem.vue       | 19 ++++++++++++-------
 src/modules/[chain]/gov/[proposal_id].vue | 12 ++++++++----
 src/types/gov.ts                          |  1 +
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 7ee0ce598f..98b521064e 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -9,7 +9,7 @@ import { select } from '@/components/dynamic/index';
 import type { PaginatedProposals } from '@/types';
 import ProposalProcess from './ProposalProcess.vue';
 import type { PropType } from 'vue';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 const dialog = useTxDialog();
 defineProps({
   proposals: { type: Object as PropType<PaginatedProposals> },
@@ -38,6 +38,11 @@ const voterStatusMap: Record<string, string> = {
 };
 
 const proposalInfo = ref();
+
+function metaItem(metadata: string|undefined): { title: string; summary: string } {
+  return metadata ? JSON.parse(metadata) : {}
+}
+
 </script>
 <template>
   <div class="bg-white dark:bg-[#28334e] rounded text-sm">
@@ -59,13 +64,13 @@ const proposalInfo = ref();
                 :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
                 class="text-main text-base mb-1 block hover:text-indigo-400 truncate"
               >
-                {{ item?.content?.title || item?.title }}
+                {{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}
               </RouterLink>
               <div
                 v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
-                {{ showType(item.content['@type']) }}
+                {{ showType(item.content['@type']) }} 
               </div>
             </div>
           </td>
@@ -144,7 +149,7 @@ const proposalInfo = ref();
           <RouterLink
             :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
             class="flex-1 w-0 truncate mr-4"
-            >{{ item?.content?.title || item?.title }}</RouterLink
+            >{{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}</RouterLink
           >
           <label
             for="proposal-detail-modal"
@@ -237,9 +242,9 @@ const proposalInfo = ref();
         <h3 class="font-bold text-lg">Description</h3>
         <p class="py-4">
           <Component
-            v-if="proposalInfo?.content?.description || proposalInfo?.summary"
-            :is="select(proposalInfo?.content?.description || proposalInfo?.summary, 'horizontal')"
-            :value="proposalInfo?.content?.description || proposalInfo?.summary"
+            v-if="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
+            :is="select(proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary, 'horizontal')"
+            :value="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
           >
           </Component>
         </p>
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index c96e7b8708..ec3650f3be 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -185,14 +185,18 @@ function pageload(p: number) {
     pageResponse.value = x.pagination;
   });
 }
+
+function metaItem(metadata: string|undefined): { title: string; summary: string } {
+  return metadata ? JSON.parse(metadata) : {}
+}
 </script>
 
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title flex flex-col md:!justify-between md:!flex-row">
+      <h2 class="card-title flex flex-col md:!justify-between md:!flex-row mb-2">
         <p class="truncate w-full">
-          {{ proposal_id }}. {{ proposal.title || proposal.content?.title }}
+          {{ proposal_id }}. {{ proposal.title || proposal.content?.title || metaItem(proposal?.metadata)?.title  }}
         </p>
         <div
           class="badge badge-ghost"
@@ -210,9 +214,9 @@ function pageload(p: number) {
       <div class="">
         <ObjectElement :value="proposal.content" />
       </div>
-      <div v-if="proposal.summary && !proposal.content?.description">
+      <div v-if="proposal.summary && !proposal.content?.description || metaItem(proposal?.metadata)?.summary ">
         <MdEditor
-          :model-value="format.multiLine(proposal.summary)"
+          :model-value="format.multiLine(proposal.summary || metaItem(proposal?.metadata)?.summary)"
           previewOnly
           class="md-editor-recover"
         ></MdEditor>
diff --git a/src/types/gov.ts b/src/types/gov.ts
index ead2546e64..96dbe070f5 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -24,6 +24,7 @@ export interface GovProposal {
   title?: string;
   summary?: string;
   proposal_id: string;
+  metadata?: string;
   content: {
     '@type': string;
     title?: string;

From f4dda3c1f3d66ec3301b4309aa52e6e865c25e73 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 28 Dec 2023 12:32:46 +0800
Subject: [PATCH 065/240] trigger update signing info

---
 src/modules/[chain]/uptime/index.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 6ad6a77f3e..81a80a8fc9 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -10,6 +10,7 @@ import {
 import UptimeBar from '@/components/UptimeBar.vue';
 import type { Commit, SlashingParam, SigningInfo } from '@/types';
 import { consensusPubkeyToHexAddress, pubKeyToValcons, valconsToBase64 } from '@/libs';
+import { lazyKeyElSetMap } from 'lazy-load-vue3/types/listen';
 
 const props = defineProps(['chain']);
 
@@ -107,19 +108,27 @@ onMounted(() => {
     }
   });
 
-  chainStore.rpc.getSlashingSigningInfos().then((x) => {
-    x.info?.forEach((i) => {
-      signingInfo.value[valconsToBase64(i.address)] = i;
-    });
-  });
+  updateTotalSigningInfo();
 
   chainStore.rpc.getSlashingParams().then((x) => {
     slashingParam.value = x.params;
   });
 });
 
+function updateTotalSigningInfo() {
+  chainStore.rpc.getSlashingSigningInfos().then((x) => {
+    x.info?.forEach((i) => {
+      signingInfo.value[valconsToBase64(i.address)] = i;
+    });
+  });
+}
+
 const commits2 = computed(() => {
   const la = baseStore.recents.map((b) => b.block.last_commit);
+  // trigger update total signing info
+  if(la.length > 0 && la.at(0)?.height|| 0 % 7 === 0) {
+    updateTotalSigningInfo();
+  };
   const all = [...commits.value, ...la];
   return all.length > 50 ? all.slice(all.length - 50) : all;
 });

From 1b10c1cb3f7f939f2a221b25534b485b938d9322 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 28 Dec 2023 12:35:25 +0800
Subject: [PATCH 066/240] remove unused import

---
 src/modules/[chain]/uptime/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 81a80a8fc9..75e2e21ead 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -10,7 +10,6 @@ import {
 import UptimeBar from '@/components/UptimeBar.vue';
 import type { Commit, SlashingParam, SigningInfo } from '@/types';
 import { consensusPubkeyToHexAddress, pubKeyToValcons, valconsToBase64 } from '@/libs';
-import { lazyKeyElSetMap } from 'lazy-load-vue3/types/listen';
 
 const props = defineProps(['chain']);
 

From ad1055d1917a1c9a4c1e042ec25c399881a90c86 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 28 Dec 2023 12:58:05 +0800
Subject: [PATCH 067/240] adjust frequency

---
 src/modules/[chain]/uptime/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 75e2e21ead..08af446bda 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -125,7 +125,7 @@ function updateTotalSigningInfo() {
 const commits2 = computed(() => {
   const la = baseStore.recents.map((b) => b.block.last_commit);
   // trigger update total signing info
-  if(la.length > 0 && la.at(0)?.height|| 0 % 7 === 0) {
+  if(la.length > 0 && Number(la.at(0)?.height|| 0) % 10 === 7) {
     updateTotalSigningInfo();
   };
   const all = [...commits.value, ...la];

From 766235092166ca00a97f5438d5acf25d07c9a531 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 28 Dec 2023 14:23:00 +0800
Subject: [PATCH 068/240] change condition

---
 src/modules/[chain]/uptime/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 08af446bda..488005078d 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -125,7 +125,7 @@ function updateTotalSigningInfo() {
 const commits2 = computed(() => {
   const la = baseStore.recents.map((b) => b.block.last_commit);
   // trigger update total signing info
-  if(la.length > 0 && Number(la.at(0)?.height|| 0) % 10 === 7) {
+  if(la.length > 1 && Number(la.at(la.length-1)?.height|| 0) % 10 === 7) {
     updateTotalSigningInfo();
   };
   const all = [...commits.value, ...la];

From baf1813d1cfa65c9de38f72b67d03132f5899122 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 1 Jan 2024 10:22:02 +0800
Subject: [PATCH 069/240] update osmosis client

---
 src/libs/clients/osmosis.ts | 50 +++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/src/libs/clients/osmosis.ts b/src/libs/clients/osmosis.ts
index af3c920129..aa42df0b20 100644
--- a/src/libs/clients/osmosis.ts
+++ b/src/libs/clients/osmosis.ts
@@ -1,11 +1,27 @@
 import type{ RequestRegistry } from '@/libs/registry'
 // import dayjs from 'dayjs'
+import { adapter } from '@/libs/registry'
+import type { GovProposal, PaginatedProposals } from '@/types'
 
 // which registry is store
 export const store = 'name' // name or version
 // Blockchain Name
 export const name = 'osmosis'
 
+function proposalAdapter(p: any): GovProposal {
+    if(p) {
+        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+        p.proposal_id = p.id
+        p.final_tally_result = {
+            yes: p.final_tally_result?.yes_count,
+            no: p.final_tally_result?.no_count,
+            no_with_veto: p.final_tally_result?.no_with_veto_count,
+            abstain: p.final_tally_result?.abstain_count,
+        }
+    }
+    return p
+}
+
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
     mint_inflation: { 
@@ -15,4 +31,38 @@ export const requests: Partial<RequestRegistry> = {
             return {inflation: String(Number(first?.apr|| "0")/100.0)}
         } 
     },
+    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+      return {
+          proposals,
+          pagination: source.pagination
+      }
+    }},
+    gov_proposals_proposal_id: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}',
+      adapter: (source: any): {proposal: GovProposal} => {
+          return {
+              proposal: proposalAdapter(source.proposal)
+          }
+      },
+    },
+    gov_proposals_deposits: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+      adapter,
+    },
+    gov_proposals_tally: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+      adapter,
+    },
+    gov_proposals_votes: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+      adapter,
+    },
+    gov_proposals_votes_voter: {
+      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+      adapter,
+    },
 }

From fb32ff8597621a1dd49bcfa5cf950221049eeab9 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 7 Jan 2024 14:39:24 +0800
Subject: [PATCH 070/240] add referer policy

---
 src/libs/http.ts | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/libs/http.ts b/src/libs/http.ts
index f2b2b17a48..588e0b79f1 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -28,9 +28,26 @@ try {
   console.error(error.message);
 }
 // */
+const policies = [
+  // Referer will never be set.
+  // 'no-referrer',
 
+  // Referer will be set to just the origin except when navigating from HTTPS to HTTP,
+  // in which case no Referer is sent.
+  // 'strict-origin',
+
+  // Full Referer for same-origin requests, and bare origin for cross-origin requests.
+  // 'origin-when-cross-origin',
+
+  // Full Referer for same-origin requests, and bare origin for cross-origin requests
+  // except when navigating from HTTPS to HTTP, in which case no Referer is sent.
+  // 'strict-origin-when-cross-origin',
+
+  // Full Referer for all requests, whether same- or cross-origin.
+  'unsafe-url'
+];
 export async function get(url: string) {
-  return (await fetch(url)).json();
+  return (await fetch(url, {referrerPolicy: policies})).json();
 }
 
 export async function post(url: string, data: any) {
@@ -38,7 +55,7 @@ export async function post(url: string, data: any) {
     method: 'POST', // *GET, POST, PUT, DELETE, etc.
     // mode: 'cors', // no-cors, *cors, same-origin
     // credentials: 'same-origin', // redirect: 'follow', // manual, *follow, error
-    // referrerPolicy: 'origin', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+    referrerPolicy: 'unsafe-url', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
     headers: {
       'Content-Type': 'application/json',
       Accept: '*/*',

From 1354abdb5db415d4a3e8fb66848ff5dd21820da7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 7 Jan 2024 14:43:15 +0800
Subject: [PATCH 071/240] update policy

---
 src/libs/http.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/http.ts b/src/libs/http.ts
index 588e0b79f1..0c134fa8f7 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -47,7 +47,7 @@ const policies = [
   'unsafe-url'
 ];
 export async function get(url: string) {
-  return (await fetch(url, {referrerPolicy: policies})).json();
+  return (await fetch(url, {referrerPolicy: 'unsafe-url'})).json();
 }
 
 export async function post(url: string, data: any) {

From 73f36c64b497b01bf059103b636ef21fe2b6b34f Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 11 Jan 2024 13:43:18 +0800
Subject: [PATCH 072/240] add client

---
 src/libs/client.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index 2a823c7d6c..7006468eda 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -20,12 +20,12 @@ export class BaseRestClient<R extends AbstractRegistry> {
     this.endpoint = endpoint;
     this.registry = registry;
   }
-  async request<T>(request: Request<T>, args: Record<string, any>, query = '') {
+  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter: (source: any) => T = undefined) {
     let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });
-    return fetchData<T>(url, request.adapter);
+    return fetchData<T>(url, adapter||request.adapter);
   }
 }
 
@@ -161,7 +161,14 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.gov_proposals_deposits, { proposal_id });
   }
   async getGovProposalTally(proposal_id: string) {
-    return this.request(this.registry.gov_proposals_tally, { proposal_id });
+    return this.request(this.registry.gov_proposals_tally, { proposal_id }, undefined, (source: any) => {
+      return {tally: {
+        yes: source.yes || source.yes_count,
+        abstain: source.abstain || source.abstain_count,
+        no: source.no || source.no_count,
+        no_with_veto: source.no_with_veto || source.no_with_veto_count,
+      }};
+    });
   }
   async getGovProposalVotes(proposal_id: string, page?: PageRequest) {
     if(!page) page = new PageRequest()

From ef39c448cb1b82df13d49d4425271b03304cb9c7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 11 Jan 2024 13:55:25 +0800
Subject: [PATCH 073/240] add optional adaptar

---
 src/libs/client.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index 7006468eda..5f54c89f5f 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -20,7 +20,7 @@ export class BaseRestClient<R extends AbstractRegistry> {
     this.endpoint = endpoint;
     this.registry = registry;
   }
-  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter: (source: any) => T = undefined) {
+  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => T ) {
     let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');

From 895e611c39d16d71506a5f149f7a1a6e16e2658c Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 11 Jan 2024 14:36:20 +0800
Subject: [PATCH 074/240] custom adaptar

---
 src/libs/client.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index 5f54c89f5f..359ac4866d 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -163,10 +163,10 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getGovProposalTally(proposal_id: string) {
     return this.request(this.registry.gov_proposals_tally, { proposal_id }, undefined, (source: any) => {
       return {tally: {
-        yes: source.yes || source.yes_count,
-        abstain: source.abstain || source.abstain_count,
-        no: source.no || source.no_count,
-        no_with_veto: source.no_with_veto || source.no_with_veto_count,
+        yes: source.tally.yes || source.tally.yes_count,
+        abstain: source.tally.abstain || source.tally.abstain_count,
+        no: source.tally.no || source.tally.no_count,
+        no_with_veto: source.tally.no_with_veto || source.tally.no_with_veto_count,
       }};
     });
   }

From d620c7e43adc0c8c65bb68e86fd3ff5500f689b5 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 11 Jan 2024 16:04:59 +0800
Subject: [PATCH 075/240] remove pagination since the api does not support

---
 src/modules/[chain]/cosmwasm/WasmClient.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index cf0ecabc41..c3f974f1c5 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -66,9 +66,9 @@ export interface WasmRequestRegistry extends AbstractRegistry {
   
   export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
     getWasmCodeList(pr?: PageRequest) {
-      if(!pr) pr = new PageRequest()
-      const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code, {}, query);
+      // if(!pr) pr = new PageRequest()
+      // const query = `?${pr.toQueryString()}`
+      return this.request(this.registry.cosmwasm_code, {}, /*query*/);
     }
     getWasmCodeById(code_id: string) {
       return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url

From 30826a0ed6a6b73d26989773332f5c3c32a47310 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 11 Jan 2024 16:09:43 +0800
Subject: [PATCH 076/240] remove pagination

---
 src/modules/[chain]/cosmwasm/WasmClient.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index c3f974f1c5..75597557f9 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -74,9 +74,9 @@ export interface WasmRequestRegistry extends AbstractRegistry {
       return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
     }
     getWasmCodeContracts(code_id: string, page?: PageRequest) {
-      if(!page) page = new PageRequest()
-      const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code_id_contracts, { code_id }, query);
+      // if(!page) page = new PageRequest()
+      // const query = `?${page.toQueryString()}`
+      return this.request(this.registry.cosmwasm_code_id_contracts, { code_id });
     }
     getWasmParams() {
       return this.request(this.registry.cosmwasm_param, {});
@@ -85,9 +85,9 @@ export interface WasmRequestRegistry extends AbstractRegistry {
       return this.request(this.registry.cosmwasm_contract_address, { address });
     }
     getWasmContractsByCreator(creator_address: string, page?: PageRequest) {    
-      if(!page) page = new PageRequest()
-      const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address }, query);
+      // if(!page) page = new PageRequest()
+      // const query = `?${page.toQueryString()}`
+      return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address });
     }
     getWasmContractHistory(address: string) {
       return this.request(this.registry.cosmwasm_contract_address_history, {

From 836b21d7d253348512bd3a5db67e935457a4b6f3 Mon Sep 17 00:00:00 2001
From: Techno Freak <freak12techno@gmail.com>
Date: Fri, 19 Jan 2024 16:16:24 +0300
Subject: [PATCH 077/240] feat: add consensus prefix to config

---
 src/libs/address.ts                         | 11 +----------
 src/modules/[chain]/staking/[validator].vue |  4 +---
 src/stores/useDashboard.ts                  |  4 ++++
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/libs/address.ts b/src/libs/address.ts
index ade9ab2b8d..54695c71c0 100644
--- a/src/libs/address.ts
+++ b/src/libs/address.ts
@@ -1,8 +1,6 @@
 import {
   fromBase64,
   fromBech32,
-  fromHex,
-  toBase64,
   toBech32,
   toHex,
 } from '@cosmjs/encoding';
@@ -12,13 +10,6 @@ export function decodeAddress(address: string) {
   return fromBech32(address);
 }
 
-export function valoperToPrefix(valoper?: string) {
-  if (!valoper) return '';
-  const prefixIndex = valoper.indexOf('valoper');
-  if (prefixIndex === -1) return null;
-  return valoper.slice(0, prefixIndex);
-}
-
 export function operatorAddressToAccount(operAddress?: string) {
   if (!operAddress) return '';
   const { prefix, data } = fromBech32(operAddress);
@@ -59,7 +50,7 @@ export function pubKeyToValcons(
     const pubkey = fromBase64(consensusPubkey.key);
     if (pubkey) {
       const addressData = sha256(pubkey).slice(0, 20);
-      return toBech32(`${prefix}valcons`, addressData);
+      return toBech32(prefix, addressData);
     }
   }
   return '';
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index f3c8222e63..1e982922af 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -13,7 +13,6 @@ import {
   consensusPubkeyToHexAddress,
   operatorAddressToAccount,
   pubKeyToValcons,
-  valoperToPrefix,
 } from '@/libs';
 import { PageRequest, type Coin, type Delegation, type PaginatedDelegations, type PaginatedTxs, type Validator } from '@/types';
 import PaginationBar from '@/components/PaginationBar.vue';
@@ -127,13 +126,12 @@ onMounted(() => {
       identity.value = res.validator?.description?.identity || '';
       if (identity.value && !avatars.value[identity.value]) loadAvatar(identity.value);
 
-      const prefix = valoperToPrefix(v.value.operator_address) || '<Invalid>';
       addresses.value.hex = consensusPubkeyToHexAddress(
         v.value.consensus_pubkey
       );
       addresses.value.valCons = pubKeyToValcons(
         v.value.consensus_pubkey,
-        prefix
+        blockchain.current.bech32ConsensusPrefix,
       );
     });
     blockchain.rpc
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 6c32ea554d..530b96a470 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -57,6 +57,7 @@ export interface ChainConfig {
   chainName: string;
   prettyName: string;
   bech32Prefix: string;
+  bech32ConsensusPrefix: string;
   chainId: string;
   coinType: string;
   assets: Asset[];
@@ -89,6 +90,7 @@ export interface ChainConfig {
 
 export interface LocalConfig {
   addr_prefix: string;
+  consensus_prefix?: string;
   alias: string;
   api: string[] | Endpoint[];
   provider_chain: {
@@ -153,6 +155,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     cosmosSdk: lc.sdk_version
   }
   conf.bech32Prefix = lc.addr_prefix;
+  conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
@@ -177,6 +180,7 @@ export function fromDirectory(source: DirectoryChain): ChainConfig {
   const conf = {} as ChainConfig;
   (conf.assets = source.assets),
     (conf.bech32Prefix = source.bech32_prefix),
+    (conf.bech32ConsensusPrefix = source.bech32_prefix + 'valcons'),
     (conf.chainId = source.chain_id),
     (conf.chainName = source.chain_name),
     (conf.prettyName = source.pretty_name),

From fc57e87f2d61a0203fdc8c91d69bce975a1168af Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 21 Jan 2024 12:08:48 +0800
Subject: [PATCH 078/240] improve 24hours loading

---
 src/modules/[chain]/staking/index.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index e93aa69df8..814db177eb 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -71,6 +71,7 @@ async function fetchChange() {
     }
 }
 
+
 const changes = computed(() => {
     const changes = {} as Record<string, number>;
     Object.keys(latest.value).forEach((k) => {
@@ -197,7 +198,14 @@ const logo = (identity?: string) => {
         : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
-fetchChange();
+let height_in_24h = ref(0)
+base.$subscribe((_, s) => {
+    if (Number(s.earlest.block.header.height) !== height_in_24h.value) {
+        height_in_24h.value = Number(s.earlest.block.header.height);
+        fetchChange();
+    }
+});
+
 loadAvatars();
 </script>
 <template>

From 026c2d28401f37b9fcbdc2e5e77d25b6914c22c9 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 26 Jan 2024 10:25:02 +0800
Subject: [PATCH 079/240] update widget version update

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8b479b1e9e..f4611a3a37 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
     <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget/dist/ping-widget.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@0/dist/ping-widget.min.js"></script>
     <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>

From 38d741ffeeba0c9840899922b6f16bda22e8479b Mon Sep 17 00:00:00 2001
From: BitcoinVM <tech@bitcoinvm.network>
Date: Mon, 29 Jan 2024 17:36:41 +0800
Subject: [PATCH 080/240] add wasm schema and code viewer

---
 package.json                        |   1 +
 src/components/WasmVerification.vue | 217 +++++++++++++++++++++++++---
 2 files changed, 196 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 1f17d4ff6d..0315373e2e 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
     "sass": "^1.58.0",
+    "shiki": "^1.0.0-beta.0",
     "typescript": "~4.9.5",
     "unplugin-auto-import": "^0.13.0",
     "unplugin-vue-components": "^0.23.0",
diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 3c51b72753..f0ea25cf0e 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -1,9 +1,15 @@
 <script setup lang="ts">
 import { get, post } from "@/libs/http"
-import { useBaseStore } from "@/stores";
+import { useBaseStore, useTxDialog } from "@/stores";
 import { computed, onMounted, ref } from "vue";
-
+import TextElement from "@/components/dynamic/TextElement.vue";
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
+import { codeToHtml } from 'shiki'
+import { useWasmStore } from "@/modules/[chain]/cosmwasm/WasmStore";
+import { toBase64 } from "@cosmjs/encoding";
+
+import { JsonViewer } from "vue3-json-viewer"
+import { CosmjsOfflineSigner } from "@leapwallet/cosmos-snap-provider";
 
 interface Verification {
   chainId?: string;
@@ -14,6 +20,31 @@ interface Verification {
   error?: string;
 }
 
+interface SourceCode<T> {
+  path: string;
+  isDirectory: boolean;
+  sourceCode?: T;
+}
+
+interface Argument {
+  format?: string;
+  type: string;
+  properties: Record<string, Argument>
+}
+
+interface Method {
+  type: string;
+  required: string[];
+  properties: Record<string, Argument>
+  additionalProperties: boolean;
+}
+
+interface Schema {
+  $schema: string;
+  title: string;
+  oneOf?: Method[];
+}
+
 const props = defineProps({
   contract: { type: String },
 });
@@ -21,20 +52,62 @@ const props = defineProps({
 const baseurl = "https://prod.compiler.welldonestudio.io"
 
 const verification = ref<Verification>({});
+const sourceCode = ref<SourceCode<string>[]>([]);
+const schemas = ref<SourceCode<string>[]>([]);
+const wasmStore = useWasmStore();
+const baseStore = useBaseStore();
+const dialog = useTxDialog();
+const result = ref<Record<string, any>>({});
 
-onMounted(() => {
 
-  const base = useBaseStore()
-  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-  // console.log("mounted", `${baseurl}/deploy-histories/neutron?contract=${props.contract}`, chainId.value)
-  const url = `${baseurl}/deploy-histories/${chainId}?contract=${props.contract}`
-  console.log("url:", url)
+function fetchVerification() {
+  const url = `${baseurl}/deploy-histories/${chain_id.value}?contract=${props.contract}`
   get(url).then((x) => {
     console.log("verification:", x)
     verification.value = x
   }).catch(e => {
     console.error(e)
   })
+}
+
+function fetchSchema() {
+  const base = useBaseStore()
+  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
+  const url = `${baseurl}/schemas/${chainId}?contract=${props.contract}`
+  get(url).then(async (x) => {
+    console.log("schema:", x)
+    schemas.value = x.sourceCodes
+  }).catch(e => {
+    console.error(e)
+  })
+}
+  
+function fetchSourceCode() {
+  const base = useBaseStore()
+  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
+  const url = `${baseurl}/source-codes/${chainId}?contract=${props.contract}`
+  const theme = baseStore.theme === 'dark' ? 'material-theme' : 'github-light'
+  get(url).then(async (x) => {
+    console.log("source codes:", x)
+    for (let i = 0; i < x.sourceCodes.length; i++) {
+      const sc = x.sourceCodes[i];
+      sc.sourceCode = await codeToHtml(sc.sourceCode, {lang: sc.path.endsWith('.toml')?'toml':'rust', theme})
+    }
+    sourceCode.value = x.sourceCodes
+  }).catch(e => {
+    console.error(e)
+  })
+}
+
+const base = useBaseStore()
+const chain_id = ref("")
+base.$subscribe((m, s) => {
+  if (chain_id.value !== s.latest?.block?.header?.chain_id) {
+    chain_id.value = s.latest?.block?.header?.chain_id || "unknown"
+    fetchVerification();
+    fetchSchema();
+    fetchSourceCode();
+  }
 })
 
 function verify() {
@@ -44,21 +117,128 @@ function verify() {
     const data = {"contractAddress": props.contract, "chainId": id}
 
     post(`${baseurl}/verification/neutron`, data).then((x)=> {
-        if(x.result) verification.value = x.result
+        if(x.result) {
+          verification.value = x.result
+          fetchSchema();
+          fetchSourceCode();
+        }
     })
 }
 
+const tab = ref('verification')
+function selectTab(tabName: string) {
+  tab.value = tabName
+}
+
+const executions = computed(() => {
+  return schemas.value
+      .filter(x => x.path.indexOf('execute_msg')>-1 || x.path.indexOf('query_msg')>-1)
+      .map(x => JSON.parse(x.sourceCode||"{}") as Schema)
+  // if(raw && raw.sourceCode) {
+  //   return JSON.parse(raw.sourceCode) as Schema
+  // } 
+  // return {} as Schema
+})
+
+const queries = computed(() => {
+  let raw = schemas.value.find(x => x.path.indexOf('query_msg')>-1)
+  if(raw && raw.sourceCode) {
+    return JSON.parse(raw.sourceCode) as Schema
+  } 
+  return {} as Schema
+})
+
+function callFunction(title: string, method: string, arg: Argument) {
+  if(!props.contract) return
+
+  // console.log("callFunction", title, method, arg)
+
+  let args = {} as Record<string, any>
+  if(arg.properties) Object.keys(arg.properties).forEach(k => {
+    const input = document.querySelector(`input[name="${method}-${k}"]`) as HTMLInputElement
+    if (input) {
+      args[k] = input.value
+    }
+  })
+
+  //console.log("args", arg.properties, JSON.stringify(args))
+
+  if(title === 'ExecuteMsg') {
+    let execution = {} as Record<string, any>
+    execution[method] = args 
+    console.log("execution", execution)
+    dialog.open('wasm_execute_contract', { contract: props.contract, execution})
+  } else {
+    // QueryMsg
+    wasmStore.wasmClient
+      .getWasmContractSmartQuery(props.contract, `{"${method}": ${JSON.stringify(args)}}`)
+      .then((x) => {
+          result.value[`${title}-${method}`] = x;
+      })
+      .catch((err) => {
+        result.value[`${title}-${method}`] = err;
+      });
+  }
+}
+
 </script>
 <template>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <div class="flex justify-between">
-            <span><h2 class="card-title truncate w-full mt-4 text-left">Verification</h2></span>
-            <span class="avatar tooltip tooltip-left" data-tip="Powered By WELLDONE Studio">
-                <div class="w-8 rounded">
-                    <img src="../assets/images/welldone-logo.svg"  alt="Powered By WELLDONE Studio"/>
+        <div role="tablist" class="tabs tabs-boxed">
+          <a role="tab" class="tab tooltip tooltip-right tooltip-success" data-tip="Powered By WELLDONE Studio">
+            <div class="w-8 rounded">
+              <img src="../assets/images/welldone-logo.svg"  alt="Powered By WELLDONE Studio"/>
+            </div>
+          </a>
+          <a role="tab" class="tab" :class="{'tab-active': tab==='verification'}" @click="selectTab('verification')">Verification</a>
+          <a role="tab" class="tab" :class="{'tab-active': tab==='executions'}" @click="selectTab('executions')">Functions</a> 
+          <a role="tab" class="tab" :class="{'tab-active': tab==='source_code'}" @click="selectTab('source_code')">Source Code</a>
+        </div>
+        <div class="">
+          <div v-if="tab === 'verification'"><DynamicComponent :value="verification"/></div>
+          <div v-if="tab === 'executions'" class="">
+            <div v-for="{title, oneOf} in executions" class="join join-vertical w-full mt-2">
+              <div v-if="oneOf" v-for="m in oneOf">
+                <div v-for="(props, method) in m.properties" class="collapse collapse-arrow join-item border border-base-300">
+                  <input type="radio" name="my-accordion-1" :checked="false"/> 
+                  <div class="collapse-title font-medium">
+                    {{title}}::{{ method }}
+                  </div>
+                  <div class="collapse-content"> 
+                    <div v-for="(p, name) in props.properties" class="form-control pb-2">
+                      <label class="label">
+                          <span class="label-text">{{ name }}</span>
+                          <span></span>
+                      </label>
+                      <input :name="`${method}-${name}`" type="text" :placeholder="p.format" class="input input-sm border border-gray-300 dark:border-gray-600 w-full" />
+                    </div>
+                    <div>
+                      <label v-if="title==='ExecuteMsg'" for="wasm_execute_contract" class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
+                      <label v-else class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
+                    </div>
+                    <div v-if="result[`${title}-${method}`]" class="mt-2">
+                      <JsonViewer :value="result[`${title}-${method}`]" :theme="baseStore.theme||'dark'" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
+                    </div>
+                  </div>
                 </div>
-            </span>
+              </div>
+            </div>
+          </div>
+          <div v-if="tab === 'source_code'" class="mt-2 join join-vertical w-full">
+            <div v-for="sc in sourceCode.filter(x => !x.isDirectory)" class="collapse collapse-arrow join-item border border-base-300">
+              <input type="radio" name="sourceCodeAccordion" :checked="false"/> 
+              <div class="collapse-title font-medium">{{sc.path}}</div>
+              <div class="collapse-content overflow-auto" v-html="sc.sourceCode"></div>
+            </div>
+          </div>
         </div>
+        <div v-show="tab === 'verification'" class="text-center">
+            <div v-if="Object.keys(verification).length == 0" >
+               Haven't found verification
+            </div>
+            <button class="btn btn-primary mt-5" @click="verify" :disabled="verification.error !== undefined">verify</button>
+        </div>
+
         <!-- alert-info -->
         <div
           class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
@@ -80,12 +260,5 @@ function verify() {
             </ul>
           </div>
         </div>
-        <div><DynamicComponent :value="verification"/></div>
-        <div class="text-center">
-            <div v-if="Object.keys(verification).length == 0" >
-                <Icon icon="mdi:emoticon-sad-outline"></Icon>Haven't found verification
-            </div>
-            <button class="btn btn-primary mt-5" @click="verify" :disabled="verification.error !== undefined">verify</button>
-        </div>
     </div>
 </template>
\ No newline at end of file

From 9e34c476c465ba6a0d6ea04275cdc92732d7a391 Mon Sep 17 00:00:00 2001
From: Techno Freak <freak12techno@gmail.com>
Date: Mon, 29 Jan 2024 17:30:00 +0300
Subject: [PATCH 081/240] Fix commission rate formatting

---
 src/components/ValidatorCommissionRate.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 57b7ed6fb7..502e6df367 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -91,7 +91,7 @@ const chartConfig = computed(() => {
                             offsetY: -15,
                             fontWeight: 500,
                             fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value}%`,
+                            formatter: (value: unknown) => `${rate.value.toFixed(0)}%`,
                             color: primaryText,
                         },
                         total: {
@@ -99,7 +99,7 @@ const chartConfig = computed(() => {
                             label: 'Commission Rate',
                             fontSize: '1rem',
                             color: secondaryText,
-                            formatter: () => `${rate.value}%`,
+                            formatter: () => `${rate.value.toFixed(0)}%`,
                         },
                     },
                 },
@@ -130,7 +130,7 @@ const chartConfig = computed(() => {
             <div class="flex items-center justify-center flex-wrap gap-x-3">
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Rate:{{ rate }}%</span>
+                    <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
                 </div>
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>

From 0ca5a14eb891e21e9b93552b90a0050ecce82e4f Mon Sep 17 00:00:00 2001
From: BitcoinVM <tech@bitcoinvm.network>
Date: Tue, 30 Jan 2024 03:14:14 +0100
Subject: [PATCH 082/240] tofix

---
 src/components/ValidatorCommissionRate.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 57b7ed6fb7..e8b292c35c 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -91,7 +91,7 @@ const chartConfig = computed(() => {
                             offsetY: -15,
                             fontWeight: 500,
                             fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value}%`,
+                            formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
                             color: primaryText,
                         },
                         total: {
@@ -99,7 +99,7 @@ const chartConfig = computed(() => {
                             label: 'Commission Rate',
                             fontSize: '1rem',
                             color: secondaryText,
-                            formatter: () => `${rate.value}%`,
+                            formatter: () => `${rate.value.toFixed(1)}%`,
                         },
                     },
                 },

From 9c660d8da22b232d484c9810fff5ea435f27b1ed Mon Sep 17 00:00:00 2001
From: ivivanov <i.ivanov@nolus.io>
Date: Sat, 27 Jan 2024 12:04:05 +0200
Subject: [PATCH 083/240] add chain specific inflation calc

---
 chains/mainnet/nolus.json | 27 +++++++++++++++++++++++++++
 src/libs/client.ts        |  2 +-
 src/libs/clients/nolus.ts | 26 ++++++++++++++++++++++++++
 src/libs/http.ts          |  2 +-
 src/libs/registry.ts      |  4 ++--
 5 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 chains/mainnet/nolus.json
 create mode 100644 src/libs/clients/nolus.ts

diff --git a/chains/mainnet/nolus.json b/chains/mainnet/nolus.json
new file mode 100644
index 0000000000..81bdd48470
--- /dev/null
+++ b/chains/mainnet/nolus.json
@@ -0,0 +1,27 @@
+{
+    "chain_name": "nolus",
+    "coingecko": "nolus",
+    "api": [
+        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317"},
+        {"provider": "LavenderFive", "address": "https://nolus-api.lavenderfive.com:443"},
+        {"provider": "Allnodes", "address": "https://nolus-rest.publicnode.com"}
+    ],
+    "rpc": [
+        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657"}, 
+        {"provider": "LavenderFive", "address": "https://nolus-rpc.lavenderfive.com:443"},
+        {"provider": "Allnodes", "address": "https://nolus-rpc.publicnode.com:443"}
+    ],
+    "snapshot_provider": "",
+    "sdk_version": "v0.47.6",
+    "coin_type": "118",
+    "min_tx_fee": "0",
+    "addr_prefix": "nolus",
+    "logo": "/logos/nolus.svg",
+    "assets": [{
+        "base": "unls",
+        "symbol": "NLS",
+        "exponent": "6",
+        "coingecko_id": "nolus",
+        "logo": "/logos/nolus.svg"
+    }]
+}
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 359ac4866d..75423eb127 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -20,7 +20,7 @@ export class BaseRestClient<R extends AbstractRegistry> {
     this.endpoint = endpoint;
     this.registry = registry;
   }
-  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => T ) {
+  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => Promise<T> ) {
     let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
diff --git a/src/libs/clients/nolus.ts b/src/libs/clients/nolus.ts
new file mode 100644
index 0000000000..b318a03776
--- /dev/null
+++ b/src/libs/clients/nolus.ts
@@ -0,0 +1,26 @@
+import type { RequestRegistry } from '@/libs/registry'
+import { CosmosRestClient } from '@/libs/client';
+import { useBlockchain } from '@/stores';
+import { adapter } from '@/libs/registry'
+
+// Blockchain Name
+export const name = 'nolus';
+
+// nolus custom request
+export const requests: Partial<RequestRegistry> = {
+  mint_inflation: {
+    url: '/nolus/mint/v1beta1/annual_inflation',
+    adapter: async (data: any): Promise<any> => {
+      try {
+        const client = CosmosRestClient.newDefault(useBlockchain().endpoint.address)
+        const staking = await client.getStakingPool()
+        const inflation = Number(data.annual_inflation) / Number(staking.pool.bonded_tokens) || 0;
+        return { inflation: inflation.toString() };
+      } catch (error) {
+        console.log("Error in adapter:", error);
+        return { inflation: "0" };
+      }
+    }
+  },
+  bank_supply_by_denom: { url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter }
+};
diff --git a/src/libs/http.ts b/src/libs/http.ts
index 0c134fa8f7..8334d647f6 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -2,7 +2,7 @@ import fetch from 'cross-fetch';
 
 export async function fetchData<T>(
   url: string,
-  adapter: (source: any) => T
+  adapter: (source: any) => Promise<T>
 ): Promise<T> {
   const response = await fetch(url);
   if (!response.ok) {
diff --git a/src/libs/registry.ts b/src/libs/registry.ts
index 1378ad2751..f65edfcf95 100644
--- a/src/libs/registry.ts
+++ b/src/libs/registry.ts
@@ -45,7 +45,7 @@ import type { PaginatedTxs, Tx, TxResponse } from '@/types';
 import semver from 'semver'
 export interface Request<T> {
   url: string;
-  adapter: (source: any) => T;
+  adapter: (source: any) => Promise<T>;
 }
 
 export interface AbstractRegistry {
@@ -154,7 +154,7 @@ export interface RequestRegistry extends AbstractRegistry {
   interchain_security_ccv_provider_validator_consumer_addr: Request<{consumer_address: string}>
 }
 
-export function adapter<T>(source: any): T {
+export function adapter<T>(source: any): Promise<T> {
   return source;
 }
 

From 9a496f89e97c4e1f912da95b1ab89a3529583b81 Mon Sep 17 00:00:00 2001
From: ivivanov <i.ivanov@nolus.io>
Date: Tue, 30 Jan 2024 12:11:11 +0200
Subject: [PATCH 084/240] refator custom clients to use async adaptor

---
 src/libs/clients/evmos.ts   | 6 +++---
 src/libs/clients/osmosis.ts | 6 +++---
 src/libs/clients/v0.46.0.ts | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/libs/clients/evmos.ts b/src/libs/clients/evmos.ts
index 09229b98f3..9adb405dea 100644
--- a/src/libs/clients/evmos.ts
+++ b/src/libs/clients/evmos.ts
@@ -21,11 +21,11 @@ function proposalAdapter(p: any): GovProposal {
 }
 
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
+    mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: async (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
     gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
     gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
     gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
       const proposals = source.proposals.map((p:any) => proposalAdapter(p))
       return {
           proposals,
@@ -34,7 +34,7 @@ export const requests: Partial<RequestRegistry> = {
     }},
     gov_proposals_proposal_id: {
       url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: (source: any): {proposal: GovProposal} => {
+      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
           return {
               proposal: proposalAdapter(source.proposal)
           }
diff --git a/src/libs/clients/osmosis.ts b/src/libs/clients/osmosis.ts
index aa42df0b20..6dc384b349 100644
--- a/src/libs/clients/osmosis.ts
+++ b/src/libs/clients/osmosis.ts
@@ -26,7 +26,7 @@ function proposalAdapter(p: any): GovProposal {
 export const requests: Partial<RequestRegistry> = {
     mint_inflation: { 
         url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
-        adapter: (data: any) => {
+        adapter: async (data: any) => {
             const [first] = data
             return {inflation: String(Number(first?.apr|| "0")/100.0)}
         } 
@@ -34,7 +34,7 @@ export const requests: Partial<RequestRegistry> = {
     gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
     gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
     gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
       const proposals = source.proposals.map((p:any) => proposalAdapter(p))
       return {
           proposals,
@@ -43,7 +43,7 @@ export const requests: Partial<RequestRegistry> = {
     }},
     gov_proposals_proposal_id: {
       url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: (source: any): {proposal: GovProposal} => {
+      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
           return {
               proposal: proposalAdapter(source.proposal)
           }
diff --git a/src/libs/clients/v0.46.0.ts b/src/libs/clients/v0.46.0.ts
index d8a17d307b..6c3d814e7f 100644
--- a/src/libs/clients/v0.46.0.ts
+++ b/src/libs/clients/v0.46.0.ts
@@ -33,7 +33,7 @@ export const requests: Partial<RequestRegistry> = {
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
     const proposals = source.proposals.map((p:any) => proposalAdapter(p))
     return {
         proposals,
@@ -42,7 +42,7 @@ export const requests: Partial<RequestRegistry> = {
   }},
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
-    adapter: (source: any): {proposal: GovProposal} => {
+    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
         return {
             proposal: proposalAdapter(source.proposal)
         }

From f1fb43b935710a70425dc4bf5f40a2af17b4ce35 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Wed, 31 Jan 2024 10:26:21 +0800
Subject: [PATCH 085/240] decode ibc packet

---
 src/modules/[chain]/tx/[hash].vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index f7a6272ca0..82505ee4f0 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -23,7 +23,13 @@ if (props.hash) {
     blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
 }
 const messages = computed(() => {
-    return tx.value.tx?.body?.messages || [];
+    return tx.value.tx?.body?.messages.map(x=> {
+        if(x.packet?.data) {
+            // @ts-ignore
+            x.message = format.base64ToString(x.packet.data)
+        }
+        return x
+    }) || [];
 });
 </script>
 <template>

From 7b4379c9021f460fed3b6e6c383bcf370f5f152e Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Wed, 31 Jan 2024 10:27:18 +0800
Subject: [PATCH 086/240] add packet detail types

---
 src/types/transaction.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/types/transaction.ts b/src/types/transaction.ts
index 950518cf95..399c85d8fa 100644
--- a/src/types/transaction.ts
+++ b/src/types/transaction.ts
@@ -3,7 +3,7 @@ import type { Coin, Key, PaginatedResponse } from "./common"
 export interface Tx {
     "@type"?: string,
     "body": {
-        "messages": {"@type": string, "amount"?: Coin[]}[],
+        "messages": {"@type": string, "amount"?: Coin[], packet?: { data: string }}[],
         "memo": string,
         "timeout_height": string,
         "extension_options": any[],

From 4e0606b8ab01698646f3447faa2562832b69a0f4 Mon Sep 17 00:00:00 2001
From: Salman Wahib <sxlmnwb.dev@gmail.com>
Date: Wed, 31 Jan 2024 12:03:48 +0000
Subject: [PATCH 087/240] feat: libs: add Promise.resolve in
 `getGovProposalTally`

In the getGovProposalTally method, added `Promise.resolve` to the adapter function to ensure it returns a Promise.
This resolves the TypeScript error related to the return type mismatch.

Signed-off-by: Salman Wahib <sxlmnwb@nodex.one>
---
 src/libs/client.ts |  8 +++++---
 yarn.lock          | 12 ++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index 75423eb127..1238495e1e 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -162,13 +162,15 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   }
   async getGovProposalTally(proposal_id: string) {
     return this.request(this.registry.gov_proposals_tally, { proposal_id }, undefined, (source: any) => {
-      return {tally: {
+      return Promise.resolve({ tally: {
         yes: source.tally.yes || source.tally.yes_count,
         abstain: source.tally.abstain || source.tally.abstain_count,
         no: source.tally.no || source.tally.no_count,
         no_with_veto: source.tally.no_with_veto || source.tally.no_with_veto_count,
-      }};
-    });
+        },
+        });
+      }
+    );
   }
   async getGovProposalVotes(proposal_id: string, page?: PageRequest) {
     if(!page) page = new PageRequest()
diff --git a/yarn.lock b/yarn.lock
index 930383d7d9..9cf351cb1f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2184,6 +2184,11 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
+"@shikijs/core@1.0.0-beta.1":
+  version "1.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.0.0-beta.1.tgz#40d21605cfc30c9d83bdc3c03414d478930ec30c"
+  integrity sha512-z3gdznaRj/DJSLQdR2Gdx6AB3e5+Il/kSGdLTGHI7HnalgPL15RbGgBSdLHW8rKAz4+dezAcTdnxm8z6YTu7nA==
+
 "@sinclair/typebox@^0.24.1":
   version "0.24.51"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
@@ -6008,6 +6013,13 @@ shelljs@0.8.5:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
+shiki@^1.0.0-beta.0:
+  version "1.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.0.0-beta.1.tgz#fbff19e1ba180e3093f274b00fd6578237d157bd"
+  integrity sha512-iq32WxjemJVlAHg5HjYoL1qCxGmvyh3Z8kr2E/gMTQdcxyXxTpMhahIC7myxFBapAk9o8QN8mxCpr4JT5rqpRQ==
+  dependencies:
+    "@shikijs/core" "1.0.0-beta.1"
+
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"

From bd080281a7fdb64c9f245c987a52d835b1c21f08 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 2 Feb 2024 12:57:17 +0800
Subject: [PATCH 088/240] calculate 24h time window on block time

---
 src/modules/[chain]/staking/index.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 814db177eb..665d595a99 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -12,6 +12,7 @@ import { onMounted, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Key, SlashingParam, Validator } from '@/types';
 import { formatSeconds}  from '@/libs/utils'
+import { diff } from 'semver';
 
 const staking = useStakingStore();
 const base = useBaseStore();
@@ -40,12 +41,12 @@ onMounted(() => {
     })
 });
 
-async function fetchChange() {
+async function fetchChange(blockWindow: number = 14400) {
     let page = 0;
 
     let height = Number(base.latest?.block?.header?.height || 0);
-    if (height > 14400) {
-        height -= 14400;
+    if (height > blockWindow) {
+        height -= blockWindow;
     } else {
         height = 1;
     }
@@ -71,7 +72,6 @@ async function fetchChange() {
     }
 }
 
-
 const changes = computed(() => {
     const changes = {} as Record<string, number>;
     Object.keys(latest.value).forEach((k) => {
@@ -198,11 +198,13 @@ const logo = (identity?: string) => {
         : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
-let height_in_24h = ref(0)
 base.$subscribe((_, s) => {
-    if (Number(s.earlest.block.header.height) !== height_in_24h.value) {
-        height_in_24h.value = Number(s.earlest.block.header.height);
-        fetchChange();
+    console.log(s.recents.length)
+    if (s.recents.length === 2) {
+        const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time)
+        const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height)
+        const block_window = Number(Number(86400 * 1000 * diff_height / diff_time).toFixed(0))
+        fetchChange(block_window);
     }
 });
 

From e19b309980a51e9375216f43860b07a61e698252 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 2 Feb 2024 13:06:00 +0800
Subject: [PATCH 089/240] improvment

---
 src/libs/http.ts                        | 28 +++++++------------------
 src/modules/[chain]/consensus/index.vue | 10 ++++-----
 yarn.lock                               | 24 +++++++++++++++++++++
 3 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/src/libs/http.ts b/src/libs/http.ts
index 0c134fa8f7..5451a6827e 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -28,26 +28,12 @@ try {
   console.error(error.message);
 }
 // */
-const policies = [
-  // Referer will never be set.
-  // 'no-referrer',
-
-  // Referer will be set to just the origin except when navigating from HTTPS to HTTP,
-  // in which case no Referer is sent.
-  // 'strict-origin',
-
-  // Full Referer for same-origin requests, and bare origin for cross-origin requests.
-  // 'origin-when-cross-origin',
-
-  // Full Referer for same-origin requests, and bare origin for cross-origin requests
-  // except when navigating from HTTPS to HTTP, in which case no Referer is sent.
-  // 'strict-origin-when-cross-origin',
-
-  // Full Referer for all requests, whether same- or cross-origin.
-  'unsafe-url'
-];
 export async function get(url: string) {
-  return (await fetch(url, {referrerPolicy: 'unsafe-url'})).json();
+  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).json();
+}
+
+export async function getB(url: string) {
+  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).arrayBuffer();
 }
 
 export async function post(url: string, data: any) {
@@ -55,11 +41,11 @@ export async function post(url: string, data: any) {
     method: 'POST', // *GET, POST, PUT, DELETE, etc.
     // mode: 'cors', // no-cors, *cors, same-origin
     // credentials: 'same-origin', // redirect: 'follow', // manual, *follow, error
-    referrerPolicy: 'unsafe-url', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+    referrerPolicy: 'origin-when-cross-origin', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
     headers: {
       'Content-Type': 'application/json',
       Accept: '*/*',
-      'Accept-Encoding': 'gzip, deflate, br',
+      // 'Accept-Encoding': 'gzip, deflate, br',
     },
     body: JSON.stringify(data), // body data type must match "Content-Type" header
   });
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index e7b9a77ab8..241f47d0f1 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -68,11 +68,11 @@ function showName(i: number, text: string) {
     }
     return i;
   }
-  const txt = text.substring(text.indexOf(':') + 1, text.indexOf(' '));
-  const sig = text.split(' ');
-  // @ts-ignore
-  const val = validators.value.find((x) => x?.hex?.startsWith(txt));
-  return `${val?.description?.moniker || txt} - ${sig[2]}`;
+  // const txt = text.substring(text.indexOf(':') + 1, text.indexOf(' '));
+  // const sig = text.split(' ');
+  // // @ts-ignore
+  // const val = validators.value.find((x) => x?.hex?.startsWith(txt));
+  // return `${val?.description?.moniker || txt} - ${sig[2]}`;
 }
 function color(i: number, txt: string) {
   if (i === roundState.value?.proposer?.index) {
diff --git a/yarn.lock b/yarn.lock
index 930383d7d9..54429d52bc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2184,6 +2184,11 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
+"@shikijs/core@1.0.0-beta.0":
+  version "1.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.0.0-beta.0.tgz#e38a10ce3398342553e37fe9b10db61fc00cc186"
+  integrity sha512-uicyrkx379Q5sxQuGV3kduHPWIAkjxmeA5A4J6syscx8wiEyIV06i/Q6s9GeKLCb857Hi90H8e/FoFSbcjnZsw==
+
 "@sinclair/typebox@^0.24.1":
   version "0.24.51"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
@@ -2194,6 +2199,13 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
+"@types/adm-zip@^0.5.5":
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/@types/adm-zip/-/adm-zip-0.5.5.tgz#4588042726aa5f351d7ea88232e4a952f60e7c1a"
+  integrity sha512-YCGstVMjc4LTY5uK9/obvxBya93axZOVOyf2GSUulADzmLhYE45u2nAssCs/fWBs1Ifq5Vat75JTPwd5XZoPJw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/debug@^4.1.7":
   version "4.1.8"
   resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.8.tgz#cef723a5d0a90990313faec2d1e22aee5eecb317"
@@ -2595,6 +2607,11 @@ acorn@^8.10.0, acorn@^8.8.2, acorn@^8.9.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
   integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
 
+adm-zip@^0.5.10:
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.5.10.tgz#4a51d5ab544b1f5ce51e1b9043139b639afff45b"
+  integrity sha512-x0HvcHqVJNTPk/Bw8JbLWlWoo6Wwnsug0fnYYro1HBrjxZ3G7/AZk7Ahv8JwDe1uIcz8eBqvu86FuF1POiG7vQ==
+
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -6008,6 +6025,13 @@ shelljs@0.8.5:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
+shiki@^1.0.0-beta.0:
+  version "1.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.0.0-beta.0.tgz#34d5d672fbc0f5ac65892cd681404fefaa565c8f"
+  integrity sha512-CcP0IhEDQ3LWfJC44cfxfId9pjJi9Nephl8DxgrL4tKWprI/oz6deZyL0vB+XWxhTx/1uonzWQKaSQPwKx5dTA==
+  dependencies:
+    "@shikijs/core" "1.0.0-beta.0"
+
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"

From 4ebf7f75b681080b8104e9845117893efa8b8abb Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 2 Feb 2024 13:15:16 +0800
Subject: [PATCH 090/240] remove console.log

---
 src/modules/[chain]/staking/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 665d595a99..0d863f4aab 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -199,7 +199,6 @@ const logo = (identity?: string) => {
 };
 
 base.$subscribe((_, s) => {
-    console.log(s.recents.length)
     if (s.recents.length === 2) {
         const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time)
         const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height)

From 036801fe905b9b92a31acdf4586608f780dc5fb4 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 2 Feb 2024 13:20:12 +0800
Subject: [PATCH 091/240] update trigger condition

---
 src/modules/[chain]/staking/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 0d863f4aab..a7e9607f99 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -198,8 +198,10 @@ const logo = (identity?: string) => {
         : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
+const loaded = ref(false);
 base.$subscribe((_, s) => {
-    if (s.recents.length === 2) {
+    if (s.recents.length >= 2 && loaded.value === false) {
+        loaded.value = true;
         const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time)
         const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height)
         const block_window = Number(Number(86400 * 1000 * diff_height / diff_time).toFixed(0))

From 729c36cc6f34d7aada0fbf846a2b066ca1183d16 Mon Sep 17 00:00:00 2001
From: ivivanov <i.ivanov@nolus.io>
Date: Fri, 2 Feb 2024 15:48:57 +0200
Subject: [PATCH 092/240] update nolus gov endpoints

---
 src/libs/clients/nolus.ts | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/libs/clients/nolus.ts b/src/libs/clients/nolus.ts
index b318a03776..03416d5f21 100644
--- a/src/libs/clients/nolus.ts
+++ b/src/libs/clients/nolus.ts
@@ -1,4 +1,5 @@
 import type { RequestRegistry } from '@/libs/registry'
+import type { GovProposal, PaginatedProposals } from '@/types'
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
 import { adapter } from '@/libs/registry'
@@ -6,6 +7,20 @@ import { adapter } from '@/libs/registry'
 // Blockchain Name
 export const name = 'nolus';
 
+function proposalAdapter(p: any): GovProposal {
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+    p.proposal_id = p.id
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    }
+  }
+  return p
+}
+
 // nolus custom request
 export const requests: Partial<RequestRegistry> = {
   mint_inflation: {
@@ -22,5 +37,29 @@ export const requests: Partial<RequestRegistry> = {
       }
     }
   },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+      return {
+        proposals,
+        pagination: source.pagination
+      }
+    }
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal)
+      }
+    },
+  },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals_deposits: { url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits', adapter },
+  gov_proposals_tally: { url: '/cosmos/gov/v1/proposals/{proposal_id}/tally', adapter },
+  gov_proposals_votes: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes', adapter },
+  gov_proposals_votes_voter: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}', adapter },
   bank_supply_by_denom: { url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter }
 };

From a14c04059c89b4397a5fcce4ae8635db6c981cb0 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Sat, 3 Feb 2024 10:52:02 +0800
Subject: [PATCH 093/240] change status of verify

---
 src/components/WasmVerification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index f0ea25cf0e..c6339fef97 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -236,7 +236,7 @@ function callFunction(title: string, method: string, arg: Argument) {
             <div v-if="Object.keys(verification).length == 0" >
                Haven't found verification
             </div>
-            <button class="btn btn-primary mt-5" @click="verify" :disabled="verification.error !== undefined">verify</button>
+            <button class="btn btn-primary mt-5" @click="verify" :disabled="executions.length > 0">verify</button>
         </div>
 
         <!-- alert-info -->

From a792c379a5b522bcdcb962d3daa14944daf5aec5 Mon Sep 17 00:00:00 2001
From: Techno Freak <freak12techno@gmail.com>
Date: Sat, 3 Feb 2024 18:31:44 +0300
Subject: [PATCH 094/240] Calculate 24h changes diff correctly

---
 src/modules/[chain]/staking/index.vue | 35 ++++++++++++++++++---------
 src/stores/useFormatter.ts            | 15 +++++++++---
 2 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index a7e9607f99..2cfffa2d2b 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -27,7 +27,7 @@ const latest = ref({} as Record<string, number>);
 const yesterday = ref({} as Record<string, number>);
 const tab = ref('active');
 const unbondList = ref([] as Validator[]);
-const slashing =ref({} as SlashingParam)
+const slashing = ref({} as SlashingParam)
 
 onMounted(() => {
     staking.fetchUnbondingValdiators().then((res) => {
@@ -82,24 +82,35 @@ const changes = computed(() => {
     return changes;
 });
 
-const change24 = (key: Key) => {
-    const txt = key.key;
+const change24 = (entry: { consensus_pubkey: Key; tokens: string }) => {
+    const txt = entry.consensus_pubkey.key;
     // const n: number = latest.value[txt];
     // const o: number = yesterday.value[txt];
     // // console.log( txt, n, o)
     // return n > 0 && o > 0 ? n - o : 0;
-    return changes.value[txt];
+
+    const latestValue = latest.value[txt];
+    if (!latestValue) {
+        return;
+    }
+
+    const displayTokens = format.tokenAmountNumber({
+        amount: parseInt(entry.tokens, 10).toString(),
+        denom: staking.params.bond_denom,
+    });
+    const coefficient = displayTokens / latestValue;
+    return changes.value[txt] * coefficient;
 };
 
-const change24Text = (key?: Key) => {
-    if (!key) return '';
-    const v = change24(key);
+const change24Text = (entry: { consensus_pubkey: Key; tokens: string }) => {
+    if (!entry) return '';
+    const v = change24(entry);
     return v && v !== 0 ? format.showChanges(v) : '';
 };
 
-const change24Color = (key?: Key) => {
-    if (!key) return '';
-    const v = change24(key);
+const change24Color = (entry: { consensus_pubkey: Key; tokens: string }) => {
+    if (!entry) return '';
+    const v = change24(entry);
     if (v > 0) return 'text-success';
     if (v < 0) return 'text-error';
 };
@@ -416,9 +427,9 @@ loadAvatars();
                             <!-- 👉 24h Changes -->
                             <td
                                 class="text-right text-xs"
-                                :class="change24Color(v.consensus_pubkey)"
+                                :class="change24Color(v)"
                             >
-                                {{ change24Text(v.consensus_pubkey) }}
+                                {{ change24Text(v) }}
                             </td>
                             <!-- 👉 commission -->
                             <td class="text-right text-xs">
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 50b3638ff5..178e9f198c 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -123,15 +123,22 @@ export const useFormatter = defineStore('formatter', {
       }
       return 0
     },
-    tokenValueNumber(token?: Coin) {
+    tokenAmountNumber(token?: Coin) {
       if(!token || !token.denom) return 0
-      // find the symbol, 
+
+      // find the symbol
       const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom 
-      // convert denomation to to symbol
+      // convert denomination to to symbol
       const exponent =
         this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
-      // cacualte amount of symbol
+      // caculate amount of symbol
       const amount = Number(token.amount) / (10 ** exponent)
+      return amount
+    },
+    tokenValueNumber(token?: Coin) {
+      if(!token || !token.denom) return 0
+
+      const amount = this.tokenAmountNumber(token)
       const value = amount * this.price(token.denom)
       return value
     },

From f7f4a0fb5a465b342a3bbe9777f92b14bd5cb4e7 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Sun, 4 Feb 2024 12:28:55 +0800
Subject: [PATCH 095/240] return 0 if no change

---
 src/modules/[chain]/staking/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 2cfffa2d2b..b211bafe2e 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -91,7 +91,7 @@ const change24 = (entry: { consensus_pubkey: Key; tokens: string }) => {
 
     const latestValue = latest.value[txt];
     if (!latestValue) {
-        return;
+        return 0;
     }
 
     const displayTokens = format.tokenAmountNumber({

From 6ea43afb411e736dca75ee7f64c743fe2b8fdd72 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Sun, 4 Feb 2024 12:32:55 +0800
Subject: [PATCH 096/240] fixed type error

---
 src/modules/[chain]/staking/[validator].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 1e982922af..e45a71ca1c 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -131,7 +131,7 @@ onMounted(() => {
       );
       addresses.value.valCons = pubKeyToValcons(
         v.value.consensus_pubkey,
-        blockchain.current.bech32ConsensusPrefix,
+        blockchain.current.bech32ConsensusPrefix || "",
       );
     });
     blockchain.rpc

From 6d0b250bf1e1e33320cfc435e01161c2732e193e Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Sun, 4 Feb 2024 12:35:22 +0800
Subject: [PATCH 097/240] fixed

---
 src/modules/[chain]/staking/[validator].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index e45a71ca1c..49a1f9e090 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -131,7 +131,7 @@ onMounted(() => {
       );
       addresses.value.valCons = pubKeyToValcons(
         v.value.consensus_pubkey,
-        blockchain.current.bech32ConsensusPrefix || "",
+        blockchain.current?.bech32ConsensusPrefix || "",
       );
     });
     blockchain.rpc

From 2567aea4be0ae9ba8bca2db4ee09463b57d6023e Mon Sep 17 00:00:00 2001
From: Techno Freak <freak12techno@gmail.com>
Date: Wed, 7 Feb 2024 02:13:29 +0300
Subject: [PATCH 098/240] Fix IBC fetch from registry

---
 src/modules/[chain]/ibc/connStore.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 6d6bdf4239..aa63c5f474 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -42,10 +42,14 @@ export const useIBCModule = defineStore('module-ibc', {
     fetchConnection(path: string) {
       const client = new ChainRegistryClient();
       client.fetchIBCPathInfo(path).then(res => {
-        const connId = res.chain_1.chain_name === this.chain.current?.prettyName || this.chain.chainName ?
-          res.chain_1.connection_id : res.chain_2.connection_id
-        this.registryConf = res
-        this.showConnection(connId)
+        const isFirstChain = res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+
+        const connId = isFirstChain
+          ? res.chain_1.connection_id
+          : res.chain_2.connection_id;
+
+        this.registryConf = res;
+        this.showConnection(connId);
       })
     },
     showConnection(connId?: string | number) {

From dc1c4a5ca1790ac48d27925c503eed8ebcd2b438 Mon Sep 17 00:00:00 2001
From: ZENODE <zenodeapp@gmail.com>
Date: Mon, 19 Feb 2024 07:33:54 +0100
Subject: [PATCH 099/240] Fixes adding exponent for chains without
 coingecko_ids

---
 src/stores/useDashboard.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 530b96a470..531b0b4a2b 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -291,14 +291,14 @@ export const useDashboard = defineStore('dashboard', {
         if(this.chains[k]) this.chains[k].assets.forEach(a => {
           if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
             coinIds.push(a.coingecko_id)
-            a.denom_units.forEach(u => {
-              this.coingecko[u.denom] = {
-                coinId: a.coingecko_id || '',
-                exponent: u.exponent,
-                symbol: a.symbol
-              }
-            })
-          } 
+          }
+          a.denom_units.forEach(u => {
+            this.coingecko[u.denom] = {
+              coinId: a.coingecko_id || '',
+              exponent: u.exponent,
+              symbol: a.symbol
+            }
+          })
         })
       })
 

From 4835781d2970203c1f1e7e44b5c24ce9938bd96c Mon Sep 17 00:00:00 2001
From: ZENODE <zenodeapp@gmail.com>
Date: Tue, 20 Feb 2024 20:14:44 +0100
Subject: [PATCH 100/240] Reviewed #544, made the logic in useFormatter instead

---
 src/stores/useDashboard.ts | 16 ++++++++--------
 src/stores/useFormatter.ts | 20 ++++++++++++++++----
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 531b0b4a2b..8d166cd2db 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -290,15 +290,15 @@ export const useDashboard = defineStore('dashboard', {
       keys.forEach(k => {
         if(this.chains[k]) this.chains[k].assets.forEach(a => {
           if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
-            coinIds.push(a.coingecko_id)
+              coinIds.push(a.coingecko_id)
+            a.denom_units.forEach(u => {
+              this.coingecko[u.denom] = {
+                coinId: a.coingecko_id || '',
+                exponent: u.exponent,
+                symbol: a.symbol
+              }
+            })
           }
-          a.denom_units.forEach(u => {
-            this.coingecko[u.denom] = {
-              coinId: a.coingecko_id || '',
-              exponent: u.exponent,
-              symbol: a.symbol
-            }
-          })
         })
       })
 
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 178e9f198c..d14ec1d353 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -121,16 +121,15 @@ export const useFormatter = defineStore('formatter', {
         case denom.startsWith("a"): return 18
         case denom==='inj': return 18
       }
-      return 0
+      return this.exponentForDenom(denom)
     },
     tokenAmountNumber(token?: Coin) {
       if(!token || !token.denom) return 0
 
       // find the symbol
       const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom 
-      // convert denomination to to symbol
-      const exponent =
-        this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
+      // convert denomination to symbol
+      const exponent = this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
       // caculate amount of symbol
       const amount = Number(token.amount) / (10 ** exponent)
       return amount
@@ -160,7 +159,20 @@ export const useFormatter = defineStore('formatter', {
       }
       return undefined
     },
+    exponentForDenom(denom: string) {
+      const asset: Asset | undefined = this.findGlobalAssetConfig(denom)
+      let exponent = 0;
+      if (asset) {
+        // find the max exponent for display
+        asset.denom_units.forEach((x) => {
+          if (x.exponent >= exponent) {
+            exponent = x.exponent;
+          }
+        });
+      }
 
+      return exponent;
+    },
     tokenDisplayDenom(denom?: string) {
       if (denom) {
         let asset: Asset | undefined;

From def7de5a638e809e25a07e5d552e364a5097ed93 Mon Sep 17 00:00:00 2001
From: ZENODE <zenodeapp@gmail.com>
Date: Tue, 20 Feb 2024 20:16:08 +0100
Subject: [PATCH 101/240] Reverted useDashboard.ts

---
 src/stores/useDashboard.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 8d166cd2db..530b96a470 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -290,7 +290,7 @@ export const useDashboard = defineStore('dashboard', {
       keys.forEach(k => {
         if(this.chains[k]) this.chains[k].assets.forEach(a => {
           if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
-              coinIds.push(a.coingecko_id)
+            coinIds.push(a.coingecko_id)
             a.denom_units.forEach(u => {
               this.coingecko[u.denom] = {
                 coinId: a.coingecko_id || '',
@@ -298,7 +298,7 @@ export const useDashboard = defineStore('dashboard', {
                 symbol: a.symbol
               }
             })
-          }
+          } 
         })
       })
 

From 47607e74163339f8084f555b239e2acb6c1f26e1 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 23 Feb 2024 20:21:12 +0800
Subject: [PATCH 102/240] support UpdateParamsMsg

---
 src/modules/[chain]/gov/[proposal_id].vue | 27 +++++++++++++++++++++++
 src/types/gov.ts                          |  1 +
 2 files changed, 28 insertions(+)

diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index ec3650f3be..1f640c2cc8 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -54,8 +54,35 @@ store.fetchProposal(props.proposal_id).then((res) => {
         })
     })
   }
+
+  const msgType = proposalDetail.content['@type'] || '';
+  if(msgType.endsWith('MsgUpdateParams')) {
+    if(msgType.indexOf('staking') > -1) {
+      chainStore.rpc.getStakingParams().then((res) => {
+        addCurrentParams(res);
+      });
+    } else if(msgType.indexOf('gov') > -1) {
+      chainStore.rpc.getGovParamsVoting().then((res) => {
+        addCurrentParams(res);
+      });
+    } else if(msgType.indexOf('distribution') > -1) {
+      chainStore.rpc.getDistributionParams().then((res) => {
+        addCurrentParams(res);
+      });
+    } else if(msgType.indexOf('slashing') > -1) {
+      chainStore.rpc.getSlashingParams().then((res) => {
+        addCurrentParams(res);
+      });
+    }
+  }
 });
 
+function addCurrentParams(res: any) {
+  if(proposal.value.content && res.params) {
+    proposal.value.content.params = [proposal.value.content?.params];
+    proposal.value.content.current = [res.params];
+  }
+}
 const color = computed(() => {
   if (proposal.value.status === 'PROPOSAL_STATUS_PASSED') {
     return 'success';
diff --git a/src/types/gov.ts b/src/types/gov.ts
index 96dbe070f5..5f1b47dd3e 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -31,6 +31,7 @@ export interface GovProposal {
     description?: string;
     current?: any[];
     changes?: any[];
+    params?: any[];
     plan?: {
       height?: string | number;
       time?: string | number;

From c937b54202dcb9984411808d8d7a456ba976067d Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Fri, 23 Feb 2024 20:21:35 +0800
Subject: [PATCH 103/240] only show int value for changes

---
 src/stores/useFormatter.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 178e9f198c..1efd105086 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -107,7 +107,7 @@ export const useFormatter = defineStore('formatter', {
       return info ? info[`${currency}_24h_change`] || 0 : 0;
     },
     showChanges(v?: number) {
-      return v!==0 ? numeral(v).format("+0,0.[00]"): ""
+      return v!==0 ? numeral(v).format("+0,0"): ""
     },
     tokenValue(token?: Coin) {
       if(token) {

From d0b42899a47019f115a7ea11263c9ebdcd47e56a Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Sat, 24 Feb 2024 15:04:37 +0800
Subject: [PATCH 104/240] improve loading

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index f4611a3a37..9e5df22171 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
     <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@0/dist/ping-widget.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="/loader.css" />
+    <link rel="stylesheet" type="text/css" href="/loader.css" />    
   </head>
   <body>
     <div id="app">
@@ -32,5 +31,6 @@
 
       gtag('config', 'G-SSBKVF3GMX');
     </script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.min.js"></script>
   </body>
 </html>

From 5c341e930619fd3a5818bd69b0853cfbb324f103 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Mon, 26 Feb 2024 09:37:47 +0800
Subject: [PATCH 105/240] update active validator set

---
 src/stores/useStakingStore.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index 678fa41315..22c0ed8a99 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -63,7 +63,7 @@ export const useStakingStore = defineStore('stakingStore', {
       }
     },
     async fetchAcitveValdiators() {
-      return this.fetchValidators('BOND_STATUS_BONDED');
+      return this.fetchValidators('BOND_STATUS_BONDED', 500);
     },
     async fetchInacitveValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDED');
@@ -132,12 +132,12 @@ export const useStakingStore = defineStore('stakingStore', {
         await this.fetchKeyRotation(chain_id, pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','')))
       }
     },
-    async fetchValidators(status: string) {
+    async fetchValidators(status: string, limit = 300) {
       if(this.blockchain.isConsumerChain) {
         if(this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
           const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
           // provider validators
-          const res = await client.getStakingValidators(status)
+          const res = await client.getStakingValidators(status, limit)
           const proVals = res.validators.sort(
             (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
           )
@@ -148,7 +148,7 @@ export const useStakingStore = defineStore('stakingStore', {
           return proVals
         }
       }
-      return this.blockchain.rpc?.getStakingValidators(status).then((res) => {
+      return this.blockchain.rpc?.getStakingValidators(status, limit).then((res) => {
         const vals = res.validators.sort(
           (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
         );

From 5a385a8e9eb0c8e9013686687ae0ee0c8a0a53e3 Mon Sep 17 00:00:00 2001
From: BitcoinVM <18786721@qq.com>
Date: Mon, 4 Mar 2024 14:41:46 +0800
Subject: [PATCH 106/240] improve uptime

---
 src/components/UptimeBar.vue | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index b70c049543..fb84384b7a 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -11,13 +11,32 @@ const bars = computed(() => {
   const uptime = Array(50).fill({ height: 0, color: 'bg-secondary' });
   if(!props.blocks) return uptime
   props.blocks.forEach((element) => {
-    const has = element.signatures?.findIndex(
+    // @deprecated
+    // const has = element.signatures?.findIndex(
+    //   (sig) => sig.validator_address === props.validator
+    // );
+    // // console.log(has, props.validato, element)
+    // uptime.push({
+    //   height: element.height,
+    //   color: has > -1 ? 'bg-green-500' : 'bg-red-500',
+    // });
+
+    // show flag nil
+    const signature = element.signatures?.find(
       (sig) => sig.validator_address === props.validator
     );
-    // console.log(has, props.validato, element)
+    // console.log("sign", signature)
+    let color = `bg-red-500`
+    if(signature) {
+      if(signature.block_id_flag === 'BLOCK_ID_FLAG_COMMIT') {
+        color = `bg-green-500`
+      } else {
+        color = `bg-yellow-500`
+      }
+    }
     uptime.push({
       height: element.height,
-      color: has > -1 ? 'bg-green-500' : 'bg-red-500',
+      color,
     });
     uptime.shift();
   });

From 8039de1763211aa08d64438678dbc69669b48313 Mon Sep 17 00:00:00 2001
From: 0xhsy <sooyoung.hyun@dsrvlabs.com>
Date: Thu, 21 Mar 2024 10:16:34 +0900
Subject: [PATCH 107/240] btn disable bug fix

---
 src/components/WasmVerification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index c6339fef97..269d73e3f2 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -236,7 +236,7 @@ function callFunction(title: string, method: string, arg: Argument) {
             <div v-if="Object.keys(verification).length == 0" >
                Haven't found verification
             </div>
-            <button class="btn btn-primary mt-5" @click="verify" :disabled="executions.length > 0">verify</button>
+            <button class="btn btn-primary mt-5" @click="verify" v-show="tab === 'verification'" :disabled="verification.error !== undefined">verify</button>
         </div>
 
         <!-- alert-info -->

From 562dfb40464bad3b144b4eee0da93448558c96ef Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 23 Mar 2024 11:29:07 +0800
Subject: [PATCH 108/240] add ad

---
 env.d.ts                         |   2 +
 index.html                       |   1 +
 package.json                     |   1 +
 src/components/ad/AdBanner.vue   |  31 ++
 src/components/ad/ad.ts          |  49 +++
 src/modules/wallet/accounts.vue  |   3 +
 src/modules/wallet/keplr.vue     |   2 +
 src/modules/wallet/portfolio.vue |   4 +-
 src/modules/wallet/suggest.vue   |   3 +
 src/pages/index.vue              |   9 +-
 yarn.lock                        | 506 +++++++++++++++++++++++++++++--
 11 files changed, 578 insertions(+), 33 deletions(-)
 create mode 100644 src/components/ad/AdBanner.vue
 create mode 100644 src/components/ad/ad.ts

diff --git a/env.d.ts b/env.d.ts
index 11f02fe2a0..f18e837985 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare module '@personaxyz/ad-sdk';
\ No newline at end of file
diff --git a/index.html b/index.html
index 9e5df22171..d9ab09191c 100644
--- a/index.html
+++ b/index.html
@@ -32,5 +32,6 @@
       gtag('config', 'G-SSBKVF3GMX');
     </script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.min.js"></script>
+
   </body>
 </html>
diff --git a/package.json b/package.json
index 0315373e2e..397d5ae78c 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
     "@leapwallet/name-matcha": "^1.1.0",
     "@osmonauts/lcd": "^0.8.0",
+    "@personaxyz/ad-sdk": "0.0.21",
     "@ping-pub/chain-registry-client": "^0.0.25",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vueuse/core": "^9.12.0",
diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
new file mode 100644
index 0000000000..cfca09d24b
--- /dev/null
+++ b/src/components/ad/AdBanner.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+import { getClient, getUnit } from './ad';
+
+const props = defineProps({
+  id: { type: String, required: true},
+  unit: { type: String, required: true},
+  width: { type: String },
+  height: { type: String },
+});
+
+const show = ref(false)
+onMounted(() => {
+  const adClient = getClient();
+  const adUnitId = getUnit(props.unit);
+  show.value = adClient !== undefined && adUnitId !== undefined;
+
+  if(show.value) {
+    adClient.showBannerAd({
+        adUnitId,
+        containerId: props.id,
+    });
+  }
+});
+
+</script>
+<template>
+  <div v-show="show" class="grid justify-items-center">
+    <div :id="id" :style="{ width, height }" class="mt-6"></div>
+  </div>
+</template>
diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
new file mode 100644
index 0000000000..6e69d18aad
--- /dev/null
+++ b/src/components/ad/ad.ts
@@ -0,0 +1,49 @@
+import { PersonaAdSDK } from '@personaxyz/ad-sdk';
+
+interface ADConfig {
+    apiKey: string;
+    environment: string;
+}
+
+export const confs: Record<string, ADConfig> = {
+    // "localhost": {
+    //     apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
+    //     environment: 'staging', // use value 'production' when going live
+    // },
+    "ping.pub": {
+        apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
+        environment: 'production',
+    },
+    "testnet.ping.pub": {
+        apiKey: 'persona-pub-0x14e9ba8ca5a658ba409fc0059ebc3711',
+        environment: 'production',
+    }
+}
+
+
+export const UNITS: Record<string, Record<string, string>> = {
+    "localhost": {
+        "banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987",
+    },
+    "ping.pub": {
+        "banner": "6883877a-ccae-4a08-b457-7e30b3465a8c",
+    },
+    "testnet.ping.pub": {
+        "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
+    },
+}
+
+export function getClient() {
+    const conf = confs[location.hostname]
+    if(conf) {
+        const sdk = new PersonaAdSDK(conf)
+        return sdk.getClient()
+    }
+}
+
+export function getUnit(ad: string): string | undefined {
+    const ads =  UNITS[location.hostname]
+    if(ads) {
+        return ads[ad]
+    }
+}
diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index 06ac38e243..80eabcecf4 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -12,6 +12,7 @@ import {
   scanCompatibleAccounts,
   type LocalKey,
 } from './utils';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const dashboard = useDashboard();
 const chainStore = useBlockchain()
@@ -221,6 +222,8 @@ async function loadBalances(chainName: string, endpoint: string, address: string
       </div>
     </div>
 
+    <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+
     <div class="overflow-x-auto">
       <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
         <div class="flex justify-self-center">
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index 1f5b274959..6adb8f336e 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -3,6 +3,7 @@ import { ref } from 'vue';
 import { useDashboard, type ChainConfig, useBlockchain } from '@/stores';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const error = ref("")
 const conf = ref("")
@@ -85,6 +86,7 @@ function suggest() {
 
 <template>
     <div class="bg-base-100 p-4 rounded text-center">
+        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
         <div class="flex">
             <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
                 <option v-for="c in dashboard.chains" :value="c">
diff --git a/src/modules/wallet/portfolio.vue b/src/modules/wallet/portfolio.vue
index dbceb937d7..d7075ed106 100644
--- a/src/modules/wallet/portfolio.vue
+++ b/src/modules/wallet/portfolio.vue
@@ -9,6 +9,7 @@ import DonutChart from '@/components/charts/DonutChart.vue';
 import ApexCharts from 'vue3-apexcharts';
 import { get } from '@/libs';
 import { getMarketPriceChartConfig } from '@/components/charts/apexChartConfig';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const format = useFormatter();
 const conf = ref(
@@ -216,6 +217,7 @@ const currencySign = computed(() => {
 </script>
 <template>
   <div class="overflow-x-auto w-full rounded-md">
+
     <div class="flex flex-wrap justify-between bg-base-100 p-5">
       <div class="min-w-0">
         <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
@@ -255,8 +257,8 @@ const currencySign = computed(() => {
           <ApexCharts type="area" height="280" :options="chartConfig" :series="changeData" />
         </div>
       </div>
-
       <div class="overflow-x-auto mt-4">
+      <AdBanner class="bg-base-200" id="home-banner-ad" unit="banner" width="970px" height="90px" />
         <table class="table w-full">
           <thead class="bg-base-200">
             <tr>
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 818262d546..444243e072 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -4,6 +4,7 @@ import { suggestChain } from '@leapwallet/cosmos-snap-provider';
 import { useDashboard, type ChainConfig, useBlockchain, NetworkType } from '@/stores';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const error = ref("")
 const conf = ref("")
@@ -168,5 +169,7 @@ function suggest() {
                 If the chain is not offically support on Keplr/Metamask Snap, you can submit these parameters to enable Keplr/Metamask Snap.
             </div>
         </div>
+
+        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
     </div>
 </template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 85e3213088..7e4f9e1bea 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -6,7 +6,9 @@ import {
   type ChainConfig,
 } from '@/stores/useDashboard';
 import ChainSummary from '@/components/ChainSummary.vue';
-import { computed, ref } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
+
+import { computed, onMounted, ref } from 'vue';
 import { useBlockchain } from '@/stores';
 
 const dashboard = useDashboard();
@@ -33,6 +35,7 @@ const featured = computed(() => {
 })
 
 const chainStore = useBlockchain()
+
 </script>
 <template>
   <div class="">
@@ -88,6 +91,8 @@ const chainStore = useBlockchain()
       />
     </div>
 
+    <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+
     <div class="text-center text-base mt-6 text-primary">
       <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
@@ -114,4 +119,4 @@ const chainStore = useBlockchain()
  .logo path{
   fill: #171d30;
 }
-</style>
+</style>@/components/ad/ad
diff --git a/yarn.lock b/yarn.lock
index 10927c0541..900b5ae2af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -28,11 +28,24 @@
     "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
+"@babel/code-frame@^7.23.5":
+  version "7.23.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.23.5.tgz#9009b69a8c602293476ad598ff53e4562e15c244"
+  integrity sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==
+  dependencies:
+    "@babel/highlight" "^7.23.4"
+    chalk "^2.4.2"
+
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.18.8", "@babel/compat-data@^7.19.3", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
   integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
 
+"@babel/compat-data@^7.23.5":
+  version "7.23.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.5.tgz#ffb878728bb6bdcb6f4510aa51b1be9afb8cfd98"
+  integrity sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==
+
 "@babel/core@7.18.10":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.10.tgz#39ad504991d77f1f3da91be0b8b949a5bc466fb8"
@@ -96,6 +109,27 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
+"@babel/core@^7.18.5":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.0.tgz#56cbda6b185ae9d9bed369816a8f4423c5f2ff1b"
+  integrity sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.23.5"
+    "@babel/generator" "^7.23.6"
+    "@babel/helper-compilation-targets" "^7.23.6"
+    "@babel/helper-module-transforms" "^7.23.3"
+    "@babel/helpers" "^7.24.0"
+    "@babel/parser" "^7.24.0"
+    "@babel/template" "^7.24.0"
+    "@babel/traverse" "^7.24.0"
+    "@babel/types" "^7.24.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
 "@babel/generator@7.18.12":
   version "7.18.12"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.12.tgz#fa58daa303757bd6f5e4bbca91b342040463d9f4"
@@ -124,6 +158,16 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.23.6":
+  version "7.23.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.6.tgz#9e1fca4811c77a10580d17d26b57b036133f3c2e"
+  integrity sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==
+  dependencies:
+    "@babel/types" "^7.23.6"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
@@ -149,6 +193,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.23.6":
+  version "7.23.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
+  integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
+  dependencies:
+    "@babel/compat-data" "^7.23.5"
+    "@babel/helper-validator-option" "^7.23.5"
+    browserslist "^4.22.2"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
@@ -190,6 +245,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
   integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
 
+"@babel/helper-environment-visitor@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
+  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
+
 "@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
@@ -198,6 +258,14 @@
     "@babel/template" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/helper-function-name@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
+  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
+  dependencies:
+    "@babel/template" "^7.22.15"
+    "@babel/types" "^7.23.0"
+
 "@babel/helper-hoist-variables@^7.18.6", "@babel/helper-hoist-variables@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
@@ -230,6 +298,17 @@
     "@babel/helper-split-export-declaration" "^7.22.6"
     "@babel/helper-validator-identifier" "^7.22.15"
 
+"@babel/helper-module-transforms@^7.23.3":
+  version "7.23.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1"
+  integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.20"
+
 "@babel/helper-optimise-call-expression@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
@@ -286,16 +365,31 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
+"@babel/helper-string-parser@^7.23.4":
+  version "7.23.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83"
+  integrity sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==
+
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.22.15", "@babel/helper-validator-identifier@^7.22.5":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044"
   integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==
 
+"@babel/helper-validator-identifier@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
   integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
 
+"@babel/helper-validator-option@^7.23.5":
+  version "7.23.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
+  integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
+
 "@babel/helper-wrap-function@^7.22.17":
   version "7.22.17"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.17.tgz#222ac3ff9cc8f9b617cc1e5db75c0b538e722801"
@@ -314,6 +408,15 @@
     "@babel/traverse" "^7.22.15"
     "@babel/types" "^7.22.15"
 
+"@babel/helpers@^7.24.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.0.tgz#a3dd462b41769c95db8091e49cfe019389a9409b"
+  integrity sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==
+  dependencies:
+    "@babel/template" "^7.24.0"
+    "@babel/traverse" "^7.24.0"
+    "@babel/types" "^7.24.0"
+
 "@babel/highlight@^7.22.13":
   version "7.22.13"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
@@ -323,6 +426,15 @@
     chalk "^2.4.2"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.23.4":
+  version "7.23.4"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.23.4.tgz#edaadf4d8232e1a961432db785091207ead0621b"
+  integrity sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.20"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
 "@babel/parser@7.18.11":
   version "7.18.11"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.11.tgz#68bb07ab3d380affa9a3f96728df07969645d2d9"
@@ -333,6 +445,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.16.tgz#180aead7f247305cce6551bea2720934e2fa2c95"
   integrity sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==
 
+"@babel/parser@^7.24.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.0.tgz#26a3d1ff49031c53a97d03b604375f028746a9ac"
+  integrity sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
@@ -1127,6 +1244,15 @@
     "@babel/parser" "^7.22.15"
     "@babel/types" "^7.22.15"
 
+"@babel/template@^7.24.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
+  integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==
+  dependencies:
+    "@babel/code-frame" "^7.23.5"
+    "@babel/parser" "^7.24.0"
+    "@babel/types" "^7.24.0"
+
 "@babel/traverse@7.18.11":
   version "7.18.11"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.11.tgz#3d51f2afbd83ecf9912bcbb5c4d94e3d2ddaa16f"
@@ -1175,6 +1301,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.24.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.0.tgz#4a408fbf364ff73135c714a2ab46a5eab2831b1e"
+  integrity sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==
+  dependencies:
+    "@babel/code-frame" "^7.23.5"
+    "@babel/generator" "^7.23.6"
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-function-name" "^7.23.0"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.24.0"
+    "@babel/types" "^7.24.0"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/types@7.18.10":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.10.tgz#4908e81b6b339ca7c6b7a555a5fc29446f26dde6"
@@ -1202,6 +1344,15 @@
     "@babel/helper-validator-identifier" "^7.22.15"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.23.0", "@babel/types@^7.23.6", "@babel/types@^7.24.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
+  integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==
+  dependencies:
+    "@babel/helper-string-parser" "^7.23.4"
+    "@babel/helper-validator-identifier" "^7.22.20"
+    to-fast-properties "^2.0.0"
+
 "@chain-registry/types@^0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-0.14.0.tgz#43ea04992adabdee2a0f03f8a519b01722ab354b"
@@ -2058,6 +2209,16 @@
   dependencies:
     "@babel/runtime" "^7.19.0"
 
+"@personaxyz/ad-sdk@0.0.21":
+  version "0.0.21"
+  resolved "https://registry.yarnpkg.com/@personaxyz/ad-sdk/-/ad-sdk-0.0.21.tgz#0bdaa02b21e9a2393aefa0ba40b85873b5546b4a"
+  integrity sha512-bSBL4uplPr/v9R2rCaehDY9CPSyzuL0tcls7BIZCPoJjA+syvdmrRhCHZNerGWLQYkAEUE5GN9eCzhVV0aGHxA==
+  dependencies:
+    "@sentry/browser" "7.11.1"
+    "@sentry/tracing" "7.59.3"
+    "@sentry/webpack-plugin" "^2.4.0"
+    uuid "^9.0.0"
+
 "@ping-pub/chain-registry-client@^0.0.25":
   version "0.0.25"
   resolved "https://registry.yarnpkg.com/@ping-pub/chain-registry-client/-/chain-registry-client-0.0.25.tgz#fcb974bdc0ef40db26425d8bf5c382aafb884f44"
@@ -2184,17 +2345,173 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
-<<<<<<< HEAD
-"@shikijs/core@1.0.0-beta.0":
-  version "1.0.0-beta.0"
-  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.0.0-beta.0.tgz#e38a10ce3398342553e37fe9b10db61fc00cc186"
-  integrity sha512-uicyrkx379Q5sxQuGV3kduHPWIAkjxmeA5A4J6syscx8wiEyIV06i/Q6s9GeKLCb857Hi90H8e/FoFSbcjnZsw==
-=======
+"@sentry-internal/tracing@7.59.3":
+  version "7.59.3"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.59.3.tgz#881c837988d88609a3f035adf0728e63066cd31f"
+  integrity sha512-/RkBj/0zQKGsW/UYg6hufrLHHguncLfu4610FCPWpVp0K5Yu5ou8/Aw8D76G3ZxD2TiuSNGwX0o7TYN371ZqTQ==
+  dependencies:
+    "@sentry/core" "7.59.3"
+    "@sentry/types" "7.59.3"
+    "@sentry/utils" "7.59.3"
+    tslib "^2.4.1 || ^1.9.3"
+
+"@sentry/babel-plugin-component-annotate@2.16.0":
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-2.16.0.tgz#c831713b85516fb3f9da2985836ddf444dc634e6"
+  integrity sha512-+uy1qPkA5MSNgJ0L9ur/vNTydfdHwHnBX2RQ+0thsvkqf90fU788YjkkXwUiBBNuqNyI69JiOW6frixAWy7oUg==
+
+"@sentry/browser@7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.11.1.tgz#377d417e833ef54c78a93ef720a742bda5022625"
+  integrity sha512-k2XHuzPfnm8VJPK5eWd1+Y5VCgN42sLveb8Qxc3prb5PSL416NWMLZaoB7RMIhy430fKrSFiosnm6QDk2M6pbA==
+  dependencies:
+    "@sentry/core" "7.11.1"
+    "@sentry/types" "7.11.1"
+    "@sentry/utils" "7.11.1"
+    tslib "^1.9.3"
+
+"@sentry/bundler-plugin-core@2.16.0":
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/@sentry/bundler-plugin-core/-/bundler-plugin-core-2.16.0.tgz#0c33e7a054fb56e43bd160ac141f71dfebf6dda5"
+  integrity sha512-dhgIZsIR3L9KnE2OO5JJm6hPtStAjEPYKQsZzxRr69uVhd9xAvfXeXr0afKVNVEcIDksas6yMgHqwQ2wOXFIAg==
+  dependencies:
+    "@babel/core" "^7.18.5"
+    "@sentry/babel-plugin-component-annotate" "2.16.0"
+    "@sentry/cli" "^2.22.3"
+    dotenv "^16.3.1"
+    find-up "^5.0.0"
+    glob "^9.3.2"
+    magic-string "0.27.0"
+    unplugin "1.0.1"
+
+"@sentry/cli-darwin@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-darwin/-/cli-darwin-2.30.2.tgz#a592227f428119c1239d76426ee76f895d89d521"
+  integrity sha512-lZkKXMt0HUAwLQuPpi/DM3CsdCCp+6B2cdur+8fAq7uARXTOsTKVDxv9pkuJHCgHUnguh8ittP5GMr0baTxmMg==
+
+"@sentry/cli-linux-arm64@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.30.2.tgz#b5d2314e27d0bb75f5a375282e77d2cd74d0690b"
+  integrity sha512-IWassuXggNhHOPCNrORNmd5SrAx5rU4XDlgOWBJr/ez7DvlPrr9EhV1xsdht6K4mPXhCGJq3rtRdCoWGJQW6Uw==
+
+"@sentry/cli-linux-arm@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm/-/cli-linux-arm-2.30.2.tgz#7f1ef0e7b50734e176290e99c6237fd99425d6e3"
+  integrity sha512-H7hqiLpEL7w/EHdhuUGatwg9O080mdujq4/zS96buKIHXxZE6KqMXGtMVIAvTl1+z6BlBEnfvZGI19MPw3t/7w==
+
+"@sentry/cli-linux-i686@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-i686/-/cli-linux-i686-2.30.2.tgz#e15182f8afb203095bb49bd621adcc91b3b785d3"
+  integrity sha512-gZIq131M4TJTG1lX9uvpoaGWaEXCEfdDXrXu/z/YZmAKBcThpMYChodXmm8FB6X4xb0TPXzIFqdzlLdglFK46g==
+
+"@sentry/cli-linux-x64@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-x64/-/cli-linux-x64-2.30.2.tgz#dce04b823f0fc54999565da32439c01349872568"
+  integrity sha512-NmTAIl7aW9OHxwB4149sBfvCbTyK9T/CvBX38keaD2yIThet9gZ4koP49hBDxYF99aQX3E+LIAqWwnkV9W72Sw==
+
+"@sentry/cli-win32-i686@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-i686/-/cli-win32-i686-2.30.2.tgz#54a8ee04b59d6004555f6d833ca17dc8c3e27402"
+  integrity sha512-SBR/Q3T6o+7uHwHNdjcG9GA3R++9w8oi778b95GuOC3dh0WOU6hXaKwQWe95ZcuSd2rKpouH7dhMjqqNM4HxOA==
+
+"@sentry/cli-win32-x64@2.30.2":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-x64/-/cli-win32-x64-2.30.2.tgz#1e84df37e9f0e5743b42435f92982cf7dae5e6d8"
+  integrity sha512-gF9wSZxzXFgakkC+uKVLAAYlbYj13e1gTsNm3gm+ODfpV+rbHwvbKoLfNsbVCFVCEZxIV2rXEP5WmTr0kiMvWQ==
+
+"@sentry/cli@^2.22.3":
+  version "2.30.2"
+  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-2.30.2.tgz#5f62ec56685808875577792dfdc7de1d047905a8"
+  integrity sha512-jQ/RBJ3bZ4PFbfOsGq8EykygHHmXXPw+i6jqsnQfAPIeZoX+DsqpAZbYubQEZKekmQ8EVGFxGHzUVkd6hLVMbA==
+  dependencies:
+    https-proxy-agent "^5.0.0"
+    node-fetch "^2.6.7"
+    progress "^2.0.3"
+    proxy-from-env "^1.1.0"
+    which "^2.0.2"
+  optionalDependencies:
+    "@sentry/cli-darwin" "2.30.2"
+    "@sentry/cli-linux-arm" "2.30.2"
+    "@sentry/cli-linux-arm64" "2.30.2"
+    "@sentry/cli-linux-i686" "2.30.2"
+    "@sentry/cli-linux-x64" "2.30.2"
+    "@sentry/cli-win32-i686" "2.30.2"
+    "@sentry/cli-win32-x64" "2.30.2"
+
+"@sentry/core@7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.11.1.tgz#d68e796f3b6428aefd6086a1db00118df7a9a9e4"
+  integrity sha512-kaDSZ6VNuO4ZZdqUOOX6XM6x+kjo2bMnDQ3IJG51FPvVjr8lXYhXj1Ccxcot3pBYAIWPPby2+vNDOXllmXqoBA==
+  dependencies:
+    "@sentry/hub" "7.11.1"
+    "@sentry/types" "7.11.1"
+    "@sentry/utils" "7.11.1"
+    tslib "^1.9.3"
+
+"@sentry/core@7.59.3":
+  version "7.59.3"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.59.3.tgz#6fc443e83f8cff0f2ebf004a2275b46c7d0020e8"
+  integrity sha512-cGBOwT9gziIn50fnlBH1WGQlGcHi7wrbvOCyrex4MxKnn1LSBYWBhwU0ymj8DI/9MyPrGDNGkrgpV0WJWBSClg==
+  dependencies:
+    "@sentry/types" "7.59.3"
+    "@sentry/utils" "7.59.3"
+    tslib "^2.4.1 || ^1.9.3"
+
+"@sentry/hub@7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-7.11.1.tgz#1749b2b102ea1892ff388d65d66d3b402b393958"
+  integrity sha512-M6ClgdXdptS0lUBKB5KpXXe2qMQhsoiEN2pEGRI6+auqhfHCUQB1ZXsfjiOYexKC9fwx7TyFyZ9Jcaf2DTxEhw==
+  dependencies:
+    "@sentry/types" "7.11.1"
+    "@sentry/utils" "7.11.1"
+    tslib "^1.9.3"
+
+"@sentry/tracing@7.59.3":
+  version "7.59.3"
+  resolved "https://registry.yarnpkg.com/@sentry/tracing/-/tracing-7.59.3.tgz#b2d6f949bea30a4f021cdca2fd77f3f96bf0efe9"
+  integrity sha512-+gDsfhYdteAR4NyKl3B5JVQs/bXYT73ajoFrlprfDjAJCEVR9W1P4CULavoLtfASxVqBQcZyT87Hsb9/vbn6bg==
+  dependencies:
+    "@sentry-internal/tracing" "7.59.3"
+
+"@sentry/types@7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.11.1.tgz#06e2827f6ba37159c33644208a0453b86d25e232"
+  integrity sha512-gIEhOPxC2cjrxQ0+K2SFJ1P6e/an5osSxVc9OOtekN28eHtVsXFCLB8XVWeNQnS7N2VkrVrkqORMBz1kvIcvVQ==
+
+"@sentry/types@7.59.3":
+  version "7.59.3"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.59.3.tgz#a3025d05f575b5a6d264b51e5db54470b3c8b922"
+  integrity sha512-HQ/Pd3YHyIa4HM0bGfOsfI4ZF+sLVs6II9VtlS4hsVporm4ETl3Obld5HywO3aVYvWOk5j/bpAW9JYsxXjRG5A==
+
+"@sentry/utils@7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.11.1.tgz#1635c5b223369d9428bc83c9b8908c9c3287ee10"
+  integrity sha512-tRVXNT5O9ilkV31pyHeTqA1PcPQfMV/2OR6yUYM4ah+QVISovC0f0ybhByuH5nYg6x/Gsnx1o7pc8L1GE3+O7A==
+  dependencies:
+    "@sentry/types" "7.11.1"
+    tslib "^1.9.3"
+
+"@sentry/utils@7.59.3":
+  version "7.59.3"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.59.3.tgz#423fd47966f9813d4d3a8589ece4f2ad2d270f31"
+  integrity sha512-Q57xauMKuzd6S+POA1fmulfjzTsb/z118TNAfZZNkHqVB48hHBqgzdhbEBmN4jPCSKV2Cx7VJUoDZxJfzQyLUQ==
+  dependencies:
+    "@sentry/types" "7.59.3"
+    tslib "^2.4.1 || ^1.9.3"
+
+"@sentry/webpack-plugin@^2.4.0":
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-2.16.0.tgz#4764577edb10c9575a8b4ce03135493f995f56b9"
+  integrity sha512-BeKLmtK4OD9V3j92fm/lm6yp+++s2U5Uf17HwNFGt39PEOq+wUDISsx0dhXA5Qls2Bg3WhguDK71blCaVefMeg==
+  dependencies:
+    "@sentry/bundler-plugin-core" "2.16.0"
+    unplugin "1.0.1"
+    uuid "^9.0.0"
+
 "@shikijs/core@1.0.0-beta.1":
   version "1.0.0-beta.1"
   resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.0.0-beta.1.tgz#40d21605cfc30c9d83bdc3c03414d478930ec30c"
   integrity sha512-z3gdznaRj/DJSLQdR2Gdx6AB3e5+Il/kSGdLTGHI7HnalgPL15RbGgBSdLHW8rKAz4+dezAcTdnxm8z6YTu7nA==
->>>>>>> 15c86909d0549edeef237111754f32c046a84ddf
 
 "@sinclair/typebox@^0.24.1":
   version "0.24.51"
@@ -2206,13 +2523,6 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@types/adm-zip@^0.5.5":
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/@types/adm-zip/-/adm-zip-0.5.5.tgz#4588042726aa5f351d7ea88232e4a952f60e7c1a"
-  integrity sha512-YCGstVMjc4LTY5uK9/obvxBya93axZOVOyf2GSUulADzmLhYE45u2nAssCs/fWBs1Ifq5Vat75JTPwd5XZoPJw==
-  dependencies:
-    "@types/node" "*"
-
 "@types/debug@^4.1.7":
   version "4.1.8"
   resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.8.tgz#cef723a5d0a90990313faec2d1e22aee5eecb317"
@@ -2614,10 +2924,10 @@ acorn@^8.10.0, acorn@^8.8.2, acorn@^8.9.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
   integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
 
-adm-zip@^0.5.10:
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.5.10.tgz#4a51d5ab544b1f5ce51e1b9043139b639afff45b"
-  integrity sha512-x0HvcHqVJNTPk/Bw8JbLWlWoo6Wwnsug0fnYYro1HBrjxZ3G7/AZk7Ahv8JwDe1uIcz8eBqvu86FuF1POiG7vQ==
+acorn@^8.8.1:
+  version "8.11.3"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
+  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
 agent-base@6:
   version "6.0.2"
@@ -2925,6 +3235,16 @@ browserslist@^4.0.0, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^
     node-releases "^2.0.13"
     update-browserslist-db "^1.0.11"
 
+browserslist@^4.22.2:
+  version "4.23.0"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab"
+  integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
+  dependencies:
+    caniuse-lite "^1.0.30001587"
+    electron-to-chromium "^1.4.668"
+    node-releases "^2.0.14"
+    update-browserslist-db "^1.0.13"
+
 bser@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
@@ -3016,6 +3336,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001520:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001529.tgz#c1f2a411e85fdaace4b1560e1bad078b00ac3181"
   integrity sha512-n2pUQYGAkrLG4QYj2desAh+NqsJpHbNmVZz87imptDdxLAtjxary7Df/psdfyDGmskJK/9Dt9cPnx5RZ3CU4Og==
 
+caniuse-lite@^1.0.30001587:
+  version "1.0.30001599"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001599.tgz#571cf4f3f1506df9bf41fcbb6d10d5d017817bce"
+  integrity sha512-LRAQHZ4yT1+f9LemSMeqdMpMxZcc4RMWdj4tiFe3G8tNkWK+E58g+/tzotb5cU6TbcVJLr4fySiAW7XmxQvZQA==
+
 case@1.6.3:
   version "1.6.3"
   resolved "https://registry.yarnpkg.com/case/-/case-1.6.3.tgz#0a4386e3e9825351ca2e6216c60467ff5f1ea1c9"
@@ -3220,6 +3545,11 @@ convert-source-map@^1.4.0, convert-source-map@^1.7.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
 core-js-compat@^3.21.0, core-js-compat@^3.22.1, core-js-compat@^3.25.1:
   version "3.32.2"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.32.2.tgz#8047d1a8b3ac4e639f0d4f66d4431aa3b16e004c"
@@ -3552,6 +3882,11 @@ electron-to-chromium@^1.4.477:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.513.tgz#41a50bf749aa7d8058ffbf7a131fc3327a7b1675"
   integrity sha512-cOB0xcInjm+E5qIssHeXJ29BaUyWpMyFKT5RB3bsLENDheCja0wMkHJyiPl0NBE/VzDI7JDuNEQWhe6RitEUcw==
 
+electron-to-chromium@^1.4.668:
+  version "1.4.710"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.710.tgz#d0ec4ea8a97df4c5eaeb8c69d45bf81f248b3855"
+  integrity sha512-w+9yAVHoHhysCa+gln7AzbO9CdjFcL/wN/5dd+XW/Msl2d/4+WisEaCF1nty0xbAKaxdaJfgLB2296U7zZB7BA==
+
 elliptic@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
@@ -3918,6 +4253,14 @@ find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
 flat@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
@@ -4103,6 +4446,16 @@ glob@^7.0.0, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^9.3.2:
+  version "9.3.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-9.3.5.tgz#ca2ed8ca452781a3009685607fdf025a899dfe21"
+  integrity sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    minimatch "^8.0.2"
+    minipass "^4.2.4"
+    path-scurry "^1.6.1"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -4240,7 +4593,7 @@ html-tags@^3.3.1:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
-https-proxy-agent@^5.0.1:
+https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -4784,6 +5137,13 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
@@ -4840,6 +5200,11 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+"lru-cache@^9.1.1 || ^10.0.0":
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3"
+  integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==
+
 lru-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/lru-queue/-/lru-queue-0.1.0.tgz#2738bd9f0d3cf4f84490c5736c48699ac632cda3"
@@ -4847,7 +5212,7 @@ lru-queue@^0.1.0:
   dependencies:
     es5-ext "~0.10.2"
 
-magic-string@^0.27.0:
+magic-string@0.27.0, magic-string@^0.27.0:
   version "0.27.0"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
   integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
@@ -4978,6 +5343,13 @@ minimatch@^6.1.6:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^8.0.2:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-8.0.4.tgz#847c1b25c014d4e9a7f68aaf63dedd668a626229"
+  integrity sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^9.0.0:
   version "9.0.3"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
@@ -5002,11 +5374,21 @@ minipass@^3.0.0:
   dependencies:
     yallist "^4.0.0"
 
+minipass@^4.2.4:
+  version "4.2.8"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.8.tgz#f0010f64393ecfc1d1ccb5f582bcaf45f48e1a3a"
+  integrity sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==
+
 minipass@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
   integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
 
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c"
+  integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
+
 minizlib@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
@@ -5089,7 +5471,7 @@ node-fetch-native@^1.0.2:
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.4.0.tgz#fbe8ac033cb6aa44bd106b5e4fd2b6277ba70fa1"
   integrity sha512-F5kfEj95kX8tkDhUCYdV8dg3/8Olx/94zB8+ZNthFs6Bz31UpUi8Xh40TN3thLwXgrwXry1pEg9lJ++tLWTcqA==
 
-node-fetch@^2.6.12:
+node-fetch@^2.6.12, node-fetch@^2.6.7:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
   integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
@@ -5106,6 +5488,11 @@ node-releases@^2.0.13:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
 
+node-releases@^2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
+  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+
 normalize-package-data@^2.3.2:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -5248,6 +5635,13 @@ p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
 p-locate@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
@@ -5255,6 +5649,13 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -5303,6 +5704,14 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-scurry@^1.6.1:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.10.1.tgz#9ba6bf5aa8500fe9fd67df4f0d9483b2b0bfc698"
+  integrity sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==
+  dependencies:
+    lru-cache "^9.1.1 || ^10.0.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -5677,6 +6086,11 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
 promised-io@*:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/promised-io/-/promised-io-0.3.6.tgz#04c0fea80772f7091dca0f114e30b3e3f7650126"
@@ -6033,19 +6447,11 @@ shelljs@0.8.5:
     rechoir "^0.6.2"
 
 shiki@^1.0.0-beta.0:
-<<<<<<< HEAD
-  version "1.0.0-beta.0"
-  resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.0.0-beta.0.tgz#34d5d672fbc0f5ac65892cd681404fefaa565c8f"
-  integrity sha512-CcP0IhEDQ3LWfJC44cfxfId9pjJi9Nephl8DxgrL4tKWprI/oz6deZyL0vB+XWxhTx/1uonzWQKaSQPwKx5dTA==
-  dependencies:
-    "@shikijs/core" "1.0.0-beta.0"
-=======
   version "1.0.0-beta.1"
   resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.0.0-beta.1.tgz#fbff19e1ba180e3093f274b00fd6578237d157bd"
   integrity sha512-iq32WxjemJVlAHg5HjYoL1qCxGmvyh3Z8kr2E/gMTQdcxyXxTpMhahIC7myxFBapAk9o8QN8mxCpr4JT5rqpRQ==
   dependencies:
     "@shikijs/core" "1.0.0-beta.1"
->>>>>>> 15c86909d0549edeef237111754f32c046a84ddf
 
 side-channel@^1.0.4:
   version "1.0.4"
@@ -6518,11 +6924,16 @@ ts-interface-checker@^0.1.9:
   resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
-tslib@^1.9.0:
+tslib@^1.9.0, tslib@^1.9.3:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
+"tslib@^2.4.1 || ^1.9.3":
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
 type@^1.0.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
@@ -6703,6 +7114,16 @@ unplugin-vue-define-options@1.1.4:
     ast-walker-scope "^0.3.1"
     unplugin "^1.0.1"
 
+unplugin@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.0.1.tgz#83b528b981cdcea1cad422a12cd02e695195ef3f"
+  integrity sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==
+  dependencies:
+    acorn "^8.8.1"
+    chokidar "^3.5.3"
+    webpack-sources "^3.2.3"
+    webpack-virtual-modules "^0.5.0"
+
 unplugin@^1.0.0, unplugin@^1.0.1, unplugin@^1.3.1, unplugin@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.4.0.tgz#b771373aa1bc664f50a044ee8009bd3a7aa04d85"
@@ -6734,6 +7155,14 @@ update-browserslist-db@^1.0.11:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.0.13:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
+  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -6746,6 +7175,11 @@ util@^0.10.3:
   dependencies:
     inherits "2.0.3"
 
+uuid@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"
+  integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==
+
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -6958,6 +7392,13 @@ which@^1.2.9:
   dependencies:
     isexe "^2.0.0"
 
+which@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
 winston-transport@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/winston-transport/-/winston-transport-4.5.0.tgz#6e7b0dd04d393171ed5e4e4905db265f7ab384fa"
@@ -7082,3 +7523,8 @@ yargs@^15.3.1:
     which-module "^2.0.0"
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==

From b74ab21bc893bae81457c4905575ea7189d6740a Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 23 Mar 2024 12:12:23 +0800
Subject: [PATCH 109/240] improve mobile ad

---
 src/components/ad/AdBanner.vue |  4 ++--
 src/components/ad/ad.ts        | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index cfca09d24b..ff3b7ec92c 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -25,7 +25,7 @@ onMounted(() => {
 
 </script>
 <template>
-  <div v-show="show" class="grid justify-items-center">
-    <div :id="id" :style="{ width, height }" class="mt-6"></div>
+  <div v-show="show" class="grid justify-items-center overflow-auto">
+    <div :id="id" class="mt-6"></div>
   </div>
 </template>
diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
index 6e69d18aad..5d1ad35f4a 100644
--- a/src/components/ad/ad.ts
+++ b/src/components/ad/ad.ts
@@ -6,10 +6,10 @@ interface ADConfig {
 }
 
 export const confs: Record<string, ADConfig> = {
-    // "localhost": {
-    //     apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
-    //     environment: 'staging', // use value 'production' when going live
-    // },
+    "localhost": {
+        apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
+        environment: 'staging', // use value 'production' when going live
+    },
     "ping.pub": {
         apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
         environment: 'production',
@@ -24,12 +24,15 @@ export const confs: Record<string, ADConfig> = {
 export const UNITS: Record<string, Record<string, string>> = {
     "localhost": {
         "banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987",
+        "banner_mobile": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6",
     },
     "ping.pub": {
         "banner": "6883877a-ccae-4a08-b457-7e30b3465a8c",
+        "banner_mobile": "a95c6b55-5e2a-49eb-8993-a488513b2d10",
     },
     "testnet.ping.pub": {
         "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
+        "banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
     },
 }
 
@@ -44,6 +47,6 @@ export function getClient() {
 export function getUnit(ad: string): string | undefined {
     const ads =  UNITS[location.hostname]
     if(ads) {
-        return ads[ad]
+        return window.innerWidth > 600 ? ads[ad] : ads[`${ad}_mobile`]
     }
 }

From 790a0147e4e9d0f6b5f001559198a8e76aeedfbd Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 23 Mar 2024 13:37:05 +0800
Subject: [PATCH 110/240] improve uptime and ad

---
 src/components/UptimeBar.vue         |  4 +--
 src/components/ad/ad.ts              |  8 ++---
 src/modules/[chain]/index.vue        |  3 ++
 src/modules/[chain]/uptime/index.vue | 49 +++++++++++++++-------------
 src/modules/wallet/accounts.vue      |  2 +-
 src/modules/wallet/keplr.vue         |  2 +-
 src/modules/wallet/portfolio.vue     |  2 +-
 src/modules/wallet/suggest.vue       |  2 +-
 src/plugins/i18n/locales/cn.json     |  6 +++-
 src/plugins/i18n/locales/en.json     |  6 +++-
 src/plugins/i18n/locales/id.json     |  6 +++-
 11 files changed, 55 insertions(+), 35 deletions(-)

diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index fb84384b7a..cdfc396f30 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -44,12 +44,12 @@ const bars = computed(() => {
 });
 </script>
 <template>
-  <div class="flex items-center justify-evenly gap-0.5">
+  <div class="flex gap-0.5">
     <div class="cursor-default" v-for="(item, index) in bars" :key="index">
       <div class="tooltip" 
           :data-tip="item.height" 
           :class="item.color"
-          style="width: 4px;"
+          style="width: 3px;"
       >
         &nbsp;
       </div>
diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
index 5d1ad35f4a..75fb38b8f0 100644
--- a/src/components/ad/ad.ts
+++ b/src/components/ad/ad.ts
@@ -6,10 +6,10 @@ interface ADConfig {
 }
 
 export const confs: Record<string, ADConfig> = {
-    "localhost": {
-        apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
-        environment: 'staging', // use value 'production' when going live
-    },
+    // "localhost": {
+    //     apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
+    //     environment: 'staging', // use value 'production' when going live
+    // },
     "ping.pub": {
         apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
         environment: 'production',
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index c048a55b9f..f9f653a733 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -18,6 +18,7 @@ import { computed } from '@vue/reactivity';
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
 import ProposalListItem from '@/components/ProposalListItem.vue';
 import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue'
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const props = defineProps(['chain']);
 
@@ -382,6 +383,8 @@ const amount = computed({
       </Teleport>
     </div>
 
+    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
+
     <div class="bg-base-100 rounded mt-4">
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.app_versions') }}
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 488005078d..8061373ab8 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -183,31 +183,36 @@ function fetchAllKeyRotation() {
         Note: Please load rotated keys to see the correct uptime
       </div>
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
-      <div
-        class="flex flex-row flex-wrap gap-x-4 mt-4 justify-center"
-        :class="tab === '2' ? '' : 'hidden'"
-      >
-        <div v-for="({ v, signing, hex }, i) in list" :key="i">
-          <div class="flex items-center justify-between py-0 w-[298px]">
-            <label class="truncate text-sm">
-              <span class="ml-1 text-black dark:text-white"
-                >{{ i + 1 }}.{{ v.description.moniker }}</span
+      <div :class="tab === '2' ? '' : 'hidden'">
+        <div class="flex flex-row flex-wrap gap-x-4 mt-4 justify-center">
+          <div v-for="({ v, signing, hex }, i) in list" :key="i">
+            <div class="flex justify-between py-0 w-[248px]">
+              <label class="truncate text-sm">
+                <span class="ml-1 text-black dark:text-white"
+                  >{{ i + 1 }}.{{ v.description.moniker }}</span
+                >
+              </label>
+              <div
+                v-if="Number(signing?.missed_blocks_counter || 0) > 10"
+                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
               >
-            </label>
-            <div
-              v-if="Number(signing?.missed_blocks_counter || 0) > 10"
-              class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
-            >
-              {{ signing?.missed_blocks_counter }}
-            </div>
-            <div
-              v-else
-              class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
-            >
-              {{ signing?.missed_blocks_counter }}
+                {{ signing?.missed_blocks_counter }}
+              </div>
+              <div
+                v-else
+                class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
+              >
+                {{ signing?.missed_blocks_counter }}
+              </div>
             </div>
+            <UptimeBar :blocks="commits2" :validator="hex" />
           </div>
-          <UptimeBar :blocks="commits2" :validator="hex" />
+        </div>
+        <div class="mt-5 ml-5 text-xs flex justify-center gap-2">
+          <span class=" font-bold">{{ $t('uptime.legend') }}: </span>
+          <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed')}} 
+          <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted')}} 
+          <span class="bg-red-500">&nbsp;</span> {{ $t('uptime.missed')}} 
         </div>
       </div>
 
diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index 80eabcecf4..d9e4555459 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -222,7 +222,7 @@ async function loadBalances(chainName: string, endpoint: string, address: string
       </div>
     </div>
 
-    <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+    <AdBanner id="account-banner-ad" unit="banner" width="970px" height="90px" />
 
     <div class="overflow-x-auto">
       <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index 6adb8f336e..f1959a47ce 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -86,7 +86,7 @@ function suggest() {
 
 <template>
     <div class="bg-base-100 p-4 rounded text-center">
-        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
         <div class="flex">
             <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
                 <option v-for="c in dashboard.chains" :value="c">
diff --git a/src/modules/wallet/portfolio.vue b/src/modules/wallet/portfolio.vue
index d7075ed106..261fd88463 100644
--- a/src/modules/wallet/portfolio.vue
+++ b/src/modules/wallet/portfolio.vue
@@ -258,7 +258,7 @@ const currencySign = computed(() => {
         </div>
       </div>
       <div class="overflow-x-auto mt-4">
-      <AdBanner class="bg-base-200" id="home-banner-ad" unit="banner" width="970px" height="90px" />
+      <AdBanner class="bg-base-200" id="portfolio-banner-ad" unit="banner" width="970px" height="90px" />
         <table class="table w-full">
           <thead class="bg-base-200">
             <tr>
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 444243e072..5ecc76f27f 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -170,6 +170,6 @@ function suggest() {
             </div>
         </div>
 
-        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+        <AdBanner id="suggest-banner-ad" unit="banner" width="970px" height="90px" />
     </div>
 </template>
diff --git a/src/plugins/i18n/locales/cn.json b/src/plugins/i18n/locales/cn.json
index cb397258db..5492638020 100644
--- a/src/plugins/i18n/locales/cn.json
+++ b/src/plugins/i18n/locales/cn.json
@@ -255,7 +255,11 @@
     "signed_blocks": "已签名数量",
     "missing_blocks": "未签名数量",
     "add_validators": "添加验证人",
-    "add": "添加"
+    "add": "添加",
+    "legend": "图例",
+    "committed": "已提交",
+    "precommitted": "预提交",
+    "missed": "丢失"
   },
   "widget": {
     "title": "初始设置",
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 6a37b295a5..58507853f7 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -266,7 +266,11 @@
     "signed_blocks": "Signed Blocks",
     "missing_blocks": "Missing Blocks",
     "add_validators": "Add Validators",
-    "add": "Add"
+    "add": "Add",
+    "legend": "Legend",
+    "committed": "Committed",
+    "precommitted": "Precommitted",
+    "missed": "Missed"
   },
   "widget": {
     "title": "Initial Setting",
diff --git a/src/plugins/i18n/locales/id.json b/src/plugins/i18n/locales/id.json
index 3a06e7c8c6..22e3890168 100644
--- a/src/plugins/i18n/locales/id.json
+++ b/src/plugins/i18n/locales/id.json
@@ -254,7 +254,11 @@
       "signed_blocks": "Blok Tersign",
       "missing_blocks": "Blok yang Hilang",
       "add_validators": "Tambahkan Validator",
-      "add": "Tambahkan"
+      "add": "Tambahkan",
+      "legend": "Legend",
+      "committed": "Committed",
+      "precommitted": "Precommitted",
+      "missed": "Missed"
     },
     "widget": {
       "title": "Pengaturan Awal",

From b0ca5ead26ffc599df153a2ea65f184865d08cfb Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 23 Mar 2024 16:55:14 +0800
Subject: [PATCH 111/240] add tx

---
 src/modules/[chain]/block/index.vue | 42 -------------
 src/modules/[chain]/tx/[hash].vue   | 12 +++-
 src/modules/[chain]/tx/index.vue    | 94 +++++++++++++++++++++++++++++
 src/plugins/i18n/locales/cn.json    |  1 +
 src/plugins/i18n/locales/en.json    |  1 +
 5 files changed, 107 insertions(+), 43 deletions(-)
 create mode 100644 src/modules/[chain]/tx/index.vue

diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 6962685bca..0b3b291910 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -23,8 +23,6 @@ const list = computed(() => {
             <RouterLink class="tab text-gray-400 uppercase" 
                 :to="`/${chain}/block/${Number(base.latest?.block?.header.height||0) + 10000}`"
                 >{{ $t('block.future') }}</RouterLink>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transactions' }"
-                @click="tab = 'transactions'">{{ $t('account.transactions') }}</a>
         </div>
 
         <div v-show="tab === 'blocks'" class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
@@ -48,46 +46,6 @@ const list = computed(() => {
                 </div>
             </RouterLink>
         </div>
-
-        <div v-show="tab === 'transactions'" class="bg-base-100 rounded overflow-x-auto">
-            <table class="table w-full table-compact">
-                <thead class="bg-base-200">
-                    <tr>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.height') }}</th>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.hash') }}</th>
-                        <th>{{ $t('account.messages') }}</th>
-                        <th>{{ $t('block.fees') }}</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="(item, index) in base.txsInRecents" :index="index" class="hover">
-                        <td class="text-sm text-primary">
-                            <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
-                        </td>
-                        <td class="truncate text-primary" width="50%">
-                            <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
-                                item.hash
-                            }}</RouterLink>
-                        </td>
-                        <td>{{ format.messages(item.tx.body.messages) }}</td>
-                        <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="p-4">
-                <div class="alert relative bg-transparent">
-                    <div class="alert  absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
-                    <div class="text-info flex gap-2">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                            class="stroke-current flex-shrink-0 w-6 h-6">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                        </svg>
-                        <span>{{ $t('block.only_tx') }}</span>
-                    </div>
-                </div>
-            </div>
-        </div>
     </div>
 </template>
 
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 82505ee4f0..d6b60fea79 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -34,6 +34,16 @@ const messages = computed(() => {
 </script>
 <template>
     <div>
+        <div class="tabs tabs-boxed bg-transparent mb-4">
+            <RouterLink class="tab text-gray-400 uppercase" 
+                :to="`/${chain}/tx/?tab=recent`"
+                >{{ $t('block.recent') }}</RouterLink>
+            <RouterLink class="tab text-gray-400 uppercase" 
+                :to="`/${chain}/tx/?tab=search`"
+                >Search</RouterLink>
+            <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
+        </div>
+
         <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
             <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
             <div class="overflow-auto-x">
@@ -41,7 +51,7 @@ const messages = computed(() => {
                     <tbody>
                         <tr>
                             <td>{{ $t('tx.tx_hash') }}</td>
-                            <td>{{ tx.tx_response.txhash }}</td>
+                            <td class="overflow-hidden">{{ tx.tx_response.txhash }}</td>
                         </tr>
                         <tr>
                             <td>{{ $t('account.height') }}</td>
diff --git a/src/modules/[chain]/tx/index.vue b/src/modules/[chain]/tx/index.vue
new file mode 100644
index 0000000000..06c191120c
--- /dev/null
+++ b/src/modules/[chain]/tx/index.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { computed, ref } from '@vue/reactivity';
+import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
+import type { PaginatedTxs } from '@/types';
+import { useRouter } from 'vue-router';
+import { onMounted } from 'vue';
+const props = defineProps(['chain']);
+const vueRouters = useRouter();
+const tab = ref('recent');
+
+const base = useBaseStore()
+const chainStore = useBlockchain()
+
+const format = useFormatter();
+const hashReg = /^[A-Z\d]{64}$/;
+const hash = ref('');
+const current = chainStore?.current?.chainName || '';
+onMounted(() => {
+    tab.value = String(vueRouters.currentRoute.value.query.tab || 'recent');
+    console.log(tab.value);
+});
+function search() {
+    if (hashReg.test(hash.value)) {
+      vueRouters.push({ path: `/${current}/tx/${hash.value}` });
+    }
+}
+</script>
+<template>
+    <div>
+        <div class="tabs tabs-boxed bg-transparent mb-4">
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'recent' }"
+                @click="tab = 'recent'">{{ $t('block.recent') }}</a>
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'search' }"
+                @click="tab = 'search'">Search</a>
+        </div>
+
+        <div v-show="tab === 'recent'" class="bg-base-100 rounded overflow-x-auto">
+            <table class="table w-full table-compact">
+                <thead class="bg-base-200">
+                    <tr>
+                        <th style="position: relative; z-index: 2;">{{ $t('account.height') }}</th>
+                        <th style="position: relative; z-index: 2;">{{ $t('account.hash') }}</th>
+                        <th>{{ $t('account.messages') }}</th>
+                        <th>{{ $t('block.fees') }}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(item, index) in base.txsInRecents" :index="index" class="hover">
+                        <td class="text-sm text-primary">
+                            <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
+                        </td>
+                        <td class="truncate text-primary" width="50%">
+                            <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
+                item.hash
+            }}</RouterLink>
+                        </td>
+                        <td>{{ format.messages(item.tx.body.messages) }}</td>
+                        <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
+                    </tr>
+                </tbody>
+            </table>
+            <div class="p-4">
+                <div class="alert relative bg-transparent">
+                    <div class="alert  absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
+                    <div class="text-info flex gap-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                            class="stroke-current flex-shrink-0 w-6 h-6">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                        </svg>
+                        <span>{{ $t('block.only_tx') }}</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div v-show="tab === 'search'" class="bg-base-100 rounded overflow-x-auto">
+            <div class="p-4">
+                <div class="form-control">
+                    <input v-model="hash" type="text" class="input input-bordered" placeholder="Search by Tx Hash" @blur="search"/>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<route>
+    {
+      meta: {
+        i18n: 'tx',
+        order: 5
+      }
+    }
+  </route>
diff --git a/src/plugins/i18n/locales/cn.json b/src/plugins/i18n/locales/cn.json
index 5492638020..91071eeede 100644
--- a/src/plugins/i18n/locales/cn.json
+++ b/src/plugins/i18n/locales/cn.json
@@ -12,6 +12,7 @@
     "state-sync": "状态同步",
     "cosmwasm": "Cosmwasm",
     "widget": "Widgets",
+    "tx": "交易",
     "ibc": "IBC",
     "ecosystem": "生态系统",
     "favorite": "收藏夹",
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 58507853f7..8eb91c7a68 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -9,6 +9,7 @@
     "state-sync": "State Sync",
     "cosmwasm": "Cosmwasm",
     "widget": "Widgets",
+    "tx": "Transactions",
     "ibc": "IBC",
     "nft": "NFT",
     "consensus": "Consensus",

From 795887735478568d311dc2dcc4868be741d74527 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 23 Mar 2024 17:26:02 +0800
Subject: [PATCH 112/240] improve tx hash

---
 src/modules/[chain]/tx/[hash].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index d6b60fea79..4a9bb4bccb 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -46,7 +46,7 @@ const messages = computed(() => {
 
         <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
             <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
-            <div class="overflow-auto-x">
+            <div class="overflow-hidden">
                 <table class="table text-sm">
                     <tbody>
                         <tr>

From a56271f370edc81298203063af2236e6e84ac211 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 10:13:12 +0800
Subject: [PATCH 113/240] improve wasm contract

---
 .../[chain]/cosmwasm/[code_id]/contracts.vue  |  2 +-
 .../cosmwasm/[code_id]/transactions.vue       | 20 ++++++++--
 src/modules/[chain]/cosmwasm/index.vue        | 39 +++++++++++++++----
 3 files changed, 49 insertions(+), 12 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 81ad852928..5e6acd888d 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -56,7 +56,7 @@ function showInfo(address: string) {
       </h2>
       <div class="overflow-x-auto">
         <table class="table table-compact w-full mt-4">
-          <thead>
+          <thead class="bg-base-200">
             <tr>
               <th style="position: relative; z-index: 2">{{ $t('cosmwasm.contract_list') }}</th>
               <th>{{ $t('account.action') }}</th>
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 3428a1ac65..ddf9aac45a 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -36,6 +36,20 @@ const balances = ref({} as PaginatedBalances)
 
 const contractAddress = String(route.query.contract)
 
+const history = JSON.parse(localStorage.getItem("contract_history") || "{}")
+
+if(history[chainStore.chainName]) {
+    if(!history[chainStore.chainName].includes(contractAddress)) {
+        history[chainStore.chainName].push(contractAddress)
+        if(history[chainStore.chainName].length > 10) {
+            history[chainStore.chainName].shift()
+        }
+    }
+} else {
+    history[chainStore.chainName] = [contractAddress]
+}
+localStorage.setItem("contract_history", JSON.stringify(history))
+
 onMounted(() => {
     const address = contractAddress
     wasmStore.wasmClient.getWasmContracts(address).then((x) => {
@@ -137,7 +151,7 @@ const result = ref({});
         </div>
 
         <div class="text-center mb-4">
-            <RouterLink to="contracts"><span class="btn btn-xs text-xs mr-2"> Back </span> </RouterLink>
+            <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span> </RouterLink>
             <label @click="showFunds()" for="modal-contract-funds" class="btn btn-primary btn-xs text-xs mr-2">{{
                 $t('cosmwasm.btn_funds') }}</label>
             <label class="btn btn-primary btn-xs text-xs mr-2" for="modal-contract-states" @click="showState()">
@@ -169,9 +183,9 @@ const result = ref({});
         </div>
 
         <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <h2 class="card-title truncate w-full mt-4">Transactions</h2>
+            <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
             <table class="table">
-                <thead>
+                <thead class=" bg-base-200">
                     <tr>
                         <td> {{ $t('ibc.height') }}</td>
                         <td>{{ $t('ibc.txhash') }}</td>
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index 8644408bca..ddb4b6a06d 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/src/modules/[chain]/cosmwasm/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useBlockchain, useFormatter, useTxDialog } from '@/stores';
 import { useWasmStore } from './WasmStore';
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import type { PaginabledCodeInfos } from './types';
 import { PageRequest } from '@/types';
 import PaginationBar from '@/components/PaginationBar.vue';
@@ -15,6 +15,8 @@ const pageRequest = ref(new PageRequest())
 const wasmStore = useWasmStore();
 const dialog = useTxDialog()
 const creator = ref("")
+const field = ref("contract")
+const history = ref([])
 
 function pageload(pageNum: number) {
     pageRequest.value.setPage(pageNum)
@@ -24,21 +26,42 @@ function pageload(pageNum: number) {
 }
 pageload(1)
 
+onMounted(() => {
+    const historyStore = JSON.parse(localStorage.getItem("contract_history") || "{}")
+    history.value = historyStore[props.chain] || []
+})
+
 function myContracts() {
-    router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`)
+    if(field.value === "contract")
+        router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${creator.value}`)
+    else if(field.value === "creator")
+        router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`)
+}
+const togo = ref("")
+function gotoHistory() {
+    router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${togo.value}`)
 }
 </script>
 <template>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title truncate w-full">{{ $t('cosmwasm.title') }}</h2>
-
-        <div class="join border border-primary">
-            <input v-model="creator" type=text class="input input-bordered w-40 join-item" placeholder="creator address" />
-            <button class="join-item btn  btn-primary" @click="myContracts()">{{ $t('cosmwasm.btn_query') }}</button>
+        <h2 class="card-title truncate w-full mb-4">{{ $t('cosmwasm.title') }}</h2>
+        <div class="grid grid-flow-col auto-cols-max gap-4 overflow-hidden">
+            <div class="join w-full border border-primary">
+                <select v-model="field" class="select select-primary"><option value="contract">Contract</option><option value="creator">Creator</option></select>
+                <input v-model="creator" type=text class="input input-bordered w-full join-item" placeholder="address" />
+                <button class="join-item btn  btn-primary" @click="myContracts()">{{ $t('cosmwasm.btn_query') }}</button>
+            </div>
+            <div>
+                <select v-model="togo" class="select select-primary" @change="gotoHistory()">
+                    <option value="">History</option>
+                    <option v-for="(v, index) in history" :key="index" :value="v" >...{{ String(v).substring(45) }}</option>
+                </select>
+            </div>
         </div>
+
         <div class="overflow-x-auto">
             <table class="table table-compact w-full mt-4 text-sm">
-                <thead>
+                <thead class=" bg-base-200">
                     <tr>
                         <th>{{ $t('cosmwasm.code_id') }}</th>
                         <th>{{ $t('cosmwasm.code_hash') }}</th>

From be8da6d86c9330dd1f95c93c643e33921ccd5d00 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 11:21:08 +0800
Subject: [PATCH 114/240] improve layout

---
 src/layouts/components/DefaultLayout.vue | 60 ++++++++++++++++--------
 src/plugins/i18n/locales/en.json         |  1 +
 2 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 6fa6cd62cd..31e3a47b5e 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { Icon } from '@iconify/vue';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 // Components
 import newFooter from '@/layouts/components/NavFooter.vue';
@@ -9,16 +9,18 @@ import NavbarSearch from '@/layouts/components/NavbarSearch.vue';
 import ChainProfile from '@/layouts/components/ChainProfile.vue';
 
 import { useDashboard } from '@/stores/useDashboard';
-import { useBlockchain } from '@/stores';
+import { useBaseStore, useBlockchain } from '@/stores';
 
 import NavBarI18n from './NavBarI18n.vue';
 import NavBarWallet from './NavBarWallet.vue';
 import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '../types';
+import dayjs from 'dayjs';
 
 const dashboard = useDashboard();
 dashboard.initial();
 const blockchain = useBlockchain();
 blockchain.randomSetupEndpoint();
+const baseStore = useBaseStore();
 
 const current = ref(''); // the current chain
 const temp = ref('')
@@ -56,6 +58,17 @@ function selected(route: any, nav: NavLink) {
   const b = route.path === nav.to?.path || route.path.startsWith(nav.to?.path) && nav.title.indexOf('dashboard') === -1
   return b
 }
+const blocktime = computed(() => {
+  return dayjs(baseStore.latest?.block?.header?.time)
+});
+
+const behind = computed(() => {
+  const current = dayjs().subtract(10, 'minute')
+  return blocktime.value.isBefore(current)
+});
+
+dayjs()
+
 </script>
 
 <template>
@@ -89,12 +102,13 @@ function selected(route: any, nav: NavLink) {
           :tabindex="index"
           class="collapse"
           :class="{
-            'collapse-arrow': item?.children?.length > 0,
+            'collapse-arrow':index > 0 && item?.children?.length > 0,
             'collapse-open': index === 0 && sidebarOpen,
             'collapse-close': index === 0 && !sidebarOpen,
           }"
         >
           <input
+            v-if="index > 0"
             type="checkbox"
             class="cursor-pointer !h-10 block"
             @click="changeOpen(index)"
@@ -211,7 +225,20 @@ function selected(route: any, nav: NavLink) {
         </div>
       </div>
       <div class="px-2">
-        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+          <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+            Tools
+          </div>
+          <RouterLink to="/wallet/suggest"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+          >
+            <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
+            <div
+              class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
+            >
+              Wallet Helper
+            </div>
+          </RouterLink>
+          <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
           {{ $t('module.sponsors') }}
         </div>
         <a
@@ -259,21 +286,6 @@ function selected(route: any, nav: NavLink) {
             Becole
           </div>
         </a>
-
-          <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
-            Tools
-          </div>
-          <RouterLink to="/wallet/suggest"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-          >
-            <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-            <div
-              class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
-            >
-              Wallet Helper
-            </div>
-          </RouterLink>
-
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
         <a
           href="https://twitter.com/ping_pub"
@@ -339,6 +351,16 @@ function selected(route: any, nav: NavLink) {
 
       <!-- 👉 Pages -->
       <div style="min-height: calc(100vh - 180px);">
+          <div v-if="behind" class="alert alert-error mb-4">
+              <div class="flex gap-2">
+                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                      class="stroke-current flex-shrink-0 w-6 h-6">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                  </svg>
+                  <span>{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{ blocktime.fromNow() }})</span>
+              </div>
+          </div>
         <RouterView v-slot="{ Component }">
           <Transition mode="out-in">
             <Component :is="Component" />
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 8eb91c7a68..16f4075c55 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -31,6 +31,7 @@
     "description": "Cosmos Ecosystem Blockchains 🚀",
     "search_placeholder": "Search Chain",
     "description_all": "We couldn't find the page you are looking for.",
+    "out_of_sync": "The latest block was produced at ",
     "btn_index": "Back to Home"
   },
   "account": {

From 443132458d75e5ae65c24089a35c8ba4f618d78d Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 11:41:37 +0800
Subject: [PATCH 115/240] adjust position

---
 src/modules/[chain]/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index f9f653a733..b1c34970aa 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -256,6 +256,8 @@ const amount = computed({
         </div>
       </div>
     </div>
+    
+    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
 
     <div class="grid grid-cols-1 gap-4 md:!grid-cols-3 lg:!grid-cols-6">
       <div v-for="(item, key) in store.stats" :key="key">
@@ -383,8 +385,6 @@ const amount = computed({
       </Teleport>
     </div>
 
-    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
-
     <div class="bg-base-100 rounded mt-4">
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.app_versions') }}

From 3e8423eed99138b9b693aedd710128689c034f04 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 11:49:07 +0800
Subject: [PATCH 116/240] update

---
 src/modules/[chain]/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index b1c34970aa..27959e8d8d 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -127,7 +127,7 @@ const amount = computed({
 
 <template>
   <div>
-    <div v-if="coinInfo && coinInfo.name" class="bg-base-100 rounded shadow mb-4">
+    <div v-if="coinInfo && coinInfo.name" class="bg-base-100 rounded shadow">
       <div class="grid grid-cols-2 md:grid-cols-3 p-4">
         <div class="col-span-2 md:col-span-1">
           <div class="text-xl font-semibold text-main">
@@ -256,15 +256,15 @@ const amount = computed({
         </div>
       </div>
     </div>
-    
-    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
 
-    <div class="grid grid-cols-1 gap-4 md:!grid-cols-3 lg:!grid-cols-6">
+    <div class="grid grid-cols-1 gap-4 md:!grid-cols-3 lg:!grid-cols-6 mt-4">
       <div v-for="(item, key) in store.stats" :key="key">
         <CardStatisticsVertical v-bind="item" />
       </div>
     </div>
 
+    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
+
     <div v-if="blockchain.supportModule('governance')" class="bg-base-100 rounded mt-4 shadow">
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.active_proposals') }}

From cf30712e0ec6ae1d84874706284c55573a4a3897 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 11:56:14 +0800
Subject: [PATCH 117/240] remove margin

---
 src/modules/[chain]/uptime/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 8061373ab8..a90f25b90d 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -208,7 +208,7 @@ function fetchAllKeyRotation() {
             <UptimeBar :blocks="commits2" :validator="hex" />
           </div>
         </div>
-        <div class="mt-5 ml-5 text-xs flex justify-center gap-2">
+        <div class="mt-5 text-xs flex justify-center gap-2">
           <span class=" font-bold">{{ $t('uptime.legend') }}: </span>
           <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed')}} 
           <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted')}} 

From 86a5e9c0dafd61ca02383a84281b7e4efeb65db7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 24 Mar 2024 12:11:43 +0800
Subject: [PATCH 118/240] add google analytics setting

---
 index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index d9ab09191c..3c1c9f9468 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,14 @@
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
-
+      // Set default consent to 'denied' as a placeholder
+      // Determine actual values based on your own requirements
+      gtag('consent', 'default', {
+        'ad_storage': 'denied',
+        'ad_user_data': 'denied',
+        'ad_personalization': 'denied',
+        'analytics_storage': 'denied'
+      });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.min.js"></script>

From 0b8d4dc987b8918dd276b98feae6860d4d87c2fb Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Mar 2024 11:53:33 +0800
Subject: [PATCH 119/240] improve update performance

---
 src/components/UptimeBar.vue         |  43 +------
 src/modules/[chain]/uptime/index.vue | 182 +++++++++++++++------------
 2 files changed, 103 insertions(+), 122 deletions(-)

diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index cdfc396f30..a870f601e2 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -1,51 +1,14 @@
 <script lang="ts" setup>
-import type { Commit } from '@/types';
-import { computed, type PropType } from 'vue';
+import type { PropType } from 'vue';
 
 const props = defineProps({
-  blocks: { type: Array as PropType<Commit[]> },
-  validator: { type: String },
+  blocks: { type: Array as PropType<{height:string, color: string}[]> },
 });
 
-const bars = computed(() => {
-  const uptime = Array(50).fill({ height: 0, color: 'bg-secondary' });
-  if(!props.blocks) return uptime
-  props.blocks.forEach((element) => {
-    // @deprecated
-    // const has = element.signatures?.findIndex(
-    //   (sig) => sig.validator_address === props.validator
-    // );
-    // // console.log(has, props.validato, element)
-    // uptime.push({
-    //   height: element.height,
-    //   color: has > -1 ? 'bg-green-500' : 'bg-red-500',
-    // });
-
-    // show flag nil
-    const signature = element.signatures?.find(
-      (sig) => sig.validator_address === props.validator
-    );
-    // console.log("sign", signature)
-    let color = `bg-red-500`
-    if(signature) {
-      if(signature.block_id_flag === 'BLOCK_ID_FLAG_COMMIT') {
-        color = `bg-green-500`
-      } else {
-        color = `bg-yellow-500`
-      }
-    }
-    uptime.push({
-      height: element.height,
-      color,
-    });
-    uptime.shift();
-  });
-  return uptime;
-});
 </script>
 <template>
   <div class="flex gap-0.5">
-    <div class="cursor-default" v-for="(item, index) in bars" :key="index">
+    <div class="cursor-default" v-for="(item, index) in blocks" :key="index">
       <div class="tooltip" 
           :data-tip="item.height" 
           :class="item.color"
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index a90f25b90d..f1bada8670 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -2,14 +2,14 @@
 import { ref, onMounted, computed, onUnmounted } from 'vue';
 import { fromHex, toBase64 } from '@cosmjs/encoding';
 import {
-  useFormatter,
   useStakingStore,
   useBaseStore,
   useBlockchain,
+useFormatter,
 } from '@/stores';
 import UptimeBar from '@/components/UptimeBar.vue';
-import type { Commit, SlashingParam, SigningInfo } from '@/types';
-import { consensusPubkeyToHexAddress, pubKeyToValcons, valconsToBase64 } from '@/libs';
+import type { SlashingParam, SigningInfo } from '@/types';
+import { consensusPubkeyToHexAddress, valconsToBase64 } from '@/libs';
 
 const props = defineProps(['chain']);
 
@@ -18,64 +18,87 @@ const format = useFormatter();
 const baseStore = useBaseStore();
 const chainStore = useBlockchain();
 const latest = ref(0);
-const commits = ref([] as Commit[]);
 const keyword = ref('');
 const live = ref(true);
 const slashingParam = ref({} as SlashingParam);
-
 const signingInfo = ref({} as Record<string, SigningInfo>);
 
-// filter validators by keywords
-const validators = computed(() => {
-  if (keyword)
-    return stakingStore.validators.filter(
-      (x) => x.description.moniker.indexOf(keyword.value) > -1
-    );
-  return stakingStore.validators;
+interface BlockColor {
+  height: string;
+  color: string;
+}
+interface ValidatorUnit {
+  moniker: string;
+  blocks: BlockColor[];
+  hex: string;
+  base64: string;
+  missed_blocks_counter: number | string;
+  uptime: number;
+  signing: SigningInfo;
+}
+
+function padding(blocks: BlockColor[] = []) {
+  const raw = Array(50).fill({ height: "0", color: 'bg-secondary' } as BlockColor).concat(blocks)
+  return raw.slice(raw.length - 50);
+}
+
+const validatorSet = computed(() => {
+  return stakingStore.validators.map((v) => {
+    const hex = consensusPubkeyToHexAddress(v.consensus_pubkey)
+    return {
+      moniker: v.description.moniker,
+      hex,
+      base64: toBase64(fromHex(hex))
+    };
+  });
 });
 
-const list = computed(() => {
-  if(chainStore.isConsumerChain) {
-    stakingStore.loadKeyRotationFromLocalstorage(baseStore.latest?.block?.header?.chain_id)
+const blocks = ref({} as Record<string, BlockColor[]>);
 
-    const window = Number(slashingParam.value.signed_blocks_window || 0);
-    const vset = validators.value.map((v) => {
-      
-      const hexAddress = stakingStore.findRotatedHexAddress(v.consensus_pubkey)
-      const signing =
-        signingInfo.value[hexAddress];
-      return {
-        v,
-        signing,
-        hex: toBase64(fromHex(hexAddress)),
-        uptime:
-          signing && window > 0
-            ? (window - Number(signing.missed_blocks_counter)) / window
-            : undefined,
-      };
-    });
-    return vset;
-  } else {
-    const window = Number(slashingParam.value.signed_blocks_window || 0);
-    const vset = validators.value.map((v) => {
-      const signing =
-        signingInfo.value[consensusPubkeyToHexAddress(v.consensus_pubkey)];
-      return {
-        v,
-        signing,
-        hex: toBase64(fromHex(consensusPubkeyToHexAddress(v.consensus_pubkey))),
-        uptime:
-          signing && window > 0
+const grid  = computed(() => {
+  
+  const validators = keyword.value.length === 0 ? validatorSet.value : 
+  validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
+
+  const window = Number(slashingParam.value.signed_blocks_window || 0);
+  return validators.map((v) => {
+    const signing = signingInfo.value[v.hex];
+    const uptime = signing && window > 0
             ? (window - Number(signing.missed_blocks_counter)) / window
-            : undefined,
-      };
+            : undefined
+    return {
+      moniker: v.moniker,
+      hex: v.hex,
+      base64: v.base64,
+      blocks: padding(blocks.value[v.base64] || []) ,
+      uptime,
+      missed_blocks_counter: signing?.missed_blocks_counter || 0,
+      signing
+    } as ValidatorUnit;
+  })
+});
+
+baseStore.$subscribe((_, state) => {
+  
+  if(Number(state.latest.block.header.height) % 7 === 0 ) updateTotalSigningInfo();
+
+  state.latest.block.last_commit?.signatures?.forEach((s) => {
+    const block = blocks.value[s.validator_address] || [];
+    block.push({
+      height: state.latest.block.header.height,
+      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 
+      s.block_id_flag === 'BLOCK_ID_FLAG_NIL' ? 'bg-yellow-500' : 'bg-red-500',
     });
-    return vset;
-  }
+    if (block.length > 50) {
+      block.shift();
+    }
+    blocks.value[s.validator_address] = block;
+  });
 });
 
 onMounted(() => {
   live.value = true;
+
   baseStore.fetchLatest().then((l) => {
     let b = l;
     if (
@@ -85,7 +108,6 @@ onMounted(() => {
       b = baseStore.recents?.at(0) || l;
     }
     latest.value = Number(b.block.header.height);
-    commits.value.unshift(b.block.last_commit);
     const height = Number(b.block.header?.height || 0);
     if (height > 50) {
       // constructs sequence for loading blocks
@@ -94,10 +116,18 @@ onMounted(() => {
         promise = promise.then(
           () =>
             new Promise((resolve, reject) => {
-              if (live.value && commits2.value.length < 50) {
+              if (live.value) {
                 // continue only if the page is living
                 baseStore.fetchBlock(i).then((x) => {
-                  commits.value.unshift(x.block.last_commit);
+                  x.block.last_commit?.signatures?.forEach((s) => {
+                    const block = blocks.value[s.validator_address] || [];
+                    block.unshift({
+                      height: x.block.header.height,
+                      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 
+                      s.block_id_flag === 'BLOCK_ID_FLAG_NIL' ? 'bg-yellow-500' : 'bg-red-500',
+                    });
+                    blocks.value[s.validator_address] = block;
+                  });
                   resolve();
                 });
               }
@@ -122,16 +152,6 @@ function updateTotalSigningInfo() {
   });
 }
 
-const commits2 = computed(() => {
-  const la = baseStore.recents.map((b) => b.block.last_commit);
-  // trigger update total signing info
-  if(la.length > 1 && Number(la.at(la.length-1)?.height|| 0) % 10 === 7) {
-    updateTotalSigningInfo();
-  };
-  const all = [...commits.value, ...la];
-  return all.length > 50 ? all.slice(all.length - 50) : all;
-});
-
 onUnmounted(() => {
   live.value = false;
 });
@@ -185,27 +205,27 @@ function fetchAllKeyRotation() {
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
       <div :class="tab === '2' ? '' : 'hidden'">
         <div class="flex flex-row flex-wrap gap-x-4 mt-4 justify-center">
-          <div v-for="({ v, signing, hex }, i) in list" :key="i">
+          <div v-for="(unit, i) in grid" :key="i">
             <div class="flex justify-between py-0 w-[248px]">
               <label class="truncate text-sm">
                 <span class="ml-1 text-black dark:text-white"
-                  >{{ i + 1 }}.{{ v.description.moniker }}</span
+                  >{{ i + 1 }}.{{ unit.moniker }}</span
                 >
               </label>
               <div
-                v-if="Number(signing?.missed_blocks_counter || 0) > 10"
+                v-if="Number(unit?.missed_blocks_counter || 0) > 10"
                 class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
               >
-                {{ signing?.missed_blocks_counter }}
+                {{ unit?.missed_blocks_counter }}
               </div>
               <div
                 v-else
                 class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
               >
-                {{ signing?.missed_blocks_counter }}
+                {{ unit?.missed_blocks_counter }}
               </div>
             </div>
-            <UptimeBar :blocks="commits2" :validator="hex" />
+            <UptimeBar :blocks="unit.blocks" />
           </div>
         </div>
         <div class="mt-5 text-xs flex justify-center gap-2">
@@ -228,53 +248,51 @@ function fetchAllKeyRotation() {
               <td>{{ $t('uptime.tombstoned') }}</td>
             </tr>
           </thead>
-          <tr v-for="({ v, signing, uptime }, i) in list" class="hover">
+          <tr v-for="(v, i) in grid" class="hover">
             <td>
               <div class="truncate max-w-sm">
-                {{ i + 1 }}. {{ v.description.moniker }}
+                {{ i + 1 }}. {{ v.moniker }}
               </div>
             </td>
             <td class="text-right">
               <span
-                v-if="signing"
-                class=""
                 :class="
-                  uptime && uptime > 0.95 ? 'text-green-500' : 'text-red-500'
+                  v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'
                 "
               >
                 <div
                   class="tooltip"
-                  :data-tip="`${signing.missed_blocks_counter} missing blocks`"
+                  :data-tip="`${v.missed_blocks_counter} missing blocks`"
                 >
-                  {{ format.percent(uptime) }}
+                  {{ format.percent(v.uptime) }}
                 </div>
               </span>
             </td>
             <td>
-              <span v-if="signing && !signing.jailed_until.startsWith('1970')">
+              <span v-if="v.signing && !v.signing.jailed_until.startsWith('1970')">
                 <div
                   class="tooltip"
-                  :data-tip="format.toDay(signing?.jailed_until, 'long')"
+                  :data-tip="format.toDay(v.signing.jailed_until, 'long')"
                 >
-                  <span>{{ format.toDay(signing?.jailed_until, 'from') }}</span>
+                  <span>{{ format.toDay(v.signing.jailed_until, 'from') }}</span>
                 </div>
               </span>
             </td>
             <td class="text-xs text-right">
               <span
-                v-if="signing && signing.jailed_until.startsWith('1970')"
+                v-if="v.signing.jailed_until.startsWith('1970')"
                 class="text-right"
                 >{{
                   format.percent(
-                    Number(signing.index_offset) /
-                      (latest - Number(signing.start_height))
+                    Number(v.signing.index_offset) /
+                      (latest - Number(v.signing.start_height))
                   )
                 }}</span
               >
-              {{ signing?.index_offset }}
+              {{ v.signing?.index_offset }}
             </td>
-            <td class="text-right">{{ signing?.start_height }}</td>
-            <td class="capitalize">{{ signing?.tombstoned }}</td>
+            <td class="text-right">{{ v.signing?.start_height }}</td>
+            <td class="capitalize">{{ v.signing?.tombstoned }}</td>
           </tr>
           <tfoot>
             <tr>

From 43563056a243c40a1ae8061ea7a2b7a932b40c76 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Mar 2024 12:43:17 +0800
Subject: [PATCH 120/240] fixed issue

---
 src/modules/[chain]/uptime/index.vue | 59 ++++++++++++++++++++--------
 1 file changed, 42 insertions(+), 17 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index f1bada8670..ba289404be 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -56,7 +56,7 @@ const validatorSet = computed(() => {
 const blocks = ref({} as Record<string, BlockColor[]>);
 
 const grid  = computed(() => {
-  
+
   const validators = keyword.value.length === 0 ? validatorSet.value : 
   validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
 
@@ -79,21 +79,36 @@ const grid  = computed(() => {
 });
 
 baseStore.$subscribe((_, state) => {
-  
-  if(Number(state.latest.block.header.height) % 7 === 0 ) updateTotalSigningInfo();
+  const newHeight = Number(state.latest?.block?.header?.height || 0)
+  if (newHeight > latest.value) {
+    latest.value = newHeight;
+    if(Number(state.latest.block.header.height) % 7 === 0 ) updateTotalSigningInfo();
+    state.latest.block.last_commit?.signatures?.forEach((s) => {
+      const block = blocks.value[s.validator_address] || [];
+      block.push({
+        height: state.latest.block.header.height,
+        color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
+      });
+      if (block.length > 50) {
+        block.shift();
+      }
+      blocks.value[s.validator_address] = block;
+    });
 
-  state.latest.block.last_commit?.signatures?.forEach((s) => {
-    const block = blocks.value[s.validator_address] || [];
-    block.push({
-      height: state.latest.block.header.height,
-      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 
-      s.block_id_flag === 'BLOCK_ID_FLAG_NIL' ? 'bg-yellow-500' : 'bg-red-500',
+    validatorSet.value.forEach((v) => {
+      const block = blocks.value[v.base64] || [];
+      if(block.length === 0 || block[block.length - 1].height !== state.latest.block.header.height) {
+        block.push({
+          height: state.latest.block.header.height,
+          color: 'bg-red-500'
+        });
+        if (block.length > 50) {
+          block.shift();
+        }
+        blocks.value[v.base64] = block;
+      }
     });
-    if (block.length > 50) {
-      block.shift();
-    }
-    blocks.value[s.validator_address] = block;
-  });
+  }
 });
 
 onMounted(() => {
@@ -123,11 +138,21 @@ onMounted(() => {
                     const block = blocks.value[s.validator_address] || [];
                     block.unshift({
                       height: x.block.header.height,
-                      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 
-                      s.block_id_flag === 'BLOCK_ID_FLAG_NIL' ? 'bg-yellow-500' : 'bg-red-500',
+                      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500' ,
                     });
                     blocks.value[s.validator_address] = block;
                   });
+
+                  validatorSet.value.forEach((v) => {
+                    const block = blocks.value[v.base64] || [];
+                    if(block.length === 0 || block.findIndex((b) => b.height === x.block.header.height) === -1) {
+                      block.unshift({
+                        height: x.block.header.height,
+                        color: 'bg-red-500'
+                      });
+                      blocks.value[v.base64] = block;
+                    }
+                  });
                   resolve();
                 });
               }
@@ -280,7 +305,7 @@ function fetchAllKeyRotation() {
             </td>
             <td class="text-xs text-right">
               <span
-                v-if="v.signing.jailed_until.startsWith('1970')"
+                v-if="v.signing && v.signing.jailed_until.startsWith('1970')"
                 class="text-right"
                 >{{
                   format.percent(

From a491f162d785ebc3e4467b4defc344255b586fdd Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 27 Mar 2024 10:38:31 +0800
Subject: [PATCH 121/240] improve block fetch

---
 src/modules/[chain]/uptime/index.vue | 46 ++++++++++------------------
 1 file changed, 17 insertions(+), 29 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index ba289404be..39cb0293f4 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -83,30 +83,21 @@ baseStore.$subscribe((_, state) => {
   if (newHeight > latest.value) {
     latest.value = newHeight;
     if(Number(state.latest.block.header.height) % 7 === 0 ) updateTotalSigningInfo();
-    state.latest.block.last_commit?.signatures?.forEach((s) => {
-      const block = blocks.value[s.validator_address] || [];
-      block.push({
-        height: state.latest.block.header.height,
-        color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
-      });
-      if (block.length > 50) {
-        block.shift();
-      }
-      blocks.value[s.validator_address] = block;
-    });
-
     validatorSet.value.forEach((v) => {
+      const sig = state.latest.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
       const block = blocks.value[v.base64] || [];
-      if(block.length === 0 || block[block.length - 1].height !== state.latest.block.header.height) {
+      if (sig){
         block.push({
+          height: state.latest.block.header.height,
+          color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
+        });
+      } else {
+        block.unshift({
           height: state.latest.block.header.height,
           color: 'bg-red-500'
         });
-        if (block.length > 50) {
-          block.shift();
-        }
-        blocks.value[v.base64] = block;
       }
+      blocks.value[v.base64] = block;
     });
   }
 });
@@ -130,28 +121,25 @@ onMounted(() => {
       for (let i = height - 1; i > height - 50; i -= 1) {
         promise = promise.then(
           () =>
-            new Promise((resolve, reject) => {
+            new Promise((resolve) => {
               if (live.value) {
                 // continue only if the page is living
                 baseStore.fetchBlock(i).then((x) => {
-                  x.block.last_commit?.signatures?.forEach((s) => {
-                    const block = blocks.value[s.validator_address] || [];
-                    block.unshift({
-                      height: x.block.header.height,
-                      color: s.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500' ,
-                    });
-                    blocks.value[s.validator_address] = block;
-                  });
-
                   validatorSet.value.forEach((v) => {
+                    const sig = x.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
                     const block = blocks.value[v.base64] || [];
-                    if(block.length === 0 || block.findIndex((b) => b.height === x.block.header.height) === -1) {
+                    if (sig){
+                      block.push({
+                        height: x.block.header.height,
+                        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
+                      });
+                    } else {
                       block.unshift({
                         height: x.block.header.height,
                         color: 'bg-red-500'
                       });
-                      blocks.value[v.base64] = block;
                     }
+                    blocks.value[v.base64] = block;
                   });
                   resolve();
                 });

From 727a53177e67cce28b3bf8f57a4cb7bbe89ea7ab Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 27 Mar 2024 12:26:51 +0800
Subject: [PATCH 122/240] improve fetch

---
 src/modules/[chain]/uptime/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 39cb0293f4..1dcd0fc0b1 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -92,11 +92,12 @@ baseStore.$subscribe((_, state) => {
           color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
         });
       } else {
-        block.unshift({
+        block.push({
           height: state.latest.block.header.height,
           color: 'bg-red-500'
         });
       }
+      if (block.length > 50) block.shift();
       blocks.value[v.base64] = block;
     });
   }
@@ -129,7 +130,7 @@ onMounted(() => {
                     const sig = x.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
                     const block = blocks.value[v.base64] || [];
                     if (sig){
-                      block.push({
+                      block.unshift({
                         height: x.block.header.height,
                         color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
                       });

From 4a375f58d05f0451e14062a595a188f8b0d7d19b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 27 Mar 2024 15:42:53 +0800
Subject: [PATCH 123/240] optimized block loading

---
 src/modules/[chain]/uptime/index.vue | 230 +++++++++++----------------
 1 file changed, 96 insertions(+), 134 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 1dcd0fc0b1..30c05326f3 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -5,10 +5,10 @@ import {
   useStakingStore,
   useBaseStore,
   useBlockchain,
-useFormatter,
+  useFormatter,
 } from '@/stores';
 import UptimeBar from '@/components/UptimeBar.vue';
-import type { SlashingParam, SigningInfo } from '@/types';
+import type { SlashingParam, SigningInfo, Block } from '@/types';
 import { consensusPubkeyToHexAddress, valconsToBase64 } from '@/libs';
 
 const props = defineProps(['chain']);
@@ -53,24 +53,24 @@ const validatorSet = computed(() => {
   });
 });
 
-const blocks = ref({} as Record<string, BlockColor[]>);
+const blockColors = ref({} as Record<string, BlockColor[]>);
 
-const grid  = computed(() => {
+const grid = computed(() => {
 
-  const validators = keyword.value.length === 0 ? validatorSet.value : 
-  validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
+  const validators = keyword.value.length === 0 ? validatorSet.value :
+    validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
 
   const window = Number(slashingParam.value.signed_blocks_window || 0);
   return validators.map((v) => {
     const signing = signingInfo.value[v.hex];
     const uptime = signing && window > 0
-            ? (window - Number(signing.missed_blocks_counter)) / window
-            : undefined
+      ? (window - Number(signing.missed_blocks_counter)) / window
+      : undefined
     return {
       moniker: v.moniker,
       hex: v.hex,
       base64: v.base64,
-      blocks: padding(blocks.value[v.base64] || []) ,
+      blocks: padding(blockColors.value[v.base64] || []),
       uptime,
       missed_blocks_counter: signing?.missed_blocks_counter || 0,
       signing
@@ -78,77 +78,29 @@ const grid  = computed(() => {
   })
 });
 
+const preload = ref(false);
 baseStore.$subscribe((_, state) => {
   const newHeight = Number(state.latest?.block?.header?.height || 0)
   if (newHeight > latest.value) {
     latest.value = newHeight;
-    if(Number(state.latest.block.header.height) % 7 === 0 ) updateTotalSigningInfo();
-    validatorSet.value.forEach((v) => {
-      const sig = state.latest.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
-      const block = blocks.value[v.base64] || [];
-      if (sig){
-        block.push({
-          height: state.latest.block.header.height,
-          color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
-        });
-      } else {
-        block.push({
-          height: state.latest.block.header.height,
-          color: 'bg-red-500'
-        });
-      }
-      if (block.length > 50) block.shift();
-      blocks.value[v.base64] = block;
-    });
+    // initialize if it's the first time
+    if(!preload.value) {
+      preFill();
+      preload.value = true;
+    }
+    
+    if (Number(state.latest.block.header.height) % 7 === 0) updateTotalSigningInfo();
+    fillblock(state.latest);
   }
 });
 
 onMounted(() => {
   live.value = true;
 
-  baseStore.fetchLatest().then((l) => {
-    let b = l;
-    if (
-      baseStore.recents?.findIndex((x) => x.block_id.hash === l.block_id.hash) >
-      -1
-    ) {
-      b = baseStore.recents?.at(0) || l;
-    }
-    latest.value = Number(b.block.header.height);
-    const height = Number(b.block.header?.height || 0);
-    if (height > 50) {
-      // constructs sequence for loading blocks
-      let promise = Promise.resolve();
-      for (let i = height - 1; i > height - 50; i -= 1) {
-        promise = promise.then(
-          () =>
-            new Promise((resolve) => {
-              if (live.value) {
-                // continue only if the page is living
-                baseStore.fetchBlock(i).then((x) => {
-                  validatorSet.value.forEach((v) => {
-                    const sig = x.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
-                    const block = blocks.value[v.base64] || [];
-                    if (sig){
-                      block.unshift({
-                        height: x.block.header.height,
-                        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
-                      });
-                    } else {
-                      block.unshift({
-                        height: x.block.header.height,
-                        color: 'bg-red-500'
-                      });
-                    }
-                    blocks.value[v.base64] = block;
-                  });
-                  resolve();
-                });
-              }
-            })
-        );
-      }
-    }
+
+  // fill the recent blocks
+  baseStore.recents?.forEach((b) => {
+    fillblock(b, 'start');
   });
 
   updateTotalSigningInfo();
@@ -158,6 +110,50 @@ onMounted(() => {
   });
 });
 
+function preFill() {
+
+  if(latest.value > 50 && baseStore.recents.length >= 49 ) return
+  // preload 50 blocks if recent blocks are not enough
+  let promise = Promise.resolve();
+  for (let i = latest.value - baseStore.recents.length; i > latest.value - 50 && i > 1; i -= 1) {
+    promise = promise.then(() =>
+      new Promise((resolve) => {
+        if (live.value) {
+          // continue only if the page is living
+          if (i > latest.value - 50)
+            baseStore.fetchBlock(i).then((x) => {
+              fillblock(x, 'start');
+              resolve();
+            });
+        }
+      })
+    );
+  }
+}
+function fillblock(b: Block, direction: string = 'end') {
+  validatorSet.value.forEach((v) => {
+    const sig = b.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
+    const block = blockColors.value[v.base64] || [];
+    let color = {
+      height: b.block.header.height,
+      color: 'bg-red-500'
+    }
+    if (sig) {
+      color = {
+        height: b.block.header.height,
+        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
+      }
+    }
+    if (direction === 'end') {
+      block.push(color);
+    } else {
+      block.unshift(color);
+    }
+    if (block.length > 50) block.shift();
+    blockColors.value[v.base64] = block;
+  });
+}
+
 function updateTotalSigningInfo() {
   chainStore.rpc.getSlashingSigningInfos().then((x) => {
     x.info?.forEach((i) => {
@@ -184,36 +180,24 @@ function fetchAllKeyRotation() {
 <template>
   <div>
     <div class="tabs tabs-boxed bg-transparent mb-4">
-      <a
-        class="tab text-gray-400 capitalize"
-        :class="{ 'tab-active': tab === '3' }"
-        @click="changeTab('3')"
-        >{{ $t('uptime.overall') }}</a
-      >
-      <a
-        class="tab text-gray-400 capitalize"
-        :class="{ 'tab-active': tab === '2' }"
-        @click="changeTab('2')"
-        >{{ $t('module.blocks') }}</a
-      >
+      <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{
+        $t('uptime.overall') }}</a>
+      <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{
+        $t('module.blocks') }}</a>
       <RouterLink :to="`/${chain}/uptime/customize`">
         <a class="tab text-gray-400 capitalize">{{ $t('uptime.customize') }}</a>
       </RouterLink>
     </div>
     <div class="bg-base-100 px-5 pt-5">
       <div class="flex items-center gap-x-4">
-        <input
-          type="text"
-          v-model="keyword"
-          placeholder="Keywords to filter validators"
-          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600"
-        />
-        <button v-if="chainStore.isConsumerChain" class="btn btn-sm btn-primary" @click="fetchAllKeyRotation">Load Rotated Keys</button>
+        <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
+          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600" />
+        <button v-if="chainStore.isConsumerChain" class="btn btn-sm btn-primary" @click="fetchAllKeyRotation">Load
+          Rotated Keys</button>
       </div>
 
       <div v-if="chainStore.isConsumerChain && Object.keys(stakingStore.keyRotation).length === 0"
-        class="alert alert-warning my-4"
-      >
+        class="alert alert-warning my-4">
         Note: Please load rotated keys to see the correct uptime
       </div>
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
@@ -222,20 +206,13 @@ function fetchAllKeyRotation() {
           <div v-for="(unit, i) in grid" :key="i">
             <div class="flex justify-between py-0 w-[248px]">
               <label class="truncate text-sm">
-                <span class="ml-1 text-black dark:text-white"
-                  >{{ i + 1 }}.{{ unit.moniker }}</span
-                >
+                <span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ unit.moniker }}</span>
               </label>
-              <div
-                v-if="Number(unit?.missed_blocks_counter || 0) > 10"
-                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
-              >
+              <div v-if="Number(unit?.missed_blocks_counter || 0) > 10"
+                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold">
                 {{ unit?.missed_blocks_counter }}
               </div>
-              <div
-                v-else
-                class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
-              >
+              <div v-else class="badge badge-sm bg-transparent text-green-600 border-0 font-bold">
                 {{ unit?.missed_blocks_counter }}
               </div>
             </div>
@@ -244,9 +221,9 @@ function fetchAllKeyRotation() {
         </div>
         <div class="mt-5 text-xs flex justify-center gap-2">
           <span class=" font-bold">{{ $t('uptime.legend') }}: </span>
-          <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed')}} 
-          <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted')}} 
-          <span class="bg-red-500">&nbsp;</span> {{ $t('uptime.missed')}} 
+          <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed') }}
+          <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted') }}
+          <span class="bg-red-500">&nbsp;</span> {{ $t('uptime.missed') }}
         </div>
       </div>
 
@@ -269,40 +246,27 @@ function fetchAllKeyRotation() {
               </div>
             </td>
             <td class="text-right">
-              <span
-                :class="
-                  v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'
-                "
-              >
-                <div
-                  class="tooltip"
-                  :data-tip="`${v.missed_blocks_counter} missing blocks`"
-                >
+              <span :class="v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'
+        ">
+                <div class="tooltip" :data-tip="`${v.missed_blocks_counter} missing blocks`">
                   {{ format.percent(v.uptime) }}
                 </div>
               </span>
             </td>
             <td>
               <span v-if="v.signing && !v.signing.jailed_until.startsWith('1970')">
-                <div
-                  class="tooltip"
-                  :data-tip="format.toDay(v.signing.jailed_until, 'long')"
-                >
+                <div class="tooltip" :data-tip="format.toDay(v.signing.jailed_until, 'long')">
                   <span>{{ format.toDay(v.signing.jailed_until, 'from') }}</span>
                 </div>
               </span>
             </td>
             <td class="text-xs text-right">
-              <span
-                v-if="v.signing && v.signing.jailed_until.startsWith('1970')"
-                class="text-right"
-                >{{
-                  format.percent(
-                    Number(v.signing.index_offset) /
-                      (latest - Number(v.signing.start_height))
-                  )
-                }}</span
-              >
+              <span v-if="v.signing && v.signing.jailed_until.startsWith('1970')" class="text-right">{{
+        format.percent(
+          Number(v.signing.index_offset) /
+          (latest - Number(v.signing.start_height))
+        )
+      }}</span>
               {{ v.signing?.index_offset }}
             </td>
             <td class="text-right">{{ v.signing?.start_height }}</td>
@@ -312,12 +276,10 @@ function fetchAllKeyRotation() {
             <tr>
               <td colspan="2" class="text-right">
                 {{ $t('uptime.minimum_uptime') }}:
-                <span
-                  class="lowercase tooltip"
-                  :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"
-                  ><span class="ml-2 btn btn-error btn-xs">{{
-                    format.percent(slashingParam.min_signed_per_window)
-                  }}</span>
+                <span class="lowercase tooltip" :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"><span
+                    class="ml-2 btn btn-error btn-xs">{{
+        format.percent(slashingParam.min_signed_per_window)
+                    }}</span>
                 </span>
               </td>
               <td colspan="8"></td>

From 903e3cbae9a72caccea4a1bb7440259413379b43 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 27 Mar 2024 19:53:59 +0800
Subject: [PATCH 124/240] show empty instead of 0

---
 src/modules/[chain]/uptime/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 30c05326f3..cd607e7909 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -72,7 +72,7 @@ const grid = computed(() => {
       base64: v.base64,
       blocks: padding(blockColors.value[v.base64] || []),
       uptime,
-      missed_blocks_counter: signing?.missed_blocks_counter || 0,
+      missed_blocks_counter: signing?.missed_blocks_counter,
       signing
     } as ValidatorUnit;
   })

From 87197797a9f089fe9a9ddb07dffe0665c7191167 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 29 Mar 2024 10:48:50 +0800
Subject: [PATCH 125/240] add bg color for table header

---
 src/modules/[chain]/staking/index.vue | 2 +-
 src/modules/[chain]/supply/index.vue  | 2 +-
 src/modules/[chain]/uptime/index.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index b211bafe2e..22cade2a90 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -306,7 +306,7 @@ loadAvatars();
         <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
             <div class="overflow-x-auto">
                 <table class="table staking-table w-full">
-                    <thead>
+                    <thead class=" bg-base-200">
                         <tr>
                             <th
                                 scope="col"
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 7e8e5f2ae3..43f4d97654 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -34,7 +34,7 @@ function pageload(p: number) {
 <template>
     <div class="overflow-auto">
         <table class="table table-compact">
-            <thead>
+            <thead class=" bg-base-200">
                 <tr>
                     <td>Token</td>
                     <td>Amount</td>
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index cd607e7909..6f0e8383e4 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -229,7 +229,7 @@ function fetchAllKeyRotation() {
 
       <div :class="tab === '3' ? '' : 'hidden'" class="overflow-x-auto">
         <table class="table table-compact w-full mt-5">
-          <thead class="capitalize">
+          <thead class="capitalize bg-base-200">
             <tr>
               <td>{{ $t('account.validator') }}</td>
               <td class="text-right">{{ $t('module.uptime') }}</td>

From 5ffa213b14bde1f9903d9eb46b51d505e70e32fc Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 31 Mar 2024 19:39:40 +0800
Subject: [PATCH 126/240] add block chart

---
 src/components/charts/TxsInBlocksChart.vue | 44 ++++++++++++++++++++++
 src/modules/[chain]/block/index.vue        |  8 +++-
 2 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/components/charts/TxsInBlocksChart.vue

diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
new file mode 100644
index 0000000000..6e630782a9
--- /dev/null
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -0,0 +1,44 @@
+<script lang="ts" setup>
+import ApexCharts from 'vue3-apexcharts';
+import { computed, ref } from '@vue/reactivity';
+import { useBaseStore } from '@/stores';
+
+const baseStore = useBaseStore();
+
+const options = computed(() => {
+    return {
+        chart: {
+            type: 'bar',
+            height: 150
+        },
+        plotOptions: {
+            bar: {
+                // borderRadius: 4,
+                horizontal: false,
+            }
+        },
+        dataLabels: {
+          enabled: false
+        },
+        colors: ['#5A67D8'],
+        xaxis: {
+            labels: {
+                show: false,
+                rotate: -45
+            },
+            show: false,
+            categories: baseStore.recents.map((x) => x.block.header.height).concat(Array(50-baseStore.recents.length).fill('')),
+        }
+    };
+});
+const series = computed(() => {
+    return [{
+        name: 'Txs',
+        data: baseStore.recents?.map((x) => x.block.data.txs.length) || []
+    }]
+});
+</script>
+
+<template>
+    <ApexCharts type="bar" height="150" :options="options" :series="series" />
+</template>
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 0b3b291910..f18a3dec8b 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import { computed, ref } from '@vue/reactivity';
 import { useBaseStore, useFormatter } from '@/stores';
+import TxsInBlocksChart from '@/components/charts/TxsInBlocksChart.vue';
+
 const props = defineProps(['chain']);
 
 const tab = ref('blocks');
@@ -25,8 +27,11 @@ const list = computed(() => {
                 >{{ $t('block.future') }}</RouterLink>
         </div>
 
-        <div v-show="tab === 'blocks'" class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
+        <div v-show="tab === 'blocks'">
+
+            <TxsInBlocksChart />
 
+            <div class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
             <RouterLink v-for="item in list"
                 class="flex flex-col justify-between rounded p-4 shadow bg-base-100"
                 :to="`/${chain}/block/${item.block.header.height}`">
@@ -45,6 +50,7 @@ const list = computed(() => {
                     <span class="text-right mt-1 whitespace-nowrap"> {{ item.block?.data?.txs.length }} txs </span>
                 </div>
             </RouterLink>
+            </div>
         </div>
     </div>
 </template>

From 5fed99b1ab9460297824aecabb040bb6b4f53997 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 31 Mar 2024 19:39:50 +0800
Subject: [PATCH 127/240] add background

---
 src/modules/[chain]/supply/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 43f4d97654..2216f0ebf1 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -32,7 +32,7 @@ function pageload(p: number) {
 
 </script>
 <template>
-    <div class="overflow-auto">
+    <div class="overflow-auto bg-base-100">
         <table class="table table-compact">
             <thead class=" bg-base-200">
                 <tr>
@@ -40,7 +40,7 @@ function pageload(p: number) {
                     <td>Amount</td>
                 </tr>
             </thead>
-            <tr v-for="item in list">
+            <tr v-for="item in list" class="hover">
                 <td>{{ item.denom  }}</td>
                 <td>{{ item.amount  }}</td>
             </tr>

From 838c74dbce5071c6268f4c1f74638352d089854d Mon Sep 17 00:00:00 2001
From: ToTheMars2 <109024799+ToTheMars2@users.noreply.github.com>
Date: Tue, 2 Apr 2024 14:59:12 +0300
Subject: [PATCH 128/240] correct upgrade time for proposals

I think it will be a more dynamic option)
---
 src/modules/[chain]/gov/[proposal_id].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 1f640c2cc8..083b6e3ac0 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -128,7 +128,7 @@ const upgradeCountdown = computed((): number => {
   if (height > 0) {
     const base = useBaseStore();
     const current = Number(base.latest?.block?.header?.height || 0);
-    return (height - current) * 6 * 1000;
+    return (height - current) * Number((base.blocktime / 1000).toFixed()) * 1000;
   }
   const now = new Date();
   const end = new Date(proposal.value.content?.plan?.time || '');

From 7b964b67f2387d2320ec99e16a72672ac201b56b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 16 Apr 2024 09:54:21 +0800
Subject: [PATCH 129/240] fix api changed

---
 src/stores/useStakingStore.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index 22c0ed8a99..35ccbeb65b 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -129,7 +129,8 @@ export const useStakingStore = defineStore('stakingStore', {
     async fetchAllKeyRotation(chain_id: string) {
       for(const val of this.validators) {
         const { prefix } = fromBech32(val.operator_address)
-        await this.fetchKeyRotation(chain_id, pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','')))
+        console.log(val, prefix)
+        await this.fetchKeyRotation(chain_id, pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','valcons')))
       }
     },
     async fetchValidators(status: string, limit = 300) {

From 21feb03eceebe0bf1548a5d7025abb6442d951cc Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 20 Apr 2024 17:18:58 +0800
Subject: [PATCH 130/240] remove ad

---
 src/components/ad/AdBanner.vue | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index ff3b7ec92c..f6d3ff551b 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -10,22 +10,22 @@ const props = defineProps({
 });
 
 const show = ref(false)
-onMounted(() => {
-  const adClient = getClient();
-  const adUnitId = getUnit(props.unit);
-  show.value = adClient !== undefined && adUnitId !== undefined;
+// onMounted(() => {
+//   const adClient = getClient();
+//   const adUnitId = getUnit(props.unit);
+//   show.value = adClient !== undefined && adUnitId !== undefined;
 
-  if(show.value) {
-    adClient.showBannerAd({
-        adUnitId,
-        containerId: props.id,
-    });
-  }
-});
+//   if(show.value) {
+//     adClient.showBannerAd({
+//         adUnitId,
+//         containerId: props.id,
+//     });
+//   }
+// });
 
 </script>
 <template>
   <div v-show="show" class="grid justify-items-center overflow-auto">
-    <div :id="id" class="mt-6"></div>
+    
   </div>
 </template>

From 4b1f6c7082baff77da49b8774489d42004b79943 Mon Sep 17 00:00:00 2001
From: eCox <100167495+eCoxvague@users.noreply.github.com>
Date: Sun, 21 Apr 2024 20:48:45 +0300
Subject: [PATCH 131/240] Add files via upload

---
 chains/testnet/crossfi.json | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 chains/testnet/crossfi.json

diff --git a/chains/testnet/crossfi.json b/chains/testnet/crossfi.json
new file mode 100644
index 0000000000..5414f3f202
--- /dev/null
+++ b/chains/testnet/crossfi.json
@@ -0,0 +1,11 @@
+{
+    "chain_name": "crossfi-testnet-1",
+    "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
+    "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
+    "coingecko": "",
+    "snapshot_provider": "",
+    "sdk_version": "0.47.1",
+    "coin_type": "118",
+    "min_tx_fee": "500",
+    "addr_prefix": "crossfi"
+    }
\ No newline at end of file

From 56d4072022cc703a5c4eda1d0bb68467e1f35e74 Mon Sep 17 00:00:00 2001
From: eCox <100167495+eCoxvague@users.noreply.github.com>
Date: Sun, 21 Apr 2024 20:49:10 +0300
Subject: [PATCH 132/240] Add files via upload

---
 chains/mainnet/crossfi.json | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 chains/mainnet/crossfi.json

diff --git a/chains/mainnet/crossfi.json b/chains/mainnet/crossfi.json
new file mode 100644
index 0000000000..5414f3f202
--- /dev/null
+++ b/chains/mainnet/crossfi.json
@@ -0,0 +1,11 @@
+{
+    "chain_name": "crossfi-testnet-1",
+    "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
+    "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
+    "coingecko": "",
+    "snapshot_provider": "",
+    "sdk_version": "0.47.1",
+    "coin_type": "118",
+    "min_tx_fee": "500",
+    "addr_prefix": "crossfi"
+    }
\ No newline at end of file

From 0a552e78de3bf1493fb085537e17a76377e3ca37 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 28 Apr 2024 09:00:18 +0800
Subject: [PATCH 133/240] re-enable ad

---
 src/components/ad/AdBanner.vue | 25 ++++++++++++-------------
 src/components/ad/ad.ts        |  9 +++++----
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index f6d3ff551b..2ceba49cbb 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -10,22 +10,21 @@ const props = defineProps({
 });
 
 const show = ref(false)
-// onMounted(() => {
-//   const adClient = getClient();
-//   const adUnitId = getUnit(props.unit);
-//   show.value = adClient !== undefined && adUnitId !== undefined;
+onMounted(() => {
+  const adClient = getClient();
+  const adUnitId = getUnit(props.unit);
+  show.value = adClient !== undefined && adUnitId !== undefined;
 
-//   if(show.value) {
-//     adClient.showBannerAd({
-//         adUnitId,
-//         containerId: props.id,
-//     });
-//   }
-// });
+  if(show.value) {
+    adClient.showBannerAd({
+        adUnitId,
+        containerId: props.id,
+    });
+  }
+});
 
 </script>
 <template>
-  <div v-show="show" class="grid justify-items-center overflow-auto">
-    
+  <div v-show="show" :id="id" :unit="unit" class="grid justify-items-center overflow-auto pt-4">
   </div>
 </template>
diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
index 75fb38b8f0..f48c83704d 100644
--- a/src/components/ad/ad.ts
+++ b/src/components/ad/ad.ts
@@ -6,10 +6,10 @@ interface ADConfig {
 }
 
 export const confs: Record<string, ADConfig> = {
-    // "localhost": {
-    //     apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
-    //     environment: 'staging', // use value 'production' when going live
-    // },
+    "localhost": {
+        apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
+        environment: 'staging', // use value 'production' when going live
+    },
     "ping.pub": {
         apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
         environment: 'production',
@@ -34,6 +34,7 @@ export const UNITS: Record<string, Record<string, string>> = {
         "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
         "banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
     },
+    
 }
 
 export function getClient() {

From ca29dbba7d7fef968ab0f28b18b0cb140f3df5b1 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 28 Apr 2024 09:17:48 +0800
Subject: [PATCH 134/240] fixed issues

---
 src/stores/useDashboard.ts | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 530b96a470..a1e4bc95ca 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -138,19 +138,21 @@ function apiConverter(api: any[]) {
 
 export function fromLocal(lc: LocalConfig): ChainConfig {
   const conf = {} as ChainConfig;
-  conf.assets = lc.assets.map((x) => ({
-    name: x.base,
-    base: x.base,
-    display: x.symbol,
-    symbol: x.symbol,
-    logo_URIs: { svg: x.logo },
-    coingecko_id: x.coingecko_id,
-    exponent: x.exponent,
-    denom_units: [
-      { denom: x.base, exponent: 0 },
-      { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
-    ],
-  }));
+  if(lc.assets && Array.isArray(lc.assets)) {
+    conf.assets = lc.assets.map((x) => ({
+      name: x.base,
+      base: x.base,
+      display: x.symbol,
+      symbol: x.symbol,
+      logo_URIs: { svg: x.logo },
+      coingecko_id: x.coingecko_id,
+      exponent: x.exponent,
+      denom_units: [
+        { denom: x.base, exponent: 0 },
+        { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
+      ],
+    }));
+  }
   conf.versions = {
     cosmosSdk: lc.sdk_version
   }

From 7f8503edd2d2048ab72e428597c763aab34363ee Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 28 Apr 2024 09:25:03 +0800
Subject: [PATCH 135/240] improve tolerance of config

---
 src/stores/useDashboard.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index a1e4bc95ca..a84101075b 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -290,7 +290,7 @@ export const useDashboard = defineStore('dashboard', {
       const keys = Object.keys(this.chains) // load all blockchain
       // Object.keys(this.favoriteMap) //only load favorite once it has too many chains
       keys.forEach(k => {
-        if(this.chains[k]) this.chains[k].assets.forEach(a => {
+        if(Array.isArray(this.chains[k]?.assets)) this.chains[k].assets.forEach(a => {
           if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
             coinIds.push(a.coingecko_id)
             a.denom_units.forEach(u => {

From 19e2e5875aa73135232edc1617f2ae365c01e1a6 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 28 Apr 2024 09:26:41 +0800
Subject: [PATCH 136/240] removed error config

---
 chains/mainnet/crossfi.json | 11 -----------
 1 file changed, 11 deletions(-)
 delete mode 100644 chains/mainnet/crossfi.json

diff --git a/chains/mainnet/crossfi.json b/chains/mainnet/crossfi.json
deleted file mode 100644
index 5414f3f202..0000000000
--- a/chains/mainnet/crossfi.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-    "chain_name": "crossfi-testnet-1",
-    "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
-    "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
-    "coingecko": "",
-    "snapshot_provider": "",
-    "sdk_version": "0.47.1",
-    "coin_type": "118",
-    "min_tx_fee": "500",
-    "addr_prefix": "crossfi"
-    }
\ No newline at end of file

From 0ac6ef2c66b828d1121553f2c0956d553025272e Mon Sep 17 00:00:00 2001
From: Sergey <freak12techno@gmail.com>
Date: Wed, 1 May 2024 15:39:15 +0300
Subject: [PATCH 137/240] Format validator events tokens

---
 package.json                                |   1 +
 src/modules/[chain]/staking/[validator].vue |  40 +++---
 yarn.lock                                   | 132 ++++++++++++++++++++
 3 files changed, 156 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 397d5ae78c..fc3287b990 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@chenfengyuan/vue-countdown": "2",
     "@cosmjs/crypto": "^0.29.5",
     "@cosmjs/encoding": "^0.29.5",
+    "@cosmjs/stargate": "^0.32.3",
     "@iconify/vue": "^4.1.0",
     "@intlify/unplugin-vue-i18n": "^0.8.2",
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 49a1f9e090..d253d092f9 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { parseCoins } from '@cosmjs/stargate';
 import {
   useBlockchain,
   useFormatter,
@@ -222,24 +223,29 @@ pagePowerEvents(1)
 
 function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
   const attributes = events
-    .filter(x => x.type=== selectedEventType.value)
-      .filter(x => x.attributes.findIndex(attr => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))) > -1)
-      .map(x => {
-    // check if attributes need to decode
-    const output = {} as {[key: string]: string }
-
-    if(x.attributes.findIndex(a => a.key === `amount`) > -1) {
-      x.attributes.forEach(attr => {
-        output[attr.key] = attr.value
-      })
-    } else x.attributes.forEach(attr => {
-      output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
-    })
-    return output
-  })  
+    .filter(x => x.type === selectedEventType.value)
+    .filter(x => x.attributes.findIndex(attr => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))) > -1)
+    .map(x => {
+      // check if attributes need to decode
+      const output = {} as {[key: string]: string }
+
+      if (x.attributes.findIndex(a => a.key === `amount`) > -1) {
+        x.attributes.forEach(attr => {
+          output[attr.key] = attr.value
+        })
+      } else {
+        x.attributes.forEach(attr => {
+          output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
+        })
+      };
+
+      return output;
+    });
 
-  return attributes
+  const coinsAsString = attributes.map((x: any) => x.amount).join(',');
+  const coins = parseCoins(coinsAsString);
 
+  return coins.map(coin => format.formatToken(coin)).join(', ');
 }
 
 function mapDelegators(messages: any[]) {
@@ -678,7 +684,7 @@ function mapDelegators(messages: any[]) {
                   <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
                     <span class="mr-2">
                       {{ (selectedEventType === EventType.Delegate ? '+' : '-')}} {{
-                      mapEvents(item.events).map((x: any) => x.amount).join(", ")
+                      mapEvents(item.events)
                     }}</span>
                   </RouterLink>
                   <Icon
diff --git a/yarn.lock b/yarn.lock
index 900b5ae2af..6830532818 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1418,6 +1418,16 @@
     "@cosmjs/math" "^0.31.1"
     "@cosmjs/utils" "^0.31.1"
 
+"@cosmjs/amino@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/amino/-/amino-0.32.3.tgz#b81d4a2b8d61568431a1afcd871e1344a19d97ff"
+  integrity sha512-G4zXl+dJbqrz1sSJ56H/25l5NJEk/pAPIr8piAHgbXYw88OdAOlpA26PQvk2IbSN/rRgVbvlLTNgX2tzz1dyUA==
+  dependencies:
+    "@cosmjs/crypto" "^0.32.3"
+    "@cosmjs/encoding" "^0.32.3"
+    "@cosmjs/math" "^0.32.3"
+    "@cosmjs/utils" "^0.32.3"
+
 "@cosmjs/cosmwasm-stargate@0.30.0":
   version "0.30.0"
   resolved "https://registry.yarnpkg.com/@cosmjs/cosmwasm-stargate/-/cosmwasm-stargate-0.30.0.tgz#b03c6c1383ef658695fcb02e6e1f4df2ddbd4710"
@@ -1474,6 +1484,19 @@
     elliptic "^6.5.4"
     libsodium-wrappers-sumo "^0.7.11"
 
+"@cosmjs/crypto@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/crypto/-/crypto-0.32.3.tgz#787f8e659709678722068ee1ddf379f65051a25e"
+  integrity sha512-niQOWJHUtlJm2GG4F00yGT7sGPKxfUwz+2qQ30uO/E3p58gOusTcH2qjiJNVxb8vScYJhFYFqpm/OA/mVqoUGQ==
+  dependencies:
+    "@cosmjs/encoding" "^0.32.3"
+    "@cosmjs/math" "^0.32.3"
+    "@cosmjs/utils" "^0.32.3"
+    "@noble/hashes" "^1"
+    bn.js "^5.2.0"
+    elliptic "^6.5.4"
+    libsodium-wrappers-sumo "^0.7.11"
+
 "@cosmjs/encoding@^0.29.3", "@cosmjs/encoding@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/encoding/-/encoding-0.29.5.tgz#009a4b1c596cdfd326f30ccfa79f5e56daa264f2"
@@ -1501,6 +1524,15 @@
     bech32 "^1.1.4"
     readonly-date "^1.0.0"
 
+"@cosmjs/encoding@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/encoding/-/encoding-0.32.3.tgz#e245ff511fe4a0df7ba427b5187aab69e3468e5b"
+  integrity sha512-p4KF7hhv8jBQX3MkB3Defuhz/W0l3PwWVYU2vkVuBJ13bJcXyhU9nJjiMkaIv+XP+W2QgRceqNNgFUC5chNR7w==
+  dependencies:
+    base64-js "^1.3.0"
+    bech32 "^1.1.4"
+    readonly-date "^1.0.0"
+
 "@cosmjs/json-rpc@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/json-rpc/-/json-rpc-0.29.5.tgz#5e483a9bd98a6270f935adf0dfd8a1e7eb777fe4"
@@ -1517,6 +1549,14 @@
     "@cosmjs/stream" "^0.30.1"
     xstream "^11.14.0"
 
+"@cosmjs/json-rpc@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/json-rpc/-/json-rpc-0.32.3.tgz#ccffdd7f722cecfab6daaa7463843b92f5d25355"
+  integrity sha512-JwFRWZa+Y95KrAG8CuEbPVOSnXO2uMSEBcaAB/FBU3Mo4jQnDoUjXvt3vwtFWxfAytrWCn1I4YDFaOAinnEG/Q==
+  dependencies:
+    "@cosmjs/stream" "^0.32.3"
+    xstream "^11.14.0"
+
 "@cosmjs/math@^0.29.3", "@cosmjs/math@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/math/-/math-0.29.5.tgz#722c96e080d6c2b62215ce9f4c70da7625b241b6"
@@ -1538,6 +1578,13 @@
   dependencies:
     bn.js "^5.2.0"
 
+"@cosmjs/math@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/math/-/math-0.32.3.tgz#16e4256f4da507b9352327da12ae64056a2ba6c9"
+  integrity sha512-amumUtZs8hCCnV+lSBaJIiZkGabQm22QGg/IotYrhcmoOEOjt82n7hMNlNXRs7V6WLMidGrGYcswB5zcmp0Meg==
+  dependencies:
+    bn.js "^5.2.0"
+
 "@cosmjs/proto-signing@0.29.3":
   version "0.29.3"
   resolved "https://registry.yarnpkg.com/@cosmjs/proto-signing/-/proto-signing-0.29.3.tgz#fa5ed609ed2a0007d8d5eacbeb1f5a89ba1b77ff"
@@ -1590,6 +1637,18 @@
     cosmjs-types "^0.8.0"
     long "^4.0.0"
 
+"@cosmjs/proto-signing@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/proto-signing/-/proto-signing-0.32.3.tgz#91ae149b747d18666a6ccc924165b306431f7c0d"
+  integrity sha512-kSZ0ZUY0DwcRT0NcIn2HkadH4NKlwjfZgbLj1ABwh/4l0RgeT84QCscZCu63tJYq3K6auwqTiZSZERwlO4/nbg==
+  dependencies:
+    "@cosmjs/amino" "^0.32.3"
+    "@cosmjs/crypto" "^0.32.3"
+    "@cosmjs/encoding" "^0.32.3"
+    "@cosmjs/math" "^0.32.3"
+    "@cosmjs/utils" "^0.32.3"
+    cosmjs-types "^0.9.0"
+
 "@cosmjs/socket@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/socket/-/socket-0.29.5.tgz#a48df6b4c45dc6a6ef8e47232725dd4aa556ac2d"
@@ -1610,6 +1669,16 @@
     ws "^7"
     xstream "^11.14.0"
 
+"@cosmjs/socket@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/socket/-/socket-0.32.3.tgz#fa5c36bf58e87c0ad865d6318ecb0f8d9c89a28a"
+  integrity sha512-F2WwNmaUPdZ4SsH6Uyreq3wQk7jpaEkb3wfOP951f5Jt6HCW/PxbxhKzHkAAf6+Sqks6SPhkbWoE8XaZpjL2KA==
+  dependencies:
+    "@cosmjs/stream" "^0.32.3"
+    isomorphic-ws "^4.0.1"
+    ws "^7"
+    xstream "^11.14.0"
+
 "@cosmjs/stargate@0.29.3":
   version "0.29.3"
   resolved "https://registry.yarnpkg.com/@cosmjs/stargate/-/stargate-0.29.3.tgz#9bd303bfd32a7399a233e662864e7cc32e2607af"
@@ -1646,6 +1715,22 @@
     protobufjs "~6.11.3"
     xstream "^11.14.0"
 
+"@cosmjs/stargate@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/stargate/-/stargate-0.32.3.tgz#5a92b222ada960ebecea72cc9f366370763f4b66"
+  integrity sha512-OQWzO9YWKerUinPIxrO1MARbe84XkeXJAW0lyMIjXIEikajuXZ+PwftiKA5yA+8OyditVmHVLtPud6Pjna2s5w==
+  dependencies:
+    "@confio/ics23" "^0.6.8"
+    "@cosmjs/amino" "^0.32.3"
+    "@cosmjs/encoding" "^0.32.3"
+    "@cosmjs/math" "^0.32.3"
+    "@cosmjs/proto-signing" "^0.32.3"
+    "@cosmjs/stream" "^0.32.3"
+    "@cosmjs/tendermint-rpc" "^0.32.3"
+    "@cosmjs/utils" "^0.32.3"
+    cosmjs-types "^0.9.0"
+    xstream "^11.14.0"
+
 "@cosmjs/stream@^0.29.3", "@cosmjs/stream@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/stream/-/stream-0.29.5.tgz#350981cac496d04939b92ee793b9b19f44bc1d4e"
@@ -1660,6 +1745,13 @@
   dependencies:
     xstream "^11.14.0"
 
+"@cosmjs/stream@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/stream/-/stream-0.32.3.tgz#7522579aaf18025d322c2f33d6fb7573220395d6"
+  integrity sha512-J2zVWDojkynYifAUcRmVczzmp6STEpyiAARq0rSsviqjreGIfspfuws/8rmkPa6qQBZvpQOBQCm2HyZZwYplIw==
+  dependencies:
+    xstream "^11.14.0"
+
 "@cosmjs/tendermint-rpc@^0.29.3":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/tendermint-rpc/-/tendermint-rpc-0.29.5.tgz#f205c10464212bdf843f91bb2e4a093b618cb5c2"
@@ -1692,6 +1784,22 @@
     readonly-date "^1.0.0"
     xstream "^11.14.0"
 
+"@cosmjs/tendermint-rpc@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/tendermint-rpc/-/tendermint-rpc-0.32.3.tgz#f0406b9f0233e588fb924dca8c614972f9038aff"
+  integrity sha512-xeprW+VR9xKGstqZg0H/KBZoUp8/FfFyS9ljIUTLM/UINjP2MhiwncANPS2KScfJVepGufUKk0/phHUeIBSEkw==
+  dependencies:
+    "@cosmjs/crypto" "^0.32.3"
+    "@cosmjs/encoding" "^0.32.3"
+    "@cosmjs/json-rpc" "^0.32.3"
+    "@cosmjs/math" "^0.32.3"
+    "@cosmjs/socket" "^0.32.3"
+    "@cosmjs/stream" "^0.32.3"
+    "@cosmjs/utils" "^0.32.3"
+    axios "^1.6.0"
+    readonly-date "^1.0.0"
+    xstream "^11.14.0"
+
 "@cosmjs/utils@^0.29.3", "@cosmjs/utils@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/utils/-/utils-0.29.5.tgz#3fed1b3528ae8c5f1eb5d29b68755bebfd3294ee"
@@ -1707,6 +1815,11 @@
   resolved "https://registry.yarnpkg.com/@cosmjs/utils/-/utils-0.31.1.tgz#e6055cd7d722fa72df9cbd0d39cd1f7a9ac80483"
   integrity sha512-n4Se1wu4GnKwztQHNFfJvUeWcpvx3o8cWhSbNs9JQShEuB3nv3R5lqFBtDCgHZF/emFQAP+ZjF8bTfCs9UBGhA==
 
+"@cosmjs/utils@^0.32.3":
+  version "0.32.3"
+  resolved "https://registry.yarnpkg.com/@cosmjs/utils/-/utils-0.32.3.tgz#5dcaee6dd7cc846cdc073e9a7a7f63242f5f7e31"
+  integrity sha512-WCZK4yksj2hBDz4w7xFZQTRZQ/RJhBX26uFHmmQFIcNUUVAihrLO+RerqJgk0dZqC42wstM9pEUQGtPmLcIYvg==
+
 "@cosmwasm/ts-codegen@0.21.1":
   version "0.21.1"
   resolved "https://registry.yarnpkg.com/@cosmwasm/ts-codegen/-/ts-codegen-0.21.1.tgz#abbb15fdb8f1c966079de49e0da0f847fa5045fe"
@@ -3115,6 +3228,15 @@ axios@^1.3.2:
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
+axios@^1.6.0:
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.8.tgz#66d294951f5d988a00e87a0ffb955316a619ea66"
+  integrity sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
 babel-plugin-istanbul@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
@@ -3586,6 +3708,11 @@ cosmjs-types@^0.8.0:
     long "^4.0.0"
     protobufjs "~6.11.2"
 
+cosmjs-types@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/cosmjs-types/-/cosmjs-types-0.9.0.tgz#c3bc482d28c7dfa25d1445093fdb2d9da1f6cfcc"
+  integrity sha512-MN/yUe6mkJwHnCFfsNPeCfXVhyxHYW6c/xDUzrSbBycYzw++XvWDMJArXp2pLdgD6FQ8DW79vkPjeNKVrXaHeQ==
+
 cross-fetch@^3.1.5:
   version "3.1.8"
   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.8.tgz#0327eba65fd68a7d119f8fb2bf9334a1a7956f82"
@@ -4276,6 +4403,11 @@ follow-redirects@^1.14.0, follow-redirects@^1.14.9, follow-redirects@^1.15.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
 
+follow-redirects@^1.15.6:
+  version "1.15.6"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
+  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+
 for-each@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"

From ce64016085490971423cc6b8bba6808258f75eb0 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 12 May 2024 12:47:21 +0800
Subject: [PATCH 138/240] upgrade cosmjs version

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index fc3287b990..b710aba237 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "@chenfengyuan/vue-countdown": "2",
-    "@cosmjs/crypto": "^0.29.5",
-    "@cosmjs/encoding": "^0.29.5",
+    "@cosmjs/crypto": "^0.32.3",
+    "@cosmjs/encoding": "^0.32.3",
     "@cosmjs/stargate": "^0.32.3",
     "@iconify/vue": "^4.1.0",
     "@intlify/unplugin-vue-i18n": "^0.8.2",

From b053a460e025f646eefc4ac82c19981213129d22 Mon Sep 17 00:00:00 2001
From: shidiq <57977381+shidiqmuh0@users.noreply.github.com>
Date: Sun, 26 May 2024 20:34:22 +0700
Subject: [PATCH 139/240] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index b710aba237..c34951f178 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@chenfengyuan/vue-countdown": "2",
     "@cosmjs/crypto": "^0.32.3",
+    "@cosmjs/amino": "^0.32.3",
     "@cosmjs/encoding": "^0.32.3",
     "@cosmjs/stargate": "^0.32.3",
     "@iconify/vue": "^4.1.0",

From ba6407fbb47d63e37e4e323eb97ea3afe1e1aba3 Mon Sep 17 00:00:00 2001
From: shidiq <57977381+shidiqmuh0@users.noreply.github.com>
Date: Sun, 26 May 2024 20:35:08 +0700
Subject: [PATCH 140/240] Create axelar.json

---
 chains/mainnet/axelar.json | 74 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 chains/mainnet/axelar.json

diff --git a/chains/mainnet/axelar.json b/chains/mainnet/axelar.json
new file mode 100644
index 0000000000..2572fbc922
--- /dev/null
+++ b/chains/mainnet/axelar.json
@@ -0,0 +1,74 @@
+{
+    "chain_name": "axelar",
+    "api": [
+        "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe/"
+    ],
+    "rpc": [
+        "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe/"
+    ],
+    "snapshot_provider": "",
+    "sdk_version": "0.45.6",
+    "coin_type": "118",
+    "min_tx_fee": "800",
+    "addr_prefix": "axelar",
+    "logo": "/logos/axelar.svg",
+    "theme_color": "#161723",
+    "assets": [
+        {
+            "base": "uaxl",
+            "symbol": "AXL",
+            "exponent": "6",
+            "coingecko_id": "axelar",
+            "logo": "/logos/axelar.svg"
+        },
+        {
+            "base": "uusdc",
+            "symbol": "axlUSDC",
+            "exponent": "6",
+            "coingecko_id": "usd-coin",
+            "logo": "/logos/usdc.svg"
+        },
+        {
+            "base": "uusdt",
+            "symbol": "axlUSDT",
+            "exponent": "6",
+            "coingecko_id": "tether",
+            "logo": "/logos/usdt.svg"
+        },
+        {
+            "base": "dai-wei",
+            "symbol": "axlDAI",
+            "exponent": "18",
+            "coingecko_id": "dai",
+            "logo": "/logos/dai.svg"
+        },
+        {
+            "base": "weth-wei",
+            "symbol": "axlWETH",
+            "exponent": "18",
+            "coingecko_id": "ethereum",
+            "logo": "/logos/weth.svg"
+        },
+        {
+            "base": "wmatic-wei",
+            "symbol": "axlWMATIC",
+            "exponent": "18",
+            "coingecko_id": "matic-network",
+            "logo": "/logos/wmatic.svg"
+        },
+        {
+            "base": "wavax-wei",
+            "symbol": "axlWAVAX",
+            "exponent": "18",
+            "coingecko_id": "avalanche-2",
+            "logo": "/logos/wavax.svg"
+        },
+        {
+            "base": "dot-planck",
+            "symbol": "axlDOT",
+            "exponent": "10",
+            "coingecko_id": "polkadot",
+            "logo": "/logos/dot.svg"
+        }
+    ]
+}

From 7603d77137e67a6b16509208bd12f6e3ece97e8f Mon Sep 17 00:00:00 2001
From: shidiq <57977381+shidiqmuh0@users.noreply.github.com>
Date: Mon, 27 May 2024 12:22:40 +0700
Subject: [PATCH 141/240] Update axelar.json

---
 chains/mainnet/axelar.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/chains/mainnet/axelar.json b/chains/mainnet/axelar.json
index 2572fbc922..28bd6d986b 100644
--- a/chains/mainnet/axelar.json
+++ b/chains/mainnet/axelar.json
@@ -1,10 +1,10 @@
 {
     "chain_name": "axelar",
     "api": [
-        "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe/"
+        "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
     ],
     "rpc": [
-        "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe/"
+        "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
     ],
     "snapshot_provider": "",
     "sdk_version": "0.45.6",

From 036df51d6e053ae9df038117c33869a7e287c8a0 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 1 Jun 2024 11:23:12 +0800
Subject: [PATCH 142/240] add faucet feature

---
 src/components/ad/ad.ts                  |   2 +
 src/layouts/components/DefaultLayout.vue |  24 +++-
 src/modules/[chain]/faucet/index.vue     | 144 +++++++++++++++++++++++
 src/stores/useDashboard.ts               |  17 ++-
 4 files changed, 184 insertions(+), 3 deletions(-)
 create mode 100644 src/modules/[chain]/faucet/index.vue

diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
index f48c83704d..a0a1fdae28 100644
--- a/src/components/ad/ad.ts
+++ b/src/components/ad/ad.ts
@@ -25,6 +25,7 @@ export const UNITS: Record<string, Record<string, string>> = {
     "localhost": {
         "banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987",
         "banner_mobile": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6",
+        "popup": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6"
     },
     "ping.pub": {
         "banner": "6883877a-ccae-4a08-b457-7e30b3465a8c",
@@ -33,6 +34,7 @@ export const UNITS: Record<string, Record<string, string>> = {
     "testnet.ping.pub": {
         "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
         "banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
+        "popup": "bd77a47c-30fc-4592-9d37-616d4f66964d"
     },
     
 }
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 31e3a47b5e..5529a85da5 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -8,7 +8,7 @@ import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
 import NavbarSearch from '@/layouts/components/NavbarSearch.vue';
 import ChainProfile from '@/layouts/components/ChainProfile.vue';
 
-import { useDashboard } from '@/stores/useDashboard';
+import { NetworkType, useDashboard } from '@/stores/useDashboard';
 import { useBaseStore, useBlockchain } from '@/stores';
 
 import NavBarI18n from './NavBarI18n.vue';
@@ -143,7 +143,7 @@ dayjs()
               {{ item?.badgeContent }}
             </div>
           </div>
-          <div class="collapse-content">
+          <div class="collapse-content">            
             <div v-for="(el, key) of item?.children" class="menu bg-base-100 w-full !p-0">
               <RouterLink
                 v-if="isNavLink(el)"
@@ -181,6 +181,26 @@ dayjs()
                 </div>
               </RouterLink>
             </div>
+            <div v-if="dashboard.networkType === NetworkType.Testnet" class="menu bg-base-100 w-full !p-0">
+              <RouterLink 
+              class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
+              :to="`/${blockchain.chainName}/faucet`">
+                <Icon
+                  icon="mdi:chevron-right"
+                  class="mr-2 ml-3"
+                  ></Icon>
+                <div
+                  class="text-base capitalize text-gray-500 dark:text-gray-300"
+                >
+                  Faucet
+                </div>
+                <div
+                  class="badge badge-sm text-white border-none badge-error ml-auto" 
+                >
+                  New
+                </div>
+              </RouterLink>
+            </div>
           </div>
         </div>
 
diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
new file mode 100644
index 0000000000..428bb9efe0
--- /dev/null
+++ b/src/modules/[chain]/faucet/index.vue
@@ -0,0 +1,144 @@
+<script lang="ts" setup>
+import AdBanner from '@/components/ad/AdBanner.vue';
+import { get } from '@/libs';
+import { useBlockchain, useFormatter, useGovStore } from '@/stores';
+import { ref, onMounted, computed } from 'vue';
+
+const chainStore = useBlockchain();
+const format = useFormatter();
+
+const notReady = computed(() => {
+    return chainStore.current === undefined || chainStore.current.endpoints.grpc === undefined || chainStore.current.faucet === undefined; 
+});
+
+const validAddress = computed(() => {
+    if (!address.value) return true;
+    return address.value.startsWith(chainStore.current?.bech32Prefix || '1');
+});
+
+const faucetUrl = computed(() => {
+    return `https://faucet.ping.pub/${chainStore.current?.chainName}`;
+    // return `http://localhost:3000/${chainStore.current?.chainName}`;
+});
+
+
+interface FaucetResponse {
+    status: string;
+    result: any;
+    message: string;
+}
+
+const address = ref('');
+const faucet = ref('');
+const balances = ref([]);
+const faucetModal = ref(false);
+const ret = ref({} as FaucetResponse); 
+
+function claim() {
+    
+    ret.value = {} as FaucetResponse;
+    const prefix = chainStore.current?.bech32Prefix || 'cosmos';
+    if (!address.value ) return;
+    faucetModal.value = true;
+    // @ts-ignore
+    get(`${faucetUrl.value}/send/${address.value}`).then( (res: FaucetResponse) => {
+        console.log(res);
+        ret.value = res;
+    });
+}
+
+function balance() {
+    get(`${faucetUrl.value}/balance`).then(res => {
+        balances.value = res.result?.balance;
+        faucet.value = res.result?.address;
+    });
+}
+
+onMounted(() => {
+    if (notReady.value) return;
+    balance();
+});
+
+
+
+</script>
+<template>
+    <div>
+        <div class="flex md:!flex-row flex-col items-center justify-center mb-6 mt-14 gap-2">
+            <div class="w-16 rounded-full">
+                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.000000 132.000000"
+                    preserveAspectRatio="xMidYMid meet">
+                    <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)" fill="#666CFF" class=""
+                        stroke="none">
+                        <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
+            81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
+            -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
+            -106 112 -197 112 -201 0 -4 -50 -95 -111 -201 l-112 -194 -231 0 -231 0 -105
+            181 c-58 100 -109 190 -114 200 -6 14 17 63 104 213 l112 196 232 0 231 0 113
+            -194z" />
+                        <path d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
+            165 267 183 308 4 9 -233 7 -317 -1z" />
+                        <path d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
+            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z" />
+                        <path d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
+            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z" />
+                    </g>
+                </svg>
+            </div>
+            <h1 class="text-primary text-3xl md:!text-6xl font-bold capitalize">
+                {{ chainStore.chainName }} Faucet
+            </h1>
+        </div>
+        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+            <h2 class="card-title">Get Tokens</h2>
+            <input type="text" v-model="address" class="mt-4 mb-4 w-full border border-gray-300 rounded-md p-2"
+                :class="{'input-error' : !validAddress}"
+                :disabled="notReady" placeholder="Enter your address" />
+            <button class="btn btn-primary w-full bg-primary text-white" :disabled="notReady" @click="claim()">Get
+                Tokens</button>
+        </div>
+
+        <AdBanner id="home-banner-ad" unit="banner" />
+
+        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+            <h2 class="card-title">Enable Faucet</h2>
+            <div class="mt-4">
+                <span class="text-base"> 1. Submit chain configuation</span>
+                <div class="mockup-code bg-base-200 my-2 gap-4">
+                    <pre>https://github.com/ping-pub/faucet </pre>
+                    <a class=" btn-ghost text-white rounded-md p-2 ml-4"
+                        href="https://github.com/ping-pub/faucet">Go</a>
+                </div>
+
+                <span class="text-base"> 2. Fund the faucet account</span>
+                <div class="mockup-code bg-base-200 my-2">
+                    <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Address: {{ faucet }} </code></pre>
+                    <pre
+                        data-prefix=">"><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
+                </div>
+            </div>
+        </div>
+        <input type="checkbox" v-model="faucetModal" id="my_modal_6" class="modal-toggle" />
+        <div class="modal" role="dialog">
+            <div class="modal-box">
+                <div v-if="ret.status === 'error'">
+                    <h3 class="font-bold text-red-500"> Error </h3>
+                    <div>{{ ret.message }}</div>
+                </div>
+                <div v-else-if="ret.status === 'ok'">
+                    <h3 class="font-bold text-green-500"> Token Sent! </h3>
+                    <div><RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink></div>
+                </div>
+                <h3 v-else class="font-bold text-lg"> Processing <span class="loading loading-bars loading-sm"></span> </h3>
+                <div class="modal-action">
+                    <label for="my_modal_6"  class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</label>
+                </div>
+                <p class="py-4">
+                <div>
+                    <AdBanner id="home-banner-ad" unit="popup" />
+                </div>
+                </p>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index a84101075b..ba8902562f 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -85,7 +85,13 @@ export interface ChainConfig {
     low: number,
     average: number,
     high: number,
-  },
+  },  
+  faucet?: {
+    amount: string,
+    ip_limit: number,
+    address_limit: number,
+    fees: string
+  };
 }
 
 export interface LocalConfig {
@@ -93,6 +99,7 @@ export interface LocalConfig {
   consensus_prefix?: string;
   alias: string;
   api: string[] | Endpoint[];
+  grpc: Endpoint[];
   provider_chain: {
     api: string[] | Endpoint[]
   }
@@ -118,6 +125,12 @@ export interface LocalConfig {
     high: number,
   },
   keplr_features: string[],
+  faucet?: {
+    amount: string,
+    ip_limit: number,
+    address_limit: number,
+    fees: string
+  };
 }
 
 function apiConverter(api: any[]) {
@@ -164,6 +177,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
   conf.endpoints = {
     rest: apiConverter(lc.api),
     rpc: apiConverter(lc.rpc),
+    grpc: apiConverter(lc.grpc),
   };
   if(lc.provider_chain) {
     conf.providerChain = {
@@ -175,6 +189,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
   conf.keplrFeatures = lc.keplr_features;
   conf.keplrPriceStep = lc.keplr_price_step;
   conf.themeColor = lc.theme_color;
+  conf.faucet = lc.faucet;
   return conf;
 }
 

From c935c6eb696d5c35f4ffe17b3c3153a3a5f46010 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 1 Jun 2024 14:45:23 +0800
Subject: [PATCH 143/240] Show blockchain logo

---
 src/modules/[chain]/faucet/index.vue | 6 +++---
 src/stores/useDashboard.ts           | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index 428bb9efe0..54cc041d98 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -60,12 +60,12 @@ onMounted(() => {
 });
 
 
-
 </script>
 <template>
     <div>
-        <div class="flex md:!flex-row flex-col items-center justify-center mb-6 mt-14 gap-2">
-            <div class="w-16 rounded-full">
+        <div class="flex flex-col items-center justify-center mb-6 mt-14 gap-4">
+            <img v-if="chainStore.current?.logo" :src="`${chainStore.current?.logo}`" class="w-16 rounded-md" />
+            <div v-else class="w-16 rounded-full">
                 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.000000 132.000000"
                     preserveAspectRatio="xMidYMid meet">
                     <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)" fill="#666CFF" class=""
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index ba8902562f..8354c17b4f 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -185,7 +185,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     }
   }
   conf.features = lc.features
-  conf.logo = lc.logo;
+  conf.logo = lc.logo.startsWith('http') ? lc.logo : `https://ping.pub${lc.logo}`;
   conf.keplrFeatures = lc.keplr_features;
   conf.keplrPriceStep = lc.keplr_price_step;
   conf.themeColor = lc.theme_color;

From 0ae8de38460e7c6b23aa12d5b3e133ec0b4fb83c Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 1 Jun 2024 17:09:01 +0800
Subject: [PATCH 144/240] improve ad update

---
 src/components/ad/ad.ts              | 3 ++-
 src/modules/[chain]/faucet/index.vue | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
index a0a1fdae28..5ede5d9bc2 100644
--- a/src/components/ad/ad.ts
+++ b/src/components/ad/ad.ts
@@ -34,7 +34,8 @@ export const UNITS: Record<string, Record<string, string>> = {
     "testnet.ping.pub": {
         "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
         "banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
-        "popup": "bd77a47c-30fc-4592-9d37-616d4f66964d"
+        "popup": "bd77a47c-30fc-4592-9d37-616d4f66964d",
+        "popup_mobile": "bd77a47c-30fc-4592-9d37-616d4f66964d"
     },
     
 }
diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index 54cc041d98..d5999b6660 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -127,15 +127,16 @@ onMounted(() => {
                 </div>
                 <div v-else-if="ret.status === 'ok'">
                     <h3 class="font-bold text-green-500"> Token Sent! </h3>
-                    <div><RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink></div>
+                    <div class=" text-center mt-4"><RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink></div>
                 </div>
                 <h3 v-else class="font-bold text-lg"> Processing <span class="loading loading-bars loading-sm"></span> </h3>
+ 
                 <div class="modal-action">
                     <label for="my_modal_6"  class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</label>
                 </div>
-                <p class="py-4">
+                <p class="py-2">
                 <div>
-                    <AdBanner id="home-banner-ad" unit="popup" />
+                    <AdBanner id="popup-ad" unit="popup" />
                 </div>
                 </p>
             </div>

From c6016ea04705d17f5f8d27a27297e7bfdefa059b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 1 Jun 2024 17:23:30 +0800
Subject: [PATCH 145/240] show one faucet in menu

---
 src/layouts/components/DefaultLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 5529a85da5..17e784c06b 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -181,7 +181,7 @@ dayjs()
                 </div>
               </RouterLink>
             </div>
-            <div v-if="dashboard.networkType === NetworkType.Testnet" class="menu bg-base-100 w-full !p-0">
+            <div v-if="index === 0 && dashboard.networkType === NetworkType.Testnet" class="menu bg-base-100 w-full !p-0">
               <RouterLink 
               class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
               :to="`/${blockchain.chainName}/faucet`">

From 09d4291499e642e740649821eb097b8b7389fcd2 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 5 Jun 2024 08:43:46 +0800
Subject: [PATCH 146/240] remove endpoint check

---
 src/modules/[chain]/faucet/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index d5999b6660..ac0b3a4ad2 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -8,7 +8,7 @@ const chainStore = useBlockchain();
 const format = useFormatter();
 
 const notReady = computed(() => {
-    return chainStore.current === undefined || chainStore.current.endpoints.grpc === undefined || chainStore.current.faucet === undefined; 
+    return chainStore.current === undefined || chainStore.current.faucet === undefined; 
 });
 
 const validAddress = computed(() => {

From 2ee1d398d1e577397e3e1291bfba0495203fe861 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 5 Jun 2024 12:17:23 +0800
Subject: [PATCH 147/240] update config checker

---
 src/modules/[chain]/faucet/index.vue | 58 ++++++++++++++++++++--------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index ac0b3a4ad2..c88038498f 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -6,9 +6,35 @@ import { ref, onMounted, computed } from 'vue';
 
 const chainStore = useBlockchain();
 const format = useFormatter();
+interface FaucetResponse {
+    status: string;
+    result: any;
+    message: string;
+}
+
+const address = ref('');
+const faucet = ref('');
+const balances = ref([]);
+const faucetModal = ref(false);
+const ret = ref({} as FaucetResponse); 
+const configChecker = ref('');
+
+const checklist = computed(() => {
+    const endpoint = chainStore.current?.endpoints?.rest
+    const bs = balances.value.length > 0 && balances.value.findIndex((v:any) => v.amount <= 10) === -1;
+    return [
+        { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
+        { title: 'Has Faucet Configured', status: chainStore.current?.faucet !== undefined },
+        { title: 'Faucet Account', status: faucet.value !== ''},
+        { title: 'Faucet Balance', status: bs},
+    ];
+});
 
 const notReady = computed(() => {
-    return chainStore.current === undefined || chainStore.current.faucet === undefined; 
+    for (const it of checklist.value) {
+        if (!it.status) return true;
+    }
+    return false;
 });
 
 const validAddress = computed(() => {
@@ -22,18 +48,6 @@ const faucetUrl = computed(() => {
 });
 
 
-interface FaucetResponse {
-    status: string;
-    result: any;
-    message: string;
-}
-
-const address = ref('');
-const faucet = ref('');
-const balances = ref([]);
-const faucetModal = ref(false);
-const ret = ref({} as FaucetResponse); 
-
 function claim() {
     
     ret.value = {} as FaucetResponse;
@@ -49,14 +63,19 @@ function claim() {
 
 function balance() {
     get(`${faucetUrl.value}/balance`).then(res => {
+        if(res.status === 'error') {
+            configChecker.value = res.message;
+            return;
+        }
         balances.value = res.result?.balance;
         faucet.value = res.result?.address;
     });
 }
 
 onMounted(() => {
-    if (notReady.value) return;
-    balance();
+    if (chainStore.current && chainStore.current.faucet) {
+        balance();
+    }
 });
 
 
@@ -105,9 +124,14 @@ onMounted(() => {
             <div class="mt-4">
                 <span class="text-base"> 1. Submit chain configuation</span>
                 <div class="mockup-code bg-base-200 my-2 gap-4">
-                    <pre>https://github.com/ping-pub/faucet </pre>
+                    <div v-for="it in checklist">
+                        <pre>{{ it.title }}: {{ it.status ? '✅' : '❌' }} </pre>
+                    </div>
+
+                    <pre class=" text-xs text-red-500">{{ configChecker }}</pre>
+                    <pre></pre>
                     <a class=" btn-ghost text-white rounded-md p-2 ml-4"
-                        href="https://github.com/ping-pub/faucet">Go</a>
+                        href="https://github.com/ping-pub/ping.pub/blob/main/faucet.md">Update</a>
                 </div>
 
                 <span class="text-base"> 2. Fund the faucet account</span>

From 8ce2cfaa9fadc19045a80c0eec3a57fec7e17189 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 6 Jun 2024 08:58:15 +0800
Subject: [PATCH 148/240] update UI

---
 src/modules/[chain]/faucet/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index c88038498f..e82d768d7e 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -125,7 +125,7 @@ onMounted(() => {
                 <span class="text-base"> 1. Submit chain configuation</span>
                 <div class="mockup-code bg-base-200 my-2 gap-4">
                     <div v-for="it in checklist">
-                        <pre>{{ it.title }}: {{ it.status ? '✅' : '❌' }} </pre>
+                        <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>
                     </div>
 
                     <pre class=" text-xs text-red-500">{{ configChecker }}</pre>
@@ -136,7 +136,7 @@ onMounted(() => {
 
                 <span class="text-base"> 2. Fund the faucet account</span>
                 <div class="mockup-code bg-base-200 my-2">
-                    <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Address: {{ faucet }} </code></pre>
+                    <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Faucet Address: {{ faucet }} </code></pre>
                     <pre
                         data-prefix=">"><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
                 </div>

From 6756c41676010d28782cac136fc32922010cda63 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 11 Jun 2024 17:14:35 +0800
Subject: [PATCH 149/240] apply update

---
 src/modules/[chain]/faucet/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index e82d768d7e..263f27433c 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -24,7 +24,7 @@ const checklist = computed(() => {
     const bs = balances.value.length > 0 && balances.value.findIndex((v:any) => v.amount <= 10) === -1;
     return [
         { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
-        { title: 'Has Faucet Configured', status: chainStore.current?.faucet !== undefined },
+        { title: 'Faucet Configured', status: chainStore.current?.faucet !== undefined },
         { title: 'Faucet Account', status: faucet.value !== ''},
         { title: 'Faucet Balance', status: bs},
     ];

From d0c4278f8454aa44861f24a3ff27527281730121 Mon Sep 17 00:00:00 2001
From: showlizi <showzyl520@gmail.com>
Date: Fri, 14 Jun 2024 17:26:14 +0800
Subject: [PATCH 150/240] feat: add side

---
 chains/mainnet/side.json                |  81 ++++++++++++++++++
 src/layouts/components/NavBarWallet.vue |  20 ++++-
 src/modules/wallet/keplr.vue            |   1 +
 src/modules/wallet/unisat.vue           | 104 ++++++++++++++++++++++++
 src/router/index.ts                     |   2 +-
 src/stores/useWalletStore.ts            |   7 +-
 6 files changed, 211 insertions(+), 4 deletions(-)
 create mode 100644 chains/mainnet/side.json
 create mode 100644 src/modules/wallet/unisat.vue

diff --git a/chains/mainnet/side.json b/chains/mainnet/side.json
new file mode 100644
index 0000000000..cbfc804184
--- /dev/null
+++ b/chains/mainnet/side.json
@@ -0,0 +1,81 @@
+{
+    "chain_name": "SIDE-Testnet",
+    "api": [],
+    "rpc": [
+        "https://testnet-rpc.side.one",
+        "https://testnet-rpc2.side.one"
+    ],
+    "faucet": "https://testnet.side.one/faucet",
+    "snapshot_provider": "",
+    "sdk_version": "0.45.6",
+    "coin_type": "118",
+    "min_tx_fee": "800",
+    "addr_prefix": "side",
+    "logo": "/logos/side.png",
+    "theme_color": "#161723",
+    "assets": [
+      {
+        "base": "uside",
+        "symbol": "SIDE",
+        "name": "Side protocol",
+        "exponent": "6",
+        "coingecko_id": "usd-coin",
+        "logo": "side-SIDE",
+        "precision": 6
+      },
+      {
+        "base": "abtct",
+        "symbol": "BTCT",
+        "name": "Bitcoin Token",
+        "exponent": "8",
+        "coingecko_id": "bitcoin",
+        "logo": "",
+        "precision": 8
+      },
+      {
+        "base": "uusdc",
+        "symbol": "USDC",
+        "name": "USD Coin",
+        "exponent": "6",
+        "coingecko_id": "usd-coin",
+        "logo": "side-USDC",
+        "precision": 6
+      },
+      {
+        "base": "uusdt",
+        "symbol": "USDT",
+        "name": "Tether USD",
+        "exponent": "6",
+        "coingecko_id": "usd-coin",
+        "logo": "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzkuNDMgMjk1LjI3Ij48dGl0bGU+dGV0aGVyLXVzZHQtbG9nbzwvdGl0bGU+PHBhdGggZD0iTTYyLjE1LDEuNDVsLTYxLjg5LDEzMGEyLjUyLDIuNTIsMCwwLDAsLjU0LDIuOTRMMTY3Ljk1LDI5NC41NmEyLjU1LDIuNTUsMCwwLDAsMy41MywwTDMzOC42MywxMzQuNGEyLjUyLDIuNTIsMCwwLDAsLjU0LTIuOTRsLTYxLjg5LTEzMEEyLjUsMi41LDAsMCwwLDI3NSwwSDY0LjQ1YTIuNSwyLjUsMCwwLDAtMi4zLDEuNDVoMFoiIHN0eWxlPSJmaWxsOiM1MGFmOTU7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTkxLjE5LDE0NC44djBjLTEuMi4wOS03LjQsMC40Ni0yMS4yMywwLjQ2LTExLDAtMTguODEtLjMzLTIxLjU1LTAuNDZ2MGMtNDIuNTEtMS44Ny03NC4yNC05LjI3LTc0LjI0LTE4LjEzczMxLjczLTE2LjI1LDc0LjI0LTE4LjE1djI4LjkxYzIuNzgsMC4yLDEwLjc0LjY3LDIxLjc0LDAuNjcsMTMuMiwwLDE5LjgxLS41NSwyMS0wLjY2di0yOC45YzQyLjQyLDEuODksNzQuMDgsOS4yOSw3NC4wOCwxOC4xM3MtMzEuNjUsMTYuMjQtNzQuMDgsMTguMTJoMFptMC0zOS4yNVY3OS42OGg1OS4yVjQwLjIzSDg5LjIxVjc5LjY4SDE0OC40djI1Ljg2Yy00OC4xMSwyLjIxLTg0LjI5LDExLjc0LTg0LjI5LDIzLjE2czM2LjE4LDIwLjk0LDg0LjI5LDIzLjE2djgyLjloNDIuNzhWMTUxLjgzYzQ4LTIuMjEsODQuMTItMTEuNzMsODQuMTItMjMuMTRzLTM2LjA5LTIwLjkzLTg0LjEyLTIzLjE1aDBabTAsMGgwWiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==",
+        "precision": 6
+      },
+      {
+        "base": "uwbtc",
+        "coingecko_id": "bitcoin",
+        "exponent": "8",
+        "logo": "",
+        "name": "Wrapped BTC",
+        "precision": 8,
+        "symbol": "wBTC"
+      },
+      {
+        "base": "ibc/F082B65C88E4B6D5EF1DB243CDA1D331D002759E938A0F5CD3FFDC5D53B3E349",
+        "symbol": "USDC",
+        "name": "USD Coin (ibc)",
+        "exponent": "6",
+        "coingecko_id": "usd-coin",
+        "logo": "side-USDC",
+        "precision": 6
+      },
+      {
+        "base": "ibc/4BDF2D63B8FFE3454AF30E9BC10D2D7979BD3A938D989889ABC94FC5B86F1E2D",
+        "symbol": "aUSDC",
+        "name": "aUSDC.axl (ibc)",
+        "exponent": "6",
+        "coingecko_id": "usd-coin",
+        "logo": "https://testnet.satellite.money/assets/tokens/uausdc.logo.svg",
+        "precision": 6
+      }
+    ]
+}
diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index 2d0c69d535..98e1c0385a 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { useRoute } from 'vue-router'
 import { useBaseStore, useBlockchain, useWalletStore } from '@/stores';
 import { Icon } from '@iconify/vue';
 import { ref, computed } from 'vue';
 
+const route = useRoute();
 const walletStore = useWalletStore();
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
@@ -32,6 +34,22 @@ const tipMsg = computed(() => {
     ? { class: 'error', msg: 'Copy Error!' }
     : { class: 'success', msg: 'Copy Success!' };
 });
+// console.log(`route: `, route);
+// console.log(`baseStore: `, baseStore);
+// console.log(`baseStore: currentChainId`, baseStore.currentChainId);
+// console.log(`baseStore: defaultHDPath`, chainStore?.value?.defaultHDPath);
+// console.log(`baseStore: `, walletStateChange);
+// console.log(`baseStore: `, walletStore.suggestChain());
+
+let chainId = baseStore?.value?.currentChainId;
+let params = '';
+if (route.path === '/SIDE-Testnet') {
+  chainId = 'S2-testnet-2';
+  params = JSON.stringify({
+    wallet: ['okex', 'unisat']
+  })
+}
+
 </script>
 
 <template>
@@ -83,7 +101,7 @@ const tipMsg = computed(() => {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet :chain-id="baseStore.currentChainId" :hd-path="chainStore.defaultHDPath"
+    <ping-connect-wallet :params="params" :chain-id="chainId" :hd-path="chainStore.defaultHDPath"
       :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
       @keplr-config="walletStore.suggestChain()" />
   </Teleport>
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index f1959a47ce..c8ce25b8e4 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -13,6 +13,7 @@ const selected = ref({} as ChainConfig)
 onMounted(() => {
     const chainStore = useBlockchain()
     selected.value = chainStore.current || Object.values(dashboard.chains)[0]
+  debugger;
     initParamsForKeplr()
 })
 async function initParamsForKeplr() {
diff --git a/src/modules/wallet/unisat.vue b/src/modules/wallet/unisat.vue
new file mode 100644
index 0000000000..2a04d56ab5
--- /dev/null
+++ b/src/modules/wallet/unisat.vue
@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useDashboard, type ChainConfig, useBlockchain } from '@/stores';
+import { CosmosRestClient } from '@/libs/client';
+import { onMounted } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
+
+const error = ref("")
+const conf = ref("")
+const dashboard = useDashboard()
+const selected = ref({} as ChainConfig)
+
+onMounted(() => {
+    const chainStore = useBlockchain()
+    selected.value = chainStore.current || Object.values(dashboard.chains)[0];
+})
+async function initParamsForKeplr() {
+    const chain = selected.value
+    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
+    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
+    const b = await client.getBaseBlockLatest()   
+    const chainid = b.block.header.chain_id
+
+    const gasPriceStep = chain.keplrPriceStep || {
+        low: 0.01,
+        average: 0.025,
+        high: 0.03,
+    }
+    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
+    conf.value = JSON.stringify({
+        chainId: chainid,
+        chainName: chain.chainName,
+        rpc: chain.endpoints?.rpc?.at(0)?.address,
+        rest: chain.endpoints?.rest?.at(0)?.address,
+        bip44: {
+            coinType: Number(chain.coinType),
+        },
+        coinType: Number(chain.coinType),
+        bech32Config: {
+            bech32PrefixAccAddr: chain.bech32Prefix,
+            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+        },
+        currencies: [
+            {
+                coinDenom: chain.assets[0].symbol,
+                coinMinimalDenom: chain.assets[0].base,
+                coinDecimals,
+                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+            },
+        ],
+        feeCurrencies: [
+            {
+                coinDenom: chain.assets[0].symbol,
+                coinMinimalDenom: chain.assets[0].base,
+                coinDecimals,
+                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+                gasPriceStep,
+            },
+        ],
+        gasPriceStep,
+        stakeCurrency: {
+            coinDenom: chain.assets[0].symbol,
+            coinMinimalDenom: chain.assets[0].base,
+            coinDecimals,
+            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+        },
+        features: chain.keplrFeatures || [],
+    }, null, '\t')
+}
+
+function suggest() {
+    // @ts-ignore
+    if (window.unisat) {
+        // @ts-ignore
+        window.unisat.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
+            error.value = e
+        })
+    }
+}
+</script>
+
+<template>
+    <div class="bg-base-100 p-4 rounded text-center">
+        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
+        <div class="flex">
+            <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
+                <option v-for="c in dashboard.chains" :value="c">
+                    {{ c.chainName }}
+                </option>
+            </select>
+            <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">Add {{ selected.chainName }} TO Unisat Wallet</button>
+        </div>
+        <div class="text-main mt-5">
+            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
+        </div>
+        <div class="mt-4 mb-4">
+            If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
+        </div>
+    </div>
+</template>
diff --git a/src/router/index.ts b/src/router/index.ts
index 7dc4a6d0ab..7030ae872b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -14,7 +14,7 @@ const router = createRouter({
 router.beforeEach((to) => {
     const { chain } = to.params
     if(chain){
-      const blockchain = useBlockchain()
+      const blockchain= useBlockchain()
       if(chain !== blockchain.chainName) {
         blockchain.setCurrent(chain.toString())
       }
diff --git a/src/stores/useWalletStore.ts b/src/stores/useWalletStore.ts
index 5962287cce..2843e72e30 100644
--- a/src/stores/useWalletStore.ts
+++ b/src/stores/useWalletStore.ts
@@ -128,8 +128,11 @@ export const useWalletStore = defineStore('walletStore', {
       if(value) this.wallet = value 
     },
     suggestChain() {
-      // const router = useRouter()
-      router.push({path: '/wallet/keplr'})
+      if (window.location.pathname === '/SIDE-Testnet') {
+        router.push({path: '/wallet/unisat'})
+      } else {
+        router.push({path: '/wallet/keplr'})
+      }
     }
   },
 });
\ No newline at end of file

From 51aaf66068e52f01121919d7c6a853db398e52fa Mon Sep 17 00:00:00 2001
From: showlizi <showzyl520@gmail.com>
Date: Fri, 14 Jun 2024 18:03:36 +0800
Subject: [PATCH 151/240] fix: route unisat

---
 src/layouts/components/NavBarWallet.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index 98e1c0385a..db1b43b344 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -43,7 +43,7 @@ const tipMsg = computed(() => {
 
 let chainId = baseStore?.value?.currentChainId;
 let params = '';
-if (route.path === '/SIDE-Testnet') {
+if (route.path === '/SIDE-Testnet' || route.path === '/wallet/unisat') {
   chainId = 'S2-testnet-2';
   params = JSON.stringify({
     wallet: ['okex', 'unisat']

From 4b6930b040f2d91cd4de782b4072649c8d0f3cdb Mon Sep 17 00:00:00 2001
From: ping <18786721@qq.com>
Date: Sun, 16 Jun 2024 08:08:29 +0800
Subject: [PATCH 152/240] Delete chains/mainnet/side.json

---
 chains/mainnet/side.json | 81 ----------------------------------------
 1 file changed, 81 deletions(-)
 delete mode 100644 chains/mainnet/side.json

diff --git a/chains/mainnet/side.json b/chains/mainnet/side.json
deleted file mode 100644
index cbfc804184..0000000000
--- a/chains/mainnet/side.json
+++ /dev/null
@@ -1,81 +0,0 @@
-{
-    "chain_name": "SIDE-Testnet",
-    "api": [],
-    "rpc": [
-        "https://testnet-rpc.side.one",
-        "https://testnet-rpc2.side.one"
-    ],
-    "faucet": "https://testnet.side.one/faucet",
-    "snapshot_provider": "",
-    "sdk_version": "0.45.6",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "side",
-    "logo": "/logos/side.png",
-    "theme_color": "#161723",
-    "assets": [
-      {
-        "base": "uside",
-        "symbol": "SIDE",
-        "name": "Side protocol",
-        "exponent": "6",
-        "coingecko_id": "usd-coin",
-        "logo": "side-SIDE",
-        "precision": 6
-      },
-      {
-        "base": "abtct",
-        "symbol": "BTCT",
-        "name": "Bitcoin Token",
-        "exponent": "8",
-        "coingecko_id": "bitcoin",
-        "logo": "",
-        "precision": 8
-      },
-      {
-        "base": "uusdc",
-        "symbol": "USDC",
-        "name": "USD Coin",
-        "exponent": "6",
-        "coingecko_id": "usd-coin",
-        "logo": "side-USDC",
-        "precision": 6
-      },
-      {
-        "base": "uusdt",
-        "symbol": "USDT",
-        "name": "Tether USD",
-        "exponent": "6",
-        "coingecko_id": "usd-coin",
-        "logo": "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzkuNDMgMjk1LjI3Ij48dGl0bGU+dGV0aGVyLXVzZHQtbG9nbzwvdGl0bGU+PHBhdGggZD0iTTYyLjE1LDEuNDVsLTYxLjg5LDEzMGEyLjUyLDIuNTIsMCwwLDAsLjU0LDIuOTRMMTY3Ljk1LDI5NC41NmEyLjU1LDIuNTUsMCwwLDAsMy41MywwTDMzOC42MywxMzQuNGEyLjUyLDIuNTIsMCwwLDAsLjU0LTIuOTRsLTYxLjg5LTEzMEEyLjUsMi41LDAsMCwwLDI3NSwwSDY0LjQ1YTIuNSwyLjUsMCwwLDAtMi4zLDEuNDVoMFoiIHN0eWxlPSJmaWxsOiM1MGFmOTU7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTkxLjE5LDE0NC44djBjLTEuMi4wOS03LjQsMC40Ni0yMS4yMywwLjQ2LTExLDAtMTguODEtLjMzLTIxLjU1LTAuNDZ2MGMtNDIuNTEtMS44Ny03NC4yNC05LjI3LTc0LjI0LTE4LjEzczMxLjczLTE2LjI1LDc0LjI0LTE4LjE1djI4LjkxYzIuNzgsMC4yLDEwLjc0LjY3LDIxLjc0LDAuNjcsMTMuMiwwLDE5LjgxLS41NSwyMS0wLjY2di0yOC45YzQyLjQyLDEuODksNzQuMDgsOS4yOSw3NC4wOCwxOC4xM3MtMzEuNjUsMTYuMjQtNzQuMDgsMTguMTJoMFptMC0zOS4yNVY3OS42OGg1OS4yVjQwLjIzSDg5LjIxVjc5LjY4SDE0OC40djI1Ljg2Yy00OC4xMSwyLjIxLTg0LjI5LDExLjc0LTg0LjI5LDIzLjE2czM2LjE4LDIwLjk0LDg0LjI5LDIzLjE2djgyLjloNDIuNzhWMTUxLjgzYzQ4LTIuMjEsODQuMTItMTEuNzMsODQuMTItMjMuMTRzLTM2LjA5LTIwLjkzLTg0LjEyLTIzLjE1aDBabTAsMGgwWiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==",
-        "precision": 6
-      },
-      {
-        "base": "uwbtc",
-        "coingecko_id": "bitcoin",
-        "exponent": "8",
-        "logo": "",
-        "name": "Wrapped BTC",
-        "precision": 8,
-        "symbol": "wBTC"
-      },
-      {
-        "base": "ibc/F082B65C88E4B6D5EF1DB243CDA1D331D002759E938A0F5CD3FFDC5D53B3E349",
-        "symbol": "USDC",
-        "name": "USD Coin (ibc)",
-        "exponent": "6",
-        "coingecko_id": "usd-coin",
-        "logo": "side-USDC",
-        "precision": 6
-      },
-      {
-        "base": "ibc/4BDF2D63B8FFE3454AF30E9BC10D2D7979BD3A938D989889ABC94FC5B86F1E2D",
-        "symbol": "aUSDC",
-        "name": "aUSDC.axl (ibc)",
-        "exponent": "6",
-        "coingecko_id": "usd-coin",
-        "logo": "https://testnet.satellite.money/assets/tokens/uausdc.logo.svg",
-        "precision": 6
-      }
-    ]
-}

From 9d882785f4d38283acac0766ff4b6145b4d0bb9c Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 16 Jun 2024 08:48:48 +0800
Subject: [PATCH 153/240] update wallet connect

---
 index.html                              |  2 +-
 src/layouts/components/NavBarWallet.vue | 26 ++++++++++---------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 3c1c9f9468..156b08af67 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
       });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@latest/dist/ping-widget.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@v0.3.8/dist/ping-widget.min.js"></script>
 
   </body>
 </html>
diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index db1b43b344..f80eaa1a1f 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -34,21 +34,15 @@ const tipMsg = computed(() => {
     ? { class: 'error', msg: 'Copy Error!' }
     : { class: 'success', msg: 'Copy Success!' };
 });
-// console.log(`route: `, route);
-// console.log(`baseStore: `, baseStore);
-// console.log(`baseStore: currentChainId`, baseStore.currentChainId);
-// console.log(`baseStore: defaultHDPath`, chainStore?.value?.defaultHDPath);
-// console.log(`baseStore: `, walletStateChange);
-// console.log(`baseStore: `, walletStore.suggestChain());
 
-let chainId = baseStore?.value?.currentChainId;
-let params = '';
-if (route.path === '/SIDE-Testnet' || route.path === '/wallet/unisat') {
-  chainId = 'S2-testnet-2';
-  params = JSON.stringify({
-    wallet: ['okex', 'unisat']
-  })
-}
+const params = computed(() => {
+  if (chainStore.chainName == 'side') {
+    return JSON.stringify({
+      wallet: ['okex', 'unisat'],
+   });
+  }
+  return "";
+});
 
 </script>
 
@@ -101,9 +95,9 @@ if (route.path === '/SIDE-Testnet' || route.path === '/wallet/unisat') {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet :params="params" :chain-id="chainId" :hd-path="chainStore.defaultHDPath"
+    <ping-connect-wallet :chain-id="baseStore.currentChainId" :hd-path="chainStore.defaultHDPath"
       :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
-      @keplr-config="walletStore.suggestChain()" />
+      @keplr-config="walletStore.suggestChain()"  :params="params" />
   </Teleport>
 </template>
 

From 01958fb73b4a9172cbf6dfaf390d0b3e1341ec5d Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 16 Jun 2024 08:56:29 +0800
Subject: [PATCH 154/240] fix wallet

---
 src/layouts/components/NavBarWallet.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index f80eaa1a1f..fc52e61674 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -95,7 +95,7 @@ const params = computed(() => {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet :chain-id="baseStore.currentChainId" :hd-path="chainStore.defaultHDPath"
+    <ping-connect-wallet :chain-id="baseStore.currentChainId || 'cosmoshub-4'" :hd-path="chainStore.defaultHDPath"
       :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
       @keplr-config="walletStore.suggestChain()"  :params="params" />
   </Teleport>

From d45fb91328cea0a046e374ee0cc670902e85bb01 Mon Sep 17 00:00:00 2001
From: omahs <73983677+omahs@users.noreply.github.com>
Date: Sun, 16 Jun 2024 06:59:55 +0200
Subject: [PATCH 155/240] fix typos

---
 chains/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/chains/README.md b/chains/README.md
index 7b651cfadd..dbb910de04 100644
--- a/chains/README.md
+++ b/chains/README.md
@@ -1,10 +1,10 @@
 # Directory Layout
 
-** if you want to list your blockhain on ping.pub, please submit your configure on https://github.com/ping-pub/ping.pub.git **
+** if you want to list your blockchain on ping.pub, please submit your configuration on https://github.com/ping-pub/ping.pub.git **
 
 - Submit configs for mainnet, go to https://github.com/ping-pub/explorer/tree/master/chains/mainnet
 
-- Submit configs for testnet, go to https://github.com/ping-pub/explorer/tree/master/chains/testnet, thess configs will be enabled when you visit the domain starts withs `testnet.*`, for example `https://testnet.ping.pub`
+- Submit configs for testnet, go to https://github.com/ping-pub/explorer/tree/master/chains/testnet, these configs will be enabled when you visit the domain that starts with `testnet.*`, for example `https://testnet.ping.pub`
 
 # Sample of Config
 

From a850809952cea86d63a60eb31b967646e9209cf0 Mon Sep 17 00:00:00 2001
From: omahs <73983677+omahs@users.noreply.github.com>
Date: Sun, 16 Jun 2024 07:00:22 +0200
Subject: [PATCH 156/240] fix typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 342d5900e3..051bc973d9 100644
--- a/README.md
+++ b/README.md
@@ -47,7 +47,7 @@ Your donation will help us make better products. Thanks in advance.
 
 ## Hire us
 
-You can hire us by submiting an issue and fund the issue on [IssueHunter](https://issuehunt.io/r/ping-pub/explorer)
+You can hire us by submitting an issue and fund the issue on [IssueHunter](https://issuehunt.io/r/ping-pub/explorer)
 
 
 ## Contributors

From 738fc5518289773c092fdcf873c21ee93701cc88 Mon Sep 17 00:00:00 2001
From: Arnaud Mimart <33665250+amimart@users.noreply.github.com>
Date: Wed, 19 Jun 2024 12:31:42 +0200
Subject: [PATCH 157/240] fix(staking): correct APR computation formula

---
 src/modules/[chain]/staking/[validator].vue | 12 +++++++-----
 src/stores/useBlockchain.ts                 |  4 +++-
 src/stores/useDistributionStore.ts          | 17 ++++++++++++++++-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index d253d092f9..a4f883c8ee 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { parseCoins } from '@cosmjs/stargate';
 import {
+  useBankStore,
   useBlockchain,
+  useDistributionStore,
   useFormatter,
   useMintStore,
   useStakingStore,
@@ -64,12 +66,12 @@ blockchain.rpc.getTxsBySender(addresses.value.account).then((x) => {
 });
 
 const apr = computed(() => {
-  const rate = v.value.commission?.commission_rates.rate || 0;
+  const rate = Number(v.value.commission?.commission_rates.rate || 0);
   const inflation = useMintStore().inflation;
-  if (Number(inflation)) {
-    return format.percent((1 - Number(rate)) * Number(inflation));
-  }
-  return '-';
+  const communityTax = Number(useDistributionStore().params.community_tax);
+  const bondedRatio = Number(staking.pool.bonded_tokens) / Number(useBankStore().supply.amount);
+
+  return format.percent((1 - communityTax) * (1 - rate) * Number(inflation) / bondedRatio);
 });
 
 const selfRate = computed(() => {
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index ac1ae2ccb7..e6a15c55fe 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -16,10 +16,11 @@ import { CosmosRestClient } from '@/libs/client';
 import {
   useBankStore,
   useBaseStore,
+  useDistributionStore,
   useGovStore,
   useMintStore,
   useStakingStore,
-  useWalletStore,
+  useWalletStore
 } from '.';
 import { useBlockModule } from '@/modules/[chain]/block/block';
 import { DEFAULT } from '@/libs';
@@ -151,6 +152,7 @@ export const useBlockchain = defineStore('blockchain', {
       useGovStore().initial();
       useMintStore().initial();
       useBlockModule().initial();
+      useDistributionStore().initial();
     },
 
     randomEndpoint(chainName: string) : Endpoint | undefined {
diff --git a/src/stores/useDistributionStore.ts b/src/stores/useDistributionStore.ts
index d2dc0a8fa1..8e3984176f 100644
--- a/src/stores/useDistributionStore.ts
+++ b/src/stores/useDistributionStore.ts
@@ -3,7 +3,14 @@ import { useBlockchain } from './useBlockchain';
 
 export const useDistributionStore = defineStore('distributionStore', {
   state: () => {
-    return {};
+    return {
+      params: {} as {
+        community_tax: string;
+        base_proposer_reward: string;
+        bonus_proposer_reward: string;
+        withdraw_addr_enabled: boolean;
+      },
+    };
   },
   getters: {
     blockchain() {
@@ -11,6 +18,14 @@ export const useDistributionStore = defineStore('distributionStore', {
     },
   },
   actions: {
+    initial() {
+      this.fetchParams();
+    },
+    async fetchParams() {
+      const response = await this.blockchain.rpc?.getDistributionParams();
+      if (response?.params) this.params = response.params;
+      return this.params;
+    },
     async fetchCommunityPool() {
       return this.blockchain.rpc?.getDistributionCommunityPool();
     },

From 507b999b7728a7f20c49b7cd398ae13c8b426e48 Mon Sep 17 00:00:00 2001
From: Jason Sopko <jason@sopko.net>
Date: Tue, 2 Jul 2024 08:03:31 -0400
Subject: [PATCH 158/240] Update index.vue

Fixed typo
---
 src/modules/[chain]/faucet/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index 263f27433c..cd1e12bc6e 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -122,7 +122,7 @@ onMounted(() => {
         <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
             <h2 class="card-title">Enable Faucet</h2>
             <div class="mt-4">
-                <span class="text-base"> 1. Submit chain configuation</span>
+                <span class="text-base"> 1. Submit chain configuration</span>
                 <div class="mockup-code bg-base-200 my-2 gap-4">
                     <div v-for="it in checklist">
                         <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>

From d8c0e9786f0837fb757313fc3519ff8fe3f46ccc Mon Sep 17 00:00:00 2001
From: David Boreham <david@bozemanpass.com>
Date: Mon, 15 Jul 2024 14:56:14 -0600
Subject: [PATCH 159/240] Add note on hostname behavior

---
 chains/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/chains/README.md b/chains/README.md
index dbb910de04..28c994e22d 100644
--- a/chains/README.md
+++ b/chains/README.md
@@ -1,5 +1,9 @@
 # Directory Layout
 
+Note: the host name used in the user's browser (displayed in the address bar) to load the explorer app determines which of the chain configuration directories is used.
+If the host name contains the substring "testnet" (for example: "https://mytestnetwork.example.com") then chain configuration files in the `testnet` directory (only) are loaded. Conversely if the host name does not contain that substring then chain configuration files in the `mainnet` directory (only) are loaded.
+Remember to bear this behavior in mind when selecting a DNS host name for self hosting the explorer.
+
 ** if you want to list your blockchain on ping.pub, please submit your configuration on https://github.com/ping-pub/ping.pub.git **
 
 - Submit configs for mainnet, go to https://github.com/ping-pub/explorer/tree/master/chains/mainnet

From d02eecc9630128f2bd63b378d342abb341bf4d74 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 16 Jul 2024 11:12:33 +0800
Subject: [PATCH 160/240] update sponsers

---
 src/layouts/components/DefaultLayout.vue | 47 +-----------------------
 src/layouts/components/Sponsers.vue      | 25 +++++++++++++
 2 files changed, 27 insertions(+), 45 deletions(-)
 create mode 100644 src/layouts/components/Sponsers.vue

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 17e784c06b..637383309f 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -7,6 +7,7 @@ import newFooter from '@/layouts/components/NavFooter.vue';
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
 import NavbarSearch from '@/layouts/components/NavbarSearch.vue';
 import ChainProfile from '@/layouts/components/ChainProfile.vue';
+import Sponsers from '@/layouts/components/Sponsers.vue';
 
 import { NetworkType, useDashboard } from '@/stores/useDashboard';
 import { useBaseStore, useBlockchain } from '@/stores';
@@ -261,51 +262,7 @@ dayjs()
           <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
           {{ $t('module.sponsors') }}
         </div>
-        <a
-          href="https://osmosis.zone"
-          target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
-          <img
-            src="https://ping.pub/logos/osmosis.jpg"
-            class="w-6 h-6 rounded-full mr-3"
-          />
-          <div
-            class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
-            Osmosis
-          </div>
-        </a>
-        <a
-          href="https://celestia.org"
-          target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
-          <img
-            src="https://ping.pub/logos/celestia.png"
-            class="w-6 h-6 rounded-full mr-3"
-          />
-          <div
-            class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
-            Celestia
-          </div>
-        </a>
-        <a
-          href="https://becole.com"
-          target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
-          <img
-            src="https://becole.com/static/logo/logo_becole.png"
-            class="w-6 h-6 rounded-full mr-3"
-          />
-          <div
-            class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
-            Becole
-          </div>
-        </a>
+        <Sponsers />
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
         <a
           href="https://twitter.com/ping_pub"
diff --git a/src/layouts/components/Sponsers.vue b/src/layouts/components/Sponsers.vue
new file mode 100644
index 0000000000..51fe278581
--- /dev/null
+++ b/src/layouts/components/Sponsers.vue
@@ -0,0 +1,25 @@
+<template>
+    <div>
+        <a href="https://cosmos.network" target="_blank"
+            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+            <img src="https://ping.pub/logos/cosmos.svg" class="w-6 h-6 rounded-full mr-3" />
+            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+                Cosmos Hub
+            </div>
+        </a>
+        <a href="https://osmosis.zone" target="_blank"
+            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+            <img src="https://ping.pub/logos/osmosis.jpg" class="w-6 h-6 rounded-full mr-3" />
+            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+                Osmosis
+            </div>
+        </a>
+        <a href="https://celestia.org" target="_blank"
+            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+            <img src="https://ping.pub/logos/celestia.png" class="w-6 h-6 rounded-full mr-3" />
+            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+                Celestia
+            </div>
+        </a>
+    </div>
+</template>
\ No newline at end of file

From 1ab083492015a3dc6c5feac59b4e673b9582ef80 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 16 Jul 2024 11:18:19 +0800
Subject: [PATCH 161/240] fix typo

---
 src/layouts/components/DefaultLayout.vue              | 4 ++--
 src/layouts/components/{Sponsers.vue => Sponsors.vue} | 0
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/layouts/components/{Sponsers.vue => Sponsors.vue} (100%)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 637383309f..845a8c4505 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -7,7 +7,7 @@ import newFooter from '@/layouts/components/NavFooter.vue';
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
 import NavbarSearch from '@/layouts/components/NavbarSearch.vue';
 import ChainProfile from '@/layouts/components/ChainProfile.vue';
-import Sponsers from '@/layouts/components/Sponsers.vue';
+import Sponsors from '@/layouts/components/Sponsors.vue';
 
 import { NetworkType, useDashboard } from '@/stores/useDashboard';
 import { useBaseStore, useBlockchain } from '@/stores';
@@ -262,7 +262,7 @@ dayjs()
           <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
           {{ $t('module.sponsors') }}
         </div>
-        <Sponsers />
+        <Sponsors />
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
         <a
           href="https://twitter.com/ping_pub"
diff --git a/src/layouts/components/Sponsers.vue b/src/layouts/components/Sponsors.vue
similarity index 100%
rename from src/layouts/components/Sponsers.vue
rename to src/layouts/components/Sponsors.vue

From 00cb9e5f425ed1a505a0b374621fc59bc83a8e11 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 27 Jul 2024 20:38:53 +0800
Subject: [PATCH 162/240] update ad lib

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index c34951f178..e4f5021547 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
     "@leapwallet/name-matcha": "^1.1.0",
     "@osmonauts/lcd": "^0.8.0",
-    "@personaxyz/ad-sdk": "0.0.21",
+    "@personaxyz/ad-sdk": "0.0.25",
     "@ping-pub/chain-registry-client": "^0.0.25",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vueuse/core": "^9.12.0",
diff --git a/yarn.lock b/yarn.lock
index 6830532818..011d4f0f3c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2322,10 +2322,10 @@
   dependencies:
     "@babel/runtime" "^7.19.0"
 
-"@personaxyz/ad-sdk@0.0.21":
-  version "0.0.21"
-  resolved "https://registry.yarnpkg.com/@personaxyz/ad-sdk/-/ad-sdk-0.0.21.tgz#0bdaa02b21e9a2393aefa0ba40b85873b5546b4a"
-  integrity sha512-bSBL4uplPr/v9R2rCaehDY9CPSyzuL0tcls7BIZCPoJjA+syvdmrRhCHZNerGWLQYkAEUE5GN9eCzhVV0aGHxA==
+"@personaxyz/ad-sdk@0.0.25":
+  version "0.0.25"
+  resolved "https://registry.yarnpkg.com/@personaxyz/ad-sdk/-/ad-sdk-0.0.25.tgz#0db24a1a51e48b9d6789e42f999273f7592f53ea"
+  integrity sha512-2Wssw3Qlis6koUBuESoLR/dfwW6CZMDySIsmRt4DfwUiaSD6Ek4fiJ6OnjILvCv1NPaqX9dOt7VoY+AZGC4b2w==
   dependencies:
     "@sentry/browser" "7.11.1"
     "@sentry/tracing" "7.59.3"

From 65995ee8b5cfee25328ee4b935d55ddea4c1ffca Mon Sep 17 00:00:00 2001
From: Aleksandr Kwaskoff <kwaskoff@gmail.com>
Date: Mon, 26 Aug 2024 23:16:53 +0200
Subject: [PATCH 163/240] Update installation.md

---
 installation.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/installation.md b/installation.md
index a214058a8c..0ffb3c5cf3 100644
--- a/installation.md
+++ b/installation.md
@@ -79,4 +79,4 @@ server {
     }
 }
 ```
-3. config your blockchain in [./src/chains]()
+3. config your blockchain in [./chains/mainnet]()

From 0960ad65964768562f4de2370d69d9a73b7ada92 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 15:04:33 +0800
Subject: [PATCH 164/240] refactor version compatible support

---
 .../{clients => api/customization}/evmos.ts   |  4 +-
 .../{clients => api/customization}/nolus.ts   |  4 +-
 .../{clients => api/customization}/osmosis.ts |  4 +-
 .../{clients => api/customization}/v0.46.0.ts |  4 +-
 src/libs/api/customization/v0.50.0.ts         | 69 +++++++++++++++++++
 src/libs/{api.ts => api/index.ts}             |  0
 src/libs/{ => api}/registry.ts                |  5 +-
 src/libs/client.ts                            | 37 ++++++----
 src/modules/[chain]/cosmwasm/WasmClient.ts    |  2 +-
 src/modules/[chain]/gov/[proposal_id].vue     | 11 ++-
 10 files changed, 113 insertions(+), 27 deletions(-)
 rename src/libs/{clients => api/customization}/evmos.ts (95%)
 rename src/libs/{clients => api/customization}/nolus.ts (95%)
 rename src/libs/{clients => api/customization}/osmosis.ts (95%)
 rename src/libs/{clients => api/customization}/v0.46.0.ts (94%)
 create mode 100644 src/libs/api/customization/v0.50.0.ts
 rename src/libs/{api.ts => api/index.ts} (100%)
 rename src/libs/{ => api}/registry.ts (98%)

diff --git a/src/libs/clients/evmos.ts b/src/libs/api/customization/evmos.ts
similarity index 95%
rename from src/libs/clients/evmos.ts
rename to src/libs/api/customization/evmos.ts
index 9adb405dea..09f8c52701 100644
--- a/src/libs/clients/evmos.ts
+++ b/src/libs/api/customization/evmos.ts
@@ -1,5 +1,5 @@
-import type{ RequestRegistry } from '@/libs/registry'
-import { adapter } from '@/libs/registry'
+import type{ RequestRegistry } from '../registry'
+import { adapter } from '../registry'
 import type { GovProposal, PaginatedProposals } from '@/types'
 // which registry is store
 export const store = 'name' // name or version
diff --git a/src/libs/clients/nolus.ts b/src/libs/api/customization/nolus.ts
similarity index 95%
rename from src/libs/clients/nolus.ts
rename to src/libs/api/customization/nolus.ts
index 03416d5f21..3418d220af 100644
--- a/src/libs/clients/nolus.ts
+++ b/src/libs/api/customization/nolus.ts
@@ -1,8 +1,8 @@
-import type { RequestRegistry } from '@/libs/registry'
+import type { RequestRegistry } from '@/libs/api/registry'
 import type { GovProposal, PaginatedProposals } from '@/types'
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
-import { adapter } from '@/libs/registry'
+import { adapter } from '@/libs/api/registry'
 
 // Blockchain Name
 export const name = 'nolus';
diff --git a/src/libs/clients/osmosis.ts b/src/libs/api/customization/osmosis.ts
similarity index 95%
rename from src/libs/clients/osmosis.ts
rename to src/libs/api/customization/osmosis.ts
index 6dc384b349..60c7e56a3a 100644
--- a/src/libs/clients/osmosis.ts
+++ b/src/libs/api/customization/osmosis.ts
@@ -1,6 +1,6 @@
-import type{ RequestRegistry } from '@/libs/registry'
+import type{ RequestRegistry } from '@/libs/api/registry'
 // import dayjs from 'dayjs'
-import { adapter } from '@/libs/registry'
+import { adapter } from '@/libs/api/registry'
 import type { GovProposal, PaginatedProposals } from '@/types'
 
 // which registry is store
diff --git a/src/libs/clients/v0.46.0.ts b/src/libs/api/customization/v0.46.0.ts
similarity index 94%
rename from src/libs/clients/v0.46.0.ts
rename to src/libs/api/customization/v0.46.0.ts
index 6c3d814e7f..e6b4c15b0a 100644
--- a/src/libs/clients/v0.46.0.ts
+++ b/src/libs/api/customization/v0.46.0.ts
@@ -1,5 +1,5 @@
-import type { RequestRegistry } from '@/libs/registry'
-import { adapter } from '@/libs/registry'
+import type { RequestRegistry } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry'
 import type {
     GovParams,
     GovProposal,
diff --git a/src/libs/api/customization/v0.50.0.ts b/src/libs/api/customization/v0.50.0.ts
new file mode 100644
index 0000000000..578c759ddd
--- /dev/null
+++ b/src/libs/api/customization/v0.50.0.ts
@@ -0,0 +1,69 @@
+import type { RequestRegistry } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry'
+import type {
+    GovParams,
+    GovProposal,
+    GovVote,
+    PaginatedProposalDeposit,
+    PaginatedProposalVotes,
+    PaginatedProposals,
+    Tally,
+  } from '@/types/';
+
+// which registry is store
+export const store = 'version' // name or version
+// Blockchain Name
+export const name = 'v0.50.0'
+
+function proposalAdapter(p: any): GovProposal {
+    if(p) {
+        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+        p.proposal_id = p.id
+        p.final_tally_result = {
+            yes: p.final_tally_result?.yes_count,
+            no: p.final_tally_result?.no_count,
+            no_with_veto: p.final_tally_result?.no_with_veto_count,
+            abstain: p.final_tally_result?.abstain_count,
+        }
+    }
+    return p
+}
+
+export const requests: Partial<RequestRegistry> = {
+  
+  bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
+    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+    return {
+        proposals,
+        pagination: source.pagination
+    }
+  }},
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
+        return {
+            proposal: proposalAdapter(source.proposal)
+        }
+    },
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+}
diff --git a/src/libs/api.ts b/src/libs/api/index.ts
similarity index 100%
rename from src/libs/api.ts
rename to src/libs/api/index.ts
diff --git a/src/libs/registry.ts b/src/libs/api/registry.ts
similarity index 98%
rename from src/libs/registry.ts
rename to src/libs/api/registry.ts
index f65edfcf95..56fba5d0a1 100644
--- a/src/libs/registry.ts
+++ b/src/libs/api/registry.ts
@@ -195,11 +195,10 @@ export function findApiProfileBySDKVersion(
   version: string,
 ): RequestRegistry | undefined {
   let closestVersion: string | null = null;
-
+  const chain_version = version.match(/(\d+\.\d+\.?\d*)/g) || [""];
   for (const k in VERSION_REGISTRY) {
     const key = k.replace('v', "")
-    // console.log(semver.gt(key, version), semver.gte(version, key), key, version)
-    if (semver.lte(key, version)) {
+    if (semver.lte(key, chain_version[0])) {
       if (!closestVersion || semver.gt(key, closestVersion)) {
         closestVersion = k;
       }
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 1238495e1e..3a7213ad5e 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -10,15 +10,18 @@ import {
   registryChainProfile,
   registryVersionProfile,
   withCustomRequest,
-} from './registry';
+} from './api/registry';
 import { PageRequest,type Coin } from '@/types';
+import semver from 'semver'
 
 export class BaseRestClient<R extends AbstractRegistry> {
+  version: string;
   endpoint: string;
   registry: R;
-  constructor(endpoint: string, registry: R) {
+  constructor(endpoint: string, registry: R, version?: string) {
     this.endpoint = endpoint;
     this.registry = registry;
+    this.version = version || 'v0.40'
   }
   async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => Promise<T> ) {
     let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
@@ -31,7 +34,7 @@ export class BaseRestClient<R extends AbstractRegistry> {
 
 // dynamic all custom request implementations
 function registeCustomRequest() {
-  const extensions: Record<string, any> = import.meta.glob('./clients/*.ts', { eager: true });
+  const extensions: Record<string, any> = import.meta.glob('./api/customization/*.ts', { eager: true });
   Object.values(extensions).forEach(m => {
     if(m.store === 'version') {
       registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests))
@@ -49,17 +52,18 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   }
 
   static newStrategy(endpoint: string, chain: any) {
-    
-    let req
+    // sdk version of current chain
+    const ver = localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk
+    let profile
     if(chain) {
       // find by name first
-      req = findApiProfileByChain(chain.chainName)
+      profile = findApiProfileByChain(chain.chainName)
       // if not found. try sdk version
-      if(!req && chain.versions?.cosmosSdk) {
-        req = findApiProfileBySDKVersion(localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk)
+      if(!profile && chain.versions?.cosmosSdk) {
+        profile = findApiProfileBySDKVersion(ver)
       }
     }
-    return new CosmosRestClient(endpoint, req || DEFAULT)
+    return new CosmosRestClient(endpoint, profile || DEFAULT, ver)
   }
 
   // Auth Module
@@ -274,7 +278,11 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   // tx
   async getTxsBySender(sender: string, page?: PageRequest) {
     if(!page) page = new PageRequest()
-    const query = `?order_by=2&events=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+
+    let query = `?events=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+    if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
+      query = `?query=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+    }
     return this.request(this.registry.tx_txs, {}, query);
   }
   // query ibc sending msgs
@@ -282,8 +290,13 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   // query ibc receiving msgs
   // ?&pagination.reverse=true&events=recv_packet.packet_dst_channel='${channel}'&events=recv_packet.packet_dst_port='${port}'
   async getTxs(query: string, params: any, page?: PageRequest) {
-    if(!page) page = new PageRequest()    
-    return this.request(this.registry.tx_txs, params, `${query}&${page.toQueryString()}`);
+    if(!page) page = new PageRequest()
+    if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
+      let query_edit = query.replaceAll('events=', 'query=')    
+      return this.request(this.registry.tx_txs, params, `${query_edit}&${page.toQueryString()}`);
+    } else { 
+      return this.request(this.registry.tx_txs, params, `${query}&${page.toQueryString()}`);
+    }
   }
   async getTxsAt(height: string | number) {
     return this.request(this.registry.tx_txs_block, { height });
diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index 75597557f9..0feb102c2f 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -1,5 +1,5 @@
 import { BaseRestClient } from '@/libs/client';
-import { adapter, type AbstractRegistry, type Request } from '@/libs/registry';
+import { adapter, type AbstractRegistry, type Request } from '@/libs/api/registry';
 import { defineStore } from 'pinia';
 import type {
   CodeInfo,
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 083b6e3ac0..4cf268d274 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -32,7 +32,7 @@ const stakingStore = useStakingStore();
 const chainStore = useBlockchain();
 
 store.fetchProposal(props.proposal_id).then((res) => {
-  const proposalDetail = reactive(res.proposal);
+  let proposalDetail = reactive(res.proposal);
   // when status under the voting, final_tally_result are no data, should request fetchTally
   if (res.proposal?.status === 'PROPOSAL_STATUS_VOTING_PERIOD') {
     store.fetchTally(props.proposal_id).then((tallRes) => {
@@ -55,7 +55,7 @@ store.fetchProposal(props.proposal_id).then((res) => {
     })
   }
 
-  const msgType = proposalDetail.content['@type'] || '';
+  const msgType = proposalDetail.content?.['@type'] || '';
   if(msgType.endsWith('MsgUpdateParams')) {
     if(msgType.indexOf('staking') > -1) {
       chainStore.rpc.getStakingParams().then((res) => {
@@ -214,7 +214,12 @@ function pageload(p: number) {
 }
 
 function metaItem(metadata: string|undefined): { title: string; summary: string } {
-  return metadata ? JSON.parse(metadata) : {}
+  if (!metadata) {
+    return { title: '', summary: '' }
+  } else if (metadata.startsWith('{') && metadata.endsWith('}')) {
+    return JSON.parse(metadata)
+  }
+  return { title: metadata, summary: '' }
 }
 </script>
 

From ff111eb57ee5a458fd2b95630b5e25ee7b52a2cc Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 15:19:09 +0800
Subject: [PATCH 165/240] fix error

---
 chains/mainnet/cosmos.json       | 9 ++-------
 src/modules/[chain]/nft/types.ts | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/chains/mainnet/cosmos.json b/chains/mainnet/cosmos.json
index 2bd610640d..954ec4bba4 100644
--- a/chains/mainnet/cosmos.json
+++ b/chains/mainnet/cosmos.json
@@ -2,14 +2,9 @@
     "chain_name": "cosmos",
     "registry_name": "cosmoshub",
     "api": [
-        {"provider": "notional", "address": "https://api-cosmoshub-ia.cosmosia.notional.ventures"},
-        {"provider": "blockapsis", "address": "https://lcd-cosmoshub.blockapsis.com:443"},
-        {"provider": "WhisperNode🤐", "address": "https://lcd-cosmoshub.whispernode.com:443"},
-        {"provider": "pupmos", "address": "https://api-cosmoshub.pupmos.network"},
+        {"provider": "cosmos.directory", "address": "https://rest.cosmos.directory/cosmoshub"},
         {"provider": "publicnode", "address": "https://cosmos-rest.publicnode.com"},
-        {"provider": "staketab", "address": "https://cosmos-rest.staketab.org"},
-        {"provider": "nodestake", "address": "https://api.cosmos.nodestake.top"},
-        {"provider": "Golden Ratio Staking", "address": "https://rest-cosmoshub.goldenratiostaking.net"}
+        {"provider": "silknode", "address": "https://cosmos.api.silknodes.io"}
     ],
     "rpc": [
         {"provider": "icycro", "address": "https://cosmos-rpc.icycro.org"}, 
diff --git a/src/modules/[chain]/nft/types.ts b/src/modules/[chain]/nft/types.ts
index 044a7b7c15..65fe56ccce 100644
--- a/src/modules/[chain]/nft/types.ts
+++ b/src/modules/[chain]/nft/types.ts
@@ -1,6 +1,6 @@
 
 import { BaseRestClient } from '@/libs/client';
-import { adapter, type AbstractRegistry, type Request } from '@/libs/registry';
+import { adapter, type AbstractRegistry, type Request } from '@/libs/api/registry';
 import { PageRequest, type PaginatedResponse } from '@/types';
 
 export interface Classes {

From 1243306c691086996d8ca6ce46e37511034fd0b4 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 16:29:11 +0800
Subject: [PATCH 166/240] test provider validators

---
 src/libs/api/customization/README.md  | 0
 src/libs/api/customization/v0.46.0.ts | 2 +-
 src/libs/api/customization/v0.50.0.ts | 2 +-
 src/libs/api/index.ts                 | 4 ++++
 src/libs/api/registry.ts              | 1 +
 src/libs/client.ts                    | 3 +++
 src/stores/useStakingStore.ts         | 4 ++++
 7 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 src/libs/api/customization/README.md

diff --git a/src/libs/api/customization/README.md b/src/libs/api/customization/README.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/libs/api/customization/v0.46.0.ts b/src/libs/api/customization/v0.46.0.ts
index e6b4c15b0a..36aa780553 100644
--- a/src/libs/api/customization/v0.46.0.ts
+++ b/src/libs/api/customization/v0.46.0.ts
@@ -12,7 +12,7 @@ import type {
 
 // which registry is store
 export const store = 'version' // name or version
-// Blockchain Name
+// Cosmos SDK version
 export const name = 'v0.46.7'
 
 function proposalAdapter(p: any): GovProposal {
diff --git a/src/libs/api/customization/v0.50.0.ts b/src/libs/api/customization/v0.50.0.ts
index 578c759ddd..fec605ba27 100644
--- a/src/libs/api/customization/v0.50.0.ts
+++ b/src/libs/api/customization/v0.50.0.ts
@@ -12,7 +12,7 @@ import type {
 
 // which registry is store
 export const store = 'version' // name or version
-// Blockchain Name
+// Cosmos SDK version
 export const name = 'v0.50.0'
 
 function proposalAdapter(p: any): GovProposal {
diff --git a/src/libs/api/index.ts b/src/libs/api/index.ts
index bd9517652a..8e1170e4f7 100644
--- a/src/libs/api/index.ts
+++ b/src/libs/api/index.ts
@@ -195,4 +195,8 @@ export const DEFAULT: RequestRegistry = {
     url: '/interchain_security/ccv/provider/validator_consumer_addr?provider_address={provider_address}&chain_id={chain_id}',
     adapter,
   },
+  interchain_security_provider_opted_in_validators: {
+    url: '/interchain_security/ccv/provider/opted_in_validators/{chain_id}',
+    adapter,
+  },
 };
diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index 56fba5d0a1..462a3b336b 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -152,6 +152,7 @@ export interface RequestRegistry extends AbstractRegistry {
   ibc_core_connection_connections_connection_id: Request<ConnectionWithProof>;
   ibc_core_connection_connections_connection_id_client_state: Request<ClientStateWithProof>;
   interchain_security_ccv_provider_validator_consumer_addr: Request<{consumer_address: string}>
+  interchain_security_provider_opted_in_validators: Request<{validators_provider_addresses: string[]}>
 }
 
 export function adapter<T>(source: any): Promise<T> {
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 3a7213ad5e..13a9ba1301 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -362,4 +362,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getInterchainSecurityValidatorRotatedKey(chain_id: string, provider_address: string) {
     return this.request(this.registry.interchain_security_ccv_provider_validator_consumer_addr, {chain_id, provider_address});
   }
+  async getInterchainSecurityProviderOptedInValidators(chain_id: string) {
+    return this.request(this.registry.interchain_security_provider_opted_in_validators, {chain_id});
+  }
 }
diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index 35ccbeb65b..a2876bc473 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -94,6 +94,10 @@ export const useStakingStore = defineStore('stakingStore', {
             if(exists < 0) {
 
               const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
+
+              client.getInterchainSecurityProviderOptedInValidators(chain_id).then((res) => {
+                console.log(res)
+              })
               const res = await client.getInterchainSecurityValidatorRotatedKey(chain_id, validatorAddr);
               if(res.consumer_address) {
                 this.keyRotation[validatorAddr] = res.consumer_address

From fac4c1a543f023a4bee903e27352290c68166b93 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 23:27:43 +0800
Subject: [PATCH 167/240] improve consumer uptime

---
 chains/mainnet/neutron.json          |  2 +-
 src/libs/address.ts                  | 20 ++++++++++++-
 src/libs/api/index.ts                |  4 +++
 src/libs/api/registry.ts             |  1 +
 src/libs/client.ts                   |  3 ++
 src/modules/[chain]/uptime/index.vue | 42 ++++++++++++++++++----------
 src/stores/useBlockchain.ts          |  4 ++-
 src/stores/useStakingStore.ts        | 41 +++++++++++++++++++--------
 8 files changed, 89 insertions(+), 28 deletions(-)

diff --git a/chains/mainnet/neutron.json b/chains/mainnet/neutron.json
index 864e67f10b..76fc3dd6d2 100644
--- a/chains/mainnet/neutron.json
+++ b/chains/mainnet/neutron.json
@@ -11,7 +11,7 @@
         {"provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443"}
     ],
     "provider_chain": {
-        "api": ["https://api-cosmoshub-ia.cosmosia.notional.ventures"]
+        "api": ["https://rest.cosmos.directory/cosmoshub"]
     },
     "features": ["dashboard", "blocks", "ibc", "cosmwasm", "uptime", "parameters", "state-sync", "consensus", "supply", "widget"],
     "sdk_version": "0.45.1",
diff --git a/src/libs/address.ts b/src/libs/address.ts
index 54695c71c0..1bd5f46b88 100644
--- a/src/libs/address.ts
+++ b/src/libs/address.ts
@@ -1,6 +1,7 @@
 import {
   fromBase64,
   fromBech32,
+  toBase64,
   toBech32,
   toHex,
 } from '@cosmjs/encoding';
@@ -42,6 +43,23 @@ export function consensusPubkeyToHexAddress(consensusPubkey?: {
   return raw;
 }
 
+// not work as expected, will fix later or remove
+export function consumerKeyToBase64Address(consumerKey?: Record<string, string>) {
+
+  if (!consumerKey) return '';
+  let raw = '';
+  if (consumerKey.ed25519) {
+    const pubkey = fromBase64(consumerKey.ed25519);
+    if (pubkey) return toBase64(sha256(pubkey)).slice(0, 40);
+  }
+
+  if (consumerKey.secp256k1) {
+    const pubkey = fromBase64(consumerKey.secp256k1);
+    if (pubkey) return toBase64(new Ripemd160().update(sha256(pubkey)).digest());
+  }
+  return raw;
+}
+
 export function pubKeyToValcons(
   consensusPubkey: { '@type': string; key: string },
   prefix: string
@@ -57,7 +75,7 @@ export function pubKeyToValcons(
 }
 
 export function valconsToBase64(address: string) {
-  if (address) return toHex(fromBech32(address).data).toUpperCase();
+  if (address) return toBase64(fromBech32(address).data);
   return '';
 }
 
diff --git a/src/libs/api/index.ts b/src/libs/api/index.ts
index 8e1170e4f7..ff8efdcc5b 100644
--- a/src/libs/api/index.ts
+++ b/src/libs/api/index.ts
@@ -199,4 +199,8 @@ export const DEFAULT: RequestRegistry = {
     url: '/interchain_security/ccv/provider/opted_in_validators/{chain_id}',
     adapter,
   },
+  interchain_security_consumer_validators: {
+    url: '/interchain_security/ccv/provider/consumer_validators/{chain_id}',
+    adapter,
+  },
 };
diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index 462a3b336b..2787c9b1bc 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -153,6 +153,7 @@ export interface RequestRegistry extends AbstractRegistry {
   ibc_core_connection_connections_connection_id_client_state: Request<ClientStateWithProof>;
   interchain_security_ccv_provider_validator_consumer_addr: Request<{consumer_address: string}>
   interchain_security_provider_opted_in_validators: Request<{validators_provider_addresses: string[]}>
+  interchain_security_consumer_validators: Request<{validators: {provider_address: string, consumer_key: {ed25519: string}, power: string}[]}>
 }
 
 export function adapter<T>(source: any): Promise<T> {
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 13a9ba1301..932ea2f156 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -365,4 +365,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getInterchainSecurityProviderOptedInValidators(chain_id: string) {
     return this.request(this.registry.interchain_security_provider_opted_in_validators, {chain_id});
   }
+  async getInterchainSecurityConsumerValidators(chain_id: string) {
+    return this.request(this.registry.interchain_security_consumer_validators, {chain_id});
+  }
 }
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 6f0e8383e4..b9663a0fdc 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted, computed, onUnmounted } from 'vue';
-import { fromHex, toBase64 } from '@cosmjs/encoding';
+import { fromHex, toBase64, fromBase64, toHex } from '@cosmjs/encoding';
 import {
   useStakingStore,
   useBaseStore,
@@ -22,6 +22,7 @@ const keyword = ref('');
 const live = ref(true);
 const slashingParam = ref({} as SlashingParam);
 const signingInfo = ref({} as Record<string, SigningInfo>);
+const consumerValidators = ref([] as {moniker: string, base64: string}[]);
 
 interface BlockColor {
   height: string;
@@ -43,11 +44,20 @@ function padding(blocks: BlockColor[] = []) {
 }
 
 const validatorSet = computed(() => {
+  if (chainStore.isConsumerChain) {
+    return consumerValidators.value.map((v) => {
+      const b64 = valconsToBase64(v.moniker)
+      const moniker = stakingStore.validators.find((x) => toBase64(fromHex(consensusPubkeyToHexAddress(x.consensus_pubkey))) === b64)?.description.moniker;
+      return {
+        moniker: moniker || v.moniker,
+        base64: v.base64
+      };
+    });
+  }; 
   return stakingStore.validators.map((v) => {
     const hex = consensusPubkeyToHexAddress(v.consensus_pubkey)
     return {
       moniker: v.description.moniker,
-      hex,
       base64: toBase64(fromHex(hex))
     };
   });
@@ -62,13 +72,12 @@ const grid = computed(() => {
 
   const window = Number(slashingParam.value.signed_blocks_window || 0);
   return validators.map((v) => {
-    const signing = signingInfo.value[v.hex];
+    const signing = signingInfo.value[v.base64];
     const uptime = signing && window > 0
       ? (window - Number(signing.missed_blocks_counter)) / window
       : undefined
     return {
       moniker: v.moniker,
-      hex: v.hex,
       base64: v.base64,
       blocks: padding(blockColors.value[v.base64] || []),
       uptime,
@@ -88,6 +97,21 @@ baseStore.$subscribe((_, state) => {
       preFill();
       preload.value = true;
     }
+
+    // reset the consumer validators
+    if (newHeight > 0 && consumerValidators.value.length === 0) {
+      const chain_id = state.latest.block.header.chain_id;
+      Promise.resolve().then(async () =>{
+        await stakingStore.getConsumerValidators(chain_id).then((x) => {
+        x.validators.forEach(v => {
+          const base64 = toBase64(fromHex(consensusPubkeyToHexAddress({"@type": "/cosmos.crypto.ed25519.PubKey", key: v.consumer_key.ed25519 })));
+          const moniker = v.provider_address;
+          consumerValidators.value.push({ moniker, base64});
+        });
+
+      });
+      }) 
+    }
     
     if (Number(state.latest.block.header.height) % 7 === 0) updateTotalSigningInfo();
     fillblock(state.latest);
@@ -97,7 +121,6 @@ baseStore.$subscribe((_, state) => {
 onMounted(() => {
   live.value = true;
 
-
   // fill the recent blocks
   baseStore.recents?.forEach((b) => {
     fillblock(b, 'start');
@@ -172,9 +195,6 @@ function changeTab(v: string) {
   tab.value = v;
 }
 
-function fetchAllKeyRotation() {
-  stakingStore.fetchAllKeyRotation(baseStore.latest?.block?.header?.chain_id)
-}
 </script>
 
 <template>
@@ -192,14 +212,8 @@ function fetchAllKeyRotation() {
       <div class="flex items-center gap-x-4">
         <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
           class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600" />
-        <button v-if="chainStore.isConsumerChain" class="btn btn-sm btn-primary" @click="fetchAllKeyRotation">Load
-          Rotated Keys</button>
       </div>
 
-      <div v-if="chainStore.isConsumerChain && Object.keys(stakingStore.keyRotation).length === 0"
-        class="alert alert-warning my-4">
-        Note: Please load rotated keys to see the correct uptime
-      </div>
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
       <div :class="tab === '2' ? '' : 'hidden'">
         <div class="flex flex-row flex-wrap gap-x-4 mt-4 justify-center">
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index e6a15c55fe..8f5ccdedb0 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -146,7 +146,9 @@ export const useBlockchain = defineStore('blockchain', {
       //     global.current
       // }
       useWalletStore().$reset();
-      await useStakingStore().init();
+      if (!this.isConsumerChain) {
+        await useStakingStore().init();
+      }
       useBankStore().initial();
       useBaseStore().initial();
       useGovStore().initial();
diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index a2876bc473..934e310e10 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -130,11 +130,21 @@ export const useStakingStore = defineStore('stakingStore', {
       return consensusPubkeyToHexAddress(key)
 
     },
+    async getConsumerValidators(chain_id: string) {
+      if(this.blockchain.current?.providerChain?.api && this.blockchain.current.providerChain.api.length > 0) {
+        const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
+        await client.getStakingValidators('BOND_STATUS_BONDED', 500).then((res) => { this.validators = res.validators });
+        return client.getInterchainSecurityConsumerValidators(chain_id)
+      } else {
+        return { validators: [] }
+      }
+    },
     async fetchAllKeyRotation(chain_id: string) {
+      let vs = []
       for(const val of this.validators) {
         const { prefix } = fromBech32(val.operator_address)
-        console.log(val, prefix)
-        await this.fetchKeyRotation(chain_id, pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','valcons')))
+        const cons = pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','valcons'))
+        vs.push(cons)
       }
     },
     async fetchValidators(status: string, limit = 300) {
@@ -142,15 +152,24 @@ export const useStakingStore = defineStore('stakingStore', {
         if(this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
           const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
           // provider validators
-          const res = await client.getStakingValidators(status, limit)
-          const proVals = res.validators.sort(
-            (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
-          )
-          if (status === 'BOND_STATUS_BONDED') {
-            this.validators = proVals;
-          }
-
-          return proVals
+          // const baseStore = useBaseStore();
+          // let chain_id = baseStore.latest?.block?.header?.chain_id
+          // // fetch chain id if not available
+          // if (chain_id === undefined) {
+          //   await baseStore.fetchLatest();
+          //   chain_id = baseStore.latest?.block?.header?.chain_id || "unknown";
+          // }
+          // const res = await client.getInterchainSecurityConsumerValidators(chain_id)
+          // const consumerValidators = res.validators.sort(
+          //   (a, b) => Number(b.power) - Number(a.power)
+          // )
+          const providerValidators = await client.getStakingValidators(status, limit);
+          // return consumerValidators.map((val) => {
+          //   providerValidators.validators.find((v) => v.consensus_pubkey === val.provider_address)
+          // })
+          return providerValidators;
+        } else {
+          console.error("Please provide provider chain api in your chain configuration")
         }
       }
       return this.blockchain.rpc?.getStakingValidators(status, limit).then((res) => {

From 38044edff704a927af3b12638926b5df6c0869b2 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 23:37:23 +0800
Subject: [PATCH 168/240] fixed validator load

---
 src/stores/useStakingStore.ts | 24 ------------------------
 1 file changed, 24 deletions(-)

diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index 934e310e10..e833259c10 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -148,30 +148,6 @@ export const useStakingStore = defineStore('stakingStore', {
       }
     },
     async fetchValidators(status: string, limit = 300) {
-      if(this.blockchain.isConsumerChain) {
-        if(this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
-          const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
-          // provider validators
-          // const baseStore = useBaseStore();
-          // let chain_id = baseStore.latest?.block?.header?.chain_id
-          // // fetch chain id if not available
-          // if (chain_id === undefined) {
-          //   await baseStore.fetchLatest();
-          //   chain_id = baseStore.latest?.block?.header?.chain_id || "unknown";
-          // }
-          // const res = await client.getInterchainSecurityConsumerValidators(chain_id)
-          // const consumerValidators = res.validators.sort(
-          //   (a, b) => Number(b.power) - Number(a.power)
-          // )
-          const providerValidators = await client.getStakingValidators(status, limit);
-          // return consumerValidators.map((val) => {
-          //   providerValidators.validators.find((v) => v.consensus_pubkey === val.provider_address)
-          // })
-          return providerValidators;
-        } else {
-          console.error("Please provide provider chain api in your chain configuration")
-        }
-      }
       return this.blockchain.rpc?.getStakingValidators(status, limit).then((res) => {
         const vals = res.validators.sort(
           (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)

From 49f7564f6c228be1906af1217595dd3569d27527 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 1 Sep 2024 23:55:06 +0800
Subject: [PATCH 169/240] sort validators

---
 src/modules/[chain]/uptime/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index b9663a0fdc..852338d654 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -103,7 +103,7 @@ baseStore.$subscribe((_, state) => {
       const chain_id = state.latest.block.header.chain_id;
       Promise.resolve().then(async () =>{
         await stakingStore.getConsumerValidators(chain_id).then((x) => {
-        x.validators.forEach(v => {
+        x.validators.sort((a,b) => Number(b.power)-Number(a.power)).forEach(v => {
           const base64 = toBase64(fromHex(consensusPubkeyToHexAddress({"@type": "/cosmos.crypto.ed25519.PubKey", key: v.consumer_key.ed25519 })));
           const moniker = v.provider_address;
           consumerValidators.value.push({ moniker, base64});

From 54f066d5ad3fd60e342d3982e626442d73df0313 Mon Sep 17 00:00:00 2001
From: citadeloneteam002 <citadeloneteam002@proton.me>
Date: Tue, 24 Sep 2024 17:07:56 +0900
Subject: [PATCH 170/240] docs: Add jo translation

---
 src/plugins/i18n/locales/jo.json | 301 +++++++++++++++++++++++++++++++
 1 file changed, 301 insertions(+)
 create mode 100644 src/plugins/i18n/locales/jo.json

diff --git a/src/plugins/i18n/locales/jo.json b/src/plugins/i18n/locales/jo.json
new file mode 100644
index 0000000000..ead17e7289
--- /dev/null
+++ b/src/plugins/i18n/locales/jo.json
@@ -0,0 +1,301 @@
+{
+  "module": {
+    "dashboard": "ダッシュボード",
+    "blocks": "ブロック",
+    "staking": "ステーキング",
+    "governance": "ガバナンス",
+    "parameters": "パラメータ",
+    "uptime": "アップタイム",
+    "state-sync": "ステート同期",
+    "cosmwasm": "Cosmwasm",
+    "widget": "ウィジェット",
+    "tx": "取引",
+    "ibc": "IBC",
+    "nft": "NFT",
+    "consensus": "コンセンサス",
+    "supply": "供給",
+    "account": "アカウント",
+    "ecosystem": "エコシステム",
+    "favorite": "お気に入り",
+    "add_to_favorite": "お気に入りに追加",
+    "all_blockchains": "すべてのブロックチェーン",
+    "sponsors": "スポンサー",
+    "links": "リンク"
+  },
+  "pages": {
+    "title": "Ping ダッシュボード",
+    "title_all": "404",
+    "tag": "ベータ",
+    "tag_all": "ページが見つかりません",
+    "slogan": "Ping ダッシュボードは単なるエクスプローラーではなく、ウォレットなどもあります... 🛠",
+    "description": "Cosmos エコシステムブロックチェーン 🚀",
+    "search_placeholder": "チェーンを検索",
+    "description_all": "お探しのページは見つかりませんでした。",
+    "out_of_sync": "最新のブロックは ",
+    "btn_index": "ホームに戻る"
+  },
+  "account": {
+    "amount": "金額",
+    "received": "最近の受取",
+    "type": "タイプ",
+    "address": "アドレス",
+    "acc": "アカウント",
+    "acc_num": "アカウント番号",
+    "sequence": "シーケンス",
+    "pub_key": "公開鍵",
+    "assets": "資産",
+    "btn_send": "送信",
+    "btn_transfer": "転送",
+    "total_value": "総価値",
+    "delegations": "委任",
+    "no_delegations": "委任なし",
+    "btn_delegate": "委任",
+    "btn_redelegate": "再委任",
+    "btn_withdraw": "引き出し",
+    "btn_unbond": "アンボンド",
+    "validator": "バリデーター",
+    "delegation": "委任",
+    "delegator": "委任者",
+    "rewards": "報酬",
+    "action": "アクション",
+    "unbonding_delegations": "アンボンド委任",
+    "creation_height": "作成高さ",
+    "initial_balance": "初期残高",
+    "balance": "残高",
+    "completion_time": "完了時間",
+    "transactions": "取引",
+    "no_transactions": "取引なし",
+    "height": "高さ",
+    "hash": "ハッシュ",
+    "messages": "メッセージ",
+    "time": "時間",
+    "error": "アカウントはチェーン上に存在しません"
+  },
+  "block": {
+    "estimated_time": "推定時間",
+    "countdown_for_block": "ブロックのカウントダウン",
+    "countdown_for_block_input": "新しいターゲットブロック番号を入力",
+    "btn_update": "更新",
+    "current_height": "現在の高さ",
+    "remaining_blocks": "残りのブロック",
+    "average_block_time": "平均ブロック時間",
+    "block_header": "ブロックヘッダー",
+    "last_commit": "最後のコミット",
+    "recent": "最近",
+    "future": "未来",
+    "fees": "手数料",
+    "only_tx": "最近のブロック内の取引のみ表示"
+  },
+  "consensus": {
+    "monitor": "モニター",
+    "onboard_rate": "オンボード率",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "ラウンド",
+    "step": "ステップ",
+    "updated_at": "更新日時",
+    "proposer_sign": "提案者署名済み",
+    "proposer_not_sign": "提案者未署名",
+    "sign": "署名済み",
+    "not_sign": "未署名",
+    "tips": "ヒント",
+    "tips_description_1": "このツールは、アップグレード中に誰がオンボードしているかを監視するためにバリデーターに役立ちます",
+    "tips_description_2": "デフォルトのRPCエンドポイントを変更したい場合は、サーバーで `https` と `CORS` を有効にしてください。"
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm スマートコントラクト",
+    "code_id": "コードID",
+    "code_hash": "コードハッシュ",
+    "creator": "クリエイター",
+    "permissions": "権限",
+    "btn_up_sc": "スマートコントラクトをアップロード",
+    "contract_list_code": "コードの契約リスト",
+    "contract_list": "契約リスト",
+    "btn_contract": "契約情報",
+    "btn_funds": "資金",
+    "btn_states": "状態",
+    "btn_fees": "手数料",
+    "btn_query": "クエリ",
+    "btn_execute": "実行",
+    "btn_transactions": "取引",
+    "btn_details": "詳細",
+    "btn_migrate": "移行",
+    "btn_update_admin": "管理者を更新",
+    "btn_clear_admin": "管理者をクリア",
+    "instantiate_contract": "契約をインスタンス化",
+    "contract_detail": "契約詳細",
+    "contract_balances": "契約残高",
+    "no_escrowed_assets": "エスクロー資産なし",
+    "contract_states": "契約状態",
+    "query_contract": "契約をクエリ",
+    "tips_description_1": "この機能は、WELLDONEコードを介して契約を展開する際に利用可能です。詳細については、以下のリンクのドキュメントを確認してください。"
+  },
+  "gov": {
+    "voting": "投票",
+    "passed": "通過",
+    "rejected": "拒否",
+    "tally": "集計",
+    "btn_vote": "投票",
+    "btn_deposit": "預金",
+    "timeline": "タイムライン",
+    "submit_at": "提出日時",
+    "deposited_at": "預金日時",
+    "vote_start_from": "投票開始",
+    "vote_end": "投票終了",
+    "current_status": "現在の状態",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "預金期間",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "投票期間",
+      "PROPOSAL_STATUS_PASSED": "通過",
+      "PROPOSAL_STATUS_REJECTED": "拒否",
+      "PROPOSAL_STATUS_FAILED": "失敗"
+    },
+    "upgrade_plan": "アップグレード計画",
+    "votes": "票"
+  },
+  "ibc": {
+    "title": "IBC接続",
+    "title_2": "IBCクライアント",
+    "registry": "レジストリ",
+    "connection_id": "接続ID",
+    "btn_apply": "申請",
+    "trust_parameters": "信頼パラメータ",
+    "trust_level": "信頼レベル",
+    "trusting_period": "信頼期間",
+    "unbonding_period": "アンボンド期間",
+    "max_clock_drift": "最大クロックドリフト",
+    "frozen_height": "凍結高さ",
+    "latest_height": "最新高さ",
+    "upgrade_parameters": "アップグレードパラメータ",
+    "allow_update_after_expiry": "期限後の更新を許可",
+    "allow_update_after_misbehaviour": "不正行為後の更新を許可",
+    "upgrade_path": "アップグレードパス",
+    "channels": "チャネル",
+    "txs": "取引",
+    "channel_id": "チャネルID",
+    "port_id": "ポートID",
+    "state": "状態",
+    "counterparty": "カウンターパーティ",
+    "hops": "ホップ",
+    "version": "バージョン",
+    "ordering": "オーダリング",
+    "height": "高さ",
+    "txhash": "取引ハッシュ",
+    "messages": "メッセージ",
+    "time": "時間",
+    "btn_out": "アウト",
+    "btn_in":
+  },
+  "staking": {
+  "inflation": "インフレーション",
+  "unbonding_time": "アンバンディング時間",
+  "double_sign_slashing": "ダブルサインの罰金",
+  "downtime_slashing": "ダウンタイムの罰金",
+  "popular": "人気",
+  "active": "アクティブ",
+  "inactive": "非アクティブ",
+  "rank": "ランク",
+  "validator": "バリデーター",
+  "voting_power": "投票権",
+  "24h_changes": "24時間の変化",
+  "commission": "手数料",
+  "actions": "アクション",
+  "jailed": "投獄中",
+  "top": "トップ",
+  "description": "低ランクのバリデーターに委任すると、ネットワーク全体のセキュリティが向上します。",
+  "about_us": "私たちについて",
+  "website": "ウェブサイト",
+  "contact": "お問い合わせ",
+  "validator_status": "バリデーターの状態",
+  "status": "ステータス",
+  "total_bonded": "総担保トークン",
+  "self_bonded": "自己担保",
+  "min_self": "最小自己委任",
+  "annual_profit": "年次利益",
+  "unbonding_height": "アンバンディング高さ",
+  "commissions_&_rewards": "手数料と報酬",
+  "commissions": "手数料",
+  "outstanding": "未解決",
+  "addresses": "アドレス",
+  "account_addr": "アカウントアドレス",
+  "operator_addr": "オペレーターアドレス",
+  "hex_addr": "16進数アドレス",
+  "signer_addr": "署名者アドレス",
+  "consensus_pub_key": "コンセンサス公開鍵",
+  "liquid_staking": "流動性ステーキング",
+  "liquid_staking_shares": "流動性シェア",
+  "validator_bond_share": "バリデーター担保シェア"
+},
+  "statesync": {
+  "title": "ステートシンクとは？",
+  "title_2": "ステートシンクから新しいノードを開始",
+  "title_3": "ステートシンクのためにスナップショットを有効にする",
+  "description": "Tendermint Core 0.34リリースはステートシンクをサポートしており、新しいノードが最近の高さでアプリケーションの状態のスナップショットを取得してネットワークに参加できるようにします。これにより、数日から数分に同期にかかる時間を短縮できます。クリック",
+  "here": "こちら",
+  "version": "バージョン",
+  "for_more_info": "詳細情報は",
+  "text_1": "バイナリをインストール",
+  "text_1_1": "最初にバイナリをインストールし、メインネットで現在使用されているバージョンであることを確認する必要があります。",
+  "text_2": "ステートシンクを有効にする",
+  "text_2_1": "Tendermintを$DAEMON_HOME/config/config.tomlでステートシンクを使用するように構成できます。",
+  "text_3": "デーモンを開始",
+  "text_3_1": "ノードをリセットしている場合は、デーモンを開始する前に実行します。",
+  "text_3_2": "",
+  "text_title_3": "ステートシンクを機能させるために、$DAEMON_HOME/config/app.tomlでスナップショットを有効にできます。"
+},
+  "tx": {
+  "title": "概要",
+  "tx_hash": "取引ハッシュ",
+  "gas": "ガス",
+  "fee": "手数料",
+  "memo": "メモ",
+  "no_messages": "メッセージはありません"
+},
+  "uptime": {
+  "overall": "全体",
+  "customize": "カスタマイズ",
+  "only_consumer_set": "消費者セットのみ",
+  "last_jailed_time": "最終投獄時間",
+  "signed_precommits": "署名済みプレコミット",
+  "start_height": "開始高さ",
+  "tombstoned": "トムストーン化",
+  "minimum_uptime": "ウィンドウごとの最小稼働時間",
+  "my_validators": "私のバリデーター",
+  "add_validators_monitor": "監視したいバリデーターを追加",
+  "no": "いいえ",
+  "signed_blocks": "署名済みブロック",
+  "missing_blocks": "欠落したブロック",
+  "add_validators": "バリデーターを追加",
+  "add": "追加",
+  "legend": "凡例",
+  "committed": "コミット済み",
+  "precommitted": "プレコミット済み",
+  "missed": "見逃し"
+  },
+  "widget": {
+  "title": "初期設定",
+  "endpoint": "エンドポイント",
+  "select_endpoint": "エンドポイントを選択",
+  "text_1": "グローバルスクリプトをインポート",
+  "text_2": "ウォレットに接続",
+  "text_3": "オスモシス変換"
+  },
+  "index": {
+  "rank": "ランク",
+  "price_calculator": "価格計算機",
+  "close": "閉じる",
+  "buy": "購入",
+  "active_proposals": "アクティブな提案",
+  "no_active_proposals": "アクティブな提案はありません",
+  "more": "もっと",
+  "reward": "報酬",
+  "unbonding": "アンバンディング",
+  "btn_withdraw_reward": "報酬を引き出す",
+  "btn_swap": "スワップ",
+  "receive": "受け取る",
+  "app_versions": "アプリケーションバージョン",
+  "node_info": "ノード情報"
+  }
+}

From 3688045165e71110895dad52c171a1cefb553269 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 25 Sep 2024 07:15:14 +0800
Subject: [PATCH 171/240] fixed error

---
 src/plugins/i18n/locales/jo.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/i18n/locales/jo.json b/src/plugins/i18n/locales/jo.json
index ead17e7289..97dd39f46a 100644
--- a/src/plugins/i18n/locales/jo.json
+++ b/src/plugins/i18n/locales/jo.json
@@ -186,7 +186,7 @@
     "messages": "メッセージ",
     "time": "時間",
     "btn_out": "アウト",
-    "btn_in":
+    "btn_in": "入"
   },
   "staking": {
   "inflation": "インフレーション",

From d97a7a2096b8a4c598c048aa9b4020048cd6ad71 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 25 Sep 2024 07:23:28 +0800
Subject: [PATCH 172/240] add Japanese

---
 src/layouts/components/NavBarI18n.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/layouts/components/NavBarI18n.vue b/src/layouts/components/NavBarI18n.vue
index 86c122e5c9..0f1b8c991d 100644
--- a/src/layouts/components/NavBarI18n.vue
+++ b/src/layouts/components/NavBarI18n.vue
@@ -16,6 +16,10 @@ const i18nLangs: Array<{ label: string; i18nLang: string }> = [
         label: 'Indonesian',
         i18nLang: 'id',
     },
+    {
+        label: '日本語',
+        i18nLang: 'jo',
+    },
 ];
 
 let locale = ref(useI18n({ useScope: 'global' }).locale);

From 6edeccb497df0d6e540d1d58f59cdab4f46e07e0 Mon Sep 17 00:00:00 2001
From: trustwalletteam003 <trustwalletteam003@proton.me>
Date: Tue, 1 Oct 2024 01:45:04 +0900
Subject: [PATCH 173/240] docs: add ko translation

---
 src/plugins/i18n/locales/ko.json | 301 +++++++++++++++++++++++++++++++
 1 file changed, 301 insertions(+)
 create mode 100644 src/plugins/i18n/locales/ko.json

diff --git a/src/plugins/i18n/locales/ko.json b/src/plugins/i18n/locales/ko.json
new file mode 100644
index 0000000000..1da9cf71ac
--- /dev/null
+++ b/src/plugins/i18n/locales/ko.json
@@ -0,0 +1,301 @@
+{
+  "module": {
+    "dashboard": "대시보드",
+    "blocks": "블록",
+    "staking": "스테이킹",
+    "governance": "거버넌스",
+    "parameters": "파라미터",
+    "uptime": "업타임",
+    "state-sync": "스테이트 싱크",
+    "cosmwasm": "코스모왓솜",
+    "widget": "위젯",
+    "tx": "트랜잭션",
+    "ibc": "IBC",
+    "nft": "NFT",
+    "consensus": "컨센서스",
+    "supply": "공급량",
+    "account": "계정",
+    "ecosystem": "에코시스템",
+    "favorite": "즐겨찾기",
+    "add_to_favorite": "즐겨찾기에 추가",
+    "all_blockchains": "모든 블록체인",
+    "sponsors": "스폰서",
+    "links": "링크"
+  },
+  "pages": {
+    "title": "핑 대시보드",
+    "title_all": "404",
+    "tag": "베타",
+    "tag_all": "페이지를 찾을 수 없습니다",
+    "slogan": "핑 대시보드는 단순한 익스플로러가 아니라 지갑과 더 많은 기능을 제공합니다 🛠",
+    "description": "코스모스 에코시스템 블록체인 🚀",
+    "search_placeholder": "체인 검색",
+    "description_all": "찾고 있는 페이지를 찾을 수 없습니다.",
+    "out_of_sync": "최신 블록이 생성된 시간: ",
+    "btn_index": "홈으로 돌아가기"
+  },
+  "account": {
+    "amount": "금액",
+    "received": "최근 수신",
+    "type": "유형",
+    "address": "주소",
+    "acc": "계정",
+    "acc_num": "계정 번호",
+    "sequence": "시퀀스",
+    "pub_key": "공개 키",
+    "assets": "자산",
+    "btn_send": "보내기",
+    "btn_transfer": "전송",
+    "total_value": "총 가치",
+    "delegations": "위임",
+    "no_delegations": "위임 없음",
+    "btn_delegate": "위임하기",
+    "btn_redelegate": "재위임하기",
+    "btn_withdraw": "출금하기",
+    "btn_unbond": "해제하기",
+    "validator": "검증인",
+    "delegation": "위임",
+    "delegator": "위임자",
+    "rewards": "보상",
+    "action": "액션",
+    "unbonding_delegations": "해제 중인 위임",
+    "creation_height": "생성 높이",
+    "initial_balance": "초기 잔액",
+    "balance": "잔액",
+    "completion_time": "완료 시간",
+    "transactions": "거래",
+    "no_transactions": "거래 없음",
+    "height": "높이",
+    "hash": "해시",
+    "messages": "메시지",
+    "time": "시간",
+    "error": "체인에 계정이 존재하지 않음"
+  },
+  "block": {
+    "estimated_time": "예상 시간",
+    "countdown_for_block": "블록 카운트다운",
+    "countdown_for_block_input": "새 목표 블록 번호 입력",
+    "btn_update": "업데이트",
+    "current_height": "현재 높이",
+    "remaining_blocks": "남은 블록",
+    "average_block_time": "평균 블록 시간",
+    "block_header": "블록 헤더",
+    "last_commit": "마지막 커밋",
+    "recent": "최근",
+    "future": "미래",
+    "fees": "수수료",
+    "only_tx": "최근 블록에서 거래만 표시"
+  },
+  "consensus": {
+    "monitor": "모니터",
+    "onboard_rate": "온보드율",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "라운드",
+    "step": "단계",
+    "updated_at": "업데이트 시간",
+    "proposer_sign": "제안자 서명 완료",
+    "proposer_not_sign": "제안자 서명 안 함",
+    "sign": "서명 완료",
+    "not_sign": "서명 안 함",
+    "tips": "팁",
+    "tips_description_1": "이 도구는 검증자가 업그레이드 중에 누가 온보드하는지 모니터하는 데 유용합니다.",
+    "tips_description_2": "기본 RPC 엔드포인트를 변경하려면 서버에서 `https` 및 `CORS`가 활성화되어 있는지 확인하세요."
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm 스마트 계약",
+    "code_id": "코드 ID",
+    "code_hash": "코드 해시",
+    "creator": "생성자",
+    "permissions": "권한",
+    "btn_up_sc": "스마트 계약 업로드",
+    "contract_list_code": "코드의 계약 목록",
+    "contract_list": "계약 목록",
+    "btn_contract": "계약 정보",
+    "btn_funds": "자금",
+    "btn_states": "상태",
+    "btn_fees": "수수료",
+    "btn_query": "쿼리",
+    "btn_execute": "실행",
+    "btn_transactions": "거래",
+    "btn_details": "세부사항",
+    "btn_migrate": "이전",
+    "btn_update_admin": "관리자 업데이트",
+    "btn_clear_admin": "관리자 삭제",
+    "instantiate_contract": "계약 인스턴스화",
+    "contract_detail": "계약 세부사항",
+    "contract_balances": "계약 잔액",
+    "no_escrowed_assets": "에스크로된 자산 없음",
+    "contract_states": "계약 상태",
+    "query_contract": "계약 쿼리",
+    "tips_description_1": "이 기능은 WELLDONE Code를 통해 계약을 배포할 때 사용할 수 있습니다. 자세한 내용은 아래 링크의 문서를 확인하세요."
+  },
+  "gov": {
+    "voting": "투표 중",
+    "passed": "통과됨",
+    "rejected": "거부됨",
+    "tally": "집계",
+    "btn_vote": "투표하기",
+    "btn_deposit": "예치하기",
+    "timeline": "타임라인",
+    "submit_at": "제출일",
+    "deposited_at": "예치일",
+    "vote_start_from": "투표 시작",
+    "vote_end": "투표 종료",
+    "current_status": "현재 상태",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "예치 기간",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "투표 기간",
+      "PROPOSAL_STATUS_PASSED": "통과됨",
+      "PROPOSAL_STATUS_REJECTED": "거부됨",
+      "PROPOSAL_STATUS_FAILED": "실패"
+    },
+    "upgrade_plan": "업그레이드 계획",
+    "votes": "투표"
+  },
+  "ibc": {
+    "title": "IBC 연결",
+    "title_2": "IBC 클라이언트",
+    "registry": "레지스트리",
+    "connection_id": "연결 ID",
+    "btn_apply": "적용",
+    "trust_parameters": "신뢰 매개변수",
+    "trust_level": "신뢰 수준",
+    "trusting_period": "신뢰 기간",
+    "unbonding_period": "해제 기간",
+    "max_clock_drift": "최대 클럭 드리프트",
+    "frozen_height": "동결 높이",
+    "latest_height": "최신 높이",
+    "upgrade_parameters": "업그레이드 매개변수",
+    "allow_update_after_expiry": "만료 후 업데이트 허용",
+    "allow_update_after_misbehaviour": "비정상 행동 후 업데이트 허용",
+    "upgrade_path": "업그레이드 경로",
+    "channels": "채널",
+    "txs": "거래",
+    "channel_id": "채널 ID",
+    "port_id": "포트 ID",
+    "state": "상태",
+    "counterparty": "상대방",
+    "hops": "홉",
+    "version": "버전",
+    "ordering": "주문",
+    "height": "높이",
+    "txhash": "거래 해시",
+    "messages": "메시지",
+    "time": "시간",
+    "btn_out": "출력",
+    "btn_in": "입력"
+  },
+  "staking": {
+  "inflation": "인플레이션",
+  "unbonding_time": "언본딩 시간",
+  "double_sign_slashing": "이중 서명 슬래싱",
+  "downtime_slashing": "다운타임 슬래싱",
+  "popular": "인기",
+  "active": "활성",
+  "inactive": "비활성",
+  "rank": "순위",
+  "validator": "검증인",
+  "voting_power": "투표 권한",
+  "24h_changes": "24시간 변화",
+  "commission": "커미션",
+  "actions": "작업",
+  "jailed": "감금됨",
+  "top": "상위",
+  "description": "순위가 낮은 검증인에게 위임하면 네트워크의 전체 보안을 강화할 수 있습니다.",
+  "about_us": "회사 소개",
+  "website": "웹사이트",
+  "contact": "연락처",
+  "validator_status": "검증인 상태",
+  "status": "상태",
+  "total_bonded": "전체 본딩 토큰",
+  "self_bonded": "셀프 본딩",
+  "min_self": "최소 셀프 위임",
+  "annual_profit": "연간 수익",
+  "unbonding_height": "언본딩 높이",
+  "commissions_&_rewards": "커미션 및 보상",
+  "commissions": "커미션",
+  "outstanding": "미지급",
+  "addresses": "주소",
+  "account_addr": "계정 주소",
+  "operator_addr": "운영자 주소",
+  "hex_addr": "Hex 주소",
+  "signer_addr": "서명자 주소",
+  "consensus_pub_key": "합의 공개 키",
+  "liquid_staking": "유동 스테이킹",
+  "liquid_staking_shares": "유동 지분",
+  "validator_bond_share": "검증인 본딩 지분"
+  },
+  "statesync": {
+    "title": "상태 동기화란?",
+    "title_2": "상태 동기화로 새 노드 시작하기",
+    "title_3": "상태 동기화를 위한 스냅샷 활성화",
+    "description": "Tendermint Core 0.34 릴리스에는 상태 동기화가 포함되어 있습니다. 이를 통해 새 노드가 모든 역사적 블록을 가져오고 재생하는 대신 최근 높이에서 애플리케이션 상태의 스냅샷을 가져와 네트워크에 참여할 수 있습니다. 이를 통해 네트워크와 동기화하는 시간이 며칠에서 몇 분으로 줄어들 수 있습니다. 자세한 내용은 클릭하세요.",
+    "here": "여기",
+    "version": "버전",
+    "for_more_info": "자세한 정보",
+    "text_1": "바이너리 설치",
+    "text_1_1": "먼저 바이너리를 설치하고 버전이 현재 메인넷에서 사용 중인 버전인지 확인해야 합니다.",
+    "text_2": "상태 동기화 활성화",
+    "text_2_1": "$DAEMON_HOME/config/config.toml에서 Tendermint가 상태 동기화를 사용하도록 구성할 수 있습니다.",
+    "text_3": "데몬 시작",
+    "text_3_1": "노드를 재설정하는 경우, 데몬을 시작하기 전에",
+    "text_3_2": "을 실행하세요.",
+    "text_title_3": "상태 동기화를 작동시키려면 $DAEMON_HOME/config/app.toml에서 스냅샷을 활성화할 수 있습니다."
+  },
+  "tx": {
+    "title": "요약",
+    "tx_hash": "트랜잭션 해시",
+    "gas": "가스",
+    "fee": "수수료",
+    "memo": "메모",
+    "no_messages": "메시지 없음"
+  },
+  "uptime": {
+    "overall": "전체",
+    "customize": "사용자 정의",
+    "only_consumer_set": "소비자 집합만",
+    "last_jailed_time": "마지막 감금 시간",
+    "signed_precommits": "서명된 사전 커밋",
+    "start_height": "시작 높이",
+    "tombstoned": "무효화됨",
+    "minimum_uptime": "윈도우당 최소 가동 시간",
+    "my_validators": "내 검증인",
+    "add_validators_monitor": "모니터링하려는 검증인을 추가하세요.",
+    "no": "아니요",
+    "signed_blocks": "서명된 블록",
+    "missing_blocks": "누락된 블록",
+    "add_validators": "검증인 추가",
+    "add": "추가",
+    "legend": "범례",
+    "committed": "커밋됨",
+    "precommitted": "사전 커밋됨",
+    "missed": "누락됨"
+  },
+  "widget": {
+    "title": "초기 설정",
+    "endpoint": "엔드포인트",
+    "select_endpoint": "엔드포인트 선택",
+    "text_1": "전역 스크립트 가져오기",
+    "text_2": "지갑 연결",
+    "text_3": "오스모시스 변환"
+  },
+  "index": {
+    "rank": "순위",
+    "price_calculator": "가격 계산기",
+    "close": "닫기",
+    "buy": "구매",
+    "active_proposals": "활성 제안",
+    "no_active_proposals": "활성 제안 없음",
+    "more": "더보기",
+    "reward": "보상",
+    "unbonding": "해제 중",
+    "btn_withdraw_reward": "보상 인출",
+    "btn_swap": "스왑",
+    "receive": "수신",
+    "app_versions": "애플리케이션 버전",
+    "node_info": "노드 정보"
+  }
+}

From e5b29807d4662eccbab0f92bd3b0bc8d740bd517 Mon Sep 17 00:00:00 2001
From: metamaskteam003 <rocknchip@proton.me>
Date: Mon, 30 Sep 2024 13:29:18 -0400
Subject: [PATCH 174/240] feat: rename jo.json to ja.json

---
 src/plugins/i18n/locales/{jo.json => ja.json} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/plugins/i18n/locales/{jo.json => ja.json} (100%)

diff --git a/src/plugins/i18n/locales/jo.json b/src/plugins/i18n/locales/ja.json
similarity index 100%
rename from src/plugins/i18n/locales/jo.json
rename to src/plugins/i18n/locales/ja.json

From 85401658ec39f98b6b472a9bc923b52b843c4243 Mon Sep 17 00:00:00 2001
From: werewolvesaiteam002 <YourongWife@proton.me>
Date: Tue, 8 Oct 2024 11:56:09 +0800
Subject: [PATCH 175/240] feat: rename cn.json to zh.json

---
 src/plugins/i18n/locales/{cn.json => zh.json} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/plugins/i18n/locales/{cn.json => zh.json} (100%)

diff --git a/src/plugins/i18n/locales/cn.json b/src/plugins/i18n/locales/zh.json
similarity index 100%
rename from src/plugins/i18n/locales/cn.json
rename to src/plugins/i18n/locales/zh.json

From ab264e4f2045a174bb538e37a163e3e821328ce4 Mon Sep 17 00:00:00 2001
From: werewolvesaiteam002 <YourongWife@proton.me>
Date: Tue, 8 Oct 2024 12:17:22 +0800
Subject: [PATCH 176/240] docs: add de translation

---
 src/plugins/i18n/locales/de.json | 301 +++++++++++++++++++++++++++++++
 1 file changed, 301 insertions(+)
 create mode 100644 src/plugins/i18n/locales/de.json

diff --git a/src/plugins/i18n/locales/de.json b/src/plugins/i18n/locales/de.json
new file mode 100644
index 0000000000..34d716601a
--- /dev/null
+++ b/src/plugins/i18n/locales/de.json
@@ -0,0 +1,301 @@
+{
+  "module": {
+    "dashboard": "Dashboard",
+    "blocks": "Blöcke",
+    "staking": "Staking",
+    "governance": "Governance",
+    "parameters": "Parameter",
+    "uptime": "Verfügbarkeit",
+    "state-sync": "State Sync",
+    "cosmwasm": "Cosmwasm",
+    "widget": "Widgets",
+    "tx": "Transaktionen",
+    "ibc": "IBC",
+    "nft": "NFT",
+    "consensus": "Konsens",
+    "supply": "Angebot",
+    "account": "Konten",
+    "ecosystem": "Ökosystem",
+    "favorite": "Favorit",
+    "add_to_favorite": "Zu Favoriten hinzufügen",
+    "all_blockchains": "Alle Blockchains",
+    "sponsors": "Sponsoren",
+    "links": "Links"
+  },
+  "pages": {
+    "title": "Ping Dashboard",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Seite nicht gefunden",
+    "slogan": "Ping Dashboard ist nicht nur ein Explorer, sondern auch eine Wallet und mehr ... 🛠",
+    "description": "Cosmos-Ökosystem-Blockchains 🚀",
+    "search_placeholder": "Suche Chain",
+    "description_all": "Wir konnten die gesuchte Seite nicht finden.",
+    "out_of_sync": "Der letzte Block wurde erstellt am ",
+    "btn_index": "Zurück zur Startseite"
+  },
+  "account": {
+    "amount": "Menge",
+    "received": "Kürzlich erhalten",
+    "type": "Typ",
+    "address": "Adresse",
+    "acc": "Konto",
+    "acc_num": "Kontonummer",
+    "sequence": "Sequenz",
+    "pub_key": "Öffentlicher Schlüssel",
+    "assets": "Vermögenswerte",
+    "btn_send": "Senden",
+    "btn_transfer": "Übertragen",
+    "total_value": "Gesamtwert",
+    "delegations": "Delegationen",
+    "no_delegations": "Keine Delegationen",
+    "btn_delegate": "Delegieren",
+    "btn_redelegate": "Redelegieren",
+    "btn_withdraw": "Abheben",
+    "btn_unbond": "Unbinden",
+    "validator": "Validator",
+    "delegation": "Delegation",
+    "delegator": "Delegator",
+    "rewards": "Belohnungen",
+    "action": "Aktion",
+    "unbonding_delegations": "Unbonding-Delegationen",
+    "creation_height": "Erstellungshöhe",
+    "initial_balance": "Anfangsbilanz",
+    "balance": "Bilanz",
+    "completion_time": "Abschlusszeit",
+    "transactions": "Transaktionen",
+    "no_transactions": "Keine Transaktionen",
+    "height": "Höhe",
+    "hash": "Hash",
+    "messages": "Nachrichten",
+    "time": "Zeit",
+    "error": "Konto existiert nicht auf der Chain"
+  },
+  "block": {
+    "estimated_time": "Geschätzte Zeit",
+    "countdown_for_block": "Countdown für Block",
+    "countdown_for_block_input": "Geben Sie eine neue Zielblocknummer ein",
+    "btn_update": "Aktualisieren",
+    "current_height": "Aktuelle Höhe",
+    "remaining_blocks": "Verbleibende Blöcke",
+    "average_block_time": "Durchschnittliche Blockzeit",
+    "block_header": "Blockheader",
+    "last_commit": "Letzter Commit",
+    "recent": "Kürzlich",
+    "future": "Zukunft",
+    "fees": "Gebühren",
+    "only_tx": "Nur Tx in den letzten Blöcken anzeigen"
+  },
+  "consensus": {
+    "monitor": "Monitor",
+    "onboard_rate": "Onboarding-Rate",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "Runde",
+    "step": "Schritt",
+    "updated_at": "Aktualisiert am",
+    "proposer_sign": "Proposer signiert",
+    "proposer_not_sign": "Proposer nicht signiert",
+    "sign": "Signiert",
+    "not_sign": "Nicht signiert",
+    "tips": "Tipps",
+    "tips_description_1": "Dieses Tool ist nützlich für Validatoren, um zu überwachen, wer während eines Upgrades an Bord ist.",
+    "tips_description_2": "Wenn Sie den Standard-RPC-Endpunkt ändern möchten, stellen Sie sicher, dass `https` und `CORS` auf Ihrem Server aktiviert sind."
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm Smart Contracts",
+    "code_id": "Code-ID",
+    "code_hash": "Code-Hash",
+    "creator": "Ersteller",
+    "permissions": "Berechtigungen",
+    "btn_up_sc": "Smart Contract hochladen",
+    "contract_list_code": "Vertragsliste des Codes",
+    "contract_list": "Vertragsliste",
+    "btn_contract": "Vertragsinfo",
+    "btn_funds": "Gelder",
+    "btn_states": "Zustände",
+    "btn_fees": "Gebühren",
+    "btn_query": "Abfrage",
+    "btn_execute": "Ausführen",
+    "btn_transactions": "Txs",
+    "btn_details": "Details",
+    "btn_migrate": "Migrieren",
+    "btn_update_admin": "Admin aktualisieren",
+    "btn_clear_admin": "Admin löschen",
+    "instantiate_contract": "Vertrag instanziieren",
+    "contract_detail": "Vertragsdetails",
+    "contract_balances": "Vertragsguthaben",
+    "no_escrowed_assets": "Keine Treuhandvermögen",
+    "contract_states": "Vertragszustände",
+    "query_contract": "Vertrag abfragen",
+    "tips_description_1": "Diese Funktion ist verfügbar, wenn Verträge über WELLDONE Code bereitgestellt werden. Weitere Informationen finden Sie im Dokument unter dem unten stehenden Link."
+  },
+  "gov": {
+    "voting": "Abstimmung",
+    "passed": "Bestanden",
+    "rejected": "Abgelehnt",
+    "tally": "Zählung",
+    "btn_vote": "Abstimmen",
+    "btn_deposit": "Einzahlen",
+    "timeline": "Zeitleiste",
+    "submit_at": "Eingereicht am",
+    "deposited_at": "Eingezahlt am",
+    "vote_start_from": "Abstimmung startet von",
+    "vote_end": "Abstimmungsende",
+    "current_status": "Aktueller Status",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Einzahlungsphase",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "Abstimmungsphase",
+      "PROPOSAL_STATUS_PASSED": "Bestanden",
+      "PROPOSAL_STATUS_REJECTED": "Abgelehnt",
+      "PROPOSAL_STATUS_FAILED": "Gescheitert"
+    },
+    "upgrade_plan": "Upgrade-Plan",
+    "votes": "Stimmen"
+  },
+  "ibc": {
+    "title": "IBC-Verbindungen",
+    "title_2": "IBC-Client",
+    "registry": "Register",
+    "connection_id": "Verbindungs-ID",
+    "btn_apply": "Anwenden",
+    "trust_parameters": "Vertrauensparameter",
+    "trust_level": "Vertrauensniveau",
+    "trusting_period": "Vertrauensperiode",
+    "unbonding_period": "Unbonding-Periode",
+    "max_clock_drift": "Maximale Uhrdrift",
+    "frozen_height": "Gefrorene Höhe",
+    "latest_height": "Neueste Höhe",
+    "upgrade_parameters": "Upgrade-Parameter",
+    "allow_update_after_expiry": "Aktualisierung nach Ablauf zulassen",
+    "allow_update_after_misbehaviour": "Aktualisierung nach Fehlverhalten zulassen",
+    "upgrade_path": "Upgrade-Pfad",
+    "channels": "Kanäle",
+    "txs": "Txs",
+    "channel_id": "Kanal-ID",
+    "port_id": "Port-ID",
+    "state": "Status",
+    "counterparty": "Gegenpartei",
+    "hops": "Hops",
+    "version": "Version",
+    "ordering": "Reihenfolge",
+    "height": "Höhe",
+    "txhash": "Tx-Hash",
+    "messages": "Nachrichten",
+    "time": "Zeit",
+    "btn_out": "Ausgehend",
+    "btn_in": "Eingehend"
+  },
+  "staking": {
+    "inflation": "Inflation",
+    "unbonding_time": "Unbonding-Zeit",
+    "double_sign_slashing": "Doppelte Signatur-Strafe",
+    "downtime_slashing": "Ausfallzeit-Strafe",
+    "popular": "Beliebt",
+    "active": "Aktiv",
+    "inactive": "Inaktiv",
+    "rank": "Rang",
+    "validator": "Validator",
+    "voting_power": "Stimmkraft",
+    "24h_changes": "24h Änderungen",
+    "commission": "Kommission",
+    "actions": "Aktionen",
+    "jailed": "Inhaftiert",
+    "top": "Top",
+    "description": "Das Delegieren an niedriger platzierte Validatoren erhöht die allgemeine Sicherheit des Netzwerks",
+    "about_us": "Über uns",
+    "website": "Webseite",
+    "contact": "Kontakt",
+    "validator_status": "Validator-Status",
+    "status": "Status",
+    "total_bonded": "Gesamt gebundene Token",
+    "self_bonded": "Eigenes Gebundenes",
+    "min_self": "Minimale Eigendelegation",
+    "annual_profit": "Jahresgewinn",
+    "unbonding_height": "Unbonding-Höhe",
+    "commissions_&_rewards": "Kommissionen & Belohnungen",
+    "commissions": "Kommissionen",
+    "outstanding": "Ausstehend",
+    "addresses": "Adressen",
+    "account_addr": "Konto-Adresse",
+    "operator_addr": "Operator-Adresse",
+    "hex_addr": "Hex-Adresse",
+    "signer_addr": "Unterzeichner-Adresse",
+    "consensus_pub_key": "Konsens-Public-Key",
+    "liquid_staking": "Liquid Staking",
+    "liquid_staking_shares": "Liquid Shares",
+    "validator_bond_share": "Validator-Anteil"
+  },
+  "statesync": {
+    "title": "Was ist State Sync?",
+    "title_2": "Neuen Knoten mit State Sync starten",
+    "title_3": "Snapshot für State Sync aktivieren",
+    "description": "Das Tendermint Core 0.34-Release unterstützt State Sync, wodurch ein neuer Knoten dem Netzwerk beitreten kann, indem er einen Schnappschuss des aktuellen Anwendungszustands auf einer kürzlichen Höhe abruft, anstatt alle historischen Blöcke abzurufen und erneut abzuspielen. Dies kann die Zeit zum Synchronisieren mit dem Netzwerk von Tagen auf Minuten reduzieren. Klicken Sie",
+    "here": "Hier",
+    "version": "Version",
+    "for_more_info": "Für weitere Informationen",
+    "text_1": "Binary installieren",
+    "text_1_1": "Zuerst müssen wir das Binary installieren und sicherstellen, dass die Version mit dem Mainnet übereinstimmt",
+    "text_2": "State Sync aktivieren",
+    "text_2_1": "Wir können Tendermint konfigurieren, um State Sync in $DAEMON_HOME/config/config.toml zu verwenden",
+    "text_3": "Daemon starten",
+    "text_3_1": "Falls der Knoten zurückgesetzt wird, führen Sie",
+    "text_3_2": "vor dem Start des Daemons aus",
+    "text_title_3": "Um State Sync zu ermöglichen, können wir den Snapshot in $DAEMON_HOME/config/app.toml aktivieren"
+  },
+  "tx": {
+    "title": "Zusammenfassung",
+    "tx_hash": "Tx-Hash",
+    "gas": "Gas",
+    "fee": "Gebühr",
+    "memo": "Memo",
+    "no_messages": "Keine Nachrichten"
+  },
+  "uptime": {
+    "overall": "Gesamt",
+    "customize": "Anpassen",
+    "only_consumer_set": "Nur Verbraucher-Set",
+    "last_jailed_time": "Letzte Inhaftierungszeit",
+    "signed_precommits": "Unterzeichnete Precommits",
+    "start_height": "Start-Höhe",
+    "tombstoned": "Tombstoned",
+    "minimum_uptime": "Mindestbetriebszeit pro Fenster",
+    "my_validators": "Meine Validatoren",
+    "add_validators_monitor": "Fügen Sie Validatoren hinzu, die Sie überwachen möchten",
+    "no": "Nein",
+    "signed_blocks": "Unterzeichnete Blöcke",
+    "missing_blocks": "Fehlende Blöcke",
+    "add_validators": "Validatoren hinzufügen",
+    "add": "Hinzufügen",
+    "legend": "Legende",
+    "committed": "Commitet",
+    "precommitted": "Precommitet",
+    "missed": "Verpasst"
+  },
+  "widget": {
+    "title": "Erste Einstellung",
+    "endpoint": "Endpunkt",
+    "select_endpoint": "Endpunkt auswählen",
+    "text_1": "Globales Skript importieren",
+    "text_2": "Wallet verbinden",
+    "text_3": "Osmosis-Konvertierung"
+  },
+  "index": {
+    "rank": "Rang",
+    "price_calculator": "Preisrechner",
+    "close": "Schließen",
+    "buy": "Kaufen",
+    "active_proposals": "Aktive Vorschläge",
+    "no_active_proposals": "Keine aktiven Vorschläge",
+    "more": "Mehr",
+    "reward": "Belohnung",
+    "unbonding": "Unbonding",
+    "btn_withdraw_reward": "Belohnungen abheben",
+    "btn_swap": "Tauschen",
+    "receive": "Empfangen",
+    "app_versions": "Anwendungsversionen",
+    "node_info": "Knoteninformationen"
+  }
+}
\ No newline at end of file

From 7de0a562a63aec3a9d748831ff958253b522bebd Mon Sep 17 00:00:00 2001
From: coin98team002 <xwc1983@proton.me>
Date: Tue, 8 Oct 2024 12:37:21 +0800
Subject: [PATCH 177/240] docs: add de translation

---
 src/plugins/i18n/locales/de.json | 301 +++++++++++++++++++++++++++++++
 1 file changed, 301 insertions(+)
 create mode 100644 src/plugins/i18n/locales/de.json

diff --git a/src/plugins/i18n/locales/de.json b/src/plugins/i18n/locales/de.json
new file mode 100644
index 0000000000..32fa894ed1
--- /dev/null
+++ b/src/plugins/i18n/locales/de.json
@@ -0,0 +1,301 @@
+{
+  "module": {
+    "dashboard": "Dashboard",
+    "blocks": "Blöcke",
+    "staking": "Staking",
+    "governance": "Governance",
+    "parameters": "Parameter",
+    "uptime": "Verfügbarkeit",
+    "state-sync": "State Sync",
+    "cosmwasm": "Cosmwasm",
+    "widget": "Widgets",
+    "tx": "Transaktionen",
+    "ibc": "IBC",
+    "nft": "NFT",
+    "consensus": "Konsens",
+    "supply": "Angebot",
+    "account": "Konten",
+    "ecosystem": "Ökosystem",
+    "favorite": "Favorit",
+    "add_to_favorite": "Zu Favoriten hinzufügen",
+    "all_blockchains": "Alle Blockchains",
+    "sponsors": "Sponsoren",
+    "links": "Links"
+  },
+  "pages": {
+    "title": "Ping Dashboard",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Seite nicht gefunden",
+    "slogan": "Ping Dashboard ist nicht nur ein Explorer, sondern auch eine Wallet und mehr ... 🛠",
+    "description": "Cosmos-Ökosystem-Blockchains 🚀",
+    "search_placeholder": "Suche Chain",
+    "description_all": "Wir konnten die gesuchte Seite nicht finden.",
+    "out_of_sync": "Der letzte Block wurde erstellt am ",
+    "btn_index": "Zurück zur Startseite"
+  },
+  "account": {
+    "amount": "Menge",
+    "received": "Kürzlich erhalten",
+    "type": "Typ",
+    "address": "Adresse",
+    "acc": "Konto",
+    "acc_num": "Kontonummer",
+    "sequence": "Sequenz",
+    "pub_key": "Öffentlicher Schlüssel",
+    "assets": "Vermögenswerte",
+    "btn_send": "Senden",
+    "btn_transfer": "Übertragen",
+    "total_value": "Gesamtwert",
+    "delegations": "Delegationen",
+    "no_delegations": "Keine Delegationen",
+    "btn_delegate": "Delegieren",
+    "btn_redelegate": "Redelegieren",
+    "btn_withdraw": "Abheben",
+    "btn_unbond": "Unbinden",
+    "validator": "Validator",
+    "delegation": "Delegation",
+    "delegator": "Delegator",
+    "rewards": "Belohnungen",
+    "action": "Aktion",
+    "unbonding_delegations": "Unbonding-Delegationen",
+    "creation_height": "Erstellungshöhe",
+    "initial_balance": "Anfangsbilanz",
+    "balance": "Bilanz",
+    "completion_time": "Abschlusszeit",
+    "transactions": "Transaktionen",
+    "no_transactions": "Keine Transaktionen",
+    "height": "Höhe",
+    "hash": "Hash",
+    "messages": "Nachrichten",
+    "time": "Zeit",
+    "error": "Konto existiert nicht auf der Chain"
+  },
+  "block": {
+    "estimated_time": "Geschätzte Zeit",
+    "countdown_for_block": "Countdown für Block",
+    "countdown_for_block_input": "Geben Sie eine neue Zielblocknummer ein",
+    "btn_update": "Aktualisieren",
+    "current_height": "Aktuelle Höhe",
+    "remaining_blocks": "Verbleibende Blöcke",
+    "average_block_time": "Durchschnittliche Blockzeit",
+    "block_header": "Blockheader",
+    "last_commit": "Letzter Commit",
+    "recent": "Kürzlich",
+    "future": "Zukunft",
+    "fees": "Gebühren",
+    "only_tx": "Nur Tx in den letzten Blöcken anzeigen"
+  },
+  "consensus": {
+    "monitor": "Monitor",
+    "onboard_rate": "Onboarding-Rate",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "Runde",
+    "step": "Schritt",
+    "updated_at": "Aktualisiert am",
+    "proposer_sign": "Proposer signiert",
+    "proposer_not_sign": "Proposer nicht signiert",
+    "sign": "Signiert",
+    "not_sign": "Nicht signiert",
+    "tips": "Tipps",
+    "tips_description_1": "Dieses Tool ist nützlich für Validatoren, um zu überwachen, wer während eines Upgrades an Bord ist.",
+    "tips_description_2": "Wenn Sie den Standard-RPC-Endpunkt ändern möchten, stellen Sie sicher, dass `https` und `CORS` auf Ihrem Server aktiviert sind."
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm Smart Contracts",
+    "code_id": "Code-ID",
+    "code_hash": "Code-Hash",
+    "creator": "Ersteller",
+    "permissions": "Berechtigungen",
+    "btn_up_sc": "Smart Contract hochladen",
+    "contract_list_code": "Vertragsliste des Codes",
+    "contract_list": "Vertragsliste",
+    "btn_contract": "Vertragsinfo",
+    "btn_funds": "Gelder",
+    "btn_states": "Zustände",
+    "btn_fees": "Gebühren",
+    "btn_query": "Abfrage",
+    "btn_execute": "Ausführen",
+    "btn_transactions": "Txs",
+    "btn_details": "Details",
+    "btn_migrate": "Migrieren",
+    "btn_update_admin": "Admin aktualisieren",
+    "btn_clear_admin": "Admin löschen",
+    "instantiate_contract": "Vertrag instanziieren",
+    "contract_detail": "Vertragsdetails",
+    "contract_balances": "Vertragsguthaben",
+    "no_escrowed_assets": "Keine Treuhandvermögen",
+    "contract_states": "Vertragszustände",
+    "query_contract": "Vertrag abfragen",
+    "tips_description_1": "Diese Funktion ist verfügbar, wenn Verträge über WELLDONE Code bereitgestellt werden. Weitere Informationen finden Sie im Dokument unter dem unten stehenden Link."
+  },
+  "gov": {
+    "voting": "Abstimmung",
+    "passed": "Bestanden",
+    "rejected": "Abgelehnt",
+    "tally": "Zählung",
+    "btn_vote": "Abstimmen",
+    "btn_deposit": "Einzahlen",
+    "timeline": "Zeitleiste",
+    "submit_at": "Eingereicht am",
+    "deposited_at": "Eingezahlt am",
+    "vote_start_from": "Abstimmung startet von",
+    "vote_end": "Abstimmungsende",
+    "current_status": "Aktueller Status",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Einzahlungsphase",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "Abstimmungsphase",
+      "PROPOSAL_STATUS_PASSED": "Bestanden",
+      "PROPOSAL_STATUS_REJECTED": "Abgelehnt",
+      "PROPOSAL_STATUS_FAILED": "Gescheitert"
+    },
+    "upgrade_plan": "Upgrade-Plan",
+    "votes": "Stimmen"
+  },
+  "ibc": {
+    "title": "IBC-Verbindungen",
+    "title_2": "IBC-Client",
+    "registry": "Register",
+    "connection_id": "Verbindungs-ID",
+    "btn_apply": "Anwenden",
+    "trust_parameters": "Vertrauensparameter",
+    "trust_level": "Vertrauensniveau",
+    "trusting_period": "Vertrauensperiode",
+    "unbonding_period": "Unbonding-Periode",
+    "max_clock_drift": "Maximale Uhrdrift",
+    "frozen_height": "Gefrorene Höhe",
+    "latest_height": "Neueste Höhe",
+    "upgrade_parameters": "Upgrade-Parameter",
+    "allow_update_after_expiry": "Aktualisierung nach Ablauf zulassen",
+    "allow_update_after_misbehaviour": "Aktualisierung nach Fehlverhalten zulassen",
+    "upgrade_path": "Upgrade-Pfad",
+    "channels": "Kanäle",
+    "txs": "Txs",
+    "channel_id": "Kanal-ID",
+    "port_id": "Port-ID",
+    "state": "Status",
+    "counterparty": "Gegenpartei",
+    "hops": "Hops",
+    "version": "Version",
+    "ordering": "Reihenfolge",
+    "height": "Höhe",
+    "txhash": "Tx-Hash",
+    "messages": "Nachrichten",
+    "time": "Zeit",
+    "btn_out": "Ausgehend",
+    "btn_in": "Eingehend"
+  },
+  "staking": {
+    "inflation": "Inflation",
+    "unbonding_time": "Unbonding-Zeit",
+    "double_sign_slashing": "Doppelte Signatur-Strafe",
+    "downtime_slashing": "Ausfallzeit-Strafe",
+    "popular": "Beliebt",
+    "active": "Aktiv",
+    "inactive": "Inaktiv",
+    "rank": "Rang",
+    "validator": "Validator",
+    "voting_power": "Stimmkraft",
+    "24h_changes": "24h Änderungen",
+    "commission": "Kommission",
+    "actions": "Aktionen",
+    "jailed": "Inhaftiert",
+    "top": "Top",
+    "description": "Das Delegieren an niedriger platzierte Validatoren erhöht die allgemeine Sicherheit des Netzwerks",
+    "about_us": "Über uns",
+    "website": "Webseite",
+    "contact": "Kontakt",
+    "validator_status": "Validator-Status",
+    "status": "Status",
+    "total_bonded": "Gesamt gebundene Token",
+    "self_bonded": "Eigenes Gebundenes",
+    "min_self": "Minimale Eigendelegation",
+    "annual_profit": "Jahresgewinn",
+    "unbonding_height": "Unbonding-Höhe",
+    "commissions_&_rewards": "Kommissionen & Belohnungen",
+    "commissions": "Kommissionen",
+    "outstanding": "Ausstehend",
+    "addresses": "Adressen",
+    "account_addr": "Konto-Adresse",
+    "operator_addr": "Operator-Adresse",
+    "hex_addr": "Hex-Adresse",
+    "signer_addr": "Unterzeichner-Adresse",
+    "consensus_pub_key": "Konsens-Public-Key",
+    "liquid_staking": "Liquid Staking",
+    "liquid_staking_shares": "Liquid Shares",
+    "validator_bond_share": "Validator-Anteil"
+  },
+  "statesync": {
+    "title": "Was ist State Sync?",
+    "title_2": "Neuen Knoten mit State Sync starten",
+    "title_3": "Snapshot für State Sync aktivieren",
+    "description": "Das Tendermint Core 0.34-Release unterstützt State Sync, wodurch ein neuer Knoten dem Netzwerk beitreten kann, indem er einen Schnappschuss des aktuellen Anwendungszustands auf einer kürzlichen Höhe abruft, anstatt alle historischen Blöcke abzurufen und erneut abzuspielen. Dies kann die Zeit zum Synchronisieren mit dem Netzwerk von Tagen auf Minuten reduzieren. Klicken Sie",
+    "here": "Hier",
+    "version": "Version",
+    "for_more_info": "Für weitere Informationen",
+    "text_1": "Binary installieren",
+    "text_1_1": "Zuerst müssen wir das Binary installieren und sicherstellen, dass die Version mit dem Mainnet übereinstimmt",
+    "text_2": "State Sync aktivieren",
+    "text_2_1": "Wir können Tendermint konfigurieren, um State Sync in $DAEMON_HOME/config/config.toml zu verwenden",
+    "text_3": "Daemon starten",
+    "text_3_1": "Falls der Knoten zurückgesetzt wird, führen Sie",
+    "text_3_2": "vor dem Start des Daemons aus",
+    "text_title_3": "Um State Sync zu ermöglichen, können wir den Snapshot in $DAEMON_HOME/config/app.toml aktivieren"
+  },
+  "tx": {
+    "title": "Zusammenfassung",
+    "tx_hash": "Tx-Hash",
+    "gas": "Gas",
+    "fee": "Gebühr",
+    "memo": "Memo",
+    "no_messages": "Keine Nachrichten"
+  },
+  "uptime": {
+    "overall": "Gesamt",
+    "customize": "Anpassen",
+    "only_consumer_set": "Nur Verbraucher-Set",
+    "last_jailed_time": "Letzte Inhaftierungszeit",
+    "signed_precommits": "Unterzeichnete Precommits",
+    "start_height": "Start-Höhe",
+    "tombstoned": "Tombstoned",
+    "minimum_uptime": "Mindestbetriebszeit pro Fenster",
+    "my_validators": "Meine Validatoren",
+    "add_validators_monitor": "Fügen Sie Validatoren hinzu, die Sie überwachen möchten",
+    "no": "Nein",
+    "signed_blocks": "Unterzeichnete Blöcke",
+    "missing_blocks": "Fehlende Blöcke",
+    "add_validators": "Validatoren hinzufügen",
+    "add": "Hinzufügen",
+    "legend": "Legende",
+    "committed": "Commitet",
+    "precommitted": "Precommitet",
+    "missed": "Verpasst"
+  },
+  "widget": {
+    "title": "Erste Einstellung",
+    "endpoint": "Endpunkt",
+    "select_endpoint": "Endpunkt auswählen",
+    "text_1": "Globales Skript importieren",
+    "text_2": "Wallet verbinden",
+    "text_3": "Osmosis-Konvertierung"
+  },
+  "index": {
+    "rank": "Rang",
+    "price_calculator": "Preisrechner",
+    "close": "Schließen",
+    "buy": "Kaufen",
+    "active_proposals": "Aktive Vorschläge",
+    "no_active_proposals": "Keine aktiven Vorschläge",
+    "more": "Mehr",
+    "reward": "Belohnung",
+    "unbonding": "Unbonding",
+    "btn_withdraw_reward": "Belohnungen abheben",
+    "btn_swap": "Tauschen",
+    "receive": "Empfangen",
+    "app_versions": "Anwendungsversionen",
+    "node_info": "Knoteninformationen"
+  }
+}

From 2855ae7941c11270135e9c4a7674608d3799cb7e Mon Sep 17 00:00:00 2001
From: metamaskteam002 <JunchiCheung@proton.me>
Date: Tue, 8 Oct 2024 12:39:55 +0800
Subject: [PATCH 178/240] docs: add es translation

---
 src/plugins/i18n/locales/es.json | 301 +++++++++++++++++++++++++++++++
 1 file changed, 301 insertions(+)
 create mode 100644 src/plugins/i18n/locales/es.json

diff --git a/src/plugins/i18n/locales/es.json b/src/plugins/i18n/locales/es.json
new file mode 100644
index 0000000000..c9b4a89bdc
--- /dev/null
+++ b/src/plugins/i18n/locales/es.json
@@ -0,0 +1,301 @@
+{
+  "module": {
+    "dashboard": "Panel de control",
+    "blocks": "Bloques",
+    "staking": "Staking",
+    "governance": "Gobernanza",
+    "parameters": "Parámetros",
+    "uptime": "Tiempo en línea",
+    "state-sync": "Sincronización de estado",
+    "cosmwasm": "Cosmwasm",
+    "widget": "Widgets",
+    "tx": "Transacciones",
+    "ibc": "IBC",
+    "nft": "NFT",
+    "consensus": "Consenso",
+    "supply": "Suministro",
+    "account": "Cuentas",
+    "ecosystem": "Ecosistema",
+    "favorite": "Favorito",
+    "add_to_favorite": "Agregar a favoritos",
+    "all_blockchains": "Todas las Blockchains",
+    "sponsors": "Patrocinadores",
+    "links": "Enlaces"
+  },
+  "pages": {
+    "title": "Panel de control Ping",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Página no encontrada",
+    "slogan": "Ping Dashboard no es solo un explorador, también es una billetera y mucho más... 🛠",
+    "description": "Blockchain del ecosistema Cosmos 🚀",
+    "search_placeholder": "Buscar cadena",
+    "description_all": "No pudimos encontrar la página que buscas.",
+    "out_of_sync": "El último bloque fue producido a ",
+    "btn_index": "Volver al inicio"
+  },
+  "account": {
+    "amount": "Cantidad",
+    "received": "Recibido recientemente",
+    "type": "Tipo",
+    "address": "Dirección",
+    "acc": "Cuenta",
+    "acc_num": "Número de cuenta",
+    "sequence": "Secuencia",
+    "pub_key": "Clave pública",
+    "assets": "Activos",
+    "btn_send": "Enviar",
+    "btn_transfer": "Transferir",
+    "total_value": "Valor total",
+    "delegations": "Delegaciones",
+    "no_delegations": "Sin delegaciones",
+    "btn_delegate": "Delegar",
+    "btn_redelegate": "Redelegar",
+    "btn_withdraw": "Retirar",
+    "btn_unbond": "Desvincular",
+    "validator": "Validador",
+    "delegation": "Delegación",
+    "delegator": "Delegador",
+    "rewards": "Recompensas",
+    "action": "Acción",
+    "unbonding_delegations": "Delegaciones desvinculadas",
+    "creation_height": "Altura de creación",
+    "initial_balance": "Balance inicial",
+    "balance": "Balance",
+    "completion_time": "Tiempo de finalización",
+    "transactions": "Transacciones",
+    "no_transactions": "Sin transacciones",
+    "height": "Altura",
+    "hash": "Hash",
+    "messages": "Mensajes",
+    "time": "Tiempo",
+    "error": "La cuenta no existe en la cadena"
+  },
+  "block": {
+    "estimated_time": "Tiempo estimado",
+    "countdown_for_block": "Cuenta regresiva para el bloque",
+    "countdown_for_block_input": "Introduce un nuevo número de bloque objetivo",
+    "btn_update": "Actualizar",
+    "current_height": "Altura actual",
+    "remaining_blocks": "Bloques restantes",
+    "average_block_time": "Tiempo promedio de bloque",
+    "block_header": "Encabezado del bloque",
+    "last_commit": "Último compromiso",
+    "recent": "Recientes",
+    "future": "Futuros",
+    "fees": "Tarifas",
+    "only_tx": "Mostrar solo transacciones en bloques recientes"
+  },
+  "consensus": {
+    "monitor": "Monitoreo",
+    "onboard_rate": "Tasa de incorporación",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "Ronda",
+    "step": "Paso",
+    "updated_at": "Actualizado en",
+    "proposer_sign": "Proponente firmó",
+    "proposer_not_sign": "Proponente no firmó",
+    "sign": "Firmado",
+    "not_sign": "No firmado",
+    "tips": "Consejos",
+    "tips_description_1": "Esta herramienta es útil para que los validadores monitoreen quién está a bordo durante una actualización",
+    "tips_description_2": "Si deseas cambiar el endpoint rpc predeterminado, asegúrate de que `https` y `CORS` estén habilitados en tu servidor."
+  },
+  "cosmwasm": {
+    "title": "Contratos inteligentes de Cosmos Wasm",
+    "code_id": "ID del código",
+    "code_hash": "Hash del código",
+    "creator": "Creador",
+    "permissions": "Permisos",
+    "btn_up_sc": "Subir contrato inteligente",
+    "contract_list_code": "Lista de contratos por código",
+    "contract_list": "Lista de contratos",
+    "btn_contract": "Información del contrato",
+    "btn_funds": "Fondos",
+    "btn_states": "Estados",
+    "btn_fees": "Tarifas",
+    "btn_query": "Consulta",
+    "btn_execute": "Ejecutar",
+    "btn_transactions": "Transacciones",
+    "btn_details": "Detalles",
+    "btn_migrate": "Migrar",
+    "btn_update_admin": "Actualizar administrador",
+    "btn_clear_admin": "Eliminar administrador",
+    "instantiate_contract": "Instanciar contrato",
+    "contract_detail": "Detalle del contrato",
+    "contract_balances": "Balances del contrato",
+    "no_escrowed_assets": "Sin activos en custodia",
+    "contract_states": "Estados del contrato",
+    "query_contract": "Consultar contrato",
+    "tips_description_1": "Esta función está disponible al desplegar contratos mediante WELLDONE Code. Para más información, consulta el documento en el enlace a continuación."
+  },
+  "gov": {
+    "voting": "Votación",
+    "passed": "Aprobado",
+    "rejected": "Rechazado",
+    "tally": "Conteo",
+    "btn_vote": "Votar",
+    "btn_deposit": "Depositar",
+    "timeline": "Cronograma",
+    "submit_at": "Enviado el",
+    "deposited_at": "Depositado el",
+    "vote_start_from": "La votación comienza desde",
+    "vote_end": "La votación termina",
+    "current_status": "Estado actual",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Período de depósito",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "Período de votación",
+      "PROPOSAL_STATUS_PASSED": "Aprobado",
+      "PROPOSAL_STATUS_REJECTED": "Rechazado",
+      "PROPOSAL_STATUS_FAILED": "Fallido"
+    },
+    "upgrade_plan": "Plan de actualización",
+    "votes": "Votos"
+  },
+  "ibc": {
+    "title": "Conexiones IBC",
+    "title_2": "Cliente IBC",
+    "registry": "Registro",
+    "connection_id": "ID de conexión",
+    "btn_apply": "Aplicar",
+    "trust_parameters": "Parámetros de confianza",
+    "trust_level": "Nivel de confianza",
+    "trusting_period": "Período de confianza",
+    "unbonding_period": "Período de desvinculación",
+    "max_clock_drift": "Desviación máxima del reloj",
+    "frozen_height": "Altura congelada",
+    "latest_height": "Altura más reciente",
+    "upgrade_parameters": "Parámetros de actualización",
+    "allow_update_after_expiry": "Permitir actualización después de expiración",
+    "allow_update_after_misbehaviour": "Permitir actualización después de mala conducta",
+    "upgrade_path": "Ruta de actualización",
+    "channels": "Canales",
+    "txs": "Transacciones",
+    "channel_id": "ID del canal",
+    "port_id": "ID del puerto",
+    "state": "Estado",
+    "counterparty": "Contraparte",
+    "hops": "Saltos",
+    "version": "Versión",
+    "ordering": "Ordenación",
+    "height": "Altura",
+    "txhash": "Hash de transacción",
+    "messages": "Mensajes",
+    "time": "Tiempo",
+    "btn_out": "Fuera",
+    "btn_in": "Dentro"
+  },
+  "staking": {
+    "inflation": "Inflación",
+    "unbonding_time": "Tiempo de Desvinculación",
+    "double_sign_slashing": "Penalización por Doble Firma",
+    "downtime_slashing": "Penalización por Tiempo de Inactividad",
+    "popular": "Popular",
+    "active": "Activo",
+    "inactive": "Inactivo",
+    "rank": "Rango",
+    "validator": "Validador",
+    "voting_power": "Poder de Voto",
+    "24h_changes": "Cambios en 24h",
+    "commission": "Comisión",
+    "actions": "Acciones",
+    "jailed": "Encarcelado",
+    "top": "Superior",
+    "description": "Delegar a validadores de rango inferior aumentará la seguridad general de la red",
+    "about_us": "Sobre Nosotros",
+    "website": "Sitio Web",
+    "contact": "Contacto",
+    "validator_status": "Estado del Validador",
+    "status": "Estado",
+    "total_bonded": "Tokens Totalmente Vinculados",
+    "self_bonded": "Vinculado por Uno Mismo",
+    "min_self": "Mínima Delegación Propia",
+    "annual_profit": "Beneficio Anual",
+    "unbonding_height": "Altura de Desvinculación",
+    "commissions_&_rewards": "Comisiones y Recompensas",
+    "commissions": "Comisiones",
+    "outstanding": "Pendiente",
+    "addresses": "Direcciones",
+    "account_addr": "Dirección de Cuenta",
+    "operator_addr": "Dirección de Operador",
+    "hex_addr": "Dirección Hex",
+    "signer_addr": "Dirección de Firmante",
+    "consensus_pub_key": "Clave Pública de Consenso",
+    "liquid_staking": "Staking Líquido",
+    "liquid_staking_shares": "Acciones Líquidas",
+    "validator_bond_share": "Participación de Validador Vinculada"
+  },
+  "statesync": {
+    "title": "¿Qué es State Sync?",
+    "title_2": "Iniciando Nuevo Nodo Desde State Sync",
+    "title_3": "Habilitar Snapshot Para State Sync",
+    "description": "La versión 0.34 de Tendermint Core incluye soporte para state sync, que permite que un nuevo nodo se una a una red al obtener una instantánea del estado de la aplicación en una altura reciente en lugar de obtener y reproducir todos los bloques históricos. Esto puede reducir el tiempo necesario para sincronizar con la red de días a minutos. Haz clic",
+    "here": "Aquí",
+    "version": "Versión",
+    "for_more_info": "Para más información",
+    "text_1": "Instalar Binario",
+    "text_1_1": "Primero necesitamos instalar el binario y asegurarnos de que la versión sea la que se utiliza actualmente en la mainnet",
+    "text_2": "Habilitar State Sync",
+    "text_2_1": "Podemos configurar Tendermint para usar state sync en $DAEMON_HOME/config/config.toml",
+    "text_3": "Iniciar el demonio",
+    "text_3_1": "Si estás reiniciando el nodo, ejecuta",
+    "text_3_2": "antes de iniciar el demonio",
+    "text_title_3": "Para que funcione el state sync, podemos habilitar la instantánea en $DAEMON_HOME/config/app.toml"
+  },
+  "tx": {
+    "title": "Resumen",
+    "tx_hash": "Hash de Tx",
+    "gas": "Gas",
+    "fee": "Tarifa",
+    "memo": "Memo",
+    "no_messages": "Sin mensajes"
+  },
+  "uptime": {
+    "overall": "General",
+    "customize": "Personalizar",
+    "only_consumer_set": "Solo Conjunto de Consumidores",
+    "last_jailed_time": "Último Tiempo de Encarcelamiento",
+    "signed_precommits": "Precompromisos Firmados",
+    "start_height": "Altura de Inicio",
+    "tombstoned": "Tombstone",
+    "minimum_uptime": "Tiempo de actividad mínimo por ventana",
+    "my_validators": "Mis Validadores",
+    "add_validators_monitor": "Agregar validadores que deseas monitorear",
+    "no": "No",
+    "signed_blocks": "Bloques Firmados",
+    "missing_blocks": "Bloques Faltantes",
+    "add_validators": "Agregar Validadores",
+    "add": "Agregar",
+    "legend": "Leyenda",
+    "committed": "Comprometido",
+    "precommitted": "Precomprometido",
+    "missed": "Perdido"
+  },
+  "widget": {
+    "title": "Configuración Inicial",
+    "endpoint": "Punto de Acceso",
+    "select_endpoint": "Seleccionar Punto de Acceso",
+    "text_1": "Importar script global",
+    "text_2": "Conectar Cartera",
+    "text_3": "Conversión de Osmosis"
+  },
+  "index": {
+    "rank": "Rango",
+    "price_calculator": "Calculadora de Precios",
+    "close": "Cerrar",
+    "buy": "Comprar",
+    "active_proposals": "Propuestas Activas",
+    "no_active_proposals": "No hay propuestas activas",
+    "more": "Más",
+    "reward": "Recompensa",
+    "unbonding": "Desvinculación",
+    "btn_withdraw_reward": "Retirar Recompensas",
+    "btn_swap": "Intercambiar",
+    "receive": "Recibir",
+    "app_versions": "Versiones de Aplicación",
+    "node_info": "Información del Nodo"
+  }
+}
\ No newline at end of file

From ad05cba5bd87c6878637a27522041ced90cd66c0 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 12 Oct 2024 11:06:04 +0800
Subject: [PATCH 179/240] add language bars

---
 src/layouts/components/NavBarI18n.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/layouts/components/NavBarI18n.vue b/src/layouts/components/NavBarI18n.vue
index 0f1b8c991d..2cac260145 100644
--- a/src/layouts/components/NavBarI18n.vue
+++ b/src/layouts/components/NavBarI18n.vue
@@ -10,7 +10,7 @@ const i18nLangs: Array<{ label: string; i18nLang: string }> = [
     },
     {
         label: '中文',
-        i18nLang: 'cn',
+        i18nLang: 'zh',
     },
     {
         label: 'Indonesian',
@@ -18,7 +18,19 @@ const i18nLangs: Array<{ label: string; i18nLang: string }> = [
     },
     {
         label: '日本語',
-        i18nLang: 'jo',
+        i18nLang: 'ja',
+    },
+    {
+        label: '한국인',
+        i18nLang: 'ko',
+    },
+    {
+        label: 'Deutsch',
+        i18nLang: 'de',
+    },
+    {
+        label: 'Español',
+        i18nLang: 'es',
     },
 ];
 

From a15a3ace8eda85980c2caf8d8ef493f6477b8e15 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 19 Nov 2024 07:25:16 +0800
Subject: [PATCH 180/240] disable ad

---
 src/components/ad/AdBanner.vue | 29 +----------------------------
 1 file changed, 1 insertion(+), 28 deletions(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 2ceba49cbb..7b8b46cb04 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -1,30 +1,3 @@
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue';
-import { getClient, getUnit } from './ad';
-
-const props = defineProps({
-  id: { type: String, required: true},
-  unit: { type: String, required: true},
-  width: { type: String },
-  height: { type: String },
-});
-
-const show = ref(false)
-onMounted(() => {
-  const adClient = getClient();
-  const adUnitId = getUnit(props.unit);
-  show.value = adClient !== undefined && adUnitId !== undefined;
-
-  if(show.value) {
-    adClient.showBannerAd({
-        adUnitId,
-        containerId: props.id,
-    });
-  }
-});
-
-</script>
 <template>
-  <div v-show="show" :id="id" :unit="unit" class="grid justify-items-center overflow-auto pt-4">
-  </div>
+  <div></div>
 </template>

From c02b0ccb50213494886816db50e1c058daf65caa Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 7 Dec 2024 15:29:39 +0800
Subject: [PATCH 181/240] fixed api has changed

---
 src/stores/useStakingStore.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index e833259c10..e5c56a2c10 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -134,7 +134,9 @@ export const useStakingStore = defineStore('stakingStore', {
       if(this.blockchain.current?.providerChain?.api && this.blockchain.current.providerChain.api.length > 0) {
         const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
         await client.getStakingValidators('BOND_STATUS_BONDED', 500).then((res) => { this.validators = res.validators });
-        return client.getInterchainSecurityConsumerValidators(chain_id)
+        const id_map = {"neutron": "0", "stride": "1"} as Record<string, string>;
+        const consumer_id = Object.keys(id_map).find((k) => chain_id.startsWith(k)) || 0;
+        return client.getInterchainSecurityConsumerValidators(id_map[consumer_id])
       } else {
         return { validators: [] }
       }

From ae5153c22faf885358238bb85de2eb43acad85fc Mon Sep 17 00:00:00 2001
From: cloudaiminer <163495234+cloudaiminer@users.noreply.github.com>
Date: Wed, 11 Dec 2024 23:31:56 +0800
Subject: [PATCH 182/240] fix typo in pricemarket chart

when clicking the volume tab of the chat, hover tip remains Price, should be Volume
---
 src/components/charts/PriceMarketChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index b86876e003..8b6ffc0090 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -16,7 +16,7 @@ const kind = ref('price');
 const series = computed(() => {
     return [
         {
-            name: 'Price',
+            name: kind.value === 'price' ? 'Price' : 'Volume',
             data:
                 kind.value === 'price'
                     ? store.marketData.prices.map((item: any) => item[1])

From b8edde9bc07af142e4fd77cbf5dee480560cd9a6 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 11 Jan 2025 07:53:41 +0800
Subject: [PATCH 183/240] support atom one

---
 src/libs/api/customization/atomone.ts     | 68 +++++++++++++++++++++++
 src/modules/[chain]/gov/[proposal_id].vue |  2 +-
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 src/libs/api/customization/atomone.ts

diff --git a/src/libs/api/customization/atomone.ts b/src/libs/api/customization/atomone.ts
new file mode 100644
index 0000000000..5e03678cd9
--- /dev/null
+++ b/src/libs/api/customization/atomone.ts
@@ -0,0 +1,68 @@
+import type{ RequestRegistry } from '@/libs/api/registry'
+// import dayjs from 'dayjs'
+import { adapter } from '@/libs/api/registry'
+import type { GovProposal, PaginatedProposals } from '@/types'
+
+// which registry is store
+export const store = 'name' // name or version
+// Blockchain Name
+export const name = 'atomone'
+
+function proposalAdapter(p: any): GovProposal {
+    if(p) {
+        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+        //p.proposal_id = p.id
+        p.final_tally_result = {
+            yes: p.final_tally_result?.yes_count,
+            no: p.final_tally_result?.no_count,
+            no_with_veto: p.final_tally_result?.no_with_veto_count,
+            abstain: p.final_tally_result?.abstain_count,
+        }
+    }
+    return p
+}
+
+// osmosis custom request
+export const requests: Partial<RequestRegistry> = {
+    // mint_inflation: { 
+    //     url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
+    //     adapter: async (data: any) => {
+    //         const [first] = data
+    //         return {inflation: String(Number(first?.apr|| "0")/100.0)}
+    //     } 
+    // },
+    gov_params_voting: { url: '/atomone/gov/v1beta1/params/voting', adapter },
+    gov_params_tally: { url: '/atomone/gov/v1beta1/params/tallying', adapter },
+    gov_params_deposit: { url: '/atomone/gov/v1beta1/params/deposit', adapter },
+    gov_proposals: { url: '/atomone/gov/v1beta1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+      return {
+          proposals,
+          pagination: source.pagination
+      }
+    }},
+    gov_proposals_proposal_id: {
+      url: '/atomone/gov/v1beta1/proposals/{proposal_id}',
+      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
+          return {
+              proposal: proposalAdapter(source.proposal)
+          }
+      },
+    },
+    gov_proposals_deposits: {
+      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/deposits',
+      adapter,
+    },
+    gov_proposals_tally: {
+      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/tally',
+      adapter,
+    },
+    gov_proposals_votes: {
+      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes',
+      adapter,
+    },
+    gov_proposals_votes_voter: {
+      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes/{voter}',
+      adapter,
+    },
+}
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 4cf268d274..943f9ebbb0 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -396,7 +396,7 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             <tr v-for="(item, index) of votes" :key="index">
               <td class="py-2 text-sm">{{ showValidatorName(item.voter) }}</td>
               <td
-                v-if="item.option"
+                v-if="item.option !== 'VOTE_OPTION_UNSPECIFIED'"
                 class="py-2 text-sm"
                 :class="{
                   'text-yes': item.option === 'VOTE_OPTION_YES',

From 5fc827fcf76742a471e744fa4a36baca022357bb Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 27 Jan 2025 15:46:28 +0800
Subject: [PATCH 184/240] fixed address decode issue

---
 src/modules/[chain]/gov/[proposal_id].vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 943f9ebbb0..cfc9aff896 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -197,12 +197,16 @@ const processList = computed(() => {
 });
 
 function showValidatorName(voter: string) {
-  const { data } = fromBech32(voter);
-  const hex = toHex(data);
-  const v = stakingStore.validators.find(
-    (x) => toHex(fromBech32(x.operator_address).data) === hex
-  );
-  return v ? v.description.moniker : voter;
+  try {
+      const { data } = fromBech32(voter);
+      const hex = toHex(data);
+      const v = stakingStore.validators.find(
+        (x) => toHex(fromBech32(x.operator_address).data) === hex
+      );
+      return v ? v.description.moniker : voter;
+  } catch(e){
+      return voter;
+  }
 }
 
 function pageload(p: number) {
@@ -396,7 +400,7 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             <tr v-for="(item, index) of votes" :key="index">
               <td class="py-2 text-sm">{{ showValidatorName(item.voter) }}</td>
               <td
-                v-if="item.option !== 'VOTE_OPTION_UNSPECIFIED'"
+                v-if="item.option && item.option !== 'VOTE_OPTION_UNSPECIFIED'"
                 class="py-2 text-sm"
                 :class="{
                   'text-yes': item.option === 'VOTE_OPTION_YES',

From 5522c76d0af0b672873ff3d1a69eb3dc4f0cb0f8 Mon Sep 17 00:00:00 2001
From: Tino Rusch <tino.rusch@gmail.com>
Date: Wed, 19 Feb 2025 11:36:38 +0100
Subject: [PATCH 185/240] remove truncation of blockspeed to more accurately
 estimate

---
 src/modules/[chain]/block/[height].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index 34e55542c4..acced43be3 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -38,7 +38,7 @@ const remainingBlocks = computed(() => {
 })
 
 const estimateTime = computed(() => {
-  const seconds = remainingBlocks.value * Number((store.blocktime / 1000).toFixed()) * 1000
+  const seconds = remainingBlocks.value * store.blocktime
   return seconds
 })
 

From c42bdef5302ab1c40e659b38d71c6474af863a8a Mon Sep 17 00:00:00 2001
From: Tino Rusch <tino.rusch@gmail.com>
Date: Thu, 20 Feb 2025 08:52:41 +0100
Subject: [PATCH 186/240] use toFixed(2) to limit decimals to two places.

---
 src/modules/[chain]/block/[height].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index acced43be3..295580ef88 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -38,7 +38,7 @@ const remainingBlocks = computed(() => {
 })
 
 const estimateTime = computed(() => {
-  const seconds = remainingBlocks.value * store.blocktime
+  const seconds = Number((remainingBlocks.value * store.blocktime).toFixed(2))
   return seconds
 })
 

From 2d7cd0dda907929adffe1bf51ff94a0ee655f735 Mon Sep 17 00:00:00 2001
From: JTG947 <johnnythegreat947@gmail.com>
Date: Sun, 2 Mar 2025 16:29:45 -0500
Subject: [PATCH 187/240] bfhevm-testnet

---
 chains/testnet/bfhevm.json | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 chains/testnet/bfhevm.json

diff --git a/chains/testnet/bfhevm.json b/chains/testnet/bfhevm.json
new file mode 100644
index 0000000000..535ee90bc2
--- /dev/null
+++ b/chains/testnet/bfhevm.json
@@ -0,0 +1,19 @@
+{
+    "chain_name": "bfhevm_777-1",
+    "api": ["https://rest-testnet-bfhevm.xyz:4431/swagger/#/"],
+    "rpc": ["https://rpc-bfhevm.xyz:8443/"],
+    "coingecko": "",
+    "snapshot_provider": "",
+    "sdk_version": "0.45.7",
+    "coin_type": "60",
+    "min_tx_fee": "700",
+    "addr_prefix": "bfh",
+    "logo": "",
+    "assets": [{
+        "base": "abfh",
+        "symbol": "BFH",
+        "exponent": "18",
+        "coingecko_id": "", 
+        "logo": ""
+    }]
+    }
\ No newline at end of file

From 291ed4502ec59c9602177d4e13d94db8f71417b1 Mon Sep 17 00:00:00 2001
From: JTG947 <johnnythegreat947@gmail.com>
Date: Thu, 6 Mar 2025 20:36:32 -0500
Subject: [PATCH 188/240] updating rest port to correctly configure api and
 make it available at the explorer

---
 chains/testnet/bfhevm.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/chains/testnet/bfhevm.json b/chains/testnet/bfhevm.json
index 535ee90bc2..f3c7789d57 100644
--- a/chains/testnet/bfhevm.json
+++ b/chains/testnet/bfhevm.json
@@ -1,7 +1,7 @@
 {
     "chain_name": "bfhevm_777-1",
-    "api": ["https://rest-testnet-bfhevm.xyz:4431/swagger/#/"],
-    "rpc": ["https://rpc-bfhevm.xyz:8443/"],
+    "api": ["https://rest-testnet-bfhevm.xyz:443"],
+    "rpc": ["https://rpc-bfhevm.xyz:8443"],
     "coingecko": "",
     "snapshot_provider": "",
     "sdk_version": "0.45.7",

From cca765b4ab5031d822f73cc2acd2e19b7509e925 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 5 Apr 2025 10:04:55 +0800
Subject: [PATCH 189/240] update widget

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 156b08af67..e37a3a4fff 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
       });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ping-widget@v0.3.8/dist/ping-widget.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@v0.3.10/dist/widget.min.js"></script>
 
   </body>
 </html>

From 9313153620bdbd39c9653c8798d5e79edad472fc Mon Sep 17 00:00:00 2001
From: Dmitry <98899785+mdqst@users.noreply.github.com>
Date: Sat, 5 Apr 2025 19:52:11 +0300
Subject: [PATCH 190/240] fix: class binding for reactive 'kind' variable

---
 src/components/charts/PriceMarketChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index 8b6ffc0090..8fd8edea44 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -36,7 +36,7 @@ function changeChart(type: string) {
     <div class="tabs tabs-boxed bg-transparent justify-end">
         <a
             class="tab text-xs mr-2 text-gray-400 uppercase"
-            :class="{ 'tab-active': kind === 'price' }"
+            :class="{ 'tab-active': kind.value === 'price' }"
             @click="changeChart('price')"
         >
             Price

From 274a915f3219c4977ea58de72822cd8f0a443886 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 7 Apr 2025 08:50:44 +0800
Subject: [PATCH 191/240] add group

---
 src/modules/[chain]/group/index.vue |  0
 src/stores/useGroupStore.ts         |  9 ++++++
 src/types/group.ts                  | 43 +++++++++++++++++++++++++++++
 src/types/index.ts                  |  3 +-
 4 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/[chain]/group/index.vue
 create mode 100644 src/stores/useGroupStore.ts
 create mode 100644 src/types/group.ts

diff --git a/src/modules/[chain]/group/index.vue b/src/modules/[chain]/group/index.vue
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/stores/useGroupStore.ts b/src/stores/useGroupStore.ts
new file mode 100644
index 0000000000..5ffb5b553d
--- /dev/null
+++ b/src/stores/useGroupStore.ts
@@ -0,0 +1,9 @@
+import { defineStore } from 'pinia';
+
+export const useStoreName = defineStore('group', {
+  state: () => {
+    return {};
+  },
+  getters: {},
+  actions: {},
+});
diff --git a/src/types/group.ts b/src/types/group.ts
new file mode 100644
index 0000000000..ba3083aa08
--- /dev/null
+++ b/src/types/group.ts
@@ -0,0 +1,43 @@
+export interface Group {
+    admin: string,
+    created_at: string,
+    id: string,
+    metadata: string,
+    total_weight: string,
+    version: string
+}
+
+export interface GroupPolicy {
+}
+
+export interface GroupTallyResult {
+    abstain_count: string,
+    no_count: string,
+    no_with_veto_count: string,
+    yes_count: string
+}
+
+export interface GroupProposal {
+    executor_result: string,
+    final_tally_result: GroupTallyResult,
+    group_policy_address: string,
+    group_policy_version: string,
+    group_version: string,
+    id: string,
+    messages: any[],
+    metadata: string,
+    proposers: string[],
+    status: string,
+    submit_time: string,
+    summary: string,
+    title: string,
+    voting_period_end: string
+}
+
+export interface GroupVote {
+    metadata: string,
+    option: string,
+    proposal_id: string,
+    submit_time: string,
+    voter: string
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 017367d433..1878dd3b6f 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -8,4 +8,5 @@ export * from './gov'
 export * from './staking'
 export * from './transaction'
 export * from './ibc'
-export * from './slashing'
\ No newline at end of file
+export * from './slashing'
+export * from './group'
\ No newline at end of file

From e348a8872c2f65449a6f1cfa9baed9747d3d9f30 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 11 Apr 2025 08:17:30 +0800
Subject: [PATCH 192/240] fix issue

---
 src/components/charts/PriceMarketChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index 8fd8edea44..8b6ffc0090 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -36,7 +36,7 @@ function changeChart(type: string) {
     <div class="tabs tabs-boxed bg-transparent justify-end">
         <a
             class="tab text-xs mr-2 text-gray-400 uppercase"
-            :class="{ 'tab-active': kind.value === 'price' }"
+            :class="{ 'tab-active': kind === 'price' }"
             @click="changeChart('price')"
         >
             Price

From 176422d15dbb11b00965c9f9907fccc161f17be7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 13 Apr 2025 07:50:39 +0800
Subject: [PATCH 193/240] add wasm query

---
 src/libs/api/registry.ts                      |  11 ++
 src/libs/client.ts                            |   9 +-
 src/libs/http.ts                              |   2 +-
 src/modules/[chain]/cosmwasm/WasmClient.ts    |  13 +-
 .../cosmwasm/[code_id]/transactions.vue       | 184 ++++++++++--------
 src/modules/[chain]/group/index.vue           |  12 ++
 src/plugins/i18n/locales/en.json              |   2 +
 7 files changed, 148 insertions(+), 85 deletions(-)

diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index 2787c9b1bc..aa355443ae 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -5,7 +5,11 @@ import type {
   Coin,
   ConnectionWithProof,
   DenomTrace,
+  Group,
+  GroupProposal,
+  GroupTallyResult,
   NodeInfo,
+  PageResponse,
   PaginabledAccounts,
   PaginatedIBCChannels,
   PaginatedIBCConnections,
@@ -126,6 +130,13 @@ export interface RequestRegistry extends AbstractRegistry {
 
   params: Request<{param: any}>;
 
+  group_groups: Request<PageResponse<Group>>;
+  group_groups_by_admin: Request<PageResponse<Group>>;
+  group_groups_by_member: Request<PageResponse<Group>>;
+  group_proposal: Request<{ proposal: GroupProposal }>;
+  group_proposal_tally: Request<{ tally: GroupTallyResult }>;
+  group_proposals_by_group_policy: Request<PageResponse<GroupProposal>>;
+
   tx_txs: Request<PaginatedTxs>;
   tx_txs_block: Request<Tx>;
   tx_hash: Request<{ tx: Tx; tx_response: TxResponse }>;
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 932ea2f156..99275e81dc 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -1,4 +1,4 @@
-import { fetchData } from '@/libs';
+import { fetchData, get } from '@/libs';
 import { DEFAULT } from '@/libs';
 import {
   adapter,
@@ -30,6 +30,13 @@ export class BaseRestClient<R extends AbstractRegistry> {
     });
     return fetchData<T>(url, adapter||request.adapter);
   }
+  async get<T>(request: Request<T>, args: Record<string, any>, query = '' ) {
+    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
+    Object.keys(args).forEach((k) => {
+      url = url.replace(`{${k}}`, args[k] || '');
+    });
+    return get(url);
+  }
 }
 
 // dynamic all custom request implementations
diff --git a/src/libs/http.ts b/src/libs/http.ts
index e2723254bb..49bb967d40 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -6,7 +6,7 @@ export async function fetchData<T>(
 ): Promise<T> {
   const response = await fetch(url);
   if (!response.ok) {
-    throw new Error(`HTTP error: ${response.status}`);
+    throw new Error(`HTTP error: ${response.status}, ${response.statusText}`);
   }
   const data = await response.json();
   return adapter(data);
diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index 0feb102c2f..9b2983067a 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -13,6 +13,7 @@ import type {
 import { toBase64 } from '@cosmjs/encoding';
 import { useBlockchain } from '@/stores';
 import { PageRequest } from '@/types';
+import { get } from '@/libs';
 
 export interface WasmRequestRegistry extends AbstractRegistry {
     cosmwasm_code: Request<PaginabledCodeInfos>;
@@ -103,10 +104,20 @@ export interface WasmRequestRegistry extends AbstractRegistry {
     }
     getWasmContractSmartQuery(address: string, query: string) {
       const query_data = toBase64(new TextEncoder().encode(query));
-      return this.request(
+      return this.get(
+        this.registry.cosmwasm_contract_address_smart_query_data,
+        { address, query_data }
+      );
+    }
+    async getWasmContractQueries(address: string) {
+      const query_data = toBase64(new TextEncoder().encode('{"":""}'));
+      const {code, message} = await this.get(
         this.registry.cosmwasm_contract_address_smart_query_data,
         { address, query_data }
       );
+      let re = /`(\w+)`/g
+      let x = String(message).match(re)
+      return code === 2 ? x?.map(e => e.replaceAll('`', '')) : null
     }
     getWasmContractStates(address: string, pr: PageRequest) {    
       if(!pr) pr = new PageRequest()
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index ddf9aac45a..7a64721685 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -38,10 +38,10 @@ const contractAddress = String(route.query.contract)
 
 const history = JSON.parse(localStorage.getItem("contract_history") || "{}")
 
-if(history[chainStore.chainName]) {
-    if(!history[chainStore.chainName].includes(contractAddress)) {
+if (history[chainStore.chainName]) {
+    if (!history[chainStore.chainName].includes(contractAddress)) {
         history[chainStore.chainName].push(contractAddress)
-        if(history[chainStore.chainName].length > 10) {
+        if (history[chainStore.chainName].length > 10) {
             history[chainStore.chainName].shift()
         }
     }
@@ -59,6 +59,14 @@ onMounted(() => {
         txs.value = res
     })
 
+    wasmStore.wasmClient.getWasmContractQueries(contractAddress).then(res => {
+        console.log("queries: ", res)
+        queries.value = res
+        if (res && res.length > 0) {
+            selectQuery(res[0])
+        }
+    })
+
 })
 
 function pageload(pageNum: number) {
@@ -97,6 +105,10 @@ function showQuery() {
     result.value = '';
 }
 
+function selectQuery(method: string) {
+    query.value = `{"${method}":{}}`
+}
+
 function queryContract() {
     try {
         if (selectedRadio.value === 'raw') {
@@ -137,52 +149,68 @@ const radioContent = [
     },
 ];
 
-const selectedRadio = ref('raw');
+const selectedRadio = ref('smart');
 const query = ref('');
 const result = ref({});
+const queries = ref<RegExpMatchArray | null>()
+const tab = ref('detail')
 </script>
 <template>
     <div>
-        <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <h2 class="card-title truncate w-full">
-                {{ $t('cosmwasm.contract_detail') }}
-            </h2>
-            <DynamicComponent :value="info" />
+        <div class="tabs tabs-boxed bg-transparent mb-4">
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'detail' }"
+                @click="tab = 'detail'">{{ $t('cosmwasm.contract_detail') }}</a>
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transaction' }"
+                @click="tab = 'transaction'">Transactions</a>
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'query' }"
+                @click="tab = 'query'">Query</a>
+            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'execute' }"
+                @click="tab = 'execute'">Execute</a>
         </div>
 
-        <div class="text-center mb-4">
-            <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span> </RouterLink>
-            <label @click="showFunds()" for="modal-contract-funds" class="btn btn-primary btn-xs text-xs mr-2">{{
-                $t('cosmwasm.btn_funds') }}</label>
-            <label class="btn btn-primary btn-xs text-xs mr-2" for="modal-contract-states" @click="showState()">
-                {{ $t('cosmwasm.btn_states') }}
-            </label>
-            <label for="modal-contract-query" class="btn btn-primary btn-xs text-xs mr-2" @click="showQuery()">
-                {{ $t('cosmwasm.btn_query') }}
-            </label>
-            <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
-                {{ $t('cosmwasm.btn_execute') }}
-            </label>
+        <div v-show="tab === 'detail'">
+            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+                <h2 class="card-title truncate w-full">
+                    {{ $t('cosmwasm.contract_detail') }}
+                </h2>
+                <DynamicComponent :value="info" />
+            </div>
 
-            <label for="wasm_migrate_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })">
-                {{ $t('cosmwasm.btn_migrate') }}
-            </label>
+            <div class="text-center mb-4">
+                <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span>
+                </RouterLink>
+                <label @click="showFunds()" for="modal-contract-funds" class="btn btn-primary btn-xs text-xs mr-2">{{
+                    $t('cosmwasm.btn_funds') }}</label>
+                <label class="btn btn-primary btn-xs text-xs mr-2" for="modal-contract-states" @click="showState()">
+                    {{ $t('cosmwasm.btn_states') }}
+                </label>
+                <label for="modal-contract-query" class="btn btn-primary btn-xs text-xs mr-2" @click="showQuery()">
+                    {{ $t('cosmwasm.btn_query') }}
+                </label>
+                <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
+                    @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
+                    {{ $t('cosmwasm.btn_execute') }}
+                </label>
 
-            <label for="wasm_update_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                @click="dialog.open('wasm_update_admin', { contract: contractAddress })">
-                {{ $t('cosmwasm.btn_update_admin') }}
-            </label>
+                <label for="wasm_migrate_contract" class="btn btn-primary btn-xs text-xs mr-2"
+                    @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })">
+                    {{ $t('cosmwasm.btn_migrate') }}
+                </label>
 
-            <label for="wasm_clear_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                @click="dialog.open('wasm_clear_admin', { contract: contractAddress })">
-                {{ $t('cosmwasm.btn_clear_admin') }}
-            </label>
+                <label for="wasm_update_admin" class="btn btn-primary btn-xs text-xs mr-2"
+                    @click="dialog.open('wasm_update_admin', { contract: contractAddress })">
+                    {{ $t('cosmwasm.btn_update_admin') }}
+                </label>
+
+                <label for="wasm_clear_admin" class="btn btn-primary btn-xs text-xs mr-2"
+                    @click="dialog.open('wasm_clear_admin', { contract: contractAddress })">
+                    {{ $t('cosmwasm.btn_clear_admin') }}
+                </label>
 
+            </div>
         </div>
 
-        <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div v-show="tab === 'transaction'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
             <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
             <table class="table">
                 <thead class=" bg-base-200">
@@ -216,7 +244,38 @@ const result = ref({});
             <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
         </div>
 
-        <WasmVerification :contract="contractAddress"/>
+        <div v-show="tab === 'query'">
+            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+                <div class="flex items-center justify-between px-3 pt-2 mb-4">
+                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
+                </div>
+                <div class="px-3">
+                    <div>
+                        <div>
+                            <span v-for="q in queries" class="btn btn-xs mx-1"
+                                @click="selectQuery(q)">{{ q }}</span>
+                        </div>
+                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
+                            class="my-2 textarea textarea-bordered w-full" />
+
+                        <div class="mt-4 mb-4 text-center">
+                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
+                                {{ $t('cosmwasm.query_contract') }}
+                            </button>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+                <div class="flex items-center justify-between px-3 pt-2 mb-4">
+                    <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+                </div>
+                <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed
+                            sort :expand-depth="5" />
+            </div>
+        </div>
+        <!-- WasmVerification :contract="contractAddress"/ -->
 
         <div>
             <input type="checkbox" id="modal-contract-funds" class="modal-toggle" />
@@ -229,7 +288,8 @@ const result = ref({});
                         </div>
                         <ul class="menu mt-5">
                             <li v-for="b in balances.balances">
-                                <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }} </a>
+                                <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
+                                </a>
                             </li>
                             <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">{{
                                 $t('cosmwasm.no_escrowed_assets') }}</li>
@@ -247,56 +307,16 @@ const result = ref({});
                             <label for="modal-contract-states" class="btn btn-sm btn-circle">✕</label>
                         </div>
                         <div class="overflow-auto">
-                            <JsonViewer :value="state.models?.map(v => ({key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value))}))||''" :theme="baseStore.theme||'dark'" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
+                            <JsonViewer
+                                :value="state.models?.map(v => ({ key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value)) })) || ''"
+                                :theme="baseStore.theme || 'dark'" style="background: transparent;" copyable boxed sort
+                                :expand-depth="5" />
                             <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
                                 :callback="pageloadState" />
                         </div>
                     </div>
                 </label>
             </label>
-
-            <input type="checkbox" id="modal-contract-query" class="modal-toggle" />
-            <label for="modal-contract-query" class="modal cursor-pointer">
-                <label class="modal-box !w-11/12 !max-w-5xl" for="">
-                    <div>
-                        <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                            <div class="text-lg font-semibold">{{ $t('cosmwasm.query_contract') }}</div>
-                            <label for="modal-contract-query" class="btn btn-sm btn-circle">✕</label>
-                        </div>
-                        <div class="px-3">
-                            <div>
-                                <div class="grid grid-cols-2 gap-4 mb-4">
-                                    <div class="form-control border rounded px-4" v-for="(item, index) of radioContent"
-                                        :key="index" :class="{ 'pt-2': index === 0 }">
-                                        <label class="label cursor-pointer justify-start"
-                                            @click="selectedRadio = item?.value">
-                                            <input type="radio" name="radio-10" class="radio radio-sm radio-primary mr-4"
-                                                :checked="item?.value === selectedRadio"
-                                                style="border: 1px solid #d2d6dc" />
-                                            <div>
-                                                <div class="text-base font-semibold">
-                                                    {{ item?.title }}
-                                                </div>
-                                                <div class="text-xs">{{ item?.desc }}</div>
-                                            </div>
-                                        </label>
-                                    </div>
-                                </div>
-                                <textarea v-model="query" placeholder="Query String, {}" label="Query String"
-                                    class="my-2 textarea textarea-bordered w-full" />
-                                
-                                <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
-
-                            </div>
-                            <div class="mt-4 mb-4 text-center">
-                                <button class="btn btn-primary px-4 text-white" @click="queryContract()">
-                                    {{ $t('cosmwasm.query_contract') }}
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </label>
-            </label>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/modules/[chain]/group/index.vue b/src/modules/[chain]/group/index.vue
index e69de29bb2..8ea9123c20 100644
--- a/src/modules/[chain]/group/index.vue
+++ b/src/modules/[chain]/group/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts">
+import { fromBech32, fromHex, toBech32 } from '@cosmjs/encoding';
+
+let x = toBech32("neutronvaloper1", fromHex("3363E8F97B02ECC00289E72173D827543047ACDA"))
+let add = fromBech32("cosmosvaloper1jxv0u20scum4trha72c7ltfgfqef6nsch7q6cu")
+let op = toBech32("neutronvaloper1", add.data)
+console.log(x)
+console.log(op)
+</script>
+<template>
+    <div>address: {{ x }}</div>
+</template>
\ No newline at end of file
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 16f4075c55..81918c7a27 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -130,6 +130,8 @@
     "no_escrowed_assets": "No Escrowed Assets",
     "contract_states": "Contract States",
     "query_contract": "Query Contract",
+    "suggested_messages":"Suggested Messages",
+    "result":"Result",
     "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
   },
   "gov": {

From b434ac1303c123368f8dc9b1a8b7fb7050f32077 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 13 Apr 2025 09:10:46 +0800
Subject: [PATCH 194/240] support extension txs

---
 src/components/dynamic/TxsElement.vue | 38 +++++++++++++++++++--------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index d90acd04c1..2f0cbd8f56 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -9,10 +9,21 @@ const props = defineProps({
 });
 
 const txs = computed(() => {
-  return props.value?.map((x) => ({
-    hash: hashTx(fromBase64(x)),
-    tx: decodeTxRaw(fromBase64(x)),
-  })) || []
+  return props.value?.map((x) => {
+    const tx_bytes = fromBase64(x);
+    let tx = null
+    let injected = false
+    try {
+      tx = decodeTxRaw(fromBase64(x))
+    } catch(e) {
+      injected = true
+    } 
+    return {
+      hash: hashTx(tx_bytes),
+      tx,
+      injected
+    }
+  }) || []
 });
 
 const format = useFormatter();
@@ -23,6 +34,7 @@ const chain = useBlockchain();
     <table class="table w-full" density="compact" v-if="txs.length > 0">
       <thead>
         <tr>
+          <th>Injected</th>
           <th style="position: relative; z-index: 2;">Hash</th>
           <th>Msgs</th>
           <th>Memo</th>
@@ -30,19 +42,23 @@ const chain = useBlockchain();
       </thead>
       <tbody class="text-sm">
         <tr v-for="item in txs">
+          <td>{{ item.injected }}</td>
           <td>
-            <RouterLink :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
+            <span v-if="item.injected">{{ item.hash }}</span>
+            <RouterLink v-else :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
               item.hash
             }}</RouterLink>
           </td>
           <td>
-            {{
-              format.messages(
-                item.tx.body.messages.map((x) => ({ '@type': x.typeUrl }))
-              )
-            }}
+            <span v-if="item.tx">
+              {{
+                format.messages(
+                  item.tx.body.messages.map((x) => ({ '@type': x.typeUrl }))
+                )
+              }}
+            </span>
           </td>
-          <td>{{ item.tx.body.memo }}</td>
+          <td><span v-if="item.tx">{{ item.tx.body.memo }}</span></td>
         </tr>
       </tbody>
     </table>

From 9039c08a5fb82e3b16e3429f7b14bd378a8b8a7b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 13 Apr 2025 09:11:15 +0800
Subject: [PATCH 195/240] improve code

---
 src/modules/[chain]/cosmwasm/WasmClient.ts    |   2 +-
 .../cosmwasm/[code_id]/transactions.vue       | 132 ++++++++----------
 2 files changed, 60 insertions(+), 74 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index 9b2983067a..a5b53a8300 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -117,7 +117,7 @@ export interface WasmRequestRegistry extends AbstractRegistry {
       );
       let re = /`(\w+)`/g
       let x = String(message).match(re)
-      return code === 2 ? x?.map(e => e.replaceAll('`', '')) : null
+      return code === 2 && x ? x.map(e => e.replaceAll('`', '')) : []
     }
     getWasmContractStates(address: string, pr: PageRequest) {    
       if(!pr) pr = new PageRequest()
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 7a64721685..6b506370e4 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -23,12 +23,10 @@ const wasmStore = useWasmStore();
 const route = useRoute()
 const page = ref(new PageRequest())
 const pageRequest = ref(new PageRequest());
-const response = ref({} as PaginabledContracts);
 
 const txs = ref<PaginatedTxs>({ txs: [], tx_responses: [], pagination: { total: "0" } });
 
 const dialog = useTxDialog();
-const infoDialog = ref(false);
 const info = ref({} as ContractInfo);
 const state = ref({} as PaginabledContractStates);
 const selected = ref('');
@@ -67,6 +65,9 @@ onMounted(() => {
         }
     })
 
+    showFunds()
+    showState()
+
 })
 
 function pageload(pageNum: number) {
@@ -136,23 +137,10 @@ function queryContract() {
     // TODO, show error in the result.
 }
 
-const radioContent = [
-    {
-        title: 'Raw Query',
-        desc: 'Return raw result',
-        value: 'raw',
-    },
-    {
-        title: 'Smart Query',
-        desc: 'Return structure result if possible',
-        value: 'smart',
-    },
-];
-
 const selectedRadio = ref('smart');
 const query = ref('');
 const result = ref({});
-const queries = ref<RegExpMatchArray | null>()
+const queries = ref<string[]>([])
 const tab = ref('detail')
 </script>
 <template>
@@ -176,21 +164,37 @@ const tab = ref('detail')
                 <DynamicComponent :value="info" />
             </div>
 
+            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+                <div class="flex items-center justify-between px-3 pt-2">
+                    <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
+                </div>
+                <ul class="menu mt-5">
+                    <li v-for="b in balances.balances">
+                        <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
+                        </a>
+                    </li>
+                    <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">{{
+                        $t('cosmwasm.no_escrowed_assets') }}</li>
+                </ul>
+            </div>
+
+            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+                <div class="flex items-center justify-between px-3 pt-2 mb-4">
+                    <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
+                </div>
+                <div class="overflow-auto">
+                    <JsonViewer
+                        :value="state.models?.map(v => ({ key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value)) })) || ''"
+                        :theme="baseStore.theme || 'dark'" style="background: transparent;" copyable boxed sort
+                        :expand-depth="5" />
+                    <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
+                        :callback="pageloadState" />
+                </div>
+            </div>
+
             <div class="text-center mb-4">
                 <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span>
                 </RouterLink>
-                <label @click="showFunds()" for="modal-contract-funds" class="btn btn-primary btn-xs text-xs mr-2">{{
-                    $t('cosmwasm.btn_funds') }}</label>
-                <label class="btn btn-primary btn-xs text-xs mr-2" for="modal-contract-states" @click="showState()">
-                    {{ $t('cosmwasm.btn_states') }}
-                </label>
-                <label for="modal-contract-query" class="btn btn-primary btn-xs text-xs mr-2" @click="showQuery()">
-                    {{ $t('cosmwasm.btn_query') }}
-                </label>
-                <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_execute') }}
-                </label>
 
                 <label for="wasm_migrate_contract" class="btn btn-primary btn-xs text-xs mr-2"
                     @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })">
@@ -252,71 +256,53 @@ const tab = ref('detail')
                 <div class="px-3">
                     <div>
                         <div>
-                            <span v-for="q in queries" class="btn btn-xs mx-1"
-                                @click="selectQuery(q)">{{ q }}</span>
+                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
                         </div>
                         <textarea v-model="query" placeholder="Query String, {}" label="Query String"
                             class="my-2 textarea textarea-bordered w-full" />
 
                         <div class="mt-4 mb-4 text-center">
                             <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
-                                {{ $t('cosmwasm.query_contract') }}
+                                {{ $t('cosmwasm.btn_query') }}
                             </button>
                         </div>
 
                     </div>
                 </div>
             </div>
+        </div>
+
+        <div v-show="tab === 'execute'">
             <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
                 <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
                 </div>
-                <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed
-                            sort :expand-depth="5" />
-            </div>
-        </div>
-        <!-- WasmVerification :contract="contractAddress"/ -->
-
-        <div>
-            <input type="checkbox" id="modal-contract-funds" class="modal-toggle" />
-            <label for="modal-contract-funds" class="modal cursor-pointer">
-                <label class="modal-box relative p-2" for="">
+                <div class="px-3">
                     <div>
-                        <div class="flex items-center justify-between px-3 pt-2">
-                            <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
-                            <label for="modal-contract-funds" class="btn btn-sm btn-circle">✕</label>
+                        <div>
+                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
                         </div>
-                        <ul class="menu mt-5">
-                            <li v-for="b in balances.balances">
-                                <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
-                                </a>
-                            </li>
-                            <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">{{
-                                $t('cosmwasm.no_escrowed_assets') }}</li>
-                        </ul>
-                    </div>
-                </label>
-            </label>
+                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
+                            class="my-2 textarea textarea-bordered w-full" />
 
-            <input type="checkbox" id="modal-contract-states" class="modal-toggle" />
-            <label for="modal-contract-states" class="modal cursor-pointer">
-                <label class="modal-box !w-11/12 !max-w-5xl" for="">
-                    <div>
-                        <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                            <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
-                            <label for="modal-contract-states" class="btn btn-sm btn-circle">✕</label>
-                        </div>
-                        <div class="overflow-auto">
-                            <JsonViewer
-                                :value="state.models?.map(v => ({ key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value)) })) || ''"
-                                :theme="baseStore.theme || 'dark'" style="background: transparent;" copyable boxed sort
-                                :expand-depth="5" />
-                            <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
-                                :callback="pageloadState" />
+                        <div class="mt-4 mb-4 text-center">
+                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
+                                {{ $t('cosmwasm.btn_execute') }}
+                            </button>
                         </div>
+
                     </div>
-                </label>
-            </label>
+                </div>
+            </div>
         </div>
+
+        <div v-if="tab === 'execute' || tab === 'query'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+            <div class="flex items-center justify-between px-3 pt-2 mb-4">
+                <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+            </div>
+            <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort
+                :expand-depth="5" />
+        </div>
+
     </div>
 </template>
\ No newline at end of file

From 90a20deceb9153024d6fdad68b703eeb08a4f936 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sun, 13 Apr 2025 15:24:35 +0800
Subject: [PATCH 196/240] fixed issue

---
 src/libs/api/index.ts               | 26 ++++++++++++++++++++++++++
 src/libs/api/registry.ts            | 11 ++++++-----
 src/modules/[chain]/group/index.vue |  4 ++--
 src/types/group.ts                  | 11 +++++++++++
 4 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/src/libs/api/index.ts b/src/libs/api/index.ts
index ff8efdcc5b..cdf9c9ea73 100644
--- a/src/libs/api/index.ts
+++ b/src/libs/api/index.ts
@@ -203,4 +203,30 @@ export const DEFAULT: RequestRegistry = {
     url: '/interchain_security/ccv/provider/consumer_validators/{chain_id}',
     adapter,
   },
+
+  group_groups: {
+    url: '/cosmos/group/v1/groups',
+    adapter,
+  },
+  group_groups_by_admin: {
+    url: '/cosmos/group/v1/groups_by_admin/{admin}',
+    adapter,
+  },
+  group_groups_by_member: {
+    url: '/cosmos/group/v1/groups_by_member/{address}',
+    adapter,
+  },
+  group_proposal: {
+    url: '/cosmos/group/v1/proposal/{proposal_id}',
+    adapter,
+  },
+  group_proposal_tally: {
+    url: '/cosmos/group/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  group_proposals_by_group_policy: {
+    url: '/cosmos/group/v1/proposals_by_group_policy/{address}',
+    adapter,
+  },
+
 };
diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index aa355443ae..9e975bf431 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -9,8 +9,9 @@ import type {
   GroupProposal,
   GroupTallyResult,
   NodeInfo,
-  PageResponse,
   PaginabledAccounts,
+  PaginatedGroupProposals,
+  PaginatedGroups,
   PaginatedIBCChannels,
   PaginatedIBCConnections,
   PaginatedTendermintValidator,
@@ -130,12 +131,12 @@ export interface RequestRegistry extends AbstractRegistry {
 
   params: Request<{param: any}>;
 
-  group_groups: Request<PageResponse<Group>>;
-  group_groups_by_admin: Request<PageResponse<Group>>;
-  group_groups_by_member: Request<PageResponse<Group>>;
+  group_groups: Request<PaginatedGroups>;
+  group_groups_by_admin: Request<PaginatedGroups>;
+  group_groups_by_member: Request<PaginatedGroups>;
   group_proposal: Request<{ proposal: GroupProposal }>;
   group_proposal_tally: Request<{ tally: GroupTallyResult }>;
-  group_proposals_by_group_policy: Request<PageResponse<GroupProposal>>;
+  group_proposals_by_group_policy: Request<PaginatedGroupProposals>;
 
   tx_txs: Request<PaginatedTxs>;
   tx_txs_block: Request<Tx>;
diff --git a/src/modules/[chain]/group/index.vue b/src/modules/[chain]/group/index.vue
index 8ea9123c20..452f4bf5a6 100644
--- a/src/modules/[chain]/group/index.vue
+++ b/src/modules/[chain]/group/index.vue
@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="ts" setup>
 import { fromBech32, fromHex, toBech32 } from '@cosmjs/encoding';
 
 let x = toBech32("neutronvaloper1", fromHex("3363E8F97B02ECC00289E72173D827543047ACDA"))
@@ -8,5 +8,5 @@ console.log(x)
 console.log(op)
 </script>
 <template>
-    <div>address: {{ x }}</div>
+    <div>address: </div>
 </template>
\ No newline at end of file
diff --git a/src/types/group.ts b/src/types/group.ts
index ba3083aa08..b96c8a2354 100644
--- a/src/types/group.ts
+++ b/src/types/group.ts
@@ -1,3 +1,5 @@
+import type { PaginatedResponse } from "./common";
+
 export interface Group {
     admin: string,
     created_at: string,
@@ -41,3 +43,12 @@ export interface GroupVote {
     submit_time: string,
     voter: string
 }
+
+export interface PaginatedGroups extends PaginatedResponse {
+  groups: Group[];
+}
+
+export interface PaginatedGroupProposals extends PaginatedResponse {
+    proposals: GroupProposal[];
+  }
+  

From 9981eee44fb2db8193a3a27874fcb430a40911f5 Mon Sep 17 00:00:00 2001
From: wizard <112275929+famouswizard@users.noreply.github.com>
Date: Sun, 13 Apr 2025 22:31:44 +0300
Subject: [PATCH 197/240] chore: fixed issues with Vue 3 component setup

---
 src/components/charts/DonutChart.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/charts/DonutChart.vue b/src/components/charts/DonutChart.vue
index 5ac20c2de6..bfc5e41d4b 100644
--- a/src/components/charts/DonutChart.vue
+++ b/src/components/charts/DonutChart.vue
@@ -22,9 +22,3 @@ const expenseRationChartConfig = computed(() => {
     :series="series"
   />
 </template>
-
-<script lang="ts">
-export default {
-  name: 'DonetChart',
-};
-</script>

From 49799ca6495d76cc285d477d61c3625d0451099d Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 15 Apr 2025 14:06:44 +0800
Subject: [PATCH 198/240] apply wasm execution

---
 index.html                                            |  2 +-
 .../[chain]/cosmwasm/[code_id]/transactions.vue       | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index e37a3a4fff..28138f8960 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
       });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@v0.3.10/dist/widget.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@latest/dist/widget.min.js"></script>
 
   </body>
 </html>
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 6b506370e4..509527ca86 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -7,13 +7,11 @@ import { onMounted, ref } from 'vue';
 import { useWasmStore } from '../WasmStore';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { useRoute } from 'vue-router';
-import type { ContractInfo, PaginabledContractStates, PaginabledContracts } from '../types';
-import { post } from '@/libs';
+import type { ContractInfo, PaginabledContractStates } from '../types';
 
 import { JsonViewer } from "vue3-json-viewer"
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
 import "vue3-json-viewer/dist/index.css";
-import WasmVerification from '@/components/WasmVerification.vue';
 
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
@@ -152,8 +150,6 @@ const tab = ref('detail')
                 @click="tab = 'transaction'">Transactions</a>
             <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'query' }"
                 @click="tab = 'query'">Query</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'execute' }"
-                @click="tab = 'execute'">Execute</a>
         </div>
 
         <div v-show="tab === 'detail'">
@@ -211,6 +207,11 @@ const tab = ref('detail')
                     {{ $t('cosmwasm.btn_clear_admin') }}
                 </label>
 
+                <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
+                    @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
+                    {{ $t('cosmwasm.btn_execute') }}
+                </label>
+
             </div>
         </div>
 

From d62497da779e378c0fa62fa30b0c17b456cbea72 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Mon, 28 Apr 2025 15:11:02 -0500
Subject: [PATCH 199/240] add xion chain customizations

---
 src/libs/api/customization/xion.ts | 104 +++++++++++++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 src/libs/api/customization/xion.ts

diff --git a/src/libs/api/customization/xion.ts b/src/libs/api/customization/xion.ts
new file mode 100644
index 0000000000..9928a74c47
--- /dev/null
+++ b/src/libs/api/customization/xion.ts
@@ -0,0 +1,104 @@
+import type { RequestRegistry } from '@/libs/api/registry';
+import { adapter } from '@/libs/api/registry'
+import { CosmosRestClient } from '@/libs/client';
+import { useBlockchain } from '@/stores';
+import type {
+  GovProposal,
+  PaginatedProposals,
+} from '@/types/';
+
+// which registry is store
+export const store = 'name'; // name or version
+// Blockchain Name
+export const name = 'xion';
+
+export function proposalAdapter(p: any): GovProposal {
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
+    p.proposal_id = p.id
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    }
+  }
+  return p
+}
+
+// xion custom request
+export const requests: Partial<RequestRegistry> = {
+  bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+      return {
+        proposals,
+        pagination: source.pagination
+      }
+    }
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal)
+      }
+    },
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+  mint_inflation: {
+    url: '/xion/mint/v1/inflation',
+    adapter: async (data: any): Promise<{ inflation: string }> => {
+      try {
+        const client = CosmosRestClient.newDefault(
+          useBlockchain().endpoint.address
+        );
+
+        // Get distribution params to fetch community tax
+        const { params } = await client.getDistributionParams().catch((e) => {
+          console.error('[Xion Adapter] Failed to fetch distribution params:', {
+            error: e instanceof Error ? e.message : e,
+            endpoint: '/distribution/params',
+          });
+          return { params: { community_tax: '0' } };
+        });
+
+        const communityTax = params.community_tax;
+
+        // apr calcuation is inflation * (1 - communityTax)
+        const adjustedInflation =
+          parseFloat(data.inflation) * (1 - parseFloat(communityTax));
+
+        return { inflation: adjustedInflation.toString() };
+      } catch (e) {
+        console.error('[Xion Adapter] Error calculating inflation:', {
+          error: e instanceof Error ? e.message : e,
+          timestamp: new Date().toISOString(),
+          endpoint: useBlockchain().endpoint.address,
+        });
+        return { inflation: '0' };
+      }
+    },
+  },
+  mint_params: { url: '/xion/mint/v1/params', adapter },
+  mint_annual_provisions: { url: '/xion/mint/v1beta1/annual_provisions', adapter }
+}

From 67fd8f452f41c1d36c9ed93ce0cf76d135eccddb Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Mon, 28 Apr 2025 17:51:56 -0500
Subject: [PATCH 200/240] improve supply page

---
 src/modules/[chain]/supply/index.vue | 100 +++++++++++++++++++--------
 1 file changed, 72 insertions(+), 28 deletions(-)

diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 2216f0ebf1..85644f578c 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -1,52 +1,96 @@
 <script lang="ts" setup>
-import { computed, ref } from '@vue/reactivity';
-import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
-import { PageRequest, type AuthAccount, type Pagination, type Coin } from '@/types';
+import { ref } from '@vue/reactivity';
+import { useBlockchain, useFormatter } from '@/stores';
+import { PageRequest, type Pagination, type Coin, type DenomMetadata } from '@/types';
 import { onMounted } from 'vue';
+import type { Asset } from '@ping-pub/chain-registry-client/dist/types'
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
 const format = useFormatter();
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 
-const list = ref([] as Coin[])
-
-function showType(v: string) {
-    return v.replace("/cosmos.auth.v1beta1.", "")
-}
+const list = ref([] as ({ denom: string, amount: string, base: string, info: string, logo: string | undefined })[])
 
 const pageRequest = ref(new PageRequest())
 const pageResponse = ref({} as Pagination)
 
+interface SupplyAsset extends Asset {
+  logo: string | undefined
+}
+
 onMounted(() => {
   pageload(1)
 });
 
+function findGlobalAssetConfig(denom: string) {
+  const assets = chainStore.current?.assets
+  if (assets) {
+    const conf = assets.find(a => a.base === denom)
+    if (conf) {
+      return conf
+    }
+  }
+  return undefined
+}
+
+async function mergeDenomMetadata(denom: string, denomsMetadatas: DenomMetadata[]): Promise<SupplyAsset> {
+  const denomMetadata = denomsMetadatas.find(d => d.base.endsWith(denom));
+  let asset = findGlobalAssetConfig(denom) as SupplyAsset
+  if (asset && denomMetadata) {
+    asset = { ...denomMetadata, ...asset }
+    asset.display = denomMetadata.display
+    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.logo_URIs?.jpeg || undefined
+  } else if (denomMetadata) {
+    return denomMetadata as SupplyAsset
+  }
+  return asset;
+}
+
 function pageload(p: number) {
   pageRequest.value.setPage(p)
-  chainStore.rpc.getBankSupply(pageRequest.value).then(x => {
-    list.value = x.supply
-    pageResponse.value = x.pagination
-  });
+  chainStore.rpc.getBankDenomMetadata().then(async (denomsMetaResponse) => {
+    const bankSupplyResponse = await chainStore.rpc.getBankSupply(pageRequest.value);
+    list.value = await Promise.all(bankSupplyResponse.supply.map(async (coin: Coin) => {
+      const asset = await mergeDenomMetadata(coin.denom, denomsMetaResponse.metadatas)
+      const denom = (asset?.symbol || coin.denom)
+      return {
+        denom: denom.split('/')[denom.split('/').length - 1].toUpperCase(),
+        amount: format.tokenAmountNumber({ amount: coin.amount, denom: denom }).toString(),
+        base: asset.base || coin.denom,
+        info: asset.display || coin.denom,
+        logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || asset?.logo_URIs?.jpeg || "/logo.svg",
+      }
+    }));
+    pageResponse.value = bankSupplyResponse.pagination
+  })
 }
 
 </script>
 <template>
-    <div class="overflow-auto bg-base-100">
-        <table class="table table-compact">
-            <thead class=" bg-base-200">
-                <tr>
-                    <td>Token</td>
-                    <td>Amount</td>
-                </tr>
-            </thead>
-            <tr v-for="item in list" class="hover">
-                <td>{{ item.denom  }}</td>
-                <td>{{ item.amount  }}</td>
-            </tr>
-        </table>
-        <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
-    </div>
+  <div class="overflow-auto bg-base-100">
+    <table class="table table-compact">
+      <thead class=" bg-base-200">
+        <tr>
+          <td>Logo</td>
+          <td>Token</td>
+          <td>Amount</td>
+          <td>Info</td>
+          <td>Base</td>
+        </tr>
+      </thead>
+      <tr v-for="item in list" class="hover">
+        <td>
+          <img v-if="item.logo" :src="item.logo" class="w-7 h-7" />
+        </td>
+        <td>{{ item.denom }}</td>
+        <td>{{ item.amount }}</td>
+        <td>{{ item.info }}</td>
+        <td>{{ item.base }}</td>
+      </tr>
+    </table>
+    <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
+  </div>
 </template>
 
 <route>

From 6f0cb3582aa5275c2d5971bfd8cf8bc59378ff49 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 22 May 2025 13:00:41 +0800
Subject: [PATCH 201/240] update txs type

---
 src/components/dynamic/TxsElement.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index 2f0cbd8f56..d16621cc3d 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -12,11 +12,11 @@ const txs = computed(() => {
   return props.value?.map((x) => {
     const tx_bytes = fromBase64(x);
     let tx = null
-    let injected = false
+    let injected = 'Standard'
     try {
       tx = decodeTxRaw(fromBase64(x))
     } catch(e) {
-      injected = true
+      injected = 'Injected'
     } 
     return {
       hash: hashTx(tx_bytes),
@@ -34,7 +34,7 @@ const chain = useBlockchain();
     <table class="table w-full" density="compact" v-if="txs.length > 0">
       <thead>
         <tr>
-          <th>Injected</th>
+          <th>Type</th>
           <th style="position: relative; z-index: 2;">Hash</th>
           <th>Msgs</th>
           <th>Memo</th>
@@ -44,7 +44,7 @@ const chain = useBlockchain();
         <tr v-for="item in txs">
           <td>{{ item.injected }}</td>
           <td>
-            <span v-if="item.injected">{{ item.hash }}</span>
+            <span v-if="item.injected ==='Injected'">{{ item.hash }}</span>
             <RouterLink v-else :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
               item.hash
             }}</RouterLink>

From 4d8af8bc0e57e7c404f6488a608deb24cb1e1214 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 28 May 2025 17:59:39 +0800
Subject: [PATCH 202/240] add ad

---
 src/components/ad/AdBanner.vue           | 16 ++++++-
 src/components/ad/ad.ts                  | 56 ------------------------
 src/layouts/components/DefaultLayout.vue | 10 ++++-
 src/modules/[chain]/index.vue            |  2 -
 src/pages/index.vue                      |  2 -
 5 files changed, 24 insertions(+), 62 deletions(-)
 delete mode 100644 src/components/ad/ad.ts

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 7b8b46cb04..278079fffb 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+const aa = computed(() => {
+  const hostname = location.hostname
+  if (hostname === 'testnet.ping.pub') {
+    return '2396360'
+  } else if (hostname === 'ping.pub') {
+    return '2395639'
+  } else {
+    return '2396360'
+  }
+});
+</script>
 <template>
-  <div></div>
+  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
 </template>
diff --git a/src/components/ad/ad.ts b/src/components/ad/ad.ts
deleted file mode 100644
index 5ede5d9bc2..0000000000
--- a/src/components/ad/ad.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { PersonaAdSDK } from '@personaxyz/ad-sdk';
-
-interface ADConfig {
-    apiKey: string;
-    environment: string;
-}
-
-export const confs: Record<string, ADConfig> = {
-    "localhost": {
-        apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
-        environment: 'staging', // use value 'production' when going live
-    },
-    "ping.pub": {
-        apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
-        environment: 'production',
-    },
-    "testnet.ping.pub": {
-        apiKey: 'persona-pub-0x14e9ba8ca5a658ba409fc0059ebc3711',
-        environment: 'production',
-    }
-}
-
-
-export const UNITS: Record<string, Record<string, string>> = {
-    "localhost": {
-        "banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987",
-        "banner_mobile": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6",
-        "popup": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6"
-    },
-    "ping.pub": {
-        "banner": "6883877a-ccae-4a08-b457-7e30b3465a8c",
-        "banner_mobile": "a95c6b55-5e2a-49eb-8993-a488513b2d10",
-    },
-    "testnet.ping.pub": {
-        "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
-        "banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
-        "popup": "bd77a47c-30fc-4592-9d37-616d4f66964d",
-        "popup_mobile": "bd77a47c-30fc-4592-9d37-616d4f66964d"
-    },
-    
-}
-
-export function getClient() {
-    const conf = confs[location.hostname]
-    if(conf) {
-        const sdk = new PersonaAdSDK(conf)
-        return sdk.getClient()
-    }
-}
-
-export function getUnit(ad: string): string | undefined {
-    const ads =  UNITS[location.hostname]
-    if(ads) {
-        return window.innerWidth > 600 ? ads[ad] : ads[`${ad}_mobile`]
-    }
-}
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 845a8c4505..2c16649179 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -16,6 +16,7 @@ import NavBarI18n from './NavBarI18n.vue';
 import NavBarWallet from './NavBarWallet.vue';
 import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '../types';
 import dayjs from 'dayjs';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const dashboard = useDashboard();
 dashboard.initial();
@@ -70,6 +71,10 @@ const behind = computed(() => {
 
 dayjs()
 
+const show_ad = computed(() => {
+  return location.hostname.indexOf('ping.pub') > 0
+})
+
 </script>
 
 <template>
@@ -340,7 +345,10 @@ dayjs()
           </div>
         <RouterView v-slot="{ Component }">
           <Transition mode="out-in">
-            <Component :is="Component" />
+            <div>
+              <AdBanner v-if="show_ad"/>
+              <Component :is="Component" />
+            </div>
           </Transition>
         </RouterView>
       </div>
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 27959e8d8d..0a7b518c8e 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -263,8 +263,6 @@ const amount = computed({
       </div>
     </div>
 
-    <AdBanner id="chain-home-banner-ad" unit="banner" width="970px" height="90px" />
-
     <div v-if="blockchain.supportModule('governance')" class="bg-base-100 rounded mt-4 shadow">
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.active_proposals') }}
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 7e4f9e1bea..4911027811 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -91,8 +91,6 @@ const chainStore = useBlockchain()
       />
     </div>
 
-    <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
-
     <div class="text-center text-base mt-6 text-primary">
       <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>

From e3cd2bc6d0325ca01835462298a44afa72918f4f Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 28 May 2025 18:17:58 +0800
Subject: [PATCH 203/240] enable ad on ping.pub

---
 src/layouts/components/DefaultLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 2c16649179..0149a16cab 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -72,7 +72,7 @@ const behind = computed(() => {
 dayjs()
 
 const show_ad = computed(() => {
-  return location.hostname.indexOf('ping.pub') > 0
+  return location.hostname.indexOf('ping.pub') > -1
 })
 
 </script>

From 33fd63c3b044063fcb49f44b5f2477106538a222 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 28 May 2025 18:50:22 +0800
Subject: [PATCH 204/240] improve ad banner

---
 src/components/ad/AdBanner.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 278079fffb..6f7600fa89 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
+import { useRoute } from 'vue-router'
+const route = useRoute()
 
 const aa = computed(() => {
   const hostname = location.hostname
@@ -13,5 +15,5 @@ const aa = computed(() => {
 });
 </script>
 <template>
-  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
+  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}?${route.path}`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
 </template>

From f4a702e766b895d2a22448df9610109114718153 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 28 May 2025 19:01:18 +0800
Subject: [PATCH 205/240] add ad size

---
 src/components/ad/AdBanner.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 6f7600fa89..2ea289e4a8 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -15,5 +15,5 @@ const aa = computed(() => {
 });
 </script>
 <template>
-  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}?${route.path}`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
+  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}?${route.path}&size=970x90`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
 </template>

From 58e68077b0026f9412e331487520756f6772e35f Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 29 May 2025 07:23:38 +0800
Subject: [PATCH 206/240] hide Sponsors

---
 src/layouts/components/DefaultLayout.vue | 271 +++++++----------------
 1 file changed, 85 insertions(+), 186 deletions(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 0149a16cab..df0be7c113 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -27,7 +27,7 @@ const baseStore = useBaseStore();
 const current = ref(''); // the current chain
 const temp = ref('')
 blockchain.$subscribe((m, s) => {
-  if(current.value ===s.chainName && temp.value != s.endpoint.address) {
+  if (current.value === s.chainName && temp.value != s.endpoint.address) {
     temp.value = s.endpoint.address
     blockchain.initial();
   }
@@ -48,13 +48,13 @@ const changeOpen = (index: Number) => {
 const showDiscord = window.location.host.search('ping.pub') > -1;
 
 function isNavGroup(nav: VerticalNavItems | any): nav is NavGroup {
-   return (<NavGroup>nav).children !== undefined;
+  return (<NavGroup>nav).children !== undefined;
 }
 function isNavLink(nav: VerticalNavItems | any): nav is NavLink {
-   return (<NavLink>nav).to !== undefined;
+  return (<NavLink>nav).to !== undefined;
 }
 function isNavTitle(nav: VerticalNavItems | any): nav is NavSectionTitle {
-   return (<NavSectionTitle>nav).heading !== undefined;
+  return (<NavSectionTitle>nav).heading !== undefined;
 }
 function selected(route: any, nav: NavLink) {
   const b = route.path === nav.to?.path || route.path.startsWith(nav.to?.path) && nav.title.indexOf('dashboard') === -1
@@ -82,8 +82,7 @@ const show_ad = computed(() => {
     <!-- sidebar -->
     <div
       class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
-      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }"
-    >
+      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }">
       <div class="flex justify-between mt-1 pl-4 py-4 mb-1">
         <RouterLink to="/" class="flex items-center">
           <img class="w-10 h-10" src="../../assets/logo.svg" />
@@ -91,118 +90,63 @@ const show_ad = computed(() => {
             Ping.pub
           </h1>
         </RouterLink>
-        <div
-          class="pr-4 cursor-pointer xl:!hidden"
-          @click="sidebarShow = false"
-        >
+        <div class="pr-4 cursor-pointer xl:!hidden" @click="sidebarShow = false">
           <Icon icon="mdi-close" class="text-2xl" />
         </div>
       </div>
-      <div
-        v-for="(item, index) of blockchain.computedChainMenu"
-        :key="index"
-        class="px-2"
-      >
-        <div
-          v-if="isNavGroup(item)"
-          :tabindex="index"
-          class="collapse"
-          :class="{
-            'collapse-arrow':index > 0 && item?.children?.length > 0,
-            'collapse-open': index === 0 && sidebarOpen,
-            'collapse-close': index === 0 && !sidebarOpen,
-          }"
-        >
-          <input
-            v-if="index > 0"
-            type="checkbox"
-            class="cursor-pointer !h-10 block"
-            @click="changeOpen(index)"
-          />
+      <div v-for="(item, index) of blockchain.computedChainMenu" :key="index" class="px-2">
+        <div v-if="isNavGroup(item)" :tabindex="index" class="collapse" :class="{
+          'collapse-arrow': index > 0 && item?.children?.length > 0,
+          'collapse-open': index === 0 && sidebarOpen,
+          'collapse-close': index === 0 && !sidebarOpen,
+        }">
+          <input v-if="index > 0" type="checkbox" class="cursor-pointer !h-10 block" @click="changeOpen(index)" />
           <div
-            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
-          >
-            <Icon
-              v-if="item?.icon?.icon"
-              :icon="item?.icon?.icon"
-              class="text-xl mr-2"
-              :class="{
-                'text-yellow-500': item?.title === 'Favorite',
-                'text-blue-500': item?.title !== 'Favorite',
-              }"
-            />
-            <img
-              v-if="item?.icon?.image"
-              :src="item?.icon?.image"
-              class="w-6 h-6 rounded-full mr-3"
-            />
-            <div
-              class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap"
-            >
+            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
+            <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
+              'text-yellow-500': item?.title === 'Favorite',
+              'text-blue-500': item?.title !== 'Favorite',
+            }" />
+            <img v-if="item?.icon?.image" :src="item?.icon?.image" class="w-6 h-6 rounded-full mr-3" />
+            <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
               {{ item?.title }}
             </div>
-            <div
-              v-if="item?.badgeContent"
-              class="mr-6 badge badge-sm text-white border-none"
-              :class="item?.badgeClass"
-            >
+            <div v-if="item?.badgeContent" class="mr-6 badge badge-sm text-white border-none" :class="item?.badgeClass">
               {{ item?.badgeContent }}
             </div>
           </div>
-          <div class="collapse-content">            
+          <div class="collapse-content">
             <div v-for="(el, key) of item?.children" class="menu bg-base-100 w-full !p-0">
-              <RouterLink
-                v-if="isNavLink(el)"
-                @click="sidebarShow = false"
+              <RouterLink v-if="isNavLink(el)" @click="sidebarShow = false"
                 class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
                 :class="{
                   '!bg-primary': selected($route, el),
-                }"
-                :to="el.to"
-              >
-                <Icon
-                  v-if="!el?.icon?.image"
-                  icon="mdi:chevron-right"
-                  class="mr-2 ml-3"
-                  :class="{
-                    'text-white':
-                      $route.path === el?.to?.path &&
-                      item?.title !== 'Favorite',
-                  }"
-                />
-                <img
-                  v-if="el?.icon?.image"
-                  :src="el?.icon?.image"
-                  class="w-6 h-6 rounded-full mr-3 ml-4 " :class="{
+                }" :to="el.to">
+                <Icon v-if="!el?.icon?.image" icon="mdi:chevron-right" class="mr-2 ml-3" :class="{
+                  'text-white':
+                    $route.path === el?.to?.path &&
+                    item?.title !== 'Favorite',
+                }" />
+                <img v-if="el?.icon?.image" :src="el?.icon?.image" class="w-6 h-6 rounded-full mr-3 ml-4 " :class="{
                   'border border-gray-300 bg-white': selected($route, el),
-                }"
-                />
-                <div
-                  class="text-base capitalize text-gray-500 dark:text-gray-300"
-                  :class="{
-                    '!text-white': selected($route, el),
-                  }"
-                >
+                }" />
+                <div class="text-base capitalize text-gray-500 dark:text-gray-300" :class="{
+                  '!text-white': selected($route, el),
+                }">
                   {{ item?.title === 'Favorite' ? el?.title : $t(el?.title) }}
                 </div>
               </RouterLink>
             </div>
-            <div v-if="index === 0 && dashboard.networkType === NetworkType.Testnet" class="menu bg-base-100 w-full !p-0">
-              <RouterLink 
-              class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
-              :to="`/${blockchain.chainName}/faucet`">
-                <Icon
-                  icon="mdi:chevron-right"
-                  class="mr-2 ml-3"
-                  ></Icon>
-                <div
-                  class="text-base capitalize text-gray-500 dark:text-gray-300"
-                >
+            <div v-if="index === 0 && dashboard.networkType === NetworkType.Testnet"
+              class="menu bg-base-100 w-full !p-0">
+              <RouterLink
+                class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
+                :to="`/${blockchain.chainName}/faucet`">
+                <Icon icon="mdi:chevron-right" class="mr-2 ml-3"></Icon>
+                <div class="text-base capitalize text-gray-500 dark:text-gray-300">
                   Faucet
                 </div>
-                <div
-                  class="badge badge-sm text-white border-none badge-error ml-auto" 
-                >
+                <div class="badge badge-sm text-white border-none badge-error ml-auto">
                   New
                 </div>
               </RouterLink>
@@ -210,99 +154,59 @@ const show_ad = computed(() => {
           </div>
         </div>
 
-        <RouterLink
-          v-if="isNavLink(item)"
-          :to="item?.to"
-          @click="sidebarShow = false"
-          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
-          <Icon
-            v-if="item?.icon?.icon"
-            :icon="item?.icon?.icon"
-            class="text-xl mr-2"
-            :class="{
-              'text-yellow-500': item?.title === 'Favorite',
-              'text-blue-500': item?.title !== 'Favorite',
-            }"
-          />
-          <img
-            v-if="item?.icon?.image"
-            :src="item?.icon?.image"
-            class="w-6 h-6 rounded-full mr-3 border border-blue-100"
-          />
-          <div
-            class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap"
-          >
+        <RouterLink v-if="isNavLink(item)" :to="item?.to" @click="sidebarShow = false"
+          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]">
+          <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
+            'text-yellow-500': item?.title === 'Favorite',
+            'text-blue-500': item?.title !== 'Favorite',
+          }" />
+          <img v-if="item?.icon?.image" :src="item?.icon?.image"
+            class="w-6 h-6 rounded-full mr-3 border border-blue-100" />
+          <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
             {{ item?.title }}
           </div>
-          <div
-            v-if="item?.badgeContent"
-            class="badge badge-sm text-white border-none" 
-            :class="item?.badgeClass"
-          >
+          <div v-if="item?.badgeContent" class="badge badge-sm text-white border-none" :class="item?.badgeClass">
             {{ item?.badgeContent }}
           </div>
         </RouterLink>
-        <div
-          v-if="isNavTitle(item)"
-          class="px-4 text-sm text-gray-400 pb-2 uppercase"
-        >
+        <div v-if="isNavTitle(item)" class="px-4 text-sm text-gray-400 pb-2 uppercase">
           {{ item?.heading }}
         </div>
       </div>
       <div class="px-2">
-          <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
-            Tools
+        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+          Tools
+        </div>
+        <RouterLink to="/wallet/suggest"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+          <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
+            Wallet Helper
           </div>
-          <RouterLink to="/wallet/suggest"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-          >
-            <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-            <div
-              class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
-            >
-              Wallet Helper
-            </div>
-          </RouterLink>
-          <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+        </RouterLink>
+        <div v-if="showDiscord" class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
           {{ $t('module.sponsors') }}
         </div>
-        <Sponsors />
+        <Sponsors v-if="showDiscord" />
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
-        <a
-          href="https://twitter.com/ping_pub"
-          target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
+        <a href="https://twitter.com/ping_pub" target="_blank"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
           <Icon icon="mdi:twitter" class="text-xl mr-2" />
-          <div
-            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
             Twitter
           </div>
         </a>
-        <a
-          v-if="showDiscord"
-          href="https://discord.com/invite/CmjYVSr6GW"
-          target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
+        <a v-if="showDiscord" href="https://discord.com/invite/CmjYVSr6GW" target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
           <Icon icon="mdi:discord" class="text-xl mr-2" />
-          <div
-            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
             Discord
           </div>
         </a>
-        <a
-          href="https://github.com/ping-pub/explorer/discussions"
-          target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
-        >
+        <a href="https://github.com/ping-pub/explorer/discussions" target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
           <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-          <div
-            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
-          >
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
             FAQ
           </div>
         </a>
@@ -310,13 +214,8 @@ const show_ad = computed(() => {
     </div>
     <div class="xl:!ml-64 px-3 pt-4">
       <!-- header -->
-      <div
-        class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10"
-      >
-        <div
-          class="text-2xl pr-3 cursor-pointer xl:!hidden"
-          @click="sidebarShow = true"
-        >
+      <div class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10">
+        <div class="text-2xl pr-3 cursor-pointer xl:!hidden" @click="sidebarShow = true">
           <Icon icon="mdi-menu" />
         </div>
 
@@ -333,20 +232,20 @@ const show_ad = computed(() => {
 
       <!-- 👉 Pages -->
       <div style="min-height: calc(100vh - 180px);">
-          <div v-if="behind" class="alert alert-error mb-4">
-              <div class="flex gap-2">
-                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                      class="stroke-current flex-shrink-0 w-6 h-6">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                          d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                  </svg>
-                  <span>{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{ blocktime.fromNow() }})</span>
-              </div>
+        <div v-if="behind" class="alert alert-error mb-4">
+          <div class="flex gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              class="stroke-current flex-shrink-0 w-6 h-6">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            <span>{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{ blocktime.fromNow() }})</span>
           </div>
+        </div>
         <RouterView v-slot="{ Component }">
           <Transition mode="out-in">
             <div>
-              <AdBanner v-if="show_ad"/>
+              <AdBanner v-if="show_ad" />
               <Component :is="Component" />
             </div>
           </Transition>

From d61287abb6154bc2eba8e58a12f47bc690273ca6 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 29 May 2025 17:51:50 +0800
Subject: [PATCH 207/240] update ad component

---
 src/components/ad/AdBanner.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 2ea289e4a8..23e10fc340 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -15,5 +15,5 @@ const aa = computed(() => {
 });
 </script>
 <template>
-  <iframe :data-aa='`${aa}`' :src="`//acceptable.a-ads.com/${aa}?${route.path}&size=970x90`" style='border:0px; padding:0; width:100%; height:70px; overflow:hidden; margin-bottom: 5px; background-color: transparent;'></iframe>
+  <iframe :data-aa='aa' :src='`//ad.a-ads.com/${aa}?size=970x90`' style='width:970px; height:90px; border:0px; padding:0; overflow:hidden; background-color: transparent;'></iframe>
 </template>

From 62c8895f9e115cb2279c8ba257b485eb24956c0e Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 29 May 2025 18:25:39 +0800
Subject: [PATCH 208/240] disable ad for now

---
 src/components/ad/AdBanner.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 23e10fc340..73a01f6219 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -15,5 +15,4 @@ const aa = computed(() => {
 });
 </script>
 <template>
-  <iframe :data-aa='aa' :src='`//ad.a-ads.com/${aa}?size=970x90`' style='width:970px; height:90px; border:0px; padding:0; overflow:hidden; background-color: transparent;'></iframe>
 </template>

From d8876c55b69bcf2fec04cf638b978d23aa265a87 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 31 May 2025 11:53:17 +0800
Subject: [PATCH 209/240] add reference

---
 src/modules/[chain]/index.vue     |  5 ++-
 src/modules/[chain]/indexStore.ts | 53 ++++++++++++++++++++++++++-----
 2 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 0a7b518c8e..f380f09b8d 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -12,13 +12,12 @@ import {
   useParamStore,
 } from '@/stores';
 import { onMounted, ref } from 'vue';
-import { useIndexModule, colorMap } from './indexStore';
+import { useIndexModule, colorMap, tickerUrl } from './indexStore';
 import { computed } from '@vue/reactivity';
 
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
 import ProposalListItem from '@/components/ProposalListItem.vue';
 import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue'
-import AdBanner from '@/components/ad/AdBanner.vue';
 
 const props = defineProps(['chain']);
 
@@ -233,7 +232,7 @@ const amount = computed({
                 </div>
                 <label class="modal-backdrop" for="calculator">{{ $t('index.close') }}</label>
               </div>
-              <a class="my-5 !text-white btn grow" :class="{'!btn-success': store.trustColor === 'green', '!btn-warning': store.trustColor === 'yellow'}" :href="ticker.trade_url"
+              <a class="my-5 !text-white btn grow" :class="{'!btn-success': store.trustColor === 'green', '!btn-warning': store.trustColor === 'yellow'}" :href="tickerUrl(ticker.trade_url)"
                 target="_blank">
                 {{ $t('index.buy') }} {{ coinInfo.symbol || '' }}
               </a>
diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index 440c7e8113..7a93f7f4a2 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -24,6 +24,13 @@ export function colorMap(color: string) {
   }
 }
 
+const CODEMAP: Record<string, string[]> = {
+  "binance.com": ["ref", "CPA_004JZGRX6A"],
+  "gate.com": ["ref", "U1gVBl9a"],
+  "bybit": ["affiliate_id", "JKRRZX9"],
+
+}
+
 export const useIndexModule = defineStore('module-index', {
   state: () => {
     return {
@@ -87,33 +94,33 @@ export const useIndexModule = defineStore('module-index', {
       return useBankStore();
     },
     twitter(): string {
-      if(!this.coinInfo?.links?.twitter_screen_name) return ""
+      if (!this.coinInfo?.links?.twitter_screen_name) return ""
       return `https://twitter.com/${this.coinInfo?.links.twitter_screen_name}`;
     },
     homepage(): string {
-      if(!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return ""
       const [page1, page2, page3] = this.coinInfo?.links?.homepage;
       return page1 || page2 || page3;
     },
     github(): string {
-      if(!this.coinInfo?.links?.repos_url) return ""
+      if (!this.coinInfo?.links?.repos_url) return ""
       const [page1, page2, page3] = this.coinInfo?.links?.repos_url?.github;
       return page1 || page2 || page3;
     },
     telegram(): string {
-      if(!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return ""
       return `https://t.me/${this.coinInfo?.links.telegram_channel_identifier}`;
     },
 
     priceChange(): string {
-      if(!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
       const change =
         this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       return numeral(change).format('+0.[00]');
     },
 
     priceColor(): string {
-      if(!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
       const change =
         this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       switch (true) {
@@ -126,7 +133,7 @@ export const useIndexModule = defineStore('module-index', {
       }
     },
     trustColor(): string {
-      if(!this.coinInfo?.tickers) return ""
+      if (!this.coinInfo?.tickers) return ""
       const change = this.coinInfo?.tickers[this.tickerIndex]?.trust_score;
       return change;
     },
@@ -239,6 +246,7 @@ export const useIndexModule = defineStore('module-index', {
       if (firstAsset && firstAsset.coingecko_id) {
         this.coingecko.getCoinInfo(firstAsset.coingecko_id).then((x) => {
           this.coinInfo = x;
+          // this.coinInfo.tickers.sort((a, b) => a.converted_last.usd - b.converted_last.usd)
         });
         this.coingecko
           .getMarketChart(this.days, firstAsset.coingecko_id)
@@ -249,6 +257,35 @@ export const useIndexModule = defineStore('module-index', {
     },
     selectTicker(i: number) {
       this.tickerIndex = i;
-    },
+    }
   },
 });
+
+/**
+ * Adds or replaces a query parameter in the provided URL.
+ * @param url - The base URL.
+ * @param param - The name of the parameter to add or replace.
+ * @param value - The value to set for the parameter.
+ * @returns The new URL with the parameter added or replaced.
+ */
+export function addOrReplaceUrlParam(url: string, param: string, value: string): string {
+  // Parse the URL
+  const urlObj = new URL(url, window.location.origin);
+
+  // Set (add or replace) the query parameter
+  urlObj.searchParams.set(param, value);
+
+  // Return the string representation of the new URL
+  return urlObj.toString();
+}
+
+
+export function tickerUrl(url: string) {
+  for (const domain of Object.keys(CODEMAP)) {
+    if (url.indexOf(domain) > -1) {
+      const v = CODEMAP[domain];
+      return addOrReplaceUrlParam(url, v[0], v[1])
+    }
+  }
+  return url
+}

From 28f56fb71506dbe30d896d1c2f7c1aeb555b57d1 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 4 Jun 2025 09:56:17 +0800
Subject: [PATCH 210/240] fix links issue

---
 src/modules/[chain]/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index f380f09b8d..a8230cf64f 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -57,7 +57,8 @@ function shortName(name: string, id: string) {
     : name;
 }
 
-const comLinks = [
+const comLinks = computed(()=> {
+  return [
   {
     name: 'Website',
     icon: 'mdi-web',
@@ -79,6 +80,7 @@ const comLinks = [
     href: store.github,
   },
 ];
+})
 
 // wallet box
 const change = computed(() => {

From 7001a728b4d12115fed61048f194ebc5f482268b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 5 Jun 2025 08:53:22 +0800
Subject: [PATCH 211/240] update color

---
 src/modules/[chain]/consensus/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 241f47d0f1..99f6337702 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -260,7 +260,7 @@ async function update() {
 
           <div class="flex flex-rows flex-wrap py-6">
             <div
-              class=" w-48 rounded-3xl h-5 text-sm px-2 text-slate-200 leading-5"
+              class=" w-48 rounded-3xl h-5 text-sm px-2 leading-5"
               v-for="(pre, i) in item.prevotes"
               :key="i"
               size="sm"

From 89ff672638f9414a6793296c361e0923c5dd5028 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 25 Jun 2025 09:56:07 -0500
Subject: [PATCH 212/240] update xion customizations to fix inflation

---
 package.json                       | 3 ++-
 src/libs/api/customization/xion.ts | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index e4f5021547..807b11252b 100644
--- a/package.json
+++ b/package.json
@@ -75,5 +75,6 @@
     "vite-plugin-pages": "^0.28.0",
     "vue-json-viewer": "3",
     "vue-tsc": "^1.0.12"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }
diff --git a/src/libs/api/customization/xion.ts b/src/libs/api/customization/xion.ts
index 9928a74c47..4544d270ba 100644
--- a/src/libs/api/customization/xion.ts
+++ b/src/libs/api/customization/xion.ts
@@ -66,7 +66,7 @@ export const requests: Partial<RequestRegistry> = {
     adapter,
   },
   mint_inflation: {
-    url: '/xion/mint/v1/inflation',
+    url: '/cosmos/mint/v1beta1/inflation',
     adapter: async (data: any): Promise<{ inflation: string }> => {
       try {
         const client = CosmosRestClient.newDefault(
@@ -99,6 +99,4 @@ export const requests: Partial<RequestRegistry> = {
       }
     },
   },
-  mint_params: { url: '/xion/mint/v1/params', adapter },
-  mint_annual_provisions: { url: '/xion/mint/v1beta1/annual_provisions', adapter }
 }

From 98a71606f9eea85e1489bfbf9b12ecdec85e65a2 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 25 Jun 2025 09:58:08 -0500
Subject: [PATCH 213/240] restore package.json

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 807b11252b..e4f5021547 100644
--- a/package.json
+++ b/package.json
@@ -75,6 +75,5 @@
     "vite-plugin-pages": "^0.28.0",
     "vue-json-viewer": "3",
     "vue-tsc": "^1.0.12"
-  },
-  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
+  }
 }

From 9a9eb8e1f235d80239ef5788f0d085fad9da078b Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 25 Jun 2025 12:15:35 -0500
Subject: [PATCH 214/240] fix nameMatcha build error

---
 src/components/dynamic/TextElement.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dynamic/TextElement.vue b/src/components/dynamic/TextElement.vue
index 61ee2b47a8..535c96b203 100644
--- a/src/components/dynamic/TextElement.vue
+++ b/src/components/dynamic/TextElement.vue
@@ -3,7 +3,7 @@ import { isBech32Address } from '@/libs/utils';
 import { useBlockchain, useFormatter } from '@/stores';
 import MdEditor from 'md-editor-v3';
 import { computed, onMounted, ref } from 'vue';
-import nameMatcha from '@leapwallet/name-matcha'
+import { registry as nameMatcha } from '@leapwallet/name-matcha'
 import { fromBase64, toHex } from '@cosmjs/encoding';
 
 const chainStore = useBlockchain()
@@ -119,4 +119,4 @@ const isConvertable = computed(() => {
   }
 
 }
-</style>
\ No newline at end of file
+</style>

From 8254924a2496db71fe82910e7a15538172797672 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 8 Jul 2025 10:26:56 +0800
Subject: [PATCH 215/240] fsafs

---
 vite.config.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/vite.config.ts b/vite.config.ts
index bf2939367d..d5015c6de8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,7 +10,6 @@ import Pages from 'vite-plugin-pages';
 
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 
-// https://vitejs.dev/config/
 export default defineConfig({
   define: {
     'process.env': {}

From abebe228bfe6e2ebd38babd2201b3c9f404c98ea Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 8 Jul 2025 11:07:03 +0800
Subject: [PATCH 216/240] update nameMatcha

---
 package.json                           |   4 +-
 src/components/dynamic/TextElement.vue |   7 +-
 yarn.lock                              | 240 ++++++++++++++++++++-----
 3 files changed, 198 insertions(+), 53 deletions(-)

diff --git a/package.json b/package.json
index e4f5021547..87ef6398f7 100644
--- a/package.json
+++ b/package.json
@@ -13,14 +13,14 @@
   },
   "dependencies": {
     "@chenfengyuan/vue-countdown": "2",
-    "@cosmjs/crypto": "^0.32.3",
     "@cosmjs/amino": "^0.32.3",
+    "@cosmjs/crypto": "^0.32.3",
     "@cosmjs/encoding": "^0.32.3",
     "@cosmjs/stargate": "^0.32.3",
     "@iconify/vue": "^4.1.0",
     "@intlify/unplugin-vue-i18n": "^0.8.2",
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
-    "@leapwallet/name-matcha": "^1.1.0",
+    "@leapwallet/name-matcha": "^2.0.0",
     "@osmonauts/lcd": "^0.8.0",
     "@personaxyz/ad-sdk": "0.0.25",
     "@ping-pub/chain-registry-client": "^0.0.25",
diff --git a/src/components/dynamic/TextElement.vue b/src/components/dynamic/TextElement.vue
index 535c96b203..4354a554f2 100644
--- a/src/components/dynamic/TextElement.vue
+++ b/src/components/dynamic/TextElement.vue
@@ -3,9 +3,11 @@ import { isBech32Address } from '@/libs/utils';
 import { useBlockchain, useFormatter } from '@/stores';
 import MdEditor from 'md-editor-v3';
 import { computed, onMounted, ref } from 'vue';
-import { registry as nameMatcha } from '@leapwallet/name-matcha'
+
 import { fromBase64, toHex } from '@cosmjs/encoding';
 
+import { registry as nameMatcha } from "@leapwallet/name-matcha"
+
 const chainStore = useBlockchain()
 const props = defineProps(['value']);
 const format = useFormatter();
@@ -40,10 +42,11 @@ const text = computed(() => {
   return v
 })
 
-const names = ref([] as {name?: string | null, provider?: string}[])
+const names = ref([] as {name?: any, provider?: string}[])
 
 onMounted(() => {
   if(isAddress()) nameMatcha.lookupAll(props.value).then(re => {
+
     names.value = Object.keys(re).map(key => ({name: re[key], provider: key})).filter( x => x.name)
   })
 })
diff --git a/yarn.lock b/yarn.lock
index 011d4f0f3c..dff0bc41f2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2154,18 +2154,20 @@
     bignumber.js "^9.1.2"
     long "^5.2.3"
 
-"@leapwallet/name-matcha@^1.1.0":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@leapwallet/name-matcha/-/name-matcha-1.3.1.tgz#2215b7f911ea0e1321bd28aded472a40c92932b2"
-  integrity sha512-OTzm5W+JBrx8prKWaQFZqduVMH/KD2NBrtICkIzpGZpA2Iqi/NMzRu1judBN5B8wHnVucwZzRs2a9tB+JkFS/w==
+"@leapwallet/name-matcha@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@leapwallet/name-matcha/-/name-matcha-2.0.0.tgz#865a418ed493989aaf115e00ed29d0f69a27484e"
+  integrity sha512-QZ9jrFF59NWTVtEBd+y0RaO2c8Dq4UceKvjX3EpqvKpsm1p2cYS7AJfstejx+VETO+2bxE9UhryuBgKKA4Nwmw==
   dependencies:
     "@cosmjs/cosmwasm-stargate" "0.30.0"
     bech32 "1.1.4"
+    idna-uts46-hx "5.0.7"
+    js-sha3 "0.8.0"
 
 "@noble/hashes@^1", "@noble/hashes@^1.0.0":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.3.2.tgz#6f26dbc8fbc7205873ce3cee2f690eba0d421b39"
-  integrity sha512-MVC8EAQp7MvEcm30KWENFjgR+Mkmf+D189XJTkFIlwohU5hcBbn1ZkKq7KVTi2Hme3PMGF390DaL52beVrIihQ==
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.8.0.tgz#cee43d801fcef9644b11b8194857695acd5f815a"
+  integrity sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -2712,11 +2714,18 @@
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
-"@types/node@*", "@types/node@>=13.7.0":
+"@types/node@*":
   version "20.6.0"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-20.6.0.tgz#9d7daa855d33d4efec8aea88cd66db1c2f0ebe16"
   integrity sha512-najjVq5KN2vsH2U/xyh2opaSEz6cZMR2SetLIlxlj08nOcmPOemJmUK2o4kUzfLqfrWE0PIrNeE16XhYDd3nqg==
 
+"@types/node@>=13.7.0":
+  version "24.0.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.0.10.tgz#f65a169779bf0d70203183a1890be7bee8ca2ddb"
+  integrity sha512-ENHwaH+JIRTDIEEbDK6QSQntAYGtbvdDXnMXnZaZ6k13Du1dPMmprkEHIL7ok2Wl2aZevetwTAb5S+7yIF+enA==
+  dependencies:
+    undici-types "~7.8.0"
+
 "@types/node@^18.11.12":
   version "18.17.15"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.17.15.tgz#31301a273b9ca7d568fe6d1c35ae52e0fb3f8d6a"
@@ -3306,14 +3315,14 @@ binary-extensions@^2.0.0:
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
 bn.js@^4.11.9:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
-  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
+  version "4.12.2"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.2.tgz#3d8fed6796c24e177737f7cc5172ee04ef39ec99"
+  integrity sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==
 
 bn.js@^5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
-  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.2.tgz#82c09f9ebbb17107cd72cb7fd39bd1f9d0aaa566"
+  integrity sha512-v2YAxEmKaBLahNwE1mjp4WON6huMNeuDvagFZW+ASCuA/ku0bXR9hSMw0XpiqMoA3+rmnyck/tPRSFQkoC9Cuw==
 
 boolbase@^1.0.0:
   version "1.0.0"
@@ -3415,6 +3424,14 @@ c12@^1.4.2:
     pkg-types "^1.0.3"
     rc9 "^2.1.1"
 
+call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
@@ -3914,7 +3931,25 @@ deepmerge@4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
-define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0:
+define-data-property@^1.0.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.1.3, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+define-properties@^1.1.4, define-properties@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
   integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
@@ -4004,6 +4039,15 @@ dotty@0.1.2:
   resolved "https://registry.yarnpkg.com/dotty/-/dotty-0.1.2.tgz#512d44cc4111a724931226259297f235e8484f6f"
   integrity sha512-V0EWmKeH3DEhMwAZ+8ZB2Ao4OK6p++Z0hsDtZq3N0+0ZMVqkzrcEGROvOnZpLnvBg5PTNG23JEDLAm64gPaotQ==
 
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
 electron-to-chromium@^1.4.477:
   version "1.4.513"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.513.tgz#41a50bf749aa7d8058ffbf7a131fc3327a7b1675"
@@ -4015,9 +4059,9 @@ electron-to-chromium@^1.4.668:
   integrity sha512-w+9yAVHoHhysCa+gln7AzbO9CdjFcL/wN/5dd+XW/Msl2d/4+WisEaCF1nty0xbAKaxdaJfgLB2296U7zZB7BA==
 
 elliptic@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
-  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
+  integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
   dependencies:
     bn.js "^4.11.9"
     brorand "^1.1.0"
@@ -4115,6 +4159,16 @@ es-abstract@^1.22.1:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.10"
 
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
 es-get-iterator@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
@@ -4130,6 +4184,13 @@ es-get-iterator@^1.1.3:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -4398,7 +4459,12 @@ fn.name@1.x.x:
   resolved "https://registry.yarnpkg.com/fn.name/-/fn.name-1.1.0.tgz#26cad8017967aea8731bc42961d04a3d5988accc"
   integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
 
-follow-redirects@^1.14.0, follow-redirects@^1.14.9, follow-redirects@^1.15.0:
+follow-redirects@^1.14.0:
+  version "1.15.9"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+follow-redirects@^1.14.9, follow-redirects@^1.15.0:
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
@@ -4446,10 +4512,10 @@ fsevents@^2.3.2, fsevents@~2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+function-bind@^1.1.1, function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
 function.prototype.name@^1.1.5:
   version "1.1.6"
@@ -4481,7 +4547,7 @@ get-caller-file@^2.0.1:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1:
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82"
   integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
@@ -4491,11 +4557,35 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
 
+get-intrinsic@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    function-bind "^1.1.2"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
 get-package-type@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
+get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
 get-stdin@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
@@ -4593,7 +4683,15 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globalthis@^1.0.1, globalthis@^1.0.3:
+globalthis@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+globalthis@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
   integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
@@ -4625,6 +4723,11 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
+gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
 graceful-fs@^4.1.2, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
@@ -4653,22 +4756,29 @@ has-flag@^4.0.0:
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
 has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
   dependencies:
-    get-intrinsic "^1.1.1"
+    es-define-property "^1.0.0"
 
 has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
 
-has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
 
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
 has-tostringtag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
@@ -4677,11 +4787,9 @@ has-tostringtag@^1.0.0:
     has-symbols "^1.0.2"
 
 has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
+  integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
 hash-sum@^2.0.0:
   version "2.0.0"
@@ -4696,6 +4804,13 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
+hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
 he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
@@ -4740,6 +4855,13 @@ iconv-lite@^0.4.17, iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+idna-uts46-hx@5.0.7:
+  version "5.0.7"
+  resolved "https://registry.yarnpkg.com/idna-uts46-hx/-/idna-uts46-hx-5.0.7.tgz#e71f91dd928a8fa5b636165f9565b33a3228c3ba"
+  integrity sha512-TLur3xtGnypBEBG9mdkVvW7qlXaXkWde9E88f+Idk3G90nhLgE31PtIfn8ffFEVId0hldDD47LQyvzdxNDClOQ==
+  dependencies:
+    punycode "^2.1.1"
+
 ieee754@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -5122,6 +5244,11 @@ jiti@^1.18.2, jiti@^1.19.1, jiti@^1.19.3:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.20.0.tgz#2d823b5852ee8963585c8dd8b7992ffc1ae83b42"
   integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
 
+js-sha3@0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840"
+  integrity sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==
+
 js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -5226,16 +5353,16 @@ libsodium-wrappers-sumo@^0.7.11:
     libsodium-sumo "^0.7.11"
 
 libsodium-wrappers@^0.7.6:
-  version "0.7.11"
-  resolved "https://registry.yarnpkg.com/libsodium-wrappers/-/libsodium-wrappers-0.7.11.tgz#53bd20606dffcc54ea2122133c7da38218f575f7"
-  integrity sha512-SrcLtXj7BM19vUKtQuyQKiQCRJPgbpauzl3s0rSwD+60wtHqSUuqcoawlMDheCJga85nKOQwxNYQxf/CKAvs6Q==
+  version "0.7.15"
+  resolved "https://registry.yarnpkg.com/libsodium-wrappers/-/libsodium-wrappers-0.7.15.tgz#53f13e483820272a3d55b23be2e34402ac988055"
+  integrity sha512-E4anqJQwcfiC6+Yrl01C1m8p99wEhLmJSs0VQqST66SbQXXBoaJY0pF4BNjRYa/sOQAxx6lXAaAFIlx+15tXJQ==
   dependencies:
-    libsodium "^0.7.11"
+    libsodium "^0.7.15"
 
-libsodium@^0.7.11:
-  version "0.7.11"
-  resolved "https://registry.yarnpkg.com/libsodium/-/libsodium-0.7.11.tgz#cd10aae7bcc34a300cc6ad0ac88fcca674cfbc2e"
-  integrity sha512-WPfJ7sS53I2s4iM58QxY3Inb83/6mjlYgcmZs7DJsvDlnmVUwNinBCi5vBT43P6bHRy01O4zsMU2CoVR6xJ40A==
+libsodium@^0.7.15:
+  version "0.7.15"
+  resolved "https://registry.yarnpkg.com/libsodium/-/libsodium-0.7.15.tgz#ac284e3dcb1c29ae9526c5581cdada6a072f6d20"
+  integrity sha512-sZwRknt/tUpE2AwzHq3jEyUU5uvIZHtSssktXq7owd++3CSgn8RGrv6UZJJBpP7+iBghBqe7Z06/2M31rI2NKw==
 
 lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.1.0:
   version "2.1.0"
@@ -5365,6 +5492,11 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
 md-editor-v3@^2.8.1:
   version "2.11.3"
   resolved "https://registry.yarnpkg.com/md-editor-v3/-/md-editor-v3-2.11.3.tgz#f66e653034aeff03aca48d7728ce03c504db8d28"
@@ -6257,6 +6389,11 @@ prr@~1.0.1:
   resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
   integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
 
+punycode@^2.1.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
 qrcode@^1.5.3:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.5.3.tgz#03afa80912c0dccf12bc93f615a535aad1066170"
@@ -7150,6 +7287,11 @@ unctx@^2.3.1:
     magic-string "^0.30.0"
     unplugin "^1.3.1"
 
+undici-types@~7.8.0:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.8.0.tgz#de00b85b710c54122e44fbfd911f8d70174cd294"
+  integrity sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -7585,9 +7727,9 @@ write-file-atomic@^4.0.1:
     signal-exit "^3.0.7"
 
 ws@^7:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
 
 xstream@^11.14.0:
   version "11.14.0"

From 63abc74816295d9ae14dfe7755ea6f2f829f4ff7 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 10 Jul 2025 10:22:44 -0500
Subject: [PATCH 217/240] set pretttier to run on commit with husky

---
 .prettierignore                               |   4 +
 .prettierrc.json                              |   2 +-
 chains/mainnet/axelar.json                    | 144 ++--
 chains/mainnet/cosmos.json                    |  62 +-
 chains/mainnet/neutron.json                   |  72 +-
 chains/mainnet/nolus.json                     |  61 +-
 chains/mainnet/osmosis.json                   |  75 +-
 chains/testnet/bfhevm.json                    |  38 +-
 chains/testnet/crossfi.json                   |  20 +-
 env.d.ts                                      |   2 +-
 index.html                                    |  36 +-
 package.json                                  |  11 +-
 postcss.config.js                             |   2 +-
 public/test.html                              |  36 +-
 src/components/CardParameter.vue              |  12 +-
 src/components/CardStatisticsVertical.vue     |   4 +-
 src/components/Countdown.vue                  |  27 +-
 src/components/PaginationBar.vue              |  78 +-
 src/components/ProposalListItem.vue           |  44 +-
 src/components/TxDialog.vue                   |   4 +-
 src/components/UptimeBar.vue                  |  16 +-
 src/components/ValidatorCommissionRate.vue    | 201 ++---
 src/components/WasmVerification.vue           | 405 +++++----
 src/components/ad/AdBanner.vue                |  15 +-
 src/components/charts/PriceMarketChart.vue    |  72 +-
 src/components/charts/TxsInBlocksChart.vue    |  62 +-
 src/components/charts/apexChartConfig.ts      |  58 +-
 src/components/dynamic/ArrayBytesElement.vue  |   2 +-
 src/components/dynamic/ArrayElement.vue       |   2 +-
 src/components/dynamic/ArrayObjectElement.vue |   2 +-
 src/components/dynamic/ObjectElement.vue      |   6 +-
 src/components/dynamic/TextElement.vue        | 138 ++-
 src/components/dynamic/TokenElement.vue       |   6 +-
 src/components/dynamic/TxsElement.vue         |  49 +-
 src/components/dynamic/index.ts               |   4 +-
 src/components/icons/IconWeb.vue              |  12 +-
 src/layouts/blank.vue                         |   2 +-
 src/layouts/components/ChainProfile.vue       |  32 +-
 src/layouts/components/DefaultLayout.vue      | 299 +++++--
 src/layouts/components/NavBarI18n.vue         | 116 ++-
 src/layouts/components/NavBarWallet.vue       |  63 +-
 src/layouts/components/NavFooter.vue          |  12 +-
 .../components/NavbarThemeSwitcher.vue        |  56 +-
 src/layouts/components/Sponsors.vue           |  66 +-
 src/layouts/types.d.ts                        |  83 +-
 src/libs/address.ts                           |   8 +-
 src/libs/api/customization/atomone.ts         | 114 +--
 src/libs/api/customization/evmos.ts           | 107 +--
 src/libs/api/customization/nolus.ts           |  71 +-
 src/libs/api/customization/osmosis.ts         | 114 +--
 src/libs/api/customization/v0.46.0.ts         |  72 +-
 src/libs/api/customization/v0.50.0.ts         |  78 +-
 src/libs/api/customization/xion.ts            |  38 +-
 src/libs/api/index.ts                         |  11 +-
 src/libs/api/registry.ts                      |  54 +-
 src/libs/client.ts                            | 232 +++--
 src/libs/http.ts                              |   8 +-
 src/libs/utils.ts                             |  35 +-
 src/modules/[chain]/account/[address].vue     | 257 +++---
 src/modules/[chain]/account/index.vue         |  97 ++-
 src/modules/[chain]/block/[height].vue        | 118 ++-
 src/modules/[chain]/block/index.vue           |  87 +-
 src/modules/[chain]/consensus/index.vue       |  62 +-
 src/modules/[chain]/cosmwasm/WasmClient.ts    | 229 ++---
 .../[chain]/cosmwasm/[code_id]/contracts.vue  |  33 +-
 .../cosmwasm/[code_id]/transactions.vue       | 587 ++++++++-----
 src/modules/[chain]/cosmwasm/index.vue        | 168 ++--
 src/modules/[chain]/faucet/index.vue          | 294 ++++---
 src/modules/[chain]/gov/[proposal_id].vue     | 119 ++-
 src/modules/[chain]/gov/index.vue             |  61 +-
 src/modules/[chain]/group/index.vue           |  17 +-
 src/modules/[chain]/ibc/connStore.ts          |  59 +-
 src/modules/[chain]/ibc/connection.vue        |  68 +-
 .../ibc/connection/[connection_id].vue        | 249 ++++--
 src/modules/[chain]/ibc/connection/index.vue  |   4 +-
 src/modules/[chain]/index.vue                 | 336 ++++++--
 src/modules/[chain]/indexStore.ts             |  48 +-
 src/modules/[chain]/nft/index.vue             |   6 +-
 src/modules/[chain]/nft/nftStore.ts           |  22 +-
 src/modules/[chain]/nft/types.ts              | 178 ++--
 src/modules/[chain]/staking/[validator].vue   | 357 +++++---
 src/modules/[chain]/staking/index.vue         | 805 ++++++++++--------
 src/modules/[chain]/statesync/index.vue       | 111 ++-
 src/modules/[chain]/supply/index.vue          | 108 ++-
 src/modules/[chain]/tx/[hash].vue             | 241 +++---
 src/modules/[chain]/tx/index.vue              | 148 ++--
 src/modules/[chain]/uptime/customize.vue      | 301 ++++---
 src/modules/[chain]/uptime/index.vue          | 222 +++--
 src/modules/[chain]/widget/index.vue          |  59 +-
 src/modules/wallet/accounts.vue               | 363 +++++---
 src/modules/wallet/keplr.vue                  | 182 ++--
 src/modules/wallet/portfolio.vue              | 294 ++++---
 src/modules/wallet/receive.vue                |   9 +-
 src/modules/wallet/suggest.vue                | 335 +++++---
 src/modules/wallet/unisat.vue                 | 182 ++--
 src/modules/wallet/utils.ts                   |  55 +-
 src/pages/[...all].vue                        |  32 +-
 src/pages/index.vue                           | 101 ++-
 src/plugins/i18n/locales/en.json              |   8 +-
 src/plugins/i18n/locales/es.json              |   2 +-
 src/plugins/i18n/locales/id.json              | 568 ++++++------
 src/plugins/i18n/locales/ja.json              | 202 ++---
 src/plugins/i18n/locales/ko.json              |  76 +-
 src/router/index.ts                           |  26 +-
 src/stores/useBankStore.ts                    |   2 +-
 src/stores/useBaseStore.ts                    | 219 ++---
 src/stores/useBlockchain.ts                   |  27 +-
 src/stores/useDashboard.ts                    | 138 +--
 src/stores/useFormatter.ts                    | 149 ++--
 src/stores/useGovStore.ts                     |  15 +-
 src/stores/useParamsStore.ts                  |   7 +-
 src/stores/useStakingStore.ts                 | 156 ++--
 src/stores/useTxDialog.ts                     |  64 +-
 src/stores/useWalletStore.ts                  |  33 +-
 src/style.css                                 |   5 +-
 src/types/auth.ts                             |  31 +-
 src/types/bank.ts                             |  43 +-
 src/types/base.ts                             | 169 ++--
 src/types/common.ts                           |  87 +-
 src/types/gov.ts                              |   4 +-
 src/types/group.ts                            |  68 +-
 src/types/ibc.ts                              | 176 ++--
 src/types/index.ts                            |  23 +-
 src/types/slashing.ts                         |  32 +-
 src/types/staking.ts                          | 122 ++-
 src/types/transaction.ts                      | 114 +--
 tailwind.config.js                            |   4 +-
 tsconfig.config.json                          |   7 +-
 tsconfig.json                                 |   5 +-
 vite.config.ts                                |   2 +-
 vue3-json-viewer.d.ts                         |  45 +-
 131 files changed, 7689 insertions(+), 5399 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000000..0b1b95926f
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+dist/
+.github/
+*.md
+auto-imports.d.ts
diff --git a/.prettierrc.json b/.prettierrc.json
index 0ed67ee771..79a3106946 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -4,6 +4,6 @@
   "semi": true,
   "endOfLine": "auto",
   "bracketSpacing": true,
-  "TrailingCooma": true,
+  "trailingComma": "es5",
   "arrowParens": "always"
 }
diff --git a/chains/mainnet/axelar.json b/chains/mainnet/axelar.json
index 28bd6d986b..0d0481c6ab 100644
--- a/chains/mainnet/axelar.json
+++ b/chains/mainnet/axelar.json
@@ -1,74 +1,74 @@
 {
-    "chain_name": "axelar",
-    "api": [
-        "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
-    ],
-    "rpc": [
-        "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
-    ],
-    "snapshot_provider": "",
-    "sdk_version": "0.45.6",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "axelar",
-    "logo": "/logos/axelar.svg",
-    "theme_color": "#161723",
-    "assets": [
-        {
-            "base": "uaxl",
-            "symbol": "AXL",
-            "exponent": "6",
-            "coingecko_id": "axelar",
-            "logo": "/logos/axelar.svg"
-        },
-        {
-            "base": "uusdc",
-            "symbol": "axlUSDC",
-            "exponent": "6",
-            "coingecko_id": "usd-coin",
-            "logo": "/logos/usdc.svg"
-        },
-        {
-            "base": "uusdt",
-            "symbol": "axlUSDT",
-            "exponent": "6",
-            "coingecko_id": "tether",
-            "logo": "/logos/usdt.svg"
-        },
-        {
-            "base": "dai-wei",
-            "symbol": "axlDAI",
-            "exponent": "18",
-            "coingecko_id": "dai",
-            "logo": "/logos/dai.svg"
-        },
-        {
-            "base": "weth-wei",
-            "symbol": "axlWETH",
-            "exponent": "18",
-            "coingecko_id": "ethereum",
-            "logo": "/logos/weth.svg"
-        },
-        {
-            "base": "wmatic-wei",
-            "symbol": "axlWMATIC",
-            "exponent": "18",
-            "coingecko_id": "matic-network",
-            "logo": "/logos/wmatic.svg"
-        },
-        {
-            "base": "wavax-wei",
-            "symbol": "axlWAVAX",
-            "exponent": "18",
-            "coingecko_id": "avalanche-2",
-            "logo": "/logos/wavax.svg"
-        },
-        {
-            "base": "dot-planck",
-            "symbol": "axlDOT",
-            "exponent": "10",
-            "coingecko_id": "polkadot",
-            "logo": "/logos/dot.svg"
-        }
-    ]
+  "chain_name": "axelar",
+  "api": [
+    "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
+  ],
+  "rpc": [
+    "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "0.45.6",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "axelar",
+  "logo": "/logos/axelar.svg",
+  "theme_color": "#161723",
+  "assets": [
+    {
+      "base": "uaxl",
+      "symbol": "AXL",
+      "exponent": "6",
+      "coingecko_id": "axelar",
+      "logo": "/logos/axelar.svg"
+    },
+    {
+      "base": "uusdc",
+      "symbol": "axlUSDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "/logos/usdc.svg"
+    },
+    {
+      "base": "uusdt",
+      "symbol": "axlUSDT",
+      "exponent": "6",
+      "coingecko_id": "tether",
+      "logo": "/logos/usdt.svg"
+    },
+    {
+      "base": "dai-wei",
+      "symbol": "axlDAI",
+      "exponent": "18",
+      "coingecko_id": "dai",
+      "logo": "/logos/dai.svg"
+    },
+    {
+      "base": "weth-wei",
+      "symbol": "axlWETH",
+      "exponent": "18",
+      "coingecko_id": "ethereum",
+      "logo": "/logos/weth.svg"
+    },
+    {
+      "base": "wmatic-wei",
+      "symbol": "axlWMATIC",
+      "exponent": "18",
+      "coingecko_id": "matic-network",
+      "logo": "/logos/wmatic.svg"
+    },
+    {
+      "base": "wavax-wei",
+      "symbol": "axlWAVAX",
+      "exponent": "18",
+      "coingecko_id": "avalanche-2",
+      "logo": "/logos/wavax.svg"
+    },
+    {
+      "base": "dot-planck",
+      "symbol": "axlDOT",
+      "exponent": "10",
+      "coingecko_id": "polkadot",
+      "logo": "/logos/dot.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/cosmos.json b/chains/mainnet/cosmos.json
index 954ec4bba4..c52a3726ee 100644
--- a/chains/mainnet/cosmos.json
+++ b/chains/mainnet/cosmos.json
@@ -1,26 +1,40 @@
 {
-    "chain_name": "cosmos",
-    "registry_name": "cosmoshub",
-    "api": [
-        {"provider": "cosmos.directory", "address": "https://rest.cosmos.directory/cosmoshub"},
-        {"provider": "publicnode", "address": "https://cosmos-rest.publicnode.com"},
-        {"provider": "silknode", "address": "https://cosmos.api.silknodes.io"}
-    ],
-    "rpc": [
-        {"provider": "icycro", "address": "https://cosmos-rpc.icycro.org"}, 
-        {"provider": "dragonstake", "address": "https://rpc.cosmos.dragonstake.io"}, 
-        {"provider": "Golden Ratio Staking", "address": "https://rpc-cosmoshub.goldenratiostaking.net"}
-    ],
-    "sdk_version": "0.45.1",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "cosmos",
-    "logo": "/logos/cosmos.svg",
-    "assets": [{
-        "base": "uatom",
-        "symbol": "ATOM",
-        "exponent": "6",
-        "coingecko_id": "cosmos", 
-        "logo": "/logos/cosmos.svg"
-    }]
+  "chain_name": "cosmos",
+  "registry_name": "cosmoshub",
+  "api": [
+    {
+      "provider": "cosmos.directory",
+      "address": "https://rest.cosmos.directory/cosmoshub"
+    },
+    {
+      "provider": "publicnode",
+      "address": "https://cosmos-rest.publicnode.com"
+    },
+    { "provider": "silknode", "address": "https://cosmos.api.silknodes.io" }
+  ],
+  "rpc": [
+    { "provider": "icycro", "address": "https://cosmos-rpc.icycro.org" },
+    {
+      "provider": "dragonstake",
+      "address": "https://rpc.cosmos.dragonstake.io"
+    },
+    {
+      "provider": "Golden Ratio Staking",
+      "address": "https://rpc-cosmoshub.goldenratiostaking.net"
+    }
+  ],
+  "sdk_version": "0.45.1",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "cosmos",
+  "logo": "/logos/cosmos.svg",
+  "assets": [
+    {
+      "base": "uatom",
+      "symbol": "ATOM",
+      "exponent": "6",
+      "coingecko_id": "cosmos",
+      "logo": "/logos/cosmos.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/neutron.json b/chains/mainnet/neutron.json
index 76fc3dd6d2..1a589146ee 100644
--- a/chains/mainnet/neutron.json
+++ b/chains/mainnet/neutron.json
@@ -1,30 +1,46 @@
 {
-    "chain_name": "neutron",
-    "api": [
-        {"provider": "Polkachu", "address": "https://neutron-api.polkachu.com"},
-        {"provider": "NodeStake", "address": "https://api.neutron.nodestake.top"},
-        {"provider": "Allnodes", "address": "https://neutron-rest.publicnode.com"}
-    ],
-    "rpc": [
-        {"provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com"}, 
-        {"provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top"},
-        {"provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443"}
-    ],
-    "provider_chain": {
-        "api": ["https://rest.cosmos.directory/cosmoshub"]
-    },
-    "features": ["dashboard", "blocks", "ibc", "cosmwasm", "uptime", "parameters", "state-sync", "consensus", "supply", "widget"],
-    "sdk_version": "0.45.1",
-    "coin_type": "118",
-    "min_tx_fee": "8000",
-    "assets": [{
-        "base": "untrn",
-        "symbol": "NTRN",
-        "exponent": "6",
-        "coingecko_id": "neutron",
-        "logo": "/logos/neutron.svg"
-    }],
-    "addr_prefix": "neutron",
-    "theme_color": "#161723",
-    "logo": "/logos/neutron.svg"
+  "chain_name": "neutron",
+  "api": [
+    { "provider": "Polkachu", "address": "https://neutron-api.polkachu.com" },
+    { "provider": "NodeStake", "address": "https://api.neutron.nodestake.top" },
+    { "provider": "Allnodes", "address": "https://neutron-rest.publicnode.com" }
+  ],
+  "rpc": [
+    { "provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com" },
+    { "provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top" },
+    {
+      "provider": "Allnodes",
+      "address": "https://neutron-rpc.publicnode.com:443"
+    }
+  ],
+  "provider_chain": {
+    "api": ["https://rest.cosmos.directory/cosmoshub"]
+  },
+  "features": [
+    "dashboard",
+    "blocks",
+    "ibc",
+    "cosmwasm",
+    "uptime",
+    "parameters",
+    "state-sync",
+    "consensus",
+    "supply",
+    "widget"
+  ],
+  "sdk_version": "0.45.1",
+  "coin_type": "118",
+  "min_tx_fee": "8000",
+  "assets": [
+    {
+      "base": "untrn",
+      "symbol": "NTRN",
+      "exponent": "6",
+      "coingecko_id": "neutron",
+      "logo": "/logos/neutron.svg"
+    }
+  ],
+  "addr_prefix": "neutron",
+  "theme_color": "#161723",
+  "logo": "/logos/neutron.svg"
 }
diff --git a/chains/mainnet/nolus.json b/chains/mainnet/nolus.json
index 81bdd48470..7f06011dfd 100644
--- a/chains/mainnet/nolus.json
+++ b/chains/mainnet/nolus.json
@@ -1,27 +1,38 @@
 {
-    "chain_name": "nolus",
-    "coingecko": "nolus",
-    "api": [
-        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317"},
-        {"provider": "LavenderFive", "address": "https://nolus-api.lavenderfive.com:443"},
-        {"provider": "Allnodes", "address": "https://nolus-rest.publicnode.com"}
-    ],
-    "rpc": [
-        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657"}, 
-        {"provider": "LavenderFive", "address": "https://nolus-rpc.lavenderfive.com:443"},
-        {"provider": "Allnodes", "address": "https://nolus-rpc.publicnode.com:443"}
-    ],
-    "snapshot_provider": "",
-    "sdk_version": "v0.47.6",
-    "coin_type": "118",
-    "min_tx_fee": "0",
-    "addr_prefix": "nolus",
-    "logo": "/logos/nolus.svg",
-    "assets": [{
-        "base": "unls",
-        "symbol": "NLS",
-        "exponent": "6",
-        "coingecko_id": "nolus",
-        "logo": "/logos/nolus.svg"
-    }]
+  "chain_name": "nolus",
+  "coingecko": "nolus",
+  "api": [
+    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317" },
+    {
+      "provider": "LavenderFive",
+      "address": "https://nolus-api.lavenderfive.com:443"
+    },
+    { "provider": "Allnodes", "address": "https://nolus-rest.publicnode.com" }
+  ],
+  "rpc": [
+    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657" },
+    {
+      "provider": "LavenderFive",
+      "address": "https://nolus-rpc.lavenderfive.com:443"
+    },
+    {
+      "provider": "Allnodes",
+      "address": "https://nolus-rpc.publicnode.com:443"
+    }
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "v0.47.6",
+  "coin_type": "118",
+  "min_tx_fee": "0",
+  "addr_prefix": "nolus",
+  "logo": "/logos/nolus.svg",
+  "assets": [
+    {
+      "base": "unls",
+      "symbol": "NLS",
+      "exponent": "6",
+      "coingecko_id": "nolus",
+      "logo": "/logos/nolus.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/osmosis.json b/chains/mainnet/osmosis.json
index 35669f39a9..449480d65d 100644
--- a/chains/mainnet/osmosis.json
+++ b/chains/mainnet/osmosis.json
@@ -1,32 +1,47 @@
 {
-    "chain_name": "osmosis",
-    "coingecko": "osmosis",
-    "api": ["https://lcd.osmosis.zone","https://api-osmosis-ia.cosmosia.notional.ventures", "https://osmosis-api.polkachu.com", "https://lcd-osmosis.blockapsis.com"],
-    "rpc": ["https://rpc.osmosis.zone", "https://rpc-osmosis-ia.cosmosia.notional.ventures:443", "https://osmosis-rpc.polkachu.com:443", "https://osmosis.validator.network:443", "https://rpc-osmosis.blockapsis.com:443"],
-    "snapshot_provider": "",
-    "sdk_version": "0.46.1",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "osmo",
-    "logo": "/logos/osmosis.jpg",
-    "theme_color": "#812cd6",
-    "assets": [{
-        "base": "uosmo",
-        "symbol": "OSMO",
-        "exponent": "6",
-        "coingecko_id": "osmosis", 
-        "logo": "/logos/osmosis.jpg"
-    },{
-        "base": "uion",
-        "symbol": "ION",
-        "exponent": "6",
-        "coingecko_id": "ion", 
-        "logo": "/logos/osmosis.jpg"
-    },{
-        "base": "usomm",
-        "symbol": "SOMM",
-        "exponent": "6",
-        "coingecko_id": "somm", 
-        "logo": ""
-    }]
+  "chain_name": "osmosis",
+  "coingecko": "osmosis",
+  "api": [
+    "https://lcd.osmosis.zone",
+    "https://api-osmosis-ia.cosmosia.notional.ventures",
+    "https://osmosis-api.polkachu.com",
+    "https://lcd-osmosis.blockapsis.com"
+  ],
+  "rpc": [
+    "https://rpc.osmosis.zone",
+    "https://rpc-osmosis-ia.cosmosia.notional.ventures:443",
+    "https://osmosis-rpc.polkachu.com:443",
+    "https://osmosis.validator.network:443",
+    "https://rpc-osmosis.blockapsis.com:443"
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "0.46.1",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "osmo",
+  "logo": "/logos/osmosis.jpg",
+  "theme_color": "#812cd6",
+  "assets": [
+    {
+      "base": "uosmo",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "/logos/osmosis.jpg"
+    },
+    {
+      "base": "uion",
+      "symbol": "ION",
+      "exponent": "6",
+      "coingecko_id": "ion",
+      "logo": "/logos/osmosis.jpg"
+    },
+    {
+      "base": "usomm",
+      "symbol": "SOMM",
+      "exponent": "6",
+      "coingecko_id": "somm",
+      "logo": ""
+    }
+  ]
 }
diff --git a/chains/testnet/bfhevm.json b/chains/testnet/bfhevm.json
index f3c7789d57..c136f030db 100644
--- a/chains/testnet/bfhevm.json
+++ b/chains/testnet/bfhevm.json
@@ -1,19 +1,21 @@
 {
-    "chain_name": "bfhevm_777-1",
-    "api": ["https://rest-testnet-bfhevm.xyz:443"],
-    "rpc": ["https://rpc-bfhevm.xyz:8443"],
-    "coingecko": "",
-    "snapshot_provider": "",
-    "sdk_version": "0.45.7",
-    "coin_type": "60",
-    "min_tx_fee": "700",
-    "addr_prefix": "bfh",
-    "logo": "",
-    "assets": [{
-        "base": "abfh",
-        "symbol": "BFH",
-        "exponent": "18",
-        "coingecko_id": "", 
-        "logo": ""
-    }]
-    }
\ No newline at end of file
+  "chain_name": "bfhevm_777-1",
+  "api": ["https://rest-testnet-bfhevm.xyz:443"],
+  "rpc": ["https://rpc-bfhevm.xyz:8443"],
+  "coingecko": "",
+  "snapshot_provider": "",
+  "sdk_version": "0.45.7",
+  "coin_type": "60",
+  "min_tx_fee": "700",
+  "addr_prefix": "bfh",
+  "logo": "",
+  "assets": [
+    {
+      "base": "abfh",
+      "symbol": "BFH",
+      "exponent": "18",
+      "coingecko_id": "",
+      "logo": ""
+    }
+  ]
+}
diff --git a/chains/testnet/crossfi.json b/chains/testnet/crossfi.json
index 5414f3f202..d602617509 100644
--- a/chains/testnet/crossfi.json
+++ b/chains/testnet/crossfi.json
@@ -1,11 +1,11 @@
 {
-    "chain_name": "crossfi-testnet-1",
-    "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
-    "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
-    "coingecko": "",
-    "snapshot_provider": "",
-    "sdk_version": "0.47.1",
-    "coin_type": "118",
-    "min_tx_fee": "500",
-    "addr_prefix": "crossfi"
-    }
\ No newline at end of file
+  "chain_name": "crossfi-testnet-1",
+  "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
+  "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
+  "coingecko": "",
+  "snapshot_provider": "",
+  "sdk_version": "0.47.1",
+  "coin_type": "118",
+  "min_tx_fee": "500",
+  "addr_prefix": "crossfi"
+}
diff --git a/env.d.ts b/env.d.ts
index f18e837985..33f49a00af 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-declare module '@personaxyz/ad-sdk';
\ No newline at end of file
+declare module '@personaxyz/ad-sdk';
diff --git a/index.html b/index.html
index 28138f8960..195c6e6411 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
-    <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <link rel="stylesheet" type="text/css" href="/loader.css" />    
+    <meta
+      name="description"
+      content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub"
+    />
+    <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>
     <div id="app">
@@ -23,22 +26,29 @@
     </div>
     <script type="module" src="/src/main.ts"></script>
     <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SSBKVF3GMX"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-SSBKVF3GMX"
+    ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
+      function gtag() {
+        dataLayer.push(arguments);
+      }
       gtag('js', new Date());
       // Set default consent to 'denied' as a placeholder
       // Determine actual values based on your own requirements
       gtag('consent', 'default', {
-        'ad_storage': 'denied',
-        'ad_user_data': 'denied',
-        'ad_personalization': 'denied',
-        'analytics_storage': 'denied'
+        ad_storage: 'denied',
+        ad_user_data: 'denied',
+        ad_personalization: 'denied',
+        analytics_storage: 'denied',
       });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@latest/dist/widget.min.js"></script>
-
+    <script
+      type="module"
+      src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@latest/dist/widget.min.js"
+    ></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index 87ef6398f7..f3147404cf 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "target": "",
   "scripts": {
     "dev": "vite",
+    "format": "prettier --write .",
     "serve": "vite",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
@@ -63,8 +64,10 @@
     "@types/semver": "7.5.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",
+    "husky": "^9.1.7",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
+    "pretty-quick": "^4.2.2",
     "sass": "^1.58.0",
     "shiki": "^1.0.0-beta.0",
     "typescript": "~4.9.5",
@@ -75,5 +78,11 @@
     "vite-plugin-pages": "^0.28.0",
     "vue-json-viewer": "3",
     "vue-tsc": "^1.0.12"
-  }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged"
+    }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }
diff --git a/postcss.config.js b/postcss.config.js
index 33ad091d26..12a703d900 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/public/test.html b/public/test.html
index 6b46c576e2..05fc7751f6 100644
--- a/public/test.html
+++ b/public/test.html
@@ -1,17 +1,27 @@
 <html>
-<head>
-   <title>Widget Test</title> 
-   <script src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js" type="module" ></script>
-</head>
-<body>
+  <head>
+    <title>Widget Test</title>
+    <script
+      src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"
+      type="module"
+    ></script>
+  </head>
+  <body>
     <div class="p-5">
-    <div>
-    <ping-connect-wallet chain-id="kava_2222-10" hd-path="m/44'/118/0'/0/0"/>
-    </div>
-    <div>
+      <div>
+        <ping-connect-wallet
+          chain-id="kava_2222-10"
+          hd-path="m/44'/118/0'/0/0"
+        />
+      </div>
+      <div>
         <label for="PingTokenConvert" class="btn">Buy Kava</label>
-        <ping-token-convert chain-name="kava" endpoint="https://api.data.kava.io" hd-path="m/44'/118/0'/0/0"/>
-    </div>
+        <ping-token-convert
+          chain-name="kava"
+          endpoint="https://api.data.kava.io"
+          hd-path="m/44'/118/0'/0/0"
+        />
+      </div>
     </div>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/src/components/CardParameter.vue b/src/components/CardParameter.vue
index d157a5fd7c..e1888e65fc 100644
--- a/src/components/CardParameter.vue
+++ b/src/components/CardParameter.vue
@@ -13,8 +13,8 @@ function calculateValue(value: any) {
   if (Array.isArray(value)) {
     return (value[0] && value[0].amount) || '-';
   }
-  if(String(value).search(/^\d+s$/g) > -1) {
-    return formatSeconds(value)
+  if (String(value).search(/^\d+s$/g) > -1) {
+    return formatSeconds(value);
   }
   const newValue = Number(value);
   if (`${newValue}` === 'NaN' || typeof value === 'boolean') {
@@ -28,8 +28,8 @@ function calculateValue(value: any) {
 }
 
 function formatTitle(v: string) {
-  if(!v) return ""
-  return v.replace(/_/g, " ")
+  if (!v) return '';
+  return v.replace(/_/g, ' ');
 }
 </script>
 <template>
@@ -46,7 +46,9 @@ function formatTitle(v: string) {
         :key="index"
         class="rounded-sm bg-active px-4 py-2"
       >
-        <div class="text-xs mb-2 text-secondary capitalize">{{ formatTitle(item?.subtitle) }}</div>
+        <div class="text-xs mb-2 text-secondary capitalize">
+          {{ formatTitle(item?.subtitle) }}
+        </div>
         <div class="text-base text-main">{{ calculateValue(item?.value) }}</div>
       </div>
     </div>
diff --git a/src/components/CardStatisticsVertical.vue b/src/components/CardStatisticsVertical.vue
index e4bbc75dfe..2adf173889 100644
--- a/src/components/CardStatisticsVertical.vue
+++ b/src/components/CardStatisticsVertical.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue';
-import { controlledComputed } from '@vueuse/core'
+import { controlledComputed } from '@vueuse/core';
 
 interface Props {
   title: string;
@@ -47,7 +47,7 @@ const isPositive = controlledComputed(
 
     <div class="">
       <h6 class="text-lg text-center font-semibold mt-2 mb-1">
-        {{ props.stats || '-'}}
+        {{ props.stats || '-' }}
       </h6>
       <p class="text-sm text-center">
         {{ props.title }}
diff --git a/src/components/Countdown.vue b/src/components/Countdown.vue
index 26dc752a27..28f3449d0c 100644
--- a/src/components/Countdown.vue
+++ b/src/components/Countdown.vue
@@ -7,26 +7,26 @@ const props = defineProps({
   css: { type: String },
 });
 
-const s = ref(0)
-
+const s = ref(0);
 </script>
 <template>
   <Countdown
     v-if="time"
     :time="time > 0 ? time : 0"
     v-slot="{ days, hours, minutes, seconds }"
-    class="countdown-container justify-items-center "
+    class="countdown-container justify-items-center"
   >
-    <span class="text-primary font-bold " :class="css">{{ days }}</span> days 
-    <span class="text-primary font-bold" :class="css">{{ hours }}</span> hours 
-    <span class="text-primary font-bold" :class="css">{{ minutes }}</span> minutes
-      <span class="text-primary font-bold w-40" :class="css">
-        <Transition name="slide-up">
-          <span v-if="seconds % 2 === 0" class="countdown">{{ seconds }}</span> 
-          <span v-else="seconds % 2 === 1" class="countdown">{{ seconds }}</span>
-        </Transition>
-      </span>
-      <span class="ml-10">seconds</span>
+    <span class="text-primary font-bold" :class="css">{{ days }}</span> days
+    <span class="text-primary font-bold" :class="css">{{ hours }}</span> hours
+    <span class="text-primary font-bold" :class="css">{{ minutes }}</span>
+    minutes
+    <span class="text-primary font-bold w-40" :class="css">
+      <Transition name="slide-up">
+        <span v-if="seconds % 2 === 0" class="countdown">{{ seconds }}</span>
+        <span v-else="seconds % 2 === 1" class="countdown">{{ seconds }}</span>
+      </Transition>
+    </span>
+    <span class="ml-10">seconds</span>
   </Countdown>
 </template>
 
@@ -42,5 +42,4 @@ const s = ref(0)
   text-align: right;
   float: right;
 }
-
 </style>
diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue
index 28247b06ba..a927160f38 100644
--- a/src/components/PaginationBar.vue
+++ b/src/components/PaginationBar.vue
@@ -2,49 +2,57 @@
 import { computed, ref } from 'vue';
 
 const props = defineProps({
-    total: { type: String },
-    limit: { type: Number },
-    callback: { type: Function, required: true },
+  total: { type: String },
+  limit: { type: Number },
+  callback: { type: Function, required: true },
 });
-const current = ref(1)
-const showSize = 3
+const current = ref(1);
+const showSize = 3;
 const pages = computed(() => {
-    const pages: { color: string, page: number }[] = []
-    const total = Number(props.total || 0)
-    if (total > 0 && props.limit && total > props.limit) {
-        let page = 0
-        while (true) {
-            if (page * props.limit >= total) break
-            page += 1
-            if (total / props.limit > 10 && page > showSize && page < (total / props.limit - showSize + 1)) {
-                if (!(page >= current.value - 1 && page <= current.value + 1)) {
-                    continue
-                }
-            }
-            pages.push({
-                color: page === current.value ? 'btn-primary' : '',
-                page: page,
-            })
+  const pages: { color: string; page: number }[] = [];
+  const total = Number(props.total || 0);
+  if (total > 0 && props.limit && total > props.limit) {
+    let page = 0;
+    while (true) {
+      if (page * props.limit >= total) break;
+      page += 1;
+      if (
+        total / props.limit > 10 &&
+        page > showSize &&
+        page < total / props.limit - showSize + 1
+      ) {
+        if (!(page >= current.value - 1 && page <= current.value + 1)) {
+          continue;
         }
+      }
+      pages.push({
+        color: page === current.value ? 'btn-primary' : '',
+        page: page,
+      });
     }
-    return pages
-})
+  }
+  return pages;
+});
 
 function gotoPage(pageNum: number) {
-    current.value = pageNum
-    props.callback(pageNum)
+  current.value = pageNum;
+  props.callback(pageNum);
 }
-
 </script>
 <template>
-    <div class="my-5 text-center">
-        <div v-if="total && limit" class="btn-group">
-            <button v-for="{ page, color } in pages" :key="page"
-                class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{
-                    '!btn-primary': color === 'btn-primary',
-                }" @click="gotoPage(page)">
-                {{ page }}
-            </button>
-        </div>
+  <div class="my-5 text-center">
+    <div v-if="total && limit" class="btn-group">
+      <button
+        v-for="{ page, color } in pages"
+        :key="page"
+        class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white"
+        :class="{
+          '!btn-primary': color === 'btn-primary',
+        }"
+        @click="gotoPage(page)"
+      >
+        {{ page }}
+      </button>
     </div>
+  </div>
 </template>
diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 98b521064e..6f25e937e9 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -39,10 +39,12 @@ const voterStatusMap: Record<string, string> = {
 
 const proposalInfo = ref();
 
-function metaItem(metadata: string|undefined): { title: string; summary: string } {
-  return metadata ? JSON.parse(metadata) : {}
+function metaItem(metadata: string | undefined): {
+  title: string;
+  summary: string;
+} {
+  return metadata ? JSON.parse(metadata) : {};
 }
-
 </script>
 <template>
   <div class="bg-white dark:bg-[#28334e] rounded text-sm">
@@ -64,13 +66,17 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
                 :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
                 class="text-main text-base mb-1 block hover:text-indigo-400 truncate"
               >
-                {{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}
+                {{
+                  item?.content?.title ||
+                  item?.title ||
+                  metaItem(item?.metadata)?.title
+                }}
               </RouterLink>
               <div
                 v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
-                {{ showType(item.content['@type']) }} 
+                {{ showType(item.content['@type']) }}
               </div>
             </div>
           </td>
@@ -149,7 +155,11 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
           <RouterLink
             :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
             class="flex-1 w-0 truncate mr-4"
-            >{{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}</RouterLink
+            >{{
+              item?.content?.title ||
+              item?.title ||
+              metaItem(item?.metadata)?.title
+            }}</RouterLink
           >
           <label
             for="proposal-detail-modal"
@@ -225,7 +235,6 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
 
               <span v-else>Vote</span></label
             >
-           
           </div>
         </div>
       </div>
@@ -242,9 +251,24 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
         <h3 class="font-bold text-lg">Description</h3>
         <p class="py-4">
           <Component
-            v-if="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
-            :is="select(proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary, 'horizontal')"
-            :value="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
+            v-if="
+              proposalInfo?.content?.description ||
+              proposalInfo?.summary ||
+              metaItem(proposalInfo?.metadata)?.summary
+            "
+            :is="
+              select(
+                proposalInfo?.content?.description ||
+                  proposalInfo?.summary ||
+                  metaItem(proposalInfo?.metadata)?.summary,
+                'horizontal'
+              )
+            "
+            :value="
+              proposalInfo?.content?.description ||
+              proposalInfo?.summary ||
+              metaItem(proposalInfo?.metadata)?.summary
+            "
           >
           </Component>
         </p>
diff --git a/src/components/TxDialog.vue b/src/components/TxDialog.vue
index 3617564b97..7f53d52561 100644
--- a/src/components/TxDialog.vue
+++ b/src/components/TxDialog.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import { useTxDialog, useBlockchain } from '@/stores';
 const store = useTxDialog();
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 </script>
 <template>
   <ping-tx-dialog
     :type="store.type"
     :sender="store.sender"
     :endpoint="store.endpoint"
-    :params='store.params'
+    :params="store.params"
     :hd-path="store.hdPaths"
     :registry-name="chainStore.current?.prettyName || chainStore.chainName"
     @view="store.view"
diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index a870f601e2..b50b67f9a1 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -2,17 +2,17 @@
 import type { PropType } from 'vue';
 
 const props = defineProps({
-  blocks: { type: Array as PropType<{height:string, color: string}[]> },
+  blocks: { type: Array as PropType<{ height: string; color: string }[]> },
 });
-
 </script>
 <template>
   <div class="flex gap-0.5">
     <div class="cursor-default" v-for="(item, index) in blocks" :key="index">
-      <div class="tooltip" 
-          :data-tip="item.height" 
-          :class="item.color"
-          style="width: 3px;"
+      <div
+        class="tooltip"
+        :data-tip="item.height"
+        :class="item.color"
+        style="width: 3px"
       >
         &nbsp;
       </div>
@@ -20,6 +20,4 @@ const props = defineProps({
   </div>
 </template>
 
-<style>
-  
-</style>
+<style></style>
diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 99b88c560a..e283ead39a 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -5,34 +5,34 @@ import { useFormatter } from '@/stores';
 import type { CommissionRate } from '@/types';
 
 const props = defineProps({
-    commission: { type: Object as PropType<CommissionRate> },
+  commission: { type: Object as PropType<CommissionRate> },
 });
 
 let rate = computed(
-    () => Number(props.commission?.commission_rates.rate || 0) * 100
+  () => Number(props.commission?.commission_rates.rate || 0) * 100
 );
 let change = computed(
-    () => Number(props.commission?.commission_rates.max_change_rate || 0) * 100
+  () => Number(props.commission?.commission_rates.max_change_rate || 0) * 100
 );
 let max = computed(
-    () => Number(props.commission?.commission_rates.max_rate || 1) * 100
+  () => Number(props.commission?.commission_rates.max_rate || 1) * 100
 );
 
 const left = rate;
 const right = computed(() => max.value - rate.value);
 
 const s1 = computed(() =>
-    left.value > change.value ? left.value - change.value : 0
+  left.value > change.value ? left.value - change.value : 0
 );
 const s2 = computed(() =>
-    left.value > change.value ? change.value : left.value
+  left.value > change.value ? change.value : left.value
 );
 const s3 = 2;
 const s4 = computed(() =>
-    right.value > change.value ? change.value : right.value
+  right.value > change.value ? change.value : right.value
 );
 const s5 = computed(() =>
-    right.value > change.value ? right.value - change.value : 0
+  right.value > change.value ? right.value - change.value : 0
 );
 
 const series = computed(() => [s1.value, s2.value, s3, s4.value, s5.value]);
@@ -40,107 +40,112 @@ const series = computed(() => [s1.value, s2.value, s3, s4.value, s5.value]);
 const format = useFormatter();
 
 const chartConfig = computed(() => {
+  const secondaryText = `hsl(var(--bc))`;
+  const primaryText = `hsl(var(--bc))`;
 
-    const secondaryText = `hsl(var(--bc))`;
-    const primaryText = `hsl(var(--bc))`;
-
-    return {
-        chart: {
-            width: '200px',
-            sparkline: { enabled: false },
-        },
-        colors: ['rgba(109,120,141,0.2)', 'rgba(114,225,40,0.2)', 'rgba(114,225,40,1)', 'rgba(114,225,40,0.2)', 'rgba(109,120,141,0.2)'],
-        legend: { show: false },
-        tooltip: { enabled: false },
-        dataLabels: { enabled: false },
-        stroke: {
-            width: 3,
-            lineCap: 'round',
-            colors: ['hsl(var(--b1))'],
-        },
-        labels: [
-            'Available',
-            'Daily Change',
-            'Commission Rate',
-            'Daily Change',
-            'Available',
-        ],
-        states: {
-            hover: {
-                filter: { type: 'none' },
+  return {
+    chart: {
+      width: '200px',
+      sparkline: { enabled: false },
+    },
+    colors: [
+      'rgba(109,120,141,0.2)',
+      'rgba(114,225,40,0.2)',
+      'rgba(114,225,40,1)',
+      'rgba(114,225,40,0.2)',
+      'rgba(109,120,141,0.2)',
+    ],
+    legend: { show: false },
+    tooltip: { enabled: false },
+    dataLabels: { enabled: false },
+    stroke: {
+      width: 3,
+      lineCap: 'round',
+      colors: ['hsl(var(--b1))'],
+    },
+    labels: [
+      'Available',
+      'Daily Change',
+      'Commission Rate',
+      'Daily Change',
+      'Available',
+    ],
+    states: {
+      hover: {
+        filter: { type: 'none' },
+      },
+      active: {
+        filter: { type: 'none' },
+      },
+    },
+    plotOptions: {
+      pie: {
+        endAngle: 130,
+        startAngle: -130,
+        customScale: 0.9,
+        donut: {
+          size: '83%',
+          labels: {
+            show: true,
+            name: {
+              offsetY: 25,
+              fontSize: '1rem',
+              color: secondaryText,
             },
-            active: {
-                filter: { type: 'none' },
+            value: {
+              offsetY: -15,
+              fontWeight: 500,
+              fontSize: '2.125rem',
+              formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
+              color: primaryText,
             },
-        },
-        plotOptions: {
-            pie: {
-                endAngle: 130,
-                startAngle: -130,
-                customScale: 0.9,
-                donut: {
-                    size: '83%',
-                    labels: {
-                        show: true,
-                        name: {
-                            offsetY: 25,
-                            fontSize: '1rem',
-                            color: secondaryText,
-                        },
-                        value: {
-                            offsetY: -15,
-                            fontWeight: 500,
-                            fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
-                            color: primaryText,
-                        },
-                        total: {
-                            show: true,
-                            label: 'Commission Rate',
-                            fontSize: '1rem',
-                            color: secondaryText,
-                            formatter: () => `${rate.value.toFixed(1)}%`,
-                        },
-                    },
-                },
+            total: {
+              show: true,
+              label: 'Commission Rate',
+              fontSize: '1rem',
+              color: secondaryText,
+              formatter: () => `${rate.value.toFixed(1)}%`,
             },
+          },
         },
-        responsive: [
-            {
-                breakpoint: 1709,
-                options: {
-                    chart: { height: 237 },
-                },
-            },
-        ],
-    };
+      },
+    },
+    responsive: [
+      {
+        breakpoint: 1709,
+        options: {
+          chart: { height: 237 },
+        },
+      },
+    ],
+  };
 });
 </script>
 
 <template>
-    <div class="bg-base-100 rounded shadow p-4">
-        <div class="text-lg text-main font-semibold mb-1">Commission Rate</div>
-        <div class="text-sm text-gray-500 dark:text-gray-400">
-            {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+  <div class="bg-base-100 rounded shadow p-4">
+    <div class="text-lg text-main font-semibold mb-1">Commission Rate</div>
+    <div class="text-sm text-gray-500 dark:text-gray-400">
+      {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+    </div>
+    <div class="w-80 m-auto">
+      <ApexCharts type="donut" :options="chartConfig" :series="series" />
+    </div>
+    <div>
+      <div class="flex items-center justify-center flex-wrap gap-x-3">
+        <div class="flex items-center gap-x-2">
+          <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
+          <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
         </div>
-        <div class="w-80 m-auto">
-            <ApexCharts type="donut" :options="chartConfig" :series="series" />
+        <div class="flex items-center gap-x-2">
+          <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>
+          <span class="text-caption">24h: ±{{ change }}%</span>
         </div>
-        <div>
-            <div class="flex items-center justify-center flex-wrap gap-x-3">
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
-                </div>
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>
-                    <span class="text-caption">24h: ±{{ change }}%</span>
-                </div>
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-secondary w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Max:{{ max }}%</span>
-                </div>
-            </div>
+        <div class="flex items-center gap-x-2">
+          <div class="bg-secondary w-[6px] h-[6px] rounded-full"></div>
+          <span class="text-caption">Max:{{ max }}%</span>
         </div>
+      </div>
     </div>
+  </div>
 </template>
diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 269d73e3f2..da37189b8e 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { get, post } from "@/libs/http"
-import { useBaseStore, useTxDialog } from "@/stores";
-import { computed, onMounted, ref } from "vue";
-import TextElement from "@/components/dynamic/TextElement.vue";
+import { get, post } from '@/libs/http';
+import { useBaseStore, useTxDialog } from '@/stores';
+import { computed, onMounted, ref } from 'vue';
+import TextElement from '@/components/dynamic/TextElement.vue';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-import { codeToHtml } from 'shiki'
-import { useWasmStore } from "@/modules/[chain]/cosmwasm/WasmStore";
-import { toBase64 } from "@cosmjs/encoding";
+import { codeToHtml } from 'shiki';
+import { useWasmStore } from '@/modules/[chain]/cosmwasm/WasmStore';
+import { toBase64 } from '@cosmjs/encoding';
 
-import { JsonViewer } from "vue3-json-viewer"
-import { CosmjsOfflineSigner } from "@leapwallet/cosmos-snap-provider";
+import { JsonViewer } from 'vue3-json-viewer';
+import { CosmjsOfflineSigner } from '@leapwallet/cosmos-snap-provider';
 
 interface Verification {
   chainId?: string;
@@ -29,13 +29,13 @@ interface SourceCode<T> {
 interface Argument {
   format?: string;
   type: string;
-  properties: Record<string, Argument>
+  properties: Record<string, Argument>;
 }
 
 interface Method {
   type: string;
   required: string[];
-  properties: Record<string, Argument>
+  properties: Record<string, Argument>;
   additionalProperties: boolean;
 }
 
@@ -49,7 +49,7 @@ const props = defineProps({
   contract: { type: String },
 });
 
-const baseurl = "https://prod.compiler.welldonestudio.io"
+const baseurl = 'https://prod.compiler.welldonestudio.io';
 
 const verification = ref<Verification>({});
 const sourceCode = ref<SourceCode<string>[]>([]);
@@ -59,206 +59,301 @@ const baseStore = useBaseStore();
 const dialog = useTxDialog();
 const result = ref<Record<string, any>>({});
 
-
 function fetchVerification() {
-  const url = `${baseurl}/deploy-histories/${chain_id.value}?contract=${props.contract}`
-  get(url).then((x) => {
-    console.log("verification:", x)
-    verification.value = x
-  }).catch(e => {
-    console.error(e)
-  })
+  const url = `${baseurl}/deploy-histories/${chain_id.value}?contract=${props.contract}`;
+  get(url)
+    .then((x) => {
+      console.log('verification:', x);
+      verification.value = x;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
 
 function fetchSchema() {
-  const base = useBaseStore()
-  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-  const url = `${baseurl}/schemas/${chainId}?contract=${props.contract}`
-  get(url).then(async (x) => {
-    console.log("schema:", x)
-    schemas.value = x.sourceCodes
-  }).catch(e => {
-    console.error(e)
-  })
+  const base = useBaseStore();
+  const chainId = base.latest?.block?.header?.chain_id || 'neutron-1';
+  const url = `${baseurl}/schemas/${chainId}?contract=${props.contract}`;
+  get(url)
+    .then(async (x) => {
+      console.log('schema:', x);
+      schemas.value = x.sourceCodes;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
-  
+
 function fetchSourceCode() {
-  const base = useBaseStore()
-  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-  const url = `${baseurl}/source-codes/${chainId}?contract=${props.contract}`
-  const theme = baseStore.theme === 'dark' ? 'material-theme' : 'github-light'
-  get(url).then(async (x) => {
-    console.log("source codes:", x)
-    for (let i = 0; i < x.sourceCodes.length; i++) {
-      const sc = x.sourceCodes[i];
-      sc.sourceCode = await codeToHtml(sc.sourceCode, {lang: sc.path.endsWith('.toml')?'toml':'rust', theme})
-    }
-    sourceCode.value = x.sourceCodes
-  }).catch(e => {
-    console.error(e)
-  })
+  const base = useBaseStore();
+  const chainId = base.latest?.block?.header?.chain_id || 'neutron-1';
+  const url = `${baseurl}/source-codes/${chainId}?contract=${props.contract}`;
+  const theme = baseStore.theme === 'dark' ? 'material-theme' : 'github-light';
+  get(url)
+    .then(async (x) => {
+      console.log('source codes:', x);
+      for (let i = 0; i < x.sourceCodes.length; i++) {
+        const sc = x.sourceCodes[i];
+        sc.sourceCode = await codeToHtml(sc.sourceCode, {
+          lang: sc.path.endsWith('.toml') ? 'toml' : 'rust',
+          theme,
+        });
+      }
+      sourceCode.value = x.sourceCodes;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
 
-const base = useBaseStore()
-const chain_id = ref("")
+const base = useBaseStore();
+const chain_id = ref('');
 base.$subscribe((m, s) => {
   if (chain_id.value !== s.latest?.block?.header?.chain_id) {
-    chain_id.value = s.latest?.block?.header?.chain_id || "unknown"
+    chain_id.value = s.latest?.block?.header?.chain_id || 'unknown';
     fetchVerification();
     fetchSchema();
     fetchSourceCode();
   }
-})
+});
 
 function verify() {
+  const base = useBaseStore();
+  const id = base.latest?.block?.header?.chain_id || 'unknown';
+  const data = { contractAddress: props.contract, chainId: id };
 
-    const base = useBaseStore()
-    const id =  base.latest?.block?.header?.chain_id || "unknown"
-    const data = {"contractAddress": props.contract, "chainId": id}
-
-    post(`${baseurl}/verification/neutron`, data).then((x)=> {
-        if(x.result) {
-          verification.value = x.result
-          fetchSchema();
-          fetchSourceCode();
-        }
-    })
+  post(`${baseurl}/verification/neutron`, data).then((x) => {
+    if (x.result) {
+      verification.value = x.result;
+      fetchSchema();
+      fetchSourceCode();
+    }
+  });
 }
 
-const tab = ref('verification')
+const tab = ref('verification');
 function selectTab(tabName: string) {
-  tab.value = tabName
+  tab.value = tabName;
 }
 
 const executions = computed(() => {
   return schemas.value
-      .filter(x => x.path.indexOf('execute_msg')>-1 || x.path.indexOf('query_msg')>-1)
-      .map(x => JSON.parse(x.sourceCode||"{}") as Schema)
+    .filter(
+      (x) =>
+        x.path.indexOf('execute_msg') > -1 || x.path.indexOf('query_msg') > -1
+    )
+    .map((x) => JSON.parse(x.sourceCode || '{}') as Schema);
   // if(raw && raw.sourceCode) {
   //   return JSON.parse(raw.sourceCode) as Schema
-  // } 
+  // }
   // return {} as Schema
-})
+});
 
 const queries = computed(() => {
-  let raw = schemas.value.find(x => x.path.indexOf('query_msg')>-1)
-  if(raw && raw.sourceCode) {
-    return JSON.parse(raw.sourceCode) as Schema
-  } 
-  return {} as Schema
-})
+  let raw = schemas.value.find((x) => x.path.indexOf('query_msg') > -1);
+  if (raw && raw.sourceCode) {
+    return JSON.parse(raw.sourceCode) as Schema;
+  }
+  return {} as Schema;
+});
 
 function callFunction(title: string, method: string, arg: Argument) {
-  if(!props.contract) return
+  if (!props.contract) return;
 
   // console.log("callFunction", title, method, arg)
 
-  let args = {} as Record<string, any>
-  if(arg.properties) Object.keys(arg.properties).forEach(k => {
-    const input = document.querySelector(`input[name="${method}-${k}"]`) as HTMLInputElement
-    if (input) {
-      args[k] = input.value
-    }
-  })
+  let args = {} as Record<string, any>;
+  if (arg.properties)
+    Object.keys(arg.properties).forEach((k) => {
+      const input = document.querySelector(
+        `input[name="${method}-${k}"]`
+      ) as HTMLInputElement;
+      if (input) {
+        args[k] = input.value;
+      }
+    });
 
   //console.log("args", arg.properties, JSON.stringify(args))
 
-  if(title === 'ExecuteMsg') {
-    let execution = {} as Record<string, any>
-    execution[method] = args 
-    console.log("execution", execution)
-    dialog.open('wasm_execute_contract', { contract: props.contract, execution})
+  if (title === 'ExecuteMsg') {
+    let execution = {} as Record<string, any>;
+    execution[method] = args;
+    console.log('execution', execution);
+    dialog.open('wasm_execute_contract', {
+      contract: props.contract,
+      execution,
+    });
   } else {
     // QueryMsg
     wasmStore.wasmClient
-      .getWasmContractSmartQuery(props.contract, `{"${method}": ${JSON.stringify(args)}}`)
+      .getWasmContractSmartQuery(
+        props.contract,
+        `{"${method}": ${JSON.stringify(args)}}`
+      )
       .then((x) => {
-          result.value[`${title}-${method}`] = x;
+        result.value[`${title}-${method}`] = x;
       })
       .catch((err) => {
         result.value[`${title}-${method}`] = err;
       });
   }
 }
-
 </script>
 <template>
-    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <div role="tablist" class="tabs tabs-boxed">
-          <a role="tab" class="tab tooltip tooltip-right tooltip-success" data-tip="Powered By WELLDONE Studio">
-            <div class="w-8 rounded">
-              <img src="../assets/images/welldone-logo.svg"  alt="Powered By WELLDONE Studio"/>
-            </div>
-          </a>
-          <a role="tab" class="tab" :class="{'tab-active': tab==='verification'}" @click="selectTab('verification')">Verification</a>
-          <a role="tab" class="tab" :class="{'tab-active': tab==='executions'}" @click="selectTab('executions')">Functions</a> 
-          <a role="tab" class="tab" :class="{'tab-active': tab==='source_code'}" @click="selectTab('source_code')">Source Code</a>
+  <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+    <div role="tablist" class="tabs tabs-boxed">
+      <a
+        role="tab"
+        class="tab tooltip tooltip-right tooltip-success"
+        data-tip="Powered By WELLDONE Studio"
+      >
+        <div class="w-8 rounded">
+          <img
+            src="../assets/images/welldone-logo.svg"
+            alt="Powered By WELLDONE Studio"
+          />
         </div>
-        <div class="">
-          <div v-if="tab === 'verification'"><DynamicComponent :value="verification"/></div>
-          <div v-if="tab === 'executions'" class="">
-            <div v-for="{title, oneOf} in executions" class="join join-vertical w-full mt-2">
-              <div v-if="oneOf" v-for="m in oneOf">
-                <div v-for="(props, method) in m.properties" class="collapse collapse-arrow join-item border border-base-300">
-                  <input type="radio" name="my-accordion-1" :checked="false"/> 
-                  <div class="collapse-title font-medium">
-                    {{title}}::{{ method }}
-                  </div>
-                  <div class="collapse-content"> 
-                    <div v-for="(p, name) in props.properties" class="form-control pb-2">
-                      <label class="label">
-                          <span class="label-text">{{ name }}</span>
-                          <span></span>
-                      </label>
-                      <input :name="`${method}-${name}`" type="text" :placeholder="p.format" class="input input-sm border border-gray-300 dark:border-gray-600 w-full" />
-                    </div>
-                    <div>
-                      <label v-if="title==='ExecuteMsg'" for="wasm_execute_contract" class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
-                      <label v-else class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
-                    </div>
-                    <div v-if="result[`${title}-${method}`]" class="mt-2">
-                      <JsonViewer :value="result[`${title}-${method}`]" :theme="baseStore.theme||'dark'" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
-                    </div>
-                  </div>
+      </a>
+      <a
+        role="tab"
+        class="tab"
+        :class="{ 'tab-active': tab === 'verification' }"
+        @click="selectTab('verification')"
+        >Verification</a
+      >
+      <a
+        role="tab"
+        class="tab"
+        :class="{ 'tab-active': tab === 'executions' }"
+        @click="selectTab('executions')"
+        >Functions</a
+      >
+      <a
+        role="tab"
+        class="tab"
+        :class="{ 'tab-active': tab === 'source_code' }"
+        @click="selectTab('source_code')"
+        >Source Code</a
+      >
+    </div>
+    <div class="">
+      <div v-if="tab === 'verification'">
+        <DynamicComponent :value="verification" />
+      </div>
+      <div v-if="tab === 'executions'" class="">
+        <div
+          v-for="{ title, oneOf } in executions"
+          class="join join-vertical w-full mt-2"
+        >
+          <div v-if="oneOf" v-for="m in oneOf">
+            <div
+              v-for="(props, method) in m.properties"
+              class="collapse collapse-arrow join-item border border-base-300"
+            >
+              <input type="radio" name="my-accordion-1" :checked="false" />
+              <div class="collapse-title font-medium">
+                {{ title }}::{{ method }}
+              </div>
+              <div class="collapse-content">
+                <div
+                  v-for="(p, name) in props.properties"
+                  class="form-control pb-2"
+                >
+                  <label class="label">
+                    <span class="label-text">{{ name }}</span>
+                    <span></span>
+                  </label>
+                  <input
+                    :name="`${method}-${name}`"
+                    type="text"
+                    :placeholder="p.format"
+                    class="input input-sm border border-gray-300 dark:border-gray-600 w-full"
+                  />
+                </div>
+                <div>
+                  <label
+                    v-if="title === 'ExecuteMsg'"
+                    for="wasm_execute_contract"
+                    class="btn btn-sm"
+                    @click="callFunction(title, method, props)"
+                    >{{ method }}</label
+                  >
+                  <label
+                    v-else
+                    class="btn btn-sm"
+                    @click="callFunction(title, method, props)"
+                    >{{ method }}</label
+                  >
+                </div>
+                <div v-if="result[`${title}-${method}`]" class="mt-2">
+                  <JsonViewer
+                    :value="result[`${title}-${method}`]"
+                    :theme="baseStore.theme || 'dark'"
+                    style="background: transparent"
+                    copyable
+                    boxed
+                    sort
+                    :expand-depth="5"
+                  />
                 </div>
               </div>
             </div>
           </div>
-          <div v-if="tab === 'source_code'" class="mt-2 join join-vertical w-full">
-            <div v-for="sc in sourceCode.filter(x => !x.isDirectory)" class="collapse collapse-arrow join-item border border-base-300">
-              <input type="radio" name="sourceCodeAccordion" :checked="false"/> 
-              <div class="collapse-title font-medium">{{sc.path}}</div>
-              <div class="collapse-content overflow-auto" v-html="sc.sourceCode"></div>
-            </div>
-          </div>
         </div>
-        <div v-show="tab === 'verification'" class="text-center">
-            <div v-if="Object.keys(verification).length == 0" >
-               Haven't found verification
-            </div>
-            <button class="btn btn-primary mt-5" @click="verify" v-show="tab === 'verification'" :disabled="verification.error !== undefined">verify</button>
-        </div>
-
-        <!-- alert-info -->
+      </div>
+      <div v-if="tab === 'source_code'" class="mt-2 join join-vertical w-full">
         <div
-          class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
+          v-for="sc in sourceCode.filter((x) => !x.isDirectory)"
+          class="collapse collapse-arrow join-item border border-base-300"
         >
+          <input type="radio" name="sourceCodeAccordion" :checked="false" />
+          <div class="collapse-title font-medium">{{ sc.path }}</div>
           <div
-            class="drop-shadow-md px-4 pt-2 pb-2"
-            style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px"
-          >
-            <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
-          </div>
-          <div class="px-4 py-4">
-            <ul style="list-style-type: disc" class="pl-8">
-              <li>
-                {{ $t('cosmwasm.tips_description_1') }}
-              </li>
-              <li>
-                <a href="https://docs.welldonestudio.io/code/verification-api/" target="_blank">Link to Verification API Manual</a>
-              </li>
-            </ul>
-          </div>
+            class="collapse-content overflow-auto"
+            v-html="sc.sourceCode"
+          ></div>
         </div>
+      </div>
+    </div>
+    <div v-show="tab === 'verification'" class="text-center">
+      <div v-if="Object.keys(verification).length == 0">
+        Haven't found verification
+      </div>
+      <button
+        class="btn btn-primary mt-5"
+        @click="verify"
+        v-show="tab === 'verification'"
+        :disabled="verification.error !== undefined"
+      >
+        verify
+      </button>
+    </div>
+
+    <!-- alert-info -->
+    <div
+      class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
+    >
+      <div
+        class="drop-shadow-md px-4 pt-2 pb-2"
+        style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px"
+      >
+        <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
+      </div>
+      <div class="px-4 py-4">
+        <ul style="list-style-type: disc" class="pl-8">
+          <li>
+            {{ $t('cosmwasm.tips_description_1') }}
+          </li>
+          <li>
+            <a
+              href="https://docs.welldonestudio.io/code/verification-api/"
+              target="_blank"
+              >Link to Verification API Manual</a
+            >
+          </li>
+        </ul>
+      </div>
     </div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 73a01f6219..517bd25d4c 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -1,18 +1,17 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { useRoute } from 'vue-router'
-const route = useRoute()
+import { useRoute } from 'vue-router';
+const route = useRoute();
 
 const aa = computed(() => {
-  const hostname = location.hostname
+  const hostname = location.hostname;
   if (hostname === 'testnet.ping.pub') {
-    return '2396360'
+    return '2396360';
   } else if (hostname === 'ping.pub') {
-    return '2395639'
+    return '2395639';
   } else {
-    return '2396360'
+    return '2396360';
   }
 });
 </script>
-<template>
-</template>
+<template></template>
diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index 8b6ffc0090..dba0726ce6 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -8,51 +8,49 @@ import { useBaseStore } from '@/stores';
 const store = useIndexModule();
 const baseStore = useBaseStore();
 const chartConfig = computed(() => {
-    const theme = baseStore.theme;
-    const labels = store.marketData.prices.map((item: any) => item[0]);
-    return getMarketPriceChartConfig(theme, labels);
+  const theme = baseStore.theme;
+  const labels = store.marketData.prices.map((item: any) => item[0]);
+  return getMarketPriceChartConfig(theme, labels);
 });
 const kind = ref('price');
 const series = computed(() => {
-    return [
-        {
-            name: kind.value === 'price' ? 'Price' : 'Volume',
-            data:
-                kind.value === 'price'
-                    ? store.marketData.prices.map((item: any) => item[1])
-                    : store.marketData.total_volumes.map(
-                          (item: any) => item[1]
-                      ),
-        },
-    ];
+  return [
+    {
+      name: kind.value === 'price' ? 'Price' : 'Volume',
+      data:
+        kind.value === 'price'
+          ? store.marketData.prices.map((item: any) => item[1])
+          : store.marketData.total_volumes.map((item: any) => item[1]),
+    },
+  ];
 });
 
 function changeChart(type: string) {
-    kind.value = type;
+  kind.value = type;
 }
 </script>
 
 <template>
-    <div class="tabs tabs-boxed bg-transparent justify-end">
-        <a
-            class="tab text-xs mr-2 text-gray-400 uppercase"
-            :class="{ 'tab-active': kind === 'price' }"
-            @click="changeChart('price')"
-        >
-            Price
-        </a>
-        <a
-            class="tab text-xs text-gray-400 uppercase"
-            :class="{ 'tab-active': kind === 'volume' }"
-            @click="changeChart('volume')"
-        >
-            Volume
-        </a>
-    </div>
-    <ApexCharts
-        type="area"
-        height="230"
-        :options="chartConfig"
-        :series="series"
-    />
+  <div class="tabs tabs-boxed bg-transparent justify-end">
+    <a
+      class="tab text-xs mr-2 text-gray-400 uppercase"
+      :class="{ 'tab-active': kind === 'price' }"
+      @click="changeChart('price')"
+    >
+      Price
+    </a>
+    <a
+      class="tab text-xs text-gray-400 uppercase"
+      :class="{ 'tab-active': kind === 'volume' }"
+      @click="changeChart('volume')"
+    >
+      Volume
+    </a>
+  </div>
+  <ApexCharts
+    type="area"
+    height="230"
+    :options="chartConfig"
+    :series="series"
+  />
 </template>
diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
index 6e630782a9..685d455568 100644
--- a/src/components/charts/TxsInBlocksChart.vue
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -6,39 +6,43 @@ import { useBaseStore } from '@/stores';
 const baseStore = useBaseStore();
 
 const options = computed(() => {
-    return {
-        chart: {
-            type: 'bar',
-            height: 150
-        },
-        plotOptions: {
-            bar: {
-                // borderRadius: 4,
-                horizontal: false,
-            }
-        },
-        dataLabels: {
-          enabled: false
-        },
-        colors: ['#5A67D8'],
-        xaxis: {
-            labels: {
-                show: false,
-                rotate: -45
-            },
-            show: false,
-            categories: baseStore.recents.map((x) => x.block.header.height).concat(Array(50-baseStore.recents.length).fill('')),
-        }
-    };
+  return {
+    chart: {
+      type: 'bar',
+      height: 150,
+    },
+    plotOptions: {
+      bar: {
+        // borderRadius: 4,
+        horizontal: false,
+      },
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    colors: ['#5A67D8'],
+    xaxis: {
+      labels: {
+        show: false,
+        rotate: -45,
+      },
+      show: false,
+      categories: baseStore.recents
+        .map((x) => x.block.header.height)
+        .concat(Array(50 - baseStore.recents.length).fill('')),
+    },
+  };
 });
 const series = computed(() => {
-    return [{
-        name: 'Txs',
-        data: baseStore.recents?.map((x) => x.block.data.txs.length) || []
-    }]
+  return [
+    {
+      name: 'Txs',
+      data: baseStore.recents?.map((x) => x.block.data.txs.length) || [],
+    },
+  ];
 });
 </script>
 
 <template>
-    <ApexCharts type="bar" height="150" :options="options" :series="series" />
+  <ApexCharts type="bar" height="150" :options="options" :series="series" />
 </template>
diff --git a/src/components/charts/apexChartConfig.ts b/src/components/charts/apexChartConfig.ts
index 6e8a78ad77..7bd378f01f 100644
--- a/src/components/charts/apexChartConfig.ts
+++ b/src/components/charts/apexChartConfig.ts
@@ -1,7 +1,7 @@
 import { useBlockchain } from '@/stores';
 import numeral from 'numeral';
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 
 const themeColors = (theme: string) => {
   if (theme === 'light') {
@@ -260,14 +260,55 @@ export const getMarketPriceChartConfig = (
 };
 
 // const donutColors = Array.from({length: 19}, () => (`#${Math.floor(Math.random()*16777215+100000).toString(16)}`))
-const donutColors = ["#bbe81a", "#ff5f0b", "#43ebef", "#1999e5", "#230b2c", "#628be8", "#aa5343", "#c9fa89", "#e88ea8", "#72e4a2", "#38cd87", "#515e13", "#7bf8f5", "#83dd6e", "#e8b203", "#7d11d5", "#3e4927", "#f303e2", "#249493", "#50e5e6", "#11deb2", "#a2f9c7", "#2a7bdc", "#47383a", "#226da4", "#966319", "#1bdf99", "#f3ab0c", "#961f50", "#832efd", "#875287", "#4bebe7", "#1d3d2e", "#9caea4", "#2772f5", "#938bf1", "#6228a5", "#24fea5", "#c9bbc8", "#e27225", "#54bd9f", "#babb2d", "#bcf591", "#803b36", "#124f03"]
-
-
-export const getDonutChartConfig = (
-  theme: string,
-  labels: string[]
-) => {
+const donutColors = [
+  '#bbe81a',
+  '#ff5f0b',
+  '#43ebef',
+  '#1999e5',
+  '#230b2c',
+  '#628be8',
+  '#aa5343',
+  '#c9fa89',
+  '#e88ea8',
+  '#72e4a2',
+  '#38cd87',
+  '#515e13',
+  '#7bf8f5',
+  '#83dd6e',
+  '#e8b203',
+  '#7d11d5',
+  '#3e4927',
+  '#f303e2',
+  '#249493',
+  '#50e5e6',
+  '#11deb2',
+  '#a2f9c7',
+  '#2a7bdc',
+  '#47383a',
+  '#226da4',
+  '#966319',
+  '#1bdf99',
+  '#f3ab0c',
+  '#961f50',
+  '#832efd',
+  '#875287',
+  '#4bebe7',
+  '#1d3d2e',
+  '#9caea4',
+  '#2772f5',
+  '#938bf1',
+  '#6228a5',
+  '#24fea5',
+  '#c9bbc8',
+  '#e27225',
+  '#54bd9f',
+  '#babb2d',
+  '#bcf591',
+  '#803b36',
+  '#124f03',
+];
 
+export const getDonutChartConfig = (theme: string, labels: string[]) => {
   const { themeSecondaryTextColor, themePrimaryTextColor } =
     colorVariables(theme);
 
@@ -359,4 +400,3 @@ export const getDonutChartConfig = (
     ],
   };
 };
-
diff --git a/src/components/dynamic/ArrayBytesElement.vue b/src/components/dynamic/ArrayBytesElement.vue
index ed923cb6df..7746fde504 100644
--- a/src/components/dynamic/ArrayBytesElement.vue
+++ b/src/components/dynamic/ArrayBytesElement.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 <template>
   <div>
-    <div v-for="(item,index) of props.value" :key="index">
+    <div v-for="(item, index) of props.value" :key="index">
       {{ toBase64(item) }}
     </div>
   </div>
diff --git a/src/components/dynamic/ArrayElement.vue b/src/components/dynamic/ArrayElement.vue
index 8b5b8e15be..61b0c86f95 100644
--- a/src/components/dynamic/ArrayElement.vue
+++ b/src/components/dynamic/ArrayElement.vue
@@ -3,7 +3,7 @@ import ArrayBytesElement from './ArrayBytesElement.vue';
 import ArrayObjectElement from './ArrayObjectElement.vue';
 import TextElement from './TextElement.vue';
 import ArrayCoinElement from './ArrayCoinElement.vue';
-import ArrayStringElement from './ArrayStringElement.vue'
+import ArrayStringElement from './ArrayStringElement.vue';
 
 const props = defineProps({
   value: { type: Array<Object> },
diff --git a/src/components/dynamic/ArrayObjectElement.vue b/src/components/dynamic/ArrayObjectElement.vue
index c759a08da5..b035f31eb7 100644
--- a/src/components/dynamic/ArrayObjectElement.vue
+++ b/src/components/dynamic/ArrayObjectElement.vue
@@ -18,7 +18,7 @@ const header = computed(() => {
 });
 </script>
 <template>
-  <div class="overflow-auto max-h-96 ">
+  <div class="overflow-auto max-h-96">
     <table class="table table-xs table-compact table-pin-rows w-full">
       <thead v-if="thead">
         <tr>
diff --git a/src/components/dynamic/ObjectElement.vue b/src/components/dynamic/ObjectElement.vue
index 008537df9d..ce62c90cf3 100644
--- a/src/components/dynamic/ObjectElement.vue
+++ b/src/components/dynamic/ObjectElement.vue
@@ -8,13 +8,11 @@ const props = defineProps(['value']);
     <table class="table table-compact w-full text-sm">
       <tbody>
         <tr v-for="(v, k) of value">
-          <td
-            class="capitalize whitespace-break-spaces min-w-max"
-          >
+          <td class="capitalize whitespace-break-spaces min-w-max">
             {{ String(k).replaceAll('_', ' ') }}
           </td>
           <td class="w-4/5">
-            <div class="overflow-hidden w-auto whitespace-normal" >
+            <div class="overflow-hidden w-auto whitespace-normal">
               <Component
                 v-if="v"
                 :is="select(v, 'horizontal')"
diff --git a/src/components/dynamic/TextElement.vue b/src/components/dynamic/TextElement.vue
index 4354a554f2..9ab28d4026 100644
--- a/src/components/dynamic/TextElement.vue
+++ b/src/components/dynamic/TextElement.vue
@@ -6,15 +6,16 @@ import { computed, onMounted, ref } from 'vue';
 
 import { fromBase64, toHex } from '@cosmjs/encoding';
 
-import { registry as nameMatcha } from "@leapwallet/name-matcha"
+import { registry as nameMatcha } from '@leapwallet/name-matcha';
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 const props = defineProps(['value']);
 const format = useFormatter();
 function isMD() {
   if (
     props.value &&
-    (String(props.value).indexOf('\n') > -1 || String(props.value).indexOf('\\n') > -1)
+    (String(props.value).indexOf('\n') > -1 ||
+      String(props.value).indexOf('\\n') > -1)
   ) {
     return true;
   }
@@ -22,39 +23,44 @@ function isMD() {
 }
 
 function isAddress() {
-  return isBech32Address(props.value) && String(props.value).indexOf('valoper1') === -1
+  return (
+    isBech32Address(props.value) &&
+    String(props.value).indexOf('valoper1') === -1
+  );
 }
 
 const text = computed(() => {
-  if(!props.value) return ""
-  const v = String(props.value)
-  switch(true) {
-    case v.length === 28 && v.endsWith("="): {
-      return format.validator(v) || v
+  if (!props.value) return '';
+  const v = String(props.value);
+  switch (true) {
+    case v.length === 28 && v.endsWith('='): {
+      return format.validator(v) || v;
     }
     // 2023-06-12T03:09:38.253756368Z
-    case v.search(/^[1-9]\d{3}-\d{1,2}-\d{1,2}T\d{1,2}:\d{2}:\d{2}[.\d]*Z$/g) > -1: {
-      return new Date(v).toLocaleString(navigator.language)
+    case v.search(/^[1-9]\d{3}-\d{1,2}-\d{1,2}T\d{1,2}:\d{2}:\d{2}[.\d]*Z$/g) >
+      -1: {
+      return new Date(v).toLocaleString(navigator.language);
     }
     case toHexOutput.value:
-      return toHex(fromBase64(v)).toUpperCase()
+      return toHex(fromBase64(v)).toUpperCase();
   }
-  return v
-})
+  return v;
+});
 
-const names = ref([] as {name?: any, provider?: string}[])
+const names = ref([] as { name?: any; provider?: string }[]);
 
 onMounted(() => {
-  if(isAddress()) nameMatcha.lookupAll(props.value).then(re => {
-
-    names.value = Object.keys(re).map(key => ({name: re[key], provider: key})).filter( x => x.name)
-  })
-})
-const toHexOutput = ref(false)
+  if (isAddress())
+    nameMatcha.lookupAll(props.value).then((re) => {
+      names.value = Object.keys(re)
+        .map((key) => ({ name: re[key], provider: key }))
+        .filter((x) => x.name);
+    });
+});
+const toHexOutput = ref(false);
 const isConvertable = computed(() => {
-  return String(props.value).endsWith('=') && props.value.length !== 28
-})
-
+  return String(props.value).endsWith('=') && props.value.length !== 28;
+});
 </script>
 <template>
   <MdEditor
@@ -64,32 +70,67 @@ const isConvertable = computed(() => {
     class="md-editor-recover"
   ></MdEditor>
   <span v-else-if="isAddress()" class="flex">
-    <RouterLink :to="`/${chainStore.chainName}/account/${text}`">{{ text }}</RouterLink>
-    <div v-for="{name, provider} in names">
-      <span class="text-xs truncate relative py-1 px-2 p2-4 w-fit ml-2 rounded text-success tooltip" :data-tip="provider" :title="provider">
+    <RouterLink :to="`/${chainStore.chainName}/account/${text}`">{{
+      text
+    }}</RouterLink>
+    <div v-for="{ name, provider } in names">
+      <span
+        class="text-xs truncate relative py-1 px-2 p2-4 w-fit ml-2 rounded text-success tooltip"
+        :data-tip="provider"
+        :title="provider"
+      >
         <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-success"></span>
         <button>{{ name }}</button>
       </span>
     </div>
-  </span>  
-  <span v-else class="flex"><span class="break-words max-w-5xl">{{ text }}</span>
-    <span v-if="isConvertable" @click="toHexOutput = !toHexOutput" class="ml-2 cursor-pointer">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-        <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+  </span>
+  <span v-else class="flex"
+    ><span class="break-words max-w-5xl">{{ text }}</span>
+    <span
+      v-if="isConvertable"
+      @click="toHexOutput = !toHexOutput"
+      class="ml-2 cursor-pointer"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        class="w-4 h-4"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+        />
       </svg>
-    </span> 
+    </span>
   </span>
 </template>
 
 <style lang="scss">
 .md-editor-recover {
-  .h1,h1 {
+  .h1,
+  h1 {
     font-size: 2rem;
   }
-  .h2,h2 {
+  .h2,
+  h2 {
     font-size: 1.5rem;
   }
-  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
     font-weight: 500;
@@ -104,10 +145,15 @@ const isConvertable = computed(() => {
     margin-inline-end: 0px;
     padding-inline-start: 40px;
   }
-  dl, ol, ul {
+  dl,
+  ol,
+  ul {
     margin-top: 0;
   }
-  address, dl, ol, ul {
+  address,
+  dl,
+  ol,
+  ul {
     margin-bottom: 1rem;
   }
   p {
@@ -115,11 +161,21 @@ const isConvertable = computed(() => {
     margin-bottom: 1rem;
   }
   a {
-      color: #666cff !important;
+    color: #666cff !important;
   }
-  .h1 > a, .h2> a, .h3> a, .h4> a, .h5> a, .h6> a, h1> a, h2> a, h3> a, h4> a, h5> a, h6> a { 
+  .h1 > a,
+  .h2 > a,
+  .h3 > a,
+  .h4 > a,
+  .h5 > a,
+  .h6 > a,
+  h1 > a,
+  h2 > a,
+  h3 > a,
+  h4 > a,
+  h5 > a,
+  h6 > a {
     color: inherit !important;
   }
-
 }
 </style>
diff --git a/src/components/dynamic/TokenElement.vue b/src/components/dynamic/TokenElement.vue
index 3ddf969367..7fcbf3323e 100644
--- a/src/components/dynamic/TokenElement.vue
+++ b/src/components/dynamic/TokenElement.vue
@@ -1,10 +1,6 @@
 <script lang="ts" setup>
-
 const props = defineProps(['value']);
-
 </script>
 <template>
-  <div class="overflow-auto">
-      {{ value["amount"] }} {{ value["denom"] }}
-  </div>
+  <div class="overflow-auto">{{ value['amount'] }} {{ value['denom'] }}</div>
 </template>
diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index d16621cc3d..c3968af8a7 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -9,21 +9,23 @@ const props = defineProps({
 });
 
 const txs = computed(() => {
-  return props.value?.map((x) => {
-    const tx_bytes = fromBase64(x);
-    let tx = null
-    let injected = 'Standard'
-    try {
-      tx = decodeTxRaw(fromBase64(x))
-    } catch(e) {
-      injected = 'Injected'
-    } 
-    return {
-      hash: hashTx(tx_bytes),
-      tx,
-      injected
-    }
-  }) || []
+  return (
+    props.value?.map((x) => {
+      const tx_bytes = fromBase64(x);
+      let tx = null;
+      let injected = 'Standard';
+      try {
+        tx = decodeTxRaw(fromBase64(x));
+      } catch (e) {
+        injected = 'Injected';
+      }
+      return {
+        hash: hashTx(tx_bytes),
+        tx,
+        injected,
+      };
+    }) || []
+  );
 });
 
 const format = useFormatter();
@@ -35,7 +37,7 @@ const chain = useBlockchain();
       <thead>
         <tr>
           <th>Type</th>
-          <th style="position: relative; z-index: 2;">Hash</th>
+          <th style="position: relative; z-index: 2">Hash</th>
           <th>Msgs</th>
           <th>Memo</th>
         </tr>
@@ -44,10 +46,13 @@ const chain = useBlockchain();
         <tr v-for="item in txs">
           <td>{{ item.injected }}</td>
           <td>
-            <span v-if="item.injected ==='Injected'">{{ item.hash }}</span>
-            <RouterLink v-else :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
-              item.hash
-            }}</RouterLink>
+            <span v-if="item.injected === 'Injected'">{{ item.hash }}</span>
+            <RouterLink
+              v-else
+              :to="`/${chain.chainName}/tx/${item.hash}`"
+              class="text-primary dark:invert"
+              >{{ item.hash }}</RouterLink
+            >
           </td>
           <td>
             <span v-if="item.tx">
@@ -58,7 +63,9 @@ const chain = useBlockchain();
               }}
             </span>
           </td>
-          <td><span v-if="item.tx">{{ item.tx.body.memo }}</span></td>
+          <td>
+            <span v-if="item.tx">{{ item.tx.body.memo }}</span>
+          </td>
         </tr>
       </tbody>
     </table>
diff --git a/src/components/dynamic/index.ts b/src/components/dynamic/index.ts
index 5d228dd0ca..2fc09ec84b 100644
--- a/src/components/dynamic/index.ts
+++ b/src/components/dynamic/index.ts
@@ -31,7 +31,9 @@ function selectObject(v: Object, direct?: string) {
       return UInt8Array;
     case Array.isArray(v):
       return ArrayElement;
-    case v && Object.keys(v).includes('amount') && Object.keys(v).includes('denom'): {
+    case v &&
+      Object.keys(v).includes('amount') &&
+      Object.keys(v).includes('denom'): {
       return TokenElement;
     }
     case direct === 'horizontal':
diff --git a/src/components/icons/IconWeb.vue b/src/components/icons/IconWeb.vue
index 5e0cd0ca6e..e3a9f01be9 100644
--- a/src/components/icons/IconWeb.vue
+++ b/src/components/icons/IconWeb.vue
@@ -1 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" tag="i" class="v-icon notranslate v-theme--light v-icon--size-default iconify iconify--mdi" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"></path></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  aria-hidden="true"
+  role="img"
+  tag="i"
+  class="v-icon notranslate v-theme--light v-icon--size-default iconify iconify--mdi"
+  width="1em"
+  height="1em"
+  viewBox="0 0 24 24"
+><path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"></path></svg>
diff --git a/src/layouts/blank.vue b/src/layouts/blank.vue
index a890f3b4be..e35d12f6b5 100644
--- a/src/layouts/blank.vue
+++ b/src/layouts/blank.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, resolveComponent, h } from 'vue'
+import { defineComponent, resolveComponent, h } from 'vue';
 
 export default defineComponent({
   setup() {
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index caecee9166..64f1ce8005 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -17,9 +17,10 @@ function changeEndpoint(item: Endpoint) {
       <div class="p-1 relative mr-3 cursor-pointer">
         <img v-lazy="chainStore.logo" class="w-9 h-9 rounded-full" />
         <div
-          class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow" :class="{
+          class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow"
+          :class="{
             'bg-success': baseStore.connected,
-            'bg-error': !baseStore.connected
+            'bg-error': !baseStore.connected,
           }"
         ></div>
       </div>
@@ -32,11 +33,14 @@ function changeEndpoint(item: Endpoint) {
           "
           class="capitalize whitespace-nowrap text-base font-semibold text-gray-600 dark:text-gray-200 hidden md:!block"
         >
-          {{ 
+          {{
             baseStore.latest?.block?.header?.height
               ? `#${baseStore.latest.block.header.height}`
-              : chainStore.chainName  || '' 
-          }} <span class="text-error">{{ baseStore.connected ? '' : 'disconnected' }}</span>
+              : chainStore.chainName || ''
+          }}
+          <span class="text-error">{{
+            baseStore.connected ? '' : 'disconnected'
+          }}</span>
         </div>
         <div
           class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap hidden md:!block"
@@ -82,14 +86,20 @@ function changeEndpoint(item: Endpoint) {
       <div class="px-4 py-2 text-sm text-gray-400">Information</div>
       <div class="w-full">
         <div class="py-2 px-4">
-          Chain Id: {{ baseStore.latest.block?.header.chain_id && baseStore.connected
-                        ? baseStore.latest.block.header.chain_id
-                        : 'N/A' }}
+          Chain Id:
+          {{
+            baseStore.latest.block?.header.chain_id && baseStore.connected
+              ? baseStore.latest.block.header.chain_id
+              : 'N/A'
+          }}
         </div>
         <div class="py-2 px-4">
-          Height: {{ baseStore.latest.block?.header.height && baseStore.connected
-                      ? baseStore.latest.block.header.height
-                      : '0' }}
+          Height:
+          {{
+            baseStore.latest.block?.header.height && baseStore.connected
+              ? baseStore.latest.block.header.height
+              : '0'
+          }}
         </div>
       </div>
       <!-- bottom-->
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index df0be7c113..e3955656d3 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -14,7 +14,12 @@ import { useBaseStore, useBlockchain } from '@/stores';
 
 import NavBarI18n from './NavBarI18n.vue';
 import NavBarWallet from './NavBarWallet.vue';
-import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '../types';
+import type {
+  NavGroup,
+  NavLink,
+  NavSectionTitle,
+  VerticalNavItems,
+} from '../types';
 import dayjs from 'dayjs';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
@@ -25,10 +30,10 @@ blockchain.randomSetupEndpoint();
 const baseStore = useBaseStore();
 
 const current = ref(''); // the current chain
-const temp = ref('')
+const temp = ref('');
 blockchain.$subscribe((m, s) => {
   if (current.value === s.chainName && temp.value != s.endpoint.address) {
-    temp.value = s.endpoint.address
+    temp.value = s.endpoint.address;
     blockchain.initial();
   }
   if (current.value != s.chainName) {
@@ -57,24 +62,26 @@ function isNavTitle(nav: VerticalNavItems | any): nav is NavSectionTitle {
   return (<NavSectionTitle>nav).heading !== undefined;
 }
 function selected(route: any, nav: NavLink) {
-  const b = route.path === nav.to?.path || route.path.startsWith(nav.to?.path) && nav.title.indexOf('dashboard') === -1
-  return b
+  const b =
+    route.path === nav.to?.path ||
+    (route.path.startsWith(nav.to?.path) &&
+      nav.title.indexOf('dashboard') === -1);
+  return b;
 }
 const blocktime = computed(() => {
-  return dayjs(baseStore.latest?.block?.header?.time)
+  return dayjs(baseStore.latest?.block?.header?.time);
 });
 
 const behind = computed(() => {
-  const current = dayjs().subtract(10, 'minute')
-  return blocktime.value.isBefore(current)
+  const current = dayjs().subtract(10, 'minute');
+  return blocktime.value.isBefore(current);
 });
 
-dayjs()
+dayjs();
 
 const show_ad = computed(() => {
-  return location.hostname.indexOf('ping.pub') > -1
-})
-
+  return location.hostname.indexOf('ping.pub') > -1;
+});
 </script>
 
 <template>
@@ -82,7 +89,8 @@ const show_ad = computed(() => {
     <!-- sidebar -->
     <div
       class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
-      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }">
+      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }"
+    >
       <div class="flex justify-between mt-1 pl-4 py-4 mb-1">
         <RouterLink to="/" class="flex items-center">
           <img class="w-10 h-10" src="../../assets/logo.svg" />
@@ -90,63 +98,125 @@ const show_ad = computed(() => {
             Ping.pub
           </h1>
         </RouterLink>
-        <div class="pr-4 cursor-pointer xl:!hidden" @click="sidebarShow = false">
+        <div
+          class="pr-4 cursor-pointer xl:!hidden"
+          @click="sidebarShow = false"
+        >
           <Icon icon="mdi-close" class="text-2xl" />
         </div>
       </div>
-      <div v-for="(item, index) of blockchain.computedChainMenu" :key="index" class="px-2">
-        <div v-if="isNavGroup(item)" :tabindex="index" class="collapse" :class="{
-          'collapse-arrow': index > 0 && item?.children?.length > 0,
-          'collapse-open': index === 0 && sidebarOpen,
-          'collapse-close': index === 0 && !sidebarOpen,
-        }">
-          <input v-if="index > 0" type="checkbox" class="cursor-pointer !h-10 block" @click="changeOpen(index)" />
+      <div
+        v-for="(item, index) of blockchain.computedChainMenu"
+        :key="index"
+        class="px-2"
+      >
+        <div
+          v-if="isNavGroup(item)"
+          :tabindex="index"
+          class="collapse"
+          :class="{
+            'collapse-arrow': index > 0 && item?.children?.length > 0,
+            'collapse-open': index === 0 && sidebarOpen,
+            'collapse-close': index === 0 && !sidebarOpen,
+          }"
+        >
+          <input
+            v-if="index > 0"
+            type="checkbox"
+            class="cursor-pointer !h-10 block"
+            @click="changeOpen(index)"
+          />
           <div
-            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
-              'text-yellow-500': item?.title === 'Favorite',
-              'text-blue-500': item?.title !== 'Favorite',
-            }" />
-            <img v-if="item?.icon?.image" :src="item?.icon?.image" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
+            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+          >
+            <Icon
+              v-if="item?.icon?.icon"
+              :icon="item?.icon?.icon"
+              class="text-xl mr-2"
+              :class="{
+                'text-yellow-500': item?.title === 'Favorite',
+                'text-blue-500': item?.title !== 'Favorite',
+              }"
+            />
+            <img
+              v-if="item?.icon?.image"
+              :src="item?.icon?.image"
+              class="w-6 h-6 rounded-full mr-3"
+            />
+            <div
+              class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap"
+            >
               {{ item?.title }}
             </div>
-            <div v-if="item?.badgeContent" class="mr-6 badge badge-sm text-white border-none" :class="item?.badgeClass">
+            <div
+              v-if="item?.badgeContent"
+              class="mr-6 badge badge-sm text-white border-none"
+              :class="item?.badgeClass"
+            >
               {{ item?.badgeContent }}
             </div>
           </div>
           <div class="collapse-content">
-            <div v-for="(el, key) of item?.children" class="menu bg-base-100 w-full !p-0">
-              <RouterLink v-if="isNavLink(el)" @click="sidebarShow = false"
+            <div
+              v-for="(el, key) of item?.children"
+              class="menu bg-base-100 w-full !p-0"
+            >
+              <RouterLink
+                v-if="isNavLink(el)"
+                @click="sidebarShow = false"
                 class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
                 :class="{
                   '!bg-primary': selected($route, el),
-                }" :to="el.to">
-                <Icon v-if="!el?.icon?.image" icon="mdi:chevron-right" class="mr-2 ml-3" :class="{
-                  'text-white':
-                    $route.path === el?.to?.path &&
-                    item?.title !== 'Favorite',
-                }" />
-                <img v-if="el?.icon?.image" :src="el?.icon?.image" class="w-6 h-6 rounded-full mr-3 ml-4 " :class="{
-                  'border border-gray-300 bg-white': selected($route, el),
-                }" />
-                <div class="text-base capitalize text-gray-500 dark:text-gray-300" :class="{
-                  '!text-white': selected($route, el),
-                }">
+                }"
+                :to="el.to"
+              >
+                <Icon
+                  v-if="!el?.icon?.image"
+                  icon="mdi:chevron-right"
+                  class="mr-2 ml-3"
+                  :class="{
+                    'text-white':
+                      $route.path === el?.to?.path &&
+                      item?.title !== 'Favorite',
+                  }"
+                />
+                <img
+                  v-if="el?.icon?.image"
+                  :src="el?.icon?.image"
+                  class="w-6 h-6 rounded-full mr-3 ml-4"
+                  :class="{
+                    'border border-gray-300 bg-white': selected($route, el),
+                  }"
+                />
+                <div
+                  class="text-base capitalize text-gray-500 dark:text-gray-300"
+                  :class="{
+                    '!text-white': selected($route, el),
+                  }"
+                >
                   {{ item?.title === 'Favorite' ? el?.title : $t(el?.title) }}
                 </div>
               </RouterLink>
             </div>
-            <div v-if="index === 0 && dashboard.networkType === NetworkType.Testnet"
-              class="menu bg-base-100 w-full !p-0">
+            <div
+              v-if="
+                index === 0 && dashboard.networkType === NetworkType.Testnet
+              "
+              class="menu bg-base-100 w-full !p-0"
+            >
               <RouterLink
                 class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
-                :to="`/${blockchain.chainName}/faucet`">
+                :to="`/${blockchain.chainName}/faucet`"
+              >
                 <Icon icon="mdi:chevron-right" class="mr-2 ml-3"></Icon>
-                <div class="text-base capitalize text-gray-500 dark:text-gray-300">
+                <div
+                  class="text-base capitalize text-gray-500 dark:text-gray-300"
+                >
                   Faucet
                 </div>
-                <div class="badge badge-sm text-white border-none badge-error ml-auto">
+                <div
+                  class="badge badge-sm text-white border-none badge-error ml-auto"
+                >
                   New
                 </div>
               </RouterLink>
@@ -154,59 +224,103 @@ const show_ad = computed(() => {
           </div>
         </div>
 
-        <RouterLink v-if="isNavLink(item)" :to="item?.to" @click="sidebarShow = false"
-          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]">
-          <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
-            'text-yellow-500': item?.title === 'Favorite',
-            'text-blue-500': item?.title !== 'Favorite',
-          }" />
-          <img v-if="item?.icon?.image" :src="item?.icon?.image"
-            class="w-6 h-6 rounded-full mr-3 border border-blue-100" />
-          <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
+        <RouterLink
+          v-if="isNavLink(item)"
+          :to="item?.to"
+          @click="sidebarShow = false"
+          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
+          <Icon
+            v-if="item?.icon?.icon"
+            :icon="item?.icon?.icon"
+            class="text-xl mr-2"
+            :class="{
+              'text-yellow-500': item?.title === 'Favorite',
+              'text-blue-500': item?.title !== 'Favorite',
+            }"
+          />
+          <img
+            v-if="item?.icon?.image"
+            :src="item?.icon?.image"
+            class="w-6 h-6 rounded-full mr-3 border border-blue-100"
+          />
+          <div
+            class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap"
+          >
             {{ item?.title }}
           </div>
-          <div v-if="item?.badgeContent" class="badge badge-sm text-white border-none" :class="item?.badgeClass">
+          <div
+            v-if="item?.badgeContent"
+            class="badge badge-sm text-white border-none"
+            :class="item?.badgeClass"
+          >
             {{ item?.badgeContent }}
           </div>
         </RouterLink>
-        <div v-if="isNavTitle(item)" class="px-4 text-sm text-gray-400 pb-2 uppercase">
+        <div
+          v-if="isNavTitle(item)"
+          class="px-4 text-sm text-gray-400 pb-2 uppercase"
+        >
           {{ item?.heading }}
         </div>
       </div>
       <div class="px-2">
-        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
-          Tools
-        </div>
-        <RouterLink to="/wallet/suggest"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">Tools</div>
+        <RouterLink
+          to="/wallet/suggest"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
+          <div
+            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
+          >
             Wallet Helper
           </div>
         </RouterLink>
-        <div v-if="showDiscord" class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+        <div
+          v-if="showDiscord"
+          class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase"
+        >
           {{ $t('module.sponsors') }}
         </div>
         <Sponsors v-if="showDiscord" />
-        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
-        <a href="https://twitter.com/ping_pub" target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
+          {{ $t('module.links') }}
+        </div>
+        <a
+          href="https://twitter.com/ping_pub"
+          target="_blank"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:twitter" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
+          <div
+            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
+          >
             Twitter
           </div>
         </a>
-        <a v-if="showDiscord" href="https://discord.com/invite/CmjYVSr6GW" target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <a
+          v-if="showDiscord"
+          href="https://discord.com/invite/CmjYVSr6GW"
+          target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:discord" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
+          <div
+            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
+          >
             Discord
           </div>
         </a>
-        <a href="https://github.com/ping-pub/explorer/discussions" target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <a
+          href="https://github.com/ping-pub/explorer/discussions"
+          target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
+          <div
+            class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200"
+          >
             FAQ
           </div>
         </a>
@@ -214,8 +328,13 @@ const show_ad = computed(() => {
     </div>
     <div class="xl:!ml-64 px-3 pt-4">
       <!-- header -->
-      <div class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10">
-        <div class="text-2xl pr-3 cursor-pointer xl:!hidden" @click="sidebarShow = true">
+      <div
+        class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10"
+      >
+        <div
+          class="text-2xl pr-3 cursor-pointer xl:!hidden"
+          @click="sidebarShow = true"
+        >
           <Icon icon="mdi-menu" />
         </div>
 
@@ -231,15 +350,27 @@ const show_ad = computed(() => {
       </div>
 
       <!-- 👉 Pages -->
-      <div style="min-height: calc(100vh - 180px);">
+      <div style="min-height: calc(100vh - 180px)">
         <div v-if="behind" class="alert alert-error mb-4">
           <div class="flex gap-2">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-              class="stroke-current flex-shrink-0 w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current flex-shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
             </svg>
-            <span>{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{ blocktime.fromNow() }})</span>
+            <span
+              >{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{
+                blocktime.fromNow()
+              }})</span
+            >
           </div>
         </div>
         <RouterView v-slot="{ Component }">
diff --git a/src/layouts/components/NavBarI18n.vue b/src/layouts/components/NavBarI18n.vue
index 2cac260145..92fb9f8468 100644
--- a/src/layouts/components/NavBarI18n.vue
+++ b/src/layouts/components/NavBarI18n.vue
@@ -4,81 +4,79 @@ import { Icon } from '@iconify/vue';
 import { useI18n } from 'vue-i18n';
 
 const i18nLangs: Array<{ label: string; i18nLang: string }> = [
-    {
-        label: 'English',
-        i18nLang: 'en',
-    },
-    {
-        label: '中文',
-        i18nLang: 'zh',
-    },
-    {
-        label: 'Indonesian',
-        i18nLang: 'id',
-    },
-    {
-        label: '日本語',
-        i18nLang: 'ja',
-    },
-    {
-        label: '한국인',
-        i18nLang: 'ko',
-    },
-    {
-        label: 'Deutsch',
-        i18nLang: 'de',
-    },
-    {
-        label: 'Español',
-        i18nLang: 'es',
-    },
+  {
+    label: 'English',
+    i18nLang: 'en',
+  },
+  {
+    label: '中文',
+    i18nLang: 'zh',
+  },
+  {
+    label: 'Indonesian',
+    i18nLang: 'id',
+  },
+  {
+    label: '日本語',
+    i18nLang: 'ja',
+  },
+  {
+    label: '한국인',
+    i18nLang: 'ko',
+  },
+  {
+    label: 'Deutsch',
+    i18nLang: 'de',
+  },
+  {
+    label: 'Español',
+    i18nLang: 'es',
+  },
 ];
 
 let locale = ref(useI18n({ useScope: 'global' }).locale);
 watch(locale, (val) => {
-    document.documentElement.setAttribute('lang', val as string);
+  document.documentElement.setAttribute('lang', val as string);
 });
 
 let currentLang = ref(localStorage.getItem('lang') || 'en');
 
 watch(currentLang, (val: string) => {
-    document.documentElement.setAttribute('lang', val as string);
+  document.documentElement.setAttribute('lang', val as string);
 });
 
 const handleLangChange = (lang: string) => {
-    locale.value = lang;
-    currentLang.value = lang;
-    localStorage.setItem('lang', lang);
+  locale.value = lang;
+  currentLang.value = lang;
+  localStorage.setItem('lang', lang);
 };
 </script>
 
 <template>
-    <div
-        class="dropdown"
-        :class="
-            currentLang === 'ar'
-                ? 'dropdown-right'
-                : 'dropdown-bottom dropdown-end'
-        "
+  <div
+    class="dropdown"
+    :class="
+      currentLang === 'ar' ? 'dropdown-right' : 'dropdown-bottom dropdown-end'
+    "
+  >
+    <label tabindex="0" class="btn btn-ghost btn-circle btn-sm mx-1">
+      <Icon
+        icon="mdi-translate"
+        class="text-2xl text-gray-500 dark:text-gray-400"
+      />
+    </label>
+    <ul
+      tabindex="0"
+      class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-40"
     >
-        <label tabindex="0" class="btn btn-ghost btn-circle btn-sm mx-1">
-            <Icon
-                icon="mdi-translate"
-                class="text-2xl text-gray-500 dark:text-gray-400"
-            />
-        </label>
-        <ul
-            tabindex="0"
-            class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-40"
+      <li v-for="lang in i18nLangs" :key="lang.i18nLang">
+        <a
+          class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
+          :class="{ 'text-primary': currentLang === lang.i18nLang }"
+          @click="handleLangChange(lang.i18nLang)"
+          >{{ lang.label }}</a
         >
-            <li v-for="lang in i18nLangs" :key="lang.i18nLang">
-                <a
-                    class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
-                    :class="{ 'text-primary': currentLang === lang.i18nLang }"
-                    @click="handleLangChange(lang.i18nLang)"
-                    >{{ lang.label }}</a
-                >
-            </li>
-        </ul>
-    </div>
+      </li>
+    </ul>
+  </div>
 </template>
diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index fc52e61674..2702e01213 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vue-router';
 import { useBaseStore, useBlockchain, useWalletStore } from '@/stores';
 import { Icon } from '@iconify/vue';
 import { ref, computed } from 'vue';
@@ -39,44 +39,68 @@ const params = computed(() => {
   if (chainStore.chainName == 'side') {
     return JSON.stringify({
       wallet: ['okex', 'unisat'],
-   });
+    });
   }
-  return "";
+  return '';
 });
-
 </script>
 
 <template>
   <div class="dropdown dropdown-hover dropdown-end">
-    <label tabindex="0" class="btn btn-sm btn-primary m-1 lowercase truncate !inline-flex text-xs md:!text-sm">
+    <label
+      tabindex="0"
+      class="btn btn-sm btn-primary m-1 lowercase truncate !inline-flex text-xs md:!text-sm"
+    >
       <Icon icon="mdi:wallet" />
       <span class="ml-1 hidden md:block">
-        {{ walletStore.shortAddress || 'Wallet' }}</span>
+        {{ walletStore.shortAddress || 'Wallet' }}</span
+      >
     </label>
-    <div tabindex="0" class="dropdown-content menu shadow p-2 bg-base-100 rounded w-52 md:!w-64 overflow-auto">
-      <label v-if="!walletStore?.currentAddress" for="PingConnectWallet" class="btn btn-sm btn-primary">
+    <div
+      tabindex="0"
+      class="dropdown-content menu shadow p-2 bg-base-100 rounded w-52 md:!w-64 overflow-auto"
+    >
+      <label
+        v-if="!walletStore?.currentAddress"
+        for="PingConnectWallet"
+        class="btn btn-sm btn-primary"
+      >
         <Icon icon="mdi:wallet" /><span class="ml-1 block">Connect Wallet</span>
       </label>
       <div class="px-2 mb-1 text-gray-500 dark:text-gray-400 font-semibold">
         {{ walletStore.connectedWallet?.wallet }}
       </div>
       <div>
-        <a v-if="walletStore.currentAddress"
+        <a
+          v-if="walletStore.currentAddress"
           class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          style="overflow-wrap: anywhere" @click="copyAdress(walletStore.currentAddress)">
+          style="overflow-wrap: anywhere"
+          @click="copyAdress(walletStore.currentAddress)"
+        >
           {{ walletStore.currentAddress }}
         </a>
         <div class="divider mt-1 mb-1"></div>
         <RouterLink to="/wallet/accounts">
-          <div class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer">Accounts</div>
+          <div
+            class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer"
+          >
+            Accounts
+          </div>
         </RouterLink>
         <RouterLink to="/wallet/portfolio">
-          <div class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer">Portfolio</div>
+          <div
+            class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer"
+          >
+            Portfolio
+          </div>
         </RouterLink>
         <div v-if="walletStore.currentAddress" class="divider mt-1 mb-1"></div>
-        <a v-if="walletStore.currentAddress"
+        <a
+          v-if="walletStore.currentAddress"
           class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          @click="walletStore.disconnect()">Disconnect</a>
+          @click="walletStore.disconnect()"
+          >Disconnect</a
+        >
       </div>
     </div>
     <div class="toast" v-show="showCopyToast === 1">
@@ -95,9 +119,14 @@ const params = computed(() => {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet :chain-id="baseStore.currentChainId || 'cosmoshub-4'" :hd-path="chainStore.defaultHDPath"
-      :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
-      @keplr-config="walletStore.suggestChain()"  :params="params" />
+    <ping-connect-wallet
+      :chain-id="baseStore.currentChainId || 'cosmoshub-4'"
+      :hd-path="chainStore.defaultHDPath"
+      :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'"
+      @connect="walletStateChange"
+      @keplr-config="walletStore.suggestChain()"
+      :params="params"
+    />
   </Teleport>
 </template>
 
diff --git a/src/layouts/components/NavFooter.vue b/src/layouts/components/NavFooter.vue
index babc284e1a..21e96b0e9e 100644
--- a/src/layouts/components/NavFooter.vue
+++ b/src/layouts/components/NavFooter.vue
@@ -5,10 +5,8 @@
   >
     <div class="flex flex-1">
       &copy;&nbsp;
-      {{ new Date().getFullYear() }}&nbsp;
-      Made With&nbsp;
-      <img src="../../assets/images/heart.svg" />&nbsp;
-      By&nbsp;
+      {{ new Date().getFullYear() }}&nbsp; Made With&nbsp;
+      <img src="../../assets/images/heart.svg" />&nbsp; By&nbsp;
       <a
         class="link link-primary no-underline"
         href="https://ping.pub"
@@ -17,9 +15,7 @@
         >Ping.pub</a
       >
     </div>
-    <div
-      class="hidden md:!block"
-    >
+    <div class="hidden md:!block">
       <a
         class="link link-primary no-underline mr-4"
         href="https://github.com/ping-pub/explorer/blob/master/LICENSE"
@@ -34,4 +30,4 @@
       >
     </div>
   </footer>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/layouts/components/NavbarThemeSwitcher.vue b/src/layouts/components/NavbarThemeSwitcher.vue
index dca49ed1e3..2a2f67f02e 100644
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -4,45 +4,45 @@ import { onMounted, computed } from 'vue';
 import { useBaseStore } from '@/stores';
 
 const themeMap: Record<string, string> = {
-    system: 'mdi-laptop',
-    light: 'mdi-weather-sunny',
-    dark: 'mdi-weather-night',
+  system: 'mdi-laptop',
+  light: 'mdi-weather-sunny',
+  dark: 'mdi-weather-night',
 };
 const baseStore = useBaseStore();
 const theme = computed(() => {
-    return baseStore.theme;
+  return baseStore.theme;
 });
 
 const changeMode = (val?: 'dark' | 'light') => {
-    let value: 'dark' | 'light' = 'dark';
-    const currentValue: 'dark' | 'light' = val || theme.value;
-    if (currentValue === 'dark') {
-        value = 'light';
-    }
-    if (value === 'light') {
-        document.documentElement.classList.add('light');
-        document.documentElement.classList.remove('dark');
-    } else {
-        document.documentElement.classList.add('dark');
-        document.documentElement.classList.remove('light');
-    }
-    document.documentElement.setAttribute('data-theme', value);
-    window.localStorage.setItem('theme', value);
-    baseStore.theme = value;
+  let value: 'dark' | 'light' = 'dark';
+  const currentValue: 'dark' | 'light' = val || theme.value;
+  if (currentValue === 'dark') {
+    value = 'light';
+  }
+  if (value === 'light') {
+    document.documentElement.classList.add('light');
+    document.documentElement.classList.remove('dark');
+  } else {
+    document.documentElement.classList.add('dark');
+    document.documentElement.classList.remove('light');
+  }
+  document.documentElement.setAttribute('data-theme', value);
+  window.localStorage.setItem('theme', value);
+  baseStore.theme = value;
 };
 
 onMounted(() => {
-    changeMode(theme.value === 'light' ? 'dark' : 'light');
+  changeMode(theme.value === 'light' ? 'dark' : 'light');
 });
 </script>
 
 <template>
-    <div class="tooltip tooltip-bottom delay-1000">
-        <button
-            class="btn btn-ghost btn-circle btn-sm mx-1"
-            @click="changeMode()"
-        >
-            <Icon :icon="themeMap?.[theme]" class="text-2xl text-gray-500 dark:text-gray-400" />
-        </button>
-    </div>
+  <div class="tooltip tooltip-bottom delay-1000">
+    <button class="btn btn-ghost btn-circle btn-sm mx-1" @click="changeMode()">
+      <Icon
+        :icon="themeMap?.[theme]"
+        class="text-2xl text-gray-500 dark:text-gray-400"
+      />
+    </button>
+  </div>
 </template>
diff --git a/src/layouts/components/Sponsors.vue b/src/layouts/components/Sponsors.vue
index 51fe278581..2ad901ace4 100644
--- a/src/layouts/components/Sponsors.vue
+++ b/src/layouts/components/Sponsors.vue
@@ -1,25 +1,43 @@
 <template>
-    <div>
-        <a href="https://cosmos.network" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/cosmos.svg" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Cosmos Hub
-            </div>
-        </a>
-        <a href="https://osmosis.zone" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/osmosis.jpg" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Osmosis
-            </div>
-        </a>
-        <a href="https://celestia.org" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/celestia.png" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Celestia
-            </div>
-        </a>
-    </div>
-</template>
\ No newline at end of file
+  <div>
+    <a
+      href="https://cosmos.network"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img
+        src="https://ping.pub/logos/cosmos.svg"
+        class="w-6 h-6 rounded-full mr-3"
+      />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+        Cosmos Hub
+      </div>
+    </a>
+    <a
+      href="https://osmosis.zone"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img
+        src="https://ping.pub/logos/osmosis.jpg"
+        class="w-6 h-6 rounded-full mr-3"
+      />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+        Osmosis
+      </div>
+    </a>
+    <a
+      href="https://celestia.org"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img
+        src="https://ping.pub/logos/celestia.png"
+        class="w-6 h-6 rounded-full mr-3"
+      />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
+        Celestia
+      </div>
+    </a>
+  </div>
+</template>
diff --git a/src/layouts/types.d.ts b/src/layouts/types.d.ts
index f109461e98..079e47afc3 100644
--- a/src/layouts/types.d.ts
+++ b/src/layouts/types.d.ts
@@ -1,59 +1,64 @@
 // 👉 Vertical nav section title
 export interface NavSectionTitle extends Partial<AclProperties> {
-    heading: string
+  heading: string;
 }
 
 // 👉 Vertical nav link
-declare type ATagTargetAttrValues = '_blank' | '_self' | '_parent' | '_top' | 'framename'
+declare type ATagTargetAttrValues =
+  | '_blank'
+  | '_self'
+  | '_parent'
+  | '_top'
+  | 'framename';
 declare type ATagRelAttrValues =
-    | 'alternate'
-    | 'author'
-    | 'bookmark'
-    | 'external'
-    | 'help'
-    | 'license'
-    | 'next'
-    | 'nofollow'
-    | 'noopener'
-    | 'noreferrer'
-    | 'prev'
-    | 'search'
-    | 'tag'
+  | 'alternate'
+  | 'author'
+  | 'bookmark'
+  | 'external'
+  | 'help'
+  | 'license'
+  | 'next'
+  | 'nofollow'
+  | 'noopener'
+  | 'noreferrer'
+  | 'prev'
+  | 'search'
+  | 'tag';
 
 export interface NavLinkProps {
-    to?: RouteLocationRaw | string | null
-    href?: string
-    target?: ATagTargetAttrValues
-    rel?: ATagRelAttrValues
-    i18n?: boolean
+  to?: RouteLocationRaw | string | null;
+  href?: string;
+  target?: ATagTargetAttrValues;
+  rel?: ATagRelAttrValues;
+  i18n?: boolean;
 }
 
 export interface Icon {
-    icon?: string,
-    image?: string,
-    size: string,
+  icon?: string;
+  image?: string;
+  size: string;
 }
 
 export interface NavLink extends NavLinkProps {
-    title: string
-    icon?: Icon
-    badgeContent?: string | number
-    badgeClass?: string
-    disable?: boolean
-    order?: number
+  title: string;
+  icon?: Icon;
+  badgeContent?: string | number;
+  badgeClass?: string;
+  disable?: boolean;
+  order?: number;
 }
 
 // 👉 Vertical nav group
 export interface NavGroup {
-    title: string
-    icon?: Icon
-    badgeContent?: string | number
-    badgeClass?: string
-    children: (NavLink | NavGroup)[]
-    disable?: boolean
-    order?: number
-    i18n?: boolean
+  title: string;
+  icon?: Icon;
+  badgeContent?: string | number;
+  badgeClass?: string;
+  children: (NavLink | NavGroup)[];
+  disable?: boolean;
+  order?: number;
+  i18n?: boolean;
 }
 
-export declare type VerticalNavItems = (NavLink | NavGroup | NavSectionTitle)[]
-export declare type HorizontalNavItems = (NavLink | NavGroup)[]
\ No newline at end of file
+export declare type VerticalNavItems = (NavLink | NavGroup | NavSectionTitle)[];
+export declare type HorizontalNavItems = (NavLink | NavGroup)[];
diff --git a/src/libs/address.ts b/src/libs/address.ts
index 1bd5f46b88..5a30087ec2 100644
--- a/src/libs/address.ts
+++ b/src/libs/address.ts
@@ -44,8 +44,9 @@ export function consensusPubkeyToHexAddress(consensusPubkey?: {
 }
 
 // not work as expected, will fix later or remove
-export function consumerKeyToBase64Address(consumerKey?: Record<string, string>) {
-
+export function consumerKeyToBase64Address(
+  consumerKey?: Record<string, string>
+) {
   if (!consumerKey) return '';
   let raw = '';
   if (consumerKey.ed25519) {
@@ -55,7 +56,8 @@ export function consumerKeyToBase64Address(consumerKey?: Record<string, string>)
 
   if (consumerKey.secp256k1) {
     const pubkey = fromBase64(consumerKey.secp256k1);
-    if (pubkey) return toBase64(new Ripemd160().update(sha256(pubkey)).digest());
+    if (pubkey)
+      return toBase64(new Ripemd160().update(sha256(pubkey)).digest());
   }
   return raw;
 }
diff --git a/src/libs/api/customization/atomone.ts b/src/libs/api/customization/atomone.ts
index 5e03678cd9..fa7a14103c 100644
--- a/src/libs/api/customization/atomone.ts
+++ b/src/libs/api/customization/atomone.ts
@@ -1,68 +1,72 @@
-import type{ RequestRegistry } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
 // import dayjs from 'dayjs'
-import { adapter } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import { adapter } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'atomone'
+export const name = 'atomone';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        //p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    //p.proposal_id = p.id
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
-    // mint_inflation: { 
-    //     url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
-    //     adapter: async (data: any) => {
-    //         const [first] = data
-    //         return {inflation: String(Number(first?.apr|| "0")/100.0)}
-    //     } 
-    // },
-    gov_params_voting: { url: '/atomone/gov/v1beta1/params/voting', adapter },
-    gov_params_tally: { url: '/atomone/gov/v1beta1/params/tallying', adapter },
-    gov_params_deposit: { url: '/atomone/gov/v1beta1/params/deposit', adapter },
-    gov_proposals: { url: '/atomone/gov/v1beta1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  // mint_inflation: {
+  //     url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`,
+  //     adapter: async (data: any) => {
+  //         const [first] = data
+  //         return {inflation: String(Number(first?.apr|| "0")/100.0)}
+  //     }
+  // },
+  gov_params_voting: { url: '/atomone/gov/v1beta1/params/voting', adapter },
+  gov_params_tally: { url: '/atomone/gov/v1beta1/params/tallying', adapter },
+  gov_params_deposit: { url: '/atomone/gov/v1beta1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/atomone/gov/v1beta1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/evmos.ts b/src/libs/api/customization/evmos.ts
index 09f8c52701..7c0c44f008 100644
--- a/src/libs/api/customization/evmos.ts
+++ b/src/libs/api/customization/evmos.ts
@@ -1,59 +1,68 @@
-import type{ RequestRegistry } from '../registry'
-import { adapter } from '../registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import type { RequestRegistry } from '../registry';
+import { adapter } from '../registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'evmos'
+export const name = 'evmos';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: async (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
-    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
-    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
-    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  mint_inflation: {
+    url: '/evmos/inflation/v1/inflation_rate',
+    adapter: async (data: any) => ({
+      inflation: (Number(data.inflation_rate || 0) / 100).toFixed(2),
+    }),
+  },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/nolus.ts b/src/libs/api/customization/nolus.ts
index 3418d220af..cb70e022a2 100644
--- a/src/libs/api/customization/nolus.ts
+++ b/src/libs/api/customization/nolus.ts
@@ -1,24 +1,25 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import type { RequestRegistry } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
-import { adapter } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry';
 
 // Blockchain Name
 export const name = 'nolus';
 
 function proposalAdapter(p: any): GovProposal {
   if (p) {
-    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-    p.proposal_id = p.id
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
     p.final_tally_result = {
       yes: p.final_tally_result?.yes_count,
       no: p.final_tally_result?.no_count,
       no_with_veto: p.final_tally_result?.no_with_veto_count,
       abstain: p.final_tally_result?.abstain_count,
-    }
+    };
   }
-  return p
+  return p;
 }
 
 // nolus custom request
@@ -27,39 +28,59 @@ export const requests: Partial<RequestRegistry> = {
     url: '/nolus/mint/v1beta1/annual_inflation',
     adapter: async (data: any): Promise<any> => {
       try {
-        const client = CosmosRestClient.newDefault(useBlockchain().endpoint.address)
-        const staking = await client.getStakingPool()
-        const inflation = Number(data.annual_inflation) / Number(staking.pool.bonded_tokens) || 0;
+        const client = CosmosRestClient.newDefault(
+          useBlockchain().endpoint.address
+        );
+        const staking = await client.getStakingPool();
+        const inflation =
+          Number(data.annual_inflation) / Number(staking.pool.bonded_tokens) ||
+          0;
         return { inflation: inflation.toString() };
       } catch (error) {
-        console.log("Error in adapter:", error);
-        return { inflation: "0" };
+        console.log('Error in adapter:', error);
+        return { inflation: '0' };
       }
-    }
+    },
   },
   gov_proposals: {
-    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
         proposals,
-        pagination: source.pagination
-      }
-    }
+        pagination: source.pagination,
+      };
+    },
   },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
     adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
       return {
-        proposal: proposalAdapter(source.proposal)
-      }
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals_deposits: { url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits', adapter },
-  gov_proposals_tally: { url: '/cosmos/gov/v1/proposals/{proposal_id}/tally', adapter },
-  gov_proposals_votes: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes', adapter },
-  gov_proposals_votes_voter: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}', adapter },
-  bank_supply_by_denom: { url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter }
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+  bank_supply_by_denom: {
+    url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}',
+    adapter,
+  },
 };
diff --git a/src/libs/api/customization/osmosis.ts b/src/libs/api/customization/osmosis.ts
index 60c7e56a3a..565ea5dfbf 100644
--- a/src/libs/api/customization/osmosis.ts
+++ b/src/libs/api/customization/osmosis.ts
@@ -1,68 +1,74 @@
-import type{ RequestRegistry } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
 // import dayjs from 'dayjs'
-import { adapter } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import { adapter } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'osmosis'
+export const name = 'osmosis';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { 
-        url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
-        adapter: async (data: any) => {
-            const [first] = data
-            return {inflation: String(Number(first?.apr|| "0")/100.0)}
-        } 
+  mint_inflation: {
+    url: `https://public-osmosis-api.numia.xyz/apr?start_date=${
+      new Date(new Date().getTime() - 186400 * 1000).toISOString().split('T')[0]
+    }&end_date=${new Date().toISOString().split('T')[0]}`,
+    adapter: async (data: any) => {
+      const [first] = data;
+      return { inflation: String(Number(first?.apr || '0') / 100.0) };
     },
-    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
-    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
-    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/v0.46.0.ts b/src/libs/api/customization/v0.46.0.ts
index 36aa780553..954e08327a 100644
--- a/src/libs/api/customization/v0.46.0.ts
+++ b/src/libs/api/customization/v0.46.0.ts
@@ -1,51 +1,55 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import { adapter } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
+import { adapter } from '@/libs/api/registry';
 import type {
-    GovParams,
-    GovProposal,
-    GovVote,
-    PaginatedProposalDeposit,
-    PaginatedProposalVotes,
-    PaginatedProposals,
-    Tally,
-  } from '@/types/';
+  GovParams,
+  GovProposal,
+  GovVote,
+  PaginatedProposalDeposit,
+  PaginatedProposalVotes,
+  PaginatedProposals,
+  Tally,
+} from '@/types/';
 
 // which registry is store
-export const store = 'version' // name or version
+export const store = 'version'; // name or version
 // Cosmos SDK version
-export const name = 'v0.46.7'
+export const name = 'v0.46.7';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
-    return {
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
+      return {
         proposals,
-        pagination: source.pagination
-    }
-  }},
+        pagination: source.pagination,
+      };
+    },
+  },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
-    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-        return {
-            proposal: proposalAdapter(source.proposal)
-        }
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -64,4 +68,4 @@ export const requests: Partial<RequestRegistry> = {
     url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
     adapter,
   },
-}
+};
diff --git a/src/libs/api/customization/v0.50.0.ts b/src/libs/api/customization/v0.50.0.ts
index fec605ba27..8db577cc66 100644
--- a/src/libs/api/customization/v0.50.0.ts
+++ b/src/libs/api/customization/v0.50.0.ts
@@ -1,53 +1,59 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import { adapter } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
+import { adapter } from '@/libs/api/registry';
 import type {
-    GovParams,
-    GovProposal,
-    GovVote,
-    PaginatedProposalDeposit,
-    PaginatedProposalVotes,
-    PaginatedProposals,
-    Tally,
-  } from '@/types/';
+  GovParams,
+  GovProposal,
+  GovVote,
+  PaginatedProposalDeposit,
+  PaginatedProposalVotes,
+  PaginatedProposals,
+  Tally,
+} from '@/types/';
 
 // which registry is store
-export const store = 'version' // name or version
+export const store = 'version'; // name or version
 // Cosmos SDK version
-export const name = 'v0.50.0'
+export const name = 'v0.50.0';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
-  
-  bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
+  bank_supply_by_denom: {
+    url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}',
+    adapter,
+  },
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
-    return {
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
+      return {
         proposals,
-        pagination: source.pagination
-    }
-  }},
+        pagination: source.pagination,
+      };
+    },
+  },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
-    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-        return {
-            proposal: proposalAdapter(source.proposal)
-        }
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -66,4 +72,4 @@ export const requests: Partial<RequestRegistry> = {
     url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
     adapter,
   },
-}
+};
diff --git a/src/libs/api/customization/xion.ts b/src/libs/api/customization/xion.ts
index 4544d270ba..ba6fab19b9 100644
--- a/src/libs/api/customization/xion.ts
+++ b/src/libs/api/customization/xion.ts
@@ -1,11 +1,8 @@
 import type { RequestRegistry } from '@/libs/api/registry';
-import { adapter } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry';
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
-import type {
-  GovProposal,
-  PaginatedProposals,
-} from '@/types/';
+import type { GovProposal, PaginatedProposals } from '@/types/';
 
 // which registry is store
 export const store = 'name'; // name or version
@@ -14,39 +11,44 @@ export const name = 'xion';
 
 export function proposalAdapter(p: any): GovProposal {
   if (p) {
-    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-    p.proposal_id = p.id
+    if (p.messages && p.messages.length >= 1)
+      p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
     p.final_tally_result = {
       yes: p.final_tally_result?.yes_count,
       no: p.final_tally_result?.no_count,
       no_with_veto: p.final_tally_result?.no_with_veto_count,
       abstain: p.final_tally_result?.abstain_count,
-    }
+    };
   }
-  return p
+  return p;
 }
 
 // xion custom request
 export const requests: Partial<RequestRegistry> = {
-  bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
+  bank_supply_by_denom: {
+    url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}',
+    adapter,
+  },
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
   gov_proposals: {
-    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
         proposals,
-        pagination: source.pagination
-      }
-    }
+        pagination: source.pagination,
+      };
+    },
   },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
     adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
       return {
-        proposal: proposalAdapter(source.proposal)
-      }
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -99,4 +101,4 @@ export const requests: Partial<RequestRegistry> = {
       }
     },
   },
-}
+};
diff --git a/src/libs/api/index.ts b/src/libs/api/index.ts
index cdf9c9ea73..92a81948d4 100644
--- a/src/libs/api/index.ts
+++ b/src/libs/api/index.ts
@@ -1,7 +1,4 @@
-import {
-  type RequestRegistry,
-  adapter,
-} from './registry';
+import { type RequestRegistry, adapter } from './registry';
 
 export const DEFAULT: RequestRegistry = {
   auth_params: { url: '/cosmos/auth/v1beta1/params', adapter },
@@ -10,7 +7,10 @@ export const DEFAULT: RequestRegistry = {
     url: '/cosmos/auth/v1beta1/accounts/{address}',
     adapter,
   },
-  params: { url: '/cosmos/params/v1beta1/params?subspace={subspace}&key={key}', adapter },
+  params: {
+    url: '/cosmos/params/v1beta1/params?subspace={subspace}&key={key}',
+    adapter,
+  },
   bank_params: { url: '/cosmos/bank/v1beta1/params', adapter },
   bank_balances_address: {
     url: '/cosmos/bank/v1beta1/balances/{address}',
@@ -228,5 +228,4 @@ export const DEFAULT: RequestRegistry = {
     url: '/cosmos/group/v1/proposals_by_group_policy/{address}',
     adapter,
   },
-
 };
diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index 9e975bf431..d939055cc9 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -47,7 +47,7 @@ import type {
   Validator,
 } from '@/types/staking';
 import type { PaginatedTxs, Tx, TxResponse } from '@/types';
-import semver from 'semver'
+import semver from 'semver';
 export interface Request<T> {
   url: string;
   adapter: (source: any) => Promise<T>;
@@ -80,10 +80,10 @@ export interface RequestRegistry extends AbstractRegistry {
   distribution_community_pool: Request<{ pool: Coin[] }>;
   distribution_delegator_rewards: Request<{
     rewards: {
-      validator_address: string, 
-      reward: Coin[]
-    }[],
-    total: Coin[]
+      validator_address: string;
+      reward: Coin[];
+    }[];
+    total: Coin[];
   }>;
 
   mint_inflation: Request<{ inflation: string }>;
@@ -95,7 +95,7 @@ export interface RequestRegistry extends AbstractRegistry {
   }>;
   mint_annual_provisions: Request<{ annual_provisions: string }>;
 
-  slashing_params: Request<{params: SlashingParam}>;
+  slashing_params: Request<{ params: SlashingParam }>;
   slashing_signing_info: Request<PaginatedSigningInfo>;
 
   gov_params_voting: Request<GovParams>;
@@ -129,7 +129,7 @@ export interface RequestRegistry extends AbstractRegistry {
   base_tendermint_validatorsets_latest: Request<PaginatedTendermintValidator>;
   base_tendermint_validatorsets_height: Request<PaginatedTendermintValidator>;
 
-  params: Request<{param: any}>;
+  params: Request<{ param: any }>;
 
   group_groups: Request<PaginatedGroups>;
   group_groups_by_admin: Request<PaginatedGroups>;
@@ -163,9 +163,19 @@ export interface RequestRegistry extends AbstractRegistry {
   ibc_core_connection_connections: Request<PaginatedIBCConnections>;
   ibc_core_connection_connections_connection_id: Request<ConnectionWithProof>;
   ibc_core_connection_connections_connection_id_client_state: Request<ClientStateWithProof>;
-  interchain_security_ccv_provider_validator_consumer_addr: Request<{consumer_address: string}>
-  interchain_security_provider_opted_in_validators: Request<{validators_provider_addresses: string[]}>
-  interchain_security_consumer_validators: Request<{validators: {provider_address: string, consumer_key: {ed25519: string}, power: string}[]}>
+  interchain_security_ccv_provider_validator_consumer_addr: Request<{
+    consumer_address: string;
+  }>;
+  interchain_security_provider_opted_in_validators: Request<{
+    validators_provider_addresses: string[];
+  }>;
+  interchain_security_consumer_validators: Request<{
+    validators: {
+      provider_address: string;
+      consumer_key: { ed25519: string };
+      power: string;
+    }[];
+  }>;
 }
 
 export function adapter<T>(source: any): Promise<T> {
@@ -188,16 +198,20 @@ export const VERSION_REGISTRY: ApiProfileRegistry = {};
 // ChainName Profile Registory
 export const NAME_REGISTRY: ApiProfileRegistry = {};
 
-export function registryVersionProfile(version: string, requests: RequestRegistry) {
-  VERSION_REGISTRY[version] = requests
+export function registryVersionProfile(
+  version: string,
+  requests: RequestRegistry
+) {
+  VERSION_REGISTRY[version] = requests;
 }
 
-export function registryChainProfile(version: string, requests: RequestRegistry) {
-  NAME_REGISTRY[version] = requests
+export function registryChainProfile(
+  version: string,
+  requests: RequestRegistry
+) {
+  NAME_REGISTRY[version] = requests;
 }
-export function findApiProfileByChain(
-  name: string,
-): RequestRegistry {
+export function findApiProfileByChain(name: string): RequestRegistry {
   const url = NAME_REGISTRY[name];
   // if (!url) {
   //   throw new Error(`Unsupported version or name: ${name}`);
@@ -206,12 +220,12 @@ export function findApiProfileByChain(
 }
 
 export function findApiProfileBySDKVersion(
-  version: string,
+  version: string
 ): RequestRegistry | undefined {
   let closestVersion: string | null = null;
-  const chain_version = version.match(/(\d+\.\d+\.?\d*)/g) || [""];
+  const chain_version = version.match(/(\d+\.\d+\.?\d*)/g) || [''];
   for (const k in VERSION_REGISTRY) {
-    const key = k.replace('v', "")
+    const key = k.replace('v', '');
     if (semver.lte(key, chain_version[0])) {
       if (!closestVersion || semver.gt(key, closestVersion)) {
         closestVersion = k;
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 99275e81dc..8b09066f99 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -11,8 +11,8 @@ import {
   registryVersionProfile,
   withCustomRequest,
 } from './api/registry';
-import { PageRequest,type Coin } from '@/types';
-import semver from 'semver'
+import { PageRequest, type Coin } from '@/types';
+import semver from 'semver';
 
 export class BaseRestClient<R extends AbstractRegistry> {
   version: string;
@@ -21,17 +21,26 @@ export class BaseRestClient<R extends AbstractRegistry> {
   constructor(endpoint: string, registry: R, version?: string) {
     this.endpoint = endpoint;
     this.registry = registry;
-    this.version = version || 'v0.40'
+    this.version = version || 'v0.40';
   }
-  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => Promise<T> ) {
-    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
+  async request<T>(
+    request: Request<T>,
+    args: Record<string, any>,
+    query = '',
+    adapter?: (source: any) => Promise<T>
+  ) {
+    let url = `${request.url.startsWith('http') ? '' : this.endpoint}${
+      request.url
+    }${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });
-    return fetchData<T>(url, adapter||request.adapter);
+    return fetchData<T>(url, adapter || request.adapter);
   }
-  async get<T>(request: Request<T>, args: Record<string, any>, query = '' ) {
-    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
+  async get<T>(request: Request<T>, args: Record<string, any>, query = '') {
+    let url = `${request.url.startsWith('http') ? '' : this.endpoint}${
+      request.url
+    }${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });
@@ -41,42 +50,47 @@ export class BaseRestClient<R extends AbstractRegistry> {
 
 // dynamic all custom request implementations
 function registeCustomRequest() {
-  const extensions: Record<string, any> = import.meta.glob('./api/customization/*.ts', { eager: true });
-  Object.values(extensions).forEach(m => {
-    if(m.store === 'version') {
-      registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests))
+  const extensions: Record<string, any> = import.meta.glob(
+    './api/customization/*.ts',
+    { eager: true }
+  );
+  Object.values(extensions).forEach((m) => {
+    if (m.store === 'version') {
+      registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests));
     } else {
       registryChainProfile(m.name, withCustomRequest(DEFAULT, m.requests));
     }
   });
 }
-    
-registeCustomRequest()
+
+registeCustomRequest();
 
 export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   static newDefault(endpoint: string) {
-    return new CosmosRestClient(endpoint, DEFAULT)
+    return new CosmosRestClient(endpoint, DEFAULT);
   }
 
   static newStrategy(endpoint: string, chain: any) {
     // sdk version of current chain
-    const ver = localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk
-    let profile
-    if(chain) {
+    const ver =
+      localStorage.getItem(`sdk_version_${chain.chainName}`) ||
+      chain.versions?.cosmosSdk;
+    let profile;
+    if (chain) {
       // find by name first
-      profile = findApiProfileByChain(chain.chainName)
+      profile = findApiProfileByChain(chain.chainName);
       // if not found. try sdk version
-      if(!profile && chain.versions?.cosmosSdk) {
-        profile = findApiProfileBySDKVersion(ver)
+      if (!profile && chain.versions?.cosmosSdk) {
+        profile = findApiProfileBySDKVersion(ver);
       }
     }
-    return new CosmosRestClient(endpoint, profile || DEFAULT, ver)
+    return new CosmosRestClient(endpoint, profile || DEFAULT, ver);
   }
 
   // Auth Module
   async getAuthAccounts(page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
     return this.request(this.registry.auth_accounts, {}, query);
   }
   async getAuthAccount(address: string) {
@@ -92,20 +106,28 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getBankDenomMetadata() {
     return this.request(this.registry.bank_denoms_metadata, {});
   }
-  async getBankSupply(page?: PageRequest) {    
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
+  async getBankSupply(page?: PageRequest) {
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
     return this.request(this.registry.bank_supply, {}, query);
   }
   async getBankSupplyByDenom(denom: string) {
     let supply;
-    try{
-       supply = await this.request(this.registry.bank_supply_by_denom, { denom });
-    } catch(err) {
+    try {
+      supply = await this.request(this.registry.bank_supply_by_denom, {
+        denom,
+      });
+    } catch (err) {
       // will move this to sdk version profile later
-      supply = await this.request({url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter } as Request<{ amount: Coin }>, { denom });
+      supply = await this.request(
+        {
+          url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}',
+          adapter,
+        } as Request<{ amount: Coin }>,
+        { denom }
+      );
     }
-    return supply
+    return supply;
   }
   // Distribution Module
   async getDistributionParams() {
@@ -145,8 +167,8 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   }
   // Gov
   async getParams(subspace: string, key: string) {
-    console.log(this.registry.params, subspace, key)
-    return this.request(this.registry.params, {subspace, key});
+    console.log(this.registry.params, subspace, key);
+    return this.request(this.registry.params, { subspace, key });
   }
   async getGovParamsVoting() {
     return this.request(this.registry.gov_params_voting, {});
@@ -158,9 +180,9 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.gov_params_tally, {});
   }
   async getGovProposals(status: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    page.reverse = true
-    const query =`?proposal_status={status}&${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    page.reverse = true;
+    const query = `?proposal_status={status}&${page.toQueryString()}`;
     return this.request(this.registry.gov_proposals, { status }, query);
   }
   async getGovProposal(proposal_id: string) {
@@ -172,22 +194,32 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.gov_proposals_deposits, { proposal_id });
   }
   async getGovProposalTally(proposal_id: string) {
-    return this.request(this.registry.gov_proposals_tally, { proposal_id }, undefined, (source: any) => {
-      return Promise.resolve({ tally: {
-        yes: source.tally.yes || source.tally.yes_count,
-        abstain: source.tally.abstain || source.tally.abstain_count,
-        no: source.tally.no || source.tally.no_count,
-        no_with_veto: source.tally.no_with_veto || source.tally.no_with_veto_count,
-        },
+    return this.request(
+      this.registry.gov_proposals_tally,
+      { proposal_id },
+      undefined,
+      (source: any) => {
+        return Promise.resolve({
+          tally: {
+            yes: source.tally.yes || source.tally.yes_count,
+            abstain: source.tally.abstain || source.tally.abstain_count,
+            no: source.tally.no || source.tally.no_count,
+            no_with_veto:
+              source.tally.no_with_veto || source.tally.no_with_veto_count,
+          },
         });
       }
     );
   }
   async getGovProposalVotes(proposal_id: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    page.reverse = true
-    const query =`?proposal_status={status}&${page.toQueryString()}`;
-    return this.request(this.registry.gov_proposals_votes, { proposal_id }, query);
+    if (!page) page = new PageRequest();
+    page.reverse = true;
+    const query = `?proposal_status={status}&${page.toQueryString()}`;
+    return this.request(
+      this.registry.gov_proposals_votes,
+      { proposal_id },
+      query
+    );
   }
   async getGovProposalVotesVoter(proposal_id: string, voter: string) {
     return this.request(this.registry.gov_proposals_votes_voter, {
@@ -228,17 +260,24 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
       validator_addr,
     });
   }
-  async getStakingValidatorsDelegations(validator_addr: string, page?: PageRequest) {
-    if(!page) {
-      page = new PageRequest()
+  async getStakingValidatorsDelegations(
+    validator_addr: string,
+    page?: PageRequest
+  ) {
+    if (!page) {
+      page = new PageRequest();
       // page.reverse = true
-      page.count_total = true
-      page.offset = 0
-    } 
-    const query =`?${page.toQueryString()}`;
-    return this.request(this.registry.staking_validators_delegations, {
-      validator_addr,
-    }, query);
+      page.count_total = true;
+      page.offset = 0;
+    }
+    const query = `?${page.toQueryString()}`;
+    return this.request(
+      this.registry.staking_validators_delegations,
+      {
+        validator_addr,
+      },
+      query
+    );
   }
   async getStakingValidatorsDelegationsDelegator(
     validator_addr: string,
@@ -273,22 +312,34 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.base_tendermint_node_info, {});
   }
   async getBaseValidatorsetAt(height: string | number, offset: number) {
-    const query = `?pagination.limit=100&pagination.offset=${offset}`
-    return this.request(this.registry.base_tendermint_validatorsets_height, {
-      height,
-    }, query);
+    const query = `?pagination.limit=100&pagination.offset=${offset}`;
+    return this.request(
+      this.registry.base_tendermint_validatorsets_height,
+      {
+        height,
+      },
+      query
+    );
   }
   async getBaseValidatorsetLatest(offset: number) {
-    const query = `?pagination.limit=100&pagination.offset=${offset}`
-    return this.request(this.registry.base_tendermint_validatorsets_latest, {}, query);
+    const query = `?pagination.limit=100&pagination.offset=${offset}`;
+    return this.request(
+      this.registry.base_tendermint_validatorsets_latest,
+      {},
+      query
+    );
   }
   // tx
   async getTxsBySender(sender: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
+    if (!page) page = new PageRequest();
 
-    let query = `?events=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+    let query = `?events=message.sender='${sender}'&pagination.limit=${
+      page.limit
+    }&pagination.offset=${page.offset || 0}`;
     if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
-      query = `?query=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+      query = `?query=message.sender='${sender}'&pagination.limit=${
+        page.limit
+      }&pagination.offset=${page.offset || 0}`;
     }
     return this.request(this.registry.tx_txs, {}, query);
   }
@@ -297,12 +348,20 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   // query ibc receiving msgs
   // ?&pagination.reverse=true&events=recv_packet.packet_dst_channel='${channel}'&events=recv_packet.packet_dst_port='${port}'
   async getTxs(query: string, params: any, page?: PageRequest) {
-    if(!page) page = new PageRequest()
+    if (!page) page = new PageRequest();
     if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
-      let query_edit = query.replaceAll('events=', 'query=')    
-      return this.request(this.registry.tx_txs, params, `${query_edit}&${page.toQueryString()}`);
-    } else { 
-      return this.request(this.registry.tx_txs, params, `${query}&${page.toQueryString()}`);
+      let query_edit = query.replaceAll('events=', 'query=');
+      return this.request(
+        this.registry.tx_txs,
+        params,
+        `${query_edit}&${page.toQueryString()}`
+      );
+    } else {
+      return this.request(
+        this.registry.tx_txs,
+        params,
+        `${query}&${page.toQueryString()}`
+      );
     }
   }
   async getTxsAt(height: string | number) {
@@ -330,9 +389,13 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     });
   }
   async getIBCConnections(page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
-    return this.request(this.registry.ibc_core_connection_connections, {}, query);
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
+    return this.request(
+      this.registry.ibc_core_connection_connections,
+      {},
+      query
+    );
   }
   async getIBCConnectionsById(connection_id: string) {
     return this.request(
@@ -366,13 +429,24 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
       port_id,
     });
   }
-  async getInterchainSecurityValidatorRotatedKey(chain_id: string, provider_address: string) {
-    return this.request(this.registry.interchain_security_ccv_provider_validator_consumer_addr, {chain_id, provider_address});
+  async getInterchainSecurityValidatorRotatedKey(
+    chain_id: string,
+    provider_address: string
+  ) {
+    return this.request(
+      this.registry.interchain_security_ccv_provider_validator_consumer_addr,
+      { chain_id, provider_address }
+    );
   }
   async getInterchainSecurityProviderOptedInValidators(chain_id: string) {
-    return this.request(this.registry.interchain_security_provider_opted_in_validators, {chain_id});
+    return this.request(
+      this.registry.interchain_security_provider_opted_in_validators,
+      { chain_id }
+    );
   }
   async getInterchainSecurityConsumerValidators(chain_id: string) {
-    return this.request(this.registry.interchain_security_consumer_validators, {chain_id});
+    return this.request(this.registry.interchain_security_consumer_validators, {
+      chain_id,
+    });
   }
 }
diff --git a/src/libs/http.ts b/src/libs/http.ts
index 49bb967d40..e56762035d 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -29,11 +29,15 @@ try {
 }
 // */
 export async function get(url: string) {
-  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).json();
+  return (
+    await fetch(url, { referrerPolicy: 'origin-when-cross-origin' })
+  ).json();
 }
 
 export async function getB(url: string) {
-  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).arrayBuffer();
+  return (
+    await fetch(url, { referrerPolicy: 'origin-when-cross-origin' })
+  ).arrayBuffer();
 }
 
 export async function post(url: string, data: any) {
diff --git a/src/libs/utils.ts b/src/libs/utils.ts
index d7548afacf..1e85f8701a 100644
--- a/src/libs/utils.ts
+++ b/src/libs/utils.ts
@@ -67,10 +67,11 @@ export function formatTokenAmount(
   tokenDenom = 'uatom',
   format = true
 ) {
-  const denom = typeof tokenDenom === 'string'
-    ? tokenDenom
-    // @ts-ignore
-    : tokenDenom?.denom_trace?.base_denom;
+  const denom =
+    typeof tokenDenom === 'string'
+      ? tokenDenom
+      : // @ts-ignore
+        tokenDenom?.denom_trace?.base_denom;
   let amount = 0;
   const asset = assets.find((a: any) => a.base === denom);
   let exp = asset
@@ -120,24 +121,24 @@ export function isHexAddress(v: any) {
 }
 
 export function isBech32Address(v?: string) {
-  if(!v) return ""
-  const pattern = /^[a-z\d]+1[a-z\d]{38}$/g
-  return String(v).search(pattern) > -1
+  if (!v) return '';
+  const pattern = /^[a-z\d]+1[a-z\d]{38}$/g;
+  return String(v).search(pattern) > -1;
 }
 
 export function formatSeconds(value?: string) {
-  if(!value) return ''
-  const duration = Number(value.replace(/s/, ''))
-  if(duration > 24*60*60) {
-    return `${(duration / ( 24 * 60 * 60)).toFixed()} days`
+  if (!value) return '';
+  const duration = Number(value.replace(/s/, ''));
+  if (duration > 24 * 60 * 60) {
+    return `${(duration / (24 * 60 * 60)).toFixed()} days`;
   }
-  if(duration > 60*60) {
-    return `${(duration / (60 * 60)).toFixed()} hours`
-  }    
-  if(duration > 60) {
-    return `${duration / 60} mins`
+  if (duration > 60 * 60) {
+    return `${(duration / (60 * 60)).toFixed()} hours`;
   }
-  return value
+  if (duration > 60) {
+    return `${duration / 60} mins`;
+  }
+  return value;
 }
 
 export function hexToRgb(hex: string) {
diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index efb7e02752..ad91fdc260 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -81,13 +81,15 @@ const totalValue = computed(() => {
   });
   unbonding.value?.forEach((x) => {
     x.entries?.forEach((y) => {
-      value += format.tokenValueNumber({amount: y.balance, denom: stakingStore.params.bond_denom});
+      value += format.tokenValueNumber({
+        amount: y.balance,
+        denom: stakingStore.params.bond_denom,
+      });
     });
   });
   return format.formatNumber(value, '0,0.00');
 });
 
-
 function loadAccount(address: string) {
   blockchain.rpc.getAuthAccount(address).then((x) => {
     account.value = x.account;
@@ -113,7 +115,7 @@ function loadAccount(address: string) {
     });
   });
 
-  const receivedQuery =  `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
+  const receivedQuery = `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
   blockchain.rpc.getTxs(receivedQuery, {}).then((x) => {
     recentReceived.value = x.tx_responses;
   });
@@ -123,11 +125,16 @@ function updateEvent() {
   loadAccount(props.address);
 }
 
-function mapAmount(events:{type: string, attributes: {key: string, value: string}[]}[]) {
-  if(!events) return []
-  return events.find(x => x.type==='coin_received')?.attributes
-    .filter(x => x.key === 'YW1vdW50'|| x.key === `amount`)
-    .map(x => x.key==='amount'? x.value : String.fromCharCode(...fromBase64(x.value)))
+function mapAmount(
+  events: { type: string; attributes: { key: string; value: string }[] }[]
+) {
+  if (!events) return [];
+  return events
+    .find((x) => x.type === 'coin_received')
+    ?.attributes.filter((x) => x.key === 'YW1vdW50' || x.key === `amount`)
+    .map((x) =>
+      x.key === 'amount' ? x.value : String.fromCharCode(...fromBase64(x.value))
+    );
 }
 </script>
 <template>
@@ -164,33 +171,33 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
         <h2 class="card-title mb-4">{{ $t('account.assets') }}</h2>
         <!-- button -->
         <div class="flex justify-end mb-4 pr-5">
-            <label
-              for="send"
-              class="btn btn-primary btn-sm mr-2"
-              @click="dialog.open('send', {}, updateEvent)"
-              >{{ $t('account.btn_send') }}</label
-            >
-            <label
-              for="transfer"
-              class="btn btn-primary btn-sm"
-              @click="
-                dialog.open(
-                  'transfer',
-                  {
-                    chain_name: blockchain.current?.prettyName,
-                  },
-                  updateEvent
-                )
-              "
-              >{{ $t('account.btn_transfer') }}</label
-            >
-          </div>
+          <label
+            for="send"
+            class="btn btn-primary btn-sm mr-2"
+            @click="dialog.open('send', {}, updateEvent)"
+            >{{ $t('account.btn_send') }}</label
+          >
+          <label
+            for="transfer"
+            class="btn btn-primary btn-sm"
+            @click="
+              dialog.open(
+                'transfer',
+                {
+                  chain_name: blockchain.current?.prettyName,
+                },
+                updateEvent
+              )
+            "
+            >{{ $t('account.btn_transfer') }}</label
+          >
+        </div>
       </div>
       <div class="grid md:!grid-cols-3">
         <div class="md:!col-span-1">
           <DonutChart :series="totalAmountByCategory" :labels="labels" />
         </div>
-        <div class="mt-4 md:!col-span-2 md:!mt-0 md:!ml-4">          
+        <div class="mt-4 md:!col-span-2 md:!mt-0 md:!ml-4">
           <!-- list-->
           <div class="">
             <!--balances  -->
@@ -221,7 +228,7 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 <span
                   class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"
                 ></span>
-                ${{ format.tokenValue(balanceItem) }}                
+                ${{ format.tokenValue(balanceItem) }}
               </div>
             </div>
             <!--delegations  -->
@@ -257,7 +264,7 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 <span
                   class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"
                 ></span>
-                ${{ format.tokenValue(delegationItem?.balance) }}                
+                ${{ format.tokenValue(delegationItem?.balance) }}
               </div>
             </div>
             <!-- rewards.total -->
@@ -282,15 +289,17 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 <div class="text-sm font-semibold">
                   {{ format.formatToken(rewardItem) }}
                 </div>
-                <div class="text-xs">{{ format.calculatePercent(rewardItem.amount, totalAmount) }}</div>
+                <div class="text-xs">
+                  {{ format.calculatePercent(rewardItem.amount, totalAmount) }}
+                </div>
               </div>
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
               >
                 <span
-                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary  dark:invert text-sm"
-                ></span>${{ format.tokenValue(rewardItem) }}
-                
+                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"
+                ></span
+                >${{ format.tokenValue(rewardItem) }}
               </div>
             </div>
             <!-- mdi-account-arrow-right -->
@@ -323,16 +332,21 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
               >
-                <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert"></span>
-                ${{format.tokenValue({
-                      amount: String(unbondingTotal),
-                      denom: stakingStore.params.bond_denom,
-                    })
-                  }}                
+                <span
+                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert"
+                ></span>
+                ${{
+                  format.tokenValue({
+                    amount: String(unbondingTotal),
+                    denom: stakingStore.params.bond_denom,
+                  })
+                }}
               </div>
             </div>
           </div>
-          <div class="mt-4 text-lg font-semibold mr-5 pl-5 border-t pt-4 text-right">
+          <div
+            class="mt-4 text-lg font-semibold mr-5 pl-5 border-t pt-4 text-right"
+          >
             {{ $t('account.total_value') }}: ${{ totalValue }}
           </div>
         </div>
@@ -369,13 +383,21 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="delegations.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_delegations') }}</div></td></tr>
+            <tr v-if="delegations.length === 0">
+              <td colspan="10">
+                <div class="text-center">
+                  {{ $t('account.no_delegations') }}
+                </div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in delegations" :key="index">
               <td class="text-caption text-primary py-3">
                 <RouterLink
                   :to="`/${chain}/staking/${v.delegation.validator_address}`"
                   >{{
-                    format.validatorFromBech32(v.delegation.validator_address) || v.delegation.validator_address
+                    format.validatorFromBech32(
+                      v.delegation.validator_address
+                    ) || v.delegation.validator_address
                   }}</RouterLink
                 >
               </td>
@@ -461,47 +483,52 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm" v-for="(v, index) in unbonding" :key="index">
-              <tr>
-                <td class="text-caption text-primary py-3 bg-slate-200" colspan="10">
-                  <RouterLink
-                    :to="`/${chain}/staking/${v.validator_address}`"
-                    >{{
-                      v.validator_address
-                    }}</RouterLink
-                  >
-                </td>
-              </tr>
-              <tr v-for="entry in v.entries">
-                <td class="py-3">{{ entry.creation_height }}</td>
-                <td class="py-3">
-                  {{
-                    format.formatToken(
-                      {
-                        amount: entry.initial_balance,
-                        denom: stakingStore.params.bond_denom,
-                      },
-                      true,
-                      '0,0.[00]'
-                    )
-                  }}
-                </td>
-                <td class="py-3">
-                  {{
-                    format.formatToken(
-                      {
-                        amount: entry.balance,
-                        denom: stakingStore.params.bond_denom,
-                      },
-                      true,
-                      '0,0.[00]'
-                    )
-                  }}
-                </td>
-                <td class="py-3">
-                  <Countdown :time="new Date(entry.completion_time).getTime() - new Date().getTime()" />
-                </td>
-              </tr>
-          </tbody>          
+            <tr>
+              <td
+                class="text-caption text-primary py-3 bg-slate-200"
+                colspan="10"
+              >
+                <RouterLink :to="`/${chain}/staking/${v.validator_address}`">{{
+                  v.validator_address
+                }}</RouterLink>
+              </td>
+            </tr>
+            <tr v-for="entry in v.entries">
+              <td class="py-3">{{ entry.creation_height }}</td>
+              <td class="py-3">
+                {{
+                  format.formatToken(
+                    {
+                      amount: entry.initial_balance,
+                      denom: stakingStore.params.bond_denom,
+                    },
+                    true,
+                    '0,0.[00]'
+                  )
+                }}
+              </td>
+              <td class="py-3">
+                {{
+                  format.formatToken(
+                    {
+                      amount: entry.balance,
+                      denom: stakingStore.params.bond_denom,
+                    },
+                    true,
+                    '0,0.[00]'
+                  )
+                }}
+              </td>
+              <td class="py-3">
+                <Countdown
+                  :time="
+                    new Date(entry.completion_time).getTime() -
+                    new Date().getTime()
+                  "
+                />
+              </td>
+            </tr>
+          </tbody>
         </table>
       </div>
     </div>
@@ -520,15 +547,26 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="txs.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_transactions') }}</div></td></tr>
+            <tr v-if="txs.length === 0">
+              <td colspan="10">
+                <div class="text-center">
+                  {{ $t('account.no_transactions') }}
+                </div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in txs" :key="index">
               <td class="text-sm py-3">
-                <RouterLink :to="`/${chain}/block/${v.height}`" class="text-primary dark:invert">{{
-                  v.height
-                }}</RouterLink>
+                <RouterLink
+                  :to="`/${chain}/block/${v.height}`"
+                  class="text-primary dark:invert"
+                  >{{ v.height }}</RouterLink
+                >
               </td>
               <td class="truncate py-3" style="max-width: 200px">
-                <RouterLink :to="`/${chain}/tx/${v.txhash}`" class="text-primary dark:invert">
+                <RouterLink
+                  :to="`/${chain}/tx/${v.txhash}`"
+                  class="text-primary dark:invert"
+                >
                   {{ v.txhash }}
                 </RouterLink>
               </td>
@@ -543,7 +581,12 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </td>
-              <td class="py-3">{{ format.toLocaleDate(v.timestamp) }} <span class=" text-xs">({{ format.toDay(v.timestamp, 'from') }})</span> </td>
+              <td class="py-3">
+                {{ format.toLocaleDate(v.timestamp) }}
+                <span class="text-xs"
+                  >({{ format.toDay(v.timestamp, 'from') }})</span
+                >
+              </td>
             </tr>
           </tbody>
         </table>
@@ -564,21 +607,32 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="recentReceived.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_transactions') }}</div></td></tr>
+            <tr v-if="recentReceived.length === 0">
+              <td colspan="10">
+                <div class="text-center">
+                  {{ $t('account.no_transactions') }}
+                </div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in recentReceived" :key="index">
               <td class="text-sm py-3">
-                <RouterLink :to="`/${chain}/block/${v.height}`" class="text-primary dark:invert">{{
-                  v.height
-                }}</RouterLink>
+                <RouterLink
+                  :to="`/${chain}/block/${v.height}`"
+                  class="text-primary dark:invert"
+                  >{{ v.height }}</RouterLink
+                >
               </td>
               <td class="truncate py-3" style="max-width: 200px">
-                <RouterLink :to="`/${chain}/tx/${v.txhash}`" class="text-primary dark:invert">
+                <RouterLink
+                  :to="`/${chain}/tx/${v.txhash}`"
+                  class="text-primary dark:invert"
+                >
                   {{ v.txhash }}
                 </RouterLink>
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ mapAmount(v.events)?.join(", ")}}
+                  {{ mapAmount(v.events)?.join(', ') }}
                 </div>
                 <Icon
                   v-if="v.code === 0"
@@ -587,7 +641,12 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </td>
-              <td class="py-3">{{ format.toLocaleDate(v.timestamp) }} <span class=" text-xs">({{ format.toDay(v.timestamp, 'from') }})</span> </td>
+              <td class="py-3">
+                {{ format.toLocaleDate(v.timestamp) }}
+                <span class="text-xs"
+                  >({{ format.toDay(v.timestamp, 'from') }})</span
+                >
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/src/modules/[chain]/account/index.vue b/src/modules/[chain]/account/index.vue
index fe1ecb0815..18883a5848 100644
--- a/src/modules/[chain]/account/index.vue
+++ b/src/modules/[chain]/account/index.vue
@@ -6,72 +6,79 @@ import { onMounted } from 'vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 
-const accounts = ref([] as AuthAccount[])
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const accounts = ref([] as AuthAccount[]);
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 
 onMounted(() => {
-  pageload(1)
+  pageload(1);
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
-  chainStore.rpc.getAuthAccounts(pageRequest.value).then(x => {
-    accounts.value = x.accounts
-    pageResponse.value = x.pagination
+  pageRequest.value.setPage(p);
+  chainStore.rpc.getAuthAccounts(pageRequest.value).then((x) => {
+    accounts.value = x.accounts;
+    pageResponse.value = x.pagination;
   });
 }
 
 function showType(v: string) {
-    return v.replace("/cosmos.auth.v1beta1.", "")
+  return v.replace('/cosmos.auth.v1beta1.', '');
 }
 function findField(v: any, field: string) {
-    if(!v || Array.isArray(v) || typeof v === 'string') return null
-    const fields = Object.keys(v)
-    if(fields.includes(field)) {
-        return v[field]
-    }
-    for(let i= 0; i < fields.length; i++) {
-        const re: any = findField(v[fields[i]], field)
-        if(re) return re
-    }
+  if (!v || Array.isArray(v) || typeof v === 'string') return null;
+  const fields = Object.keys(v);
+  if (fields.includes(field)) {
+    return v[field];
+  }
+  for (let i = 0; i < fields.length; i++) {
+    const re: any = findField(v[fields[i]], field);
+    if (re) return re;
+  }
 }
 function showAddress(v: any) {
-    return findField(v, 'address')
+  return findField(v, 'address');
 }
 function showAccountNumber(v: any) {
-    return findField(v, 'account_number')
+  return findField(v, 'account_number');
 }
 function showSequence(v: any) {
-    return findField(v, 'sequence')
+  return findField(v, 'sequence');
 }
 function showPubkey(v: any) {
-    return findField(v, 'pub_key')
+  return findField(v, 'pub_key');
 }
-
 </script>
 <template>
-    <div class=" overflow-x-auto">
-        <table class="table table-compact">
-            <thead>
-                <tr>
-                    <td>{{ $t('account.type') }}</td>
-                    <td>{{ $t('account.address') }}</td>
-                    <td>{{ $t('account.acc_num') }}</td>
-                    <td>{{ $t('account.sequence') }}</td>
-                    <td>{{ $t('account.pub_key') }}</td>
-                </tr>
-            </thead>
-            <tr v-for="acc in accounts">
-                <td>{{ showType(acc['@type']) }}</td>
-                <td><RouterLink :to="`/${chain}/account/${showAddress(acc)}`">{{ showAddress(acc) }}</RouterLink></td>
-                <td>{{ showAccountNumber(acc) }}</td>
-                <td>{{ showSequence(acc) }}</td>
-                <td>{{ showPubkey(acc) }}</td>
-            </tr>
-        </table>
-        <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
-    </div>
+  <div class="overflow-x-auto">
+    <table class="table table-compact">
+      <thead>
+        <tr>
+          <td>{{ $t('account.type') }}</td>
+          <td>{{ $t('account.address') }}</td>
+          <td>{{ $t('account.acc_num') }}</td>
+          <td>{{ $t('account.sequence') }}</td>
+          <td>{{ $t('account.pub_key') }}</td>
+        </tr>
+      </thead>
+      <tr v-for="acc in accounts">
+        <td>{{ showType(acc['@type']) }}</td>
+        <td>
+          <RouterLink :to="`/${chain}/account/${showAddress(acc)}`">{{
+            showAddress(acc)
+          }}</RouterLink>
+        </td>
+        <td>{{ showAccountNumber(acc) }}</td>
+        <td>{{ showSequence(acc) }}</td>
+        <td>{{ showPubkey(acc) }}</td>
+      </tr>
+    </table>
+    <PaginationBar
+      :limit="pageRequest.limit"
+      :total="pageResponse.total"
+      :callback="pageload"
+    />
+  </div>
 </template>
diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index 295580ef88..f1e50ab55b 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -12,9 +12,9 @@ import Countdown from '@/components/Countdown.vue';
 const props = defineProps(['height', 'chain']);
 
 const store = useBaseStore();
-const format = useFormatter()
-const current = ref({} as Block)
-const target = ref(Number(props.height || 0))
+const format = useFormatter();
+const current = ref({} as Block);
+const target = ref(Number(props.height || 0));
 
 const height = computed(() => {
   return Number(current.value.block?.header?.height || props.height || 0);
@@ -22,40 +22,41 @@ const height = computed(() => {
 
 const isFutureBlock = computed({
   get: () => {
-    const latest = store.latest?.block?.header.height
-    const isFuture = latest ? target.value > Number(latest) : true
-    if (!isFuture && !current.value.block_id) store.fetchBlock(target.value).then(x => current.value = x)
-    return isFuture
+    const latest = store.latest?.block?.header.height;
+    const isFuture = latest ? target.value > Number(latest) : true;
+    if (!isFuture && !current.value.block_id)
+      store.fetchBlock(target.value).then((x) => (current.value = x));
+    return isFuture;
   },
-  set: val => {
-    console.log(val)
-  }
-})
+  set: (val) => {
+    console.log(val);
+  },
+});
 
 const remainingBlocks = computed(() => {
-  const latest = store.latest?.block?.header.height
-  return latest ? Number(target.value) - Number(latest) : 0
-})
+  const latest = store.latest?.block?.header.height;
+  return latest ? Number(target.value) - Number(latest) : 0;
+});
 
 const estimateTime = computed(() => {
-  const seconds = Number((remainingBlocks.value * store.blocktime).toFixed(2))
-  return seconds
-})
+  const seconds = Number((remainingBlocks.value * store.blocktime).toFixed(2));
+  return seconds;
+});
 
 const estimateDate = computed(() => {
-  return new Date(new Date().getTime() + estimateTime.value)
-})
+  return new Date(new Date().getTime() + estimateTime.value);
+});
 
-const edit = ref(false)
-const newHeight = ref(props.height)
+const edit = ref(false);
+const newHeight = ref(props.height);
 function updateTarget() {
-  target.value = Number(newHeight.value)
-  console.log(target.value)
+  target.value = Number(newHeight.value);
+  console.log(target.value);
 }
 
 onBeforeRouteUpdate(async (to, from, next) => {
   if (from.path !== to.path) {
-    store.fetchBlock(String(to.params.height)).then(x => current.value = x);
+    store.fetchBlock(String(to.params.height)).then((x) => (current.value = x));
     next();
   }
 });
@@ -66,29 +67,48 @@ onBeforeRouteUpdate(async (to, from, next) => {
       <div v-if="remainingBlocks > 0">
         <div class="text-primary font-bold text-lg my-10">#{{ target }}</div>
         <Countdown :time="estimateTime" css="md:!text-5xl font-sans md:mx-5" />
-        <div class="my-5">{{ $t('block.estimated_time') }}: <span class="text-xl font-bold">{{ format.toLocaleDate(estimateDate) }}</span>
+        <div class="my-5">
+          {{ $t('block.estimated_time') }}:
+          <span class="text-xl font-bold">{{
+            format.toLocaleDate(estimateDate)
+          }}</span>
         </div>
         <div class="pt-10 flex justify-center">
           <table class="table w-max rounded-lg bg-base-100">
             <tbody>
               <tr class="hover cursor-pointer" @click="edit = !edit">
                 <td>{{ $t('block.countdown_for_block') }}:</td>
-                <td class="text-right"><span class="md:!ml-40">{{ target }}</span></td>
+                <td class="text-right">
+                  <span class="md:!ml-40">{{ target }}</span>
+                </td>
               </tr>
               <tr v-if="edit">
                 <td colspan="2" class="text-center">
-                  <h3 class="text-lg font-bold">{{ $t('block.countdown_for_block_input') }}</h3>
-                  <p class="py-4">
-                  <div class="join">
-                    <input class="input input-bordered join-item" v-model="newHeight" type="number" />
-                    <button class="btn btn-primary join-item" @click="updateTarget()">{{ $t('block.btn_update') }}</button>
+                  <h3 class="text-lg font-bold">
+                    {{ $t('block.countdown_for_block_input') }}
+                  </h3>
+                  <div class="py-4">
+                    <div class="join">
+                      <input
+                        class="input input-bordered join-item"
+                        v-model="newHeight"
+                        type="number"
+                      />
+                      <button
+                        class="btn btn-primary join-item"
+                        @click="updateTarget()"
+                      >
+                        {{ $t('block.btn_update') }}
+                      </button>
+                    </div>
                   </div>
-                  </p>
                 </td>
               </tr>
               <tr>
                 <td>{{ $t('block.current_height') }}:</td>
-                <td class="text-right">#{{ store.latest?.block?.header.height }}</td>
+                <td class="text-right">
+                  #{{ store.latest?.block?.header.height }}
+                </td>
               </tr>
               <tr>
                 <td>{{ $t('block.remaining_blocks') }}:</td>
@@ -96,12 +116,13 @@ onBeforeRouteUpdate(async (to, from, next) => {
               </tr>
               <tr>
                 <td>{{ $t('block.average_block_time') }}:</td>
-                <td class="text-right">{{ (store.blocktime / 1000).toFixed(1) }}s</td>
+                <td class="text-right">
+                  {{ (store.blocktime / 1000).toFixed(1) }}s
+                </td>
               </tr>
             </tbody>
           </table>
         </div>
-
       </div>
     </div>
     <div v-else>
@@ -109,12 +130,16 @@ onBeforeRouteUpdate(async (to, from, next) => {
         <h2 class="card-title flex flex-row justify-between">
           <p class="">#{{ current.block?.header?.height }}</p>
           <div class="flex" v-if="props.height">
-            <RouterLink :to="`/${store.blockchain.chainName}/block/${height - 1}`"
-              class="btn btn-primary btn-sm p-1 text-2xl mr-2">
+            <RouterLink
+              :to="`/${store.blockchain.chainName}/block/${height - 1}`"
+              class="btn btn-primary btn-sm p-1 text-2xl mr-2"
+            >
               <Icon icon="mdi-arrow-left" class="w-full h-full" />
             </RouterLink>
-            <RouterLink :to="`/${store.blockchain.chainName}/block/${height + 1}`"
-              class="btn btn-primary btn-sm p-1 text-2xl">
+            <RouterLink
+              :to="`/${store.blockchain.chainName}/block/${height + 1}`"
+              class="btn btn-primary btn-sm p-1 text-2xl"
+            >
               <Icon icon="mdi-arrow-right" class="w-full h-full" />
             </RouterLink>
           </div>
@@ -125,18 +150,25 @@ onBeforeRouteUpdate(async (to, from, next) => {
       </div>
 
       <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title flex flex-row justify-between">{{ $t('block.block_header') }}</h2>
+        <h2 class="card-title flex flex-row justify-between">
+          {{ $t('block.block_header') }}
+        </h2>
         <DynamicComponent :value="current.block?.header" />
       </div>
 
       <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title flex flex-row justify-between">{{ $t('account.transactions') }}</h2>
+        <h2 class="card-title flex flex-row justify-between">
+          {{ $t('account.transactions') }}
+        </h2>
         <TxsElement :value="current.block?.data?.txs" />
       </div>
 
       <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-        <h2 class="card-title flex flex-row justify-between">{{ $t('block.last_commit') }}</h2>
+        <h2 class="card-title flex flex-row justify-between">
+          {{ $t('block.last_commit') }}
+        </h2>
         <DynamicComponent :value="current.block?.last_commit" />
       </div>
+    </div>
   </div>
-</div></template>
+</template>
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index f18a3dec8b..52de5ec257 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -7,52 +7,67 @@ const props = defineProps(['chain']);
 
 const tab = ref('blocks');
 
-const base = useBaseStore()
+const base = useBaseStore();
 
 const format = useFormatter();
 
 const list = computed(() => {
-    // const recents = base.recents
-    // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
-    return base.recents
-})
+  // const recents = base.recents
+  // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
+  return base.recents;
+});
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'blocks' }"
-                @click="tab = 'blocks'">{{ $t('block.recent') }}</a>
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/block/${Number(base.latest?.block?.header.height||0) + 10000}`"
-                >{{ $t('block.future') }}</RouterLink>
-        </div>
-
-        <div v-show="tab === 'blocks'">
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'blocks' }"
+        @click="tab = 'blocks'"
+        >{{ $t('block.recent') }}</a
+      >
+      <RouterLink
+        class="tab text-gray-400 uppercase"
+        :to="`/${chain}/block/${
+          Number(base.latest?.block?.header.height || 0) + 10000
+        }`"
+        >{{ $t('block.future') }}</RouterLink
+      >
+    </div>
 
-            <TxsInBlocksChart />
+    <div v-show="tab === 'blocks'">
+      <TxsInBlocksChart />
 
-            <div class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
-            <RouterLink v-for="item in list"
-                class="flex flex-col justify-between rounded p-4 shadow bg-base-100"
-                :to="`/${chain}/block/${item.block.header.height}`">
-                <div class="flex justify-between">
-                    <h3 class="text-md font-bold sm:!text-lg">
-                        {{ item.block.header.height }}
-                    </h3>
-                    <span class="rounded text-xs whitespace-nowrap font-medium text-green-600">
-                        {{ format.toDay(item.block?.header?.time, 'from') }}
-                    </span>
-                </div>
-                <div class="flex justify-between tooltip" data-tip="Block Proposor">
-                    <div class="mt-2 hidden text-sm sm:!block truncate">
-                        <span>{{ format.validator(item.block?.header?.proposer_address) }}</span>
-                    </div>
-                    <span class="text-right mt-1 whitespace-nowrap"> {{ item.block?.data?.txs.length }} txs </span>
-                </div>
-            </RouterLink>
+      <div class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
+        <RouterLink
+          v-for="item in list"
+          class="flex flex-col justify-between rounded p-4 shadow bg-base-100"
+          :to="`/${chain}/block/${item.block.header.height}`"
+        >
+          <div class="flex justify-between">
+            <h3 class="text-md font-bold sm:!text-lg">
+              {{ item.block.header.height }}
+            </h3>
+            <span
+              class="rounded text-xs whitespace-nowrap font-medium text-green-600"
+            >
+              {{ format.toDay(item.block?.header?.time, 'from') }}
+            </span>
+          </div>
+          <div class="flex justify-between tooltip" data-tip="Block Proposor">
+            <div class="mt-2 hidden text-sm sm:!block truncate">
+              <span>{{
+                format.validator(item.block?.header?.proposer_address)
+              }}</span>
             </div>
-        </div>
+            <span class="text-right mt-1 whitespace-nowrap">
+              {{ item.block?.data?.txs.length }} txs
+            </span>
+          </div>
+        </RouterLink>
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 99f6337702..217bfde608 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -30,7 +30,7 @@ onMounted(async () => {
   rpc.value = rpcList.value[0].address + '/consensus_state';
   await fetchPosition();
   update();
-  clearTime()
+  clearTime();
   timer = setInterval(() => {
     update();
   }, 6000);
@@ -80,7 +80,7 @@ function color(i: number, txt: string) {
   }
   return txt === 'nil-Vote' ? 'gray-700' : 'success';
 }
-async function onChange () {
+async function onChange() {
   httpstatus.value = 200;
   httpStatusText.value = '';
   roundState.value = {};
@@ -170,7 +170,9 @@ async function update() {
               {{ item?.address }}/consensus_state
             </option>
           </select>
-          <button class="btn btn-primary" @click="onChange">{{ $t('consensus.monitor') }}</button>
+          <button class="btn btn-primary" @click="onChange">
+            {{ $t('consensus.monitor') }}
+          </button>
         </label>
       </div>
       <div v-if="httpstatus !== 200" class="text-error mt-1">
@@ -191,7 +193,9 @@ async function update() {
             <div
               class="bg-rose-100 text-neutral-content rounded-full w-12 h-12"
             >
-              <span class="text-2xl text-error font-semibold">{{ $t('consensus.o') }}</span>
+              <span class="text-2xl text-error font-semibold">{{
+                $t('consensus.o')
+              }}</span>
             </div>
           </div>
         </div>
@@ -207,7 +211,9 @@ async function update() {
             <div
               class="bg-green-100 text-neutral-content rounded-full w-12 h-12"
             >
-              <span class="text-2xl text-success font-semibold">{{ $t('consensus.h') }}</span>
+              <span class="text-2xl text-success font-semibold">{{
+                $t('consensus.h')
+              }}</span>
             </div>
           </div>
         </div>
@@ -223,7 +229,9 @@ async function update() {
             <div
               class="bg-violet-100 text-neutral-content rounded-full w-12 h-12"
             >
-              <span class="text-2xl text-primary font-semibold">{{ $t('consensus.r') }}</span>
+              <span class="text-2xl text-primary font-semibold">{{
+                $t('consensus.r')
+              }}</span>
             </div>
           </div>
         </div>
@@ -239,7 +247,9 @@ async function update() {
             <div
               class="bg-blue-100 text-neutral-content rounded-full w-12 h-12"
             >
-              <span class="text-2xl text-info font-semibold">{{ $t('consensus.s') }}</span>
+              <span class="text-2xl text-info font-semibold">{{
+                $t('consensus.s')
+              }}</span>
             </div>
           </div>
         </div>
@@ -255,12 +265,14 @@ async function update() {
           {{ $t('consensus.updated_at') }} {{ newTime || '' }}
         </h2>
         <div v-for="item in roundState.height_vote_set" :key="item.round">
-          <div class="text-xs mb-1">{{ $t('consensus.round') }}: {{ item.round }}</div>
+          <div class="text-xs mb-1">
+            {{ $t('consensus.round') }}: {{ item.round }}
+          </div>
           <div class="text-xs break-words">{{ item.prevotes_bit_array }}</div>
 
           <div class="flex flex-rows flex-wrap py-6">
             <div
-              class=" w-48 rounded-3xl h-5 text-sm px-2 leading-5"
+              class="w-48 rounded-3xl h-5 text-sm px-2 leading-5"
               v-for="(pre, i) in item.prevotes"
               :key="i"
               size="sm"
@@ -269,17 +281,26 @@ async function update() {
               <span class="flex flex-rows justify-between">
                 <span class="truncate">{{ showName(i, 'nil-Vote') }} </span>
                 <span>
-                  <span class="tooltip " :data-tip="pre" 
-                  :class="{
-                    'bg-green-400': String(pre).toLowerCase() !== 'nil-vote',
-                    'bg-red-400': String(pre).toLowerCase() === 'nil-vote'
-                  }"
-                  >&nbsp;</span> 
-                  <span class="tooltip ml-1" :data-tip="item.precommits[i]" 
-                  :class="{
-                    'bg-green-400': String(item.precommits[i]).toLowerCase() !== 'nil-vote',
-                    'bg-red-400': String(item.precommits[i]).toLowerCase() === 'nil-vote'
-                  }">&nbsp;</span>
+                  <span
+                    class="tooltip"
+                    :data-tip="pre"
+                    :class="{
+                      'bg-green-400': String(pre).toLowerCase() !== 'nil-vote',
+                      'bg-red-400': String(pre).toLowerCase() === 'nil-vote',
+                    }"
+                    >&nbsp;</span
+                  >
+                  <span
+                    class="tooltip ml-1"
+                    :data-tip="item.precommits[i]"
+                    :class="{
+                      'bg-green-400':
+                        String(item.precommits[i]).toLowerCase() !== 'nil-vote',
+                      'bg-red-400':
+                        String(item.precommits[i]).toLowerCase() === 'nil-vote',
+                    }"
+                    >&nbsp;</span
+                  >
                 </span>
               </span>
             </div>
@@ -287,7 +308,6 @@ async function update() {
         </div>
       </div>
       <div class="divider"></div>
-
     </div>
 
     <!-- alert-info -->
diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index a5b53a8300..63ebd9742d 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -1,5 +1,9 @@
 import { BaseRestClient } from '@/libs/client';
-import { adapter, type AbstractRegistry, type Request } from '@/libs/api/registry';
+import {
+  adapter,
+  type AbstractRegistry,
+  type Request,
+} from '@/libs/api/registry';
 import { defineStore } from 'pinia';
 import type {
   CodeInfo,
@@ -16,115 +20,120 @@ import { PageRequest } from '@/types';
 import { get } from '@/libs';
 
 export interface WasmRequestRegistry extends AbstractRegistry {
-    cosmwasm_code: Request<PaginabledCodeInfos>;
-    cosmwasm_code_id: Request<CodeInfo>;
-    cosmwasm_code_id_contracts: Request<PaginabledContracts>;
-    cosmwasm_param: Request<WasmParam>;
-    cosmwasm_contract_address: Request<{
-      address: string;
-      contract_info: ContractInfo;
-    }>;
-    cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
-    cosmwasm_contract_address_raw_query_data: Request<any>;
-    cosmwasm_contract_address_smart_query_data: Request<any>;
-    cosmwasm_contract_address_state: Request<PaginabledContractStates>;
-    cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
+  cosmwasm_code: Request<PaginabledCodeInfos>;
+  cosmwasm_code_id: Request<CodeInfo>;
+  cosmwasm_code_id_contracts: Request<PaginabledContracts>;
+  cosmwasm_param: Request<WasmParam>;
+  cosmwasm_contract_address: Request<{
+    address: string;
+    contract_info: ContractInfo;
+  }>;
+  cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
+  cosmwasm_contract_address_raw_query_data: Request<any>;
+  cosmwasm_contract_address_smart_query_data: Request<any>;
+  cosmwasm_contract_address_state: Request<PaginabledContractStates>;
+  cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
+}
+
+export const DEFAULT_VERSION: WasmRequestRegistry = {
+  cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
+  cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
+  cosmwasm_code_id_contracts: {
+    url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
+    adapter,
+  },
+  cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
+  cosmwasm_contract_address: {
+    url: '/cosmwasm/wasm/v1/contract/{address}',
+    adapter,
+  },
+  cosmwasm_contract_address_history: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/history',
+    adapter,
+  },
+  cosmwasm_contract_address_raw_query_data: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
+    adapter,
+  },
+  cosmwasm_contract_address_smart_query_data: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
+    adapter,
+  },
+  cosmwasm_contract_address_state: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/state',
+    adapter,
+  },
+  cosmwasm_wasm_contracts_creator: {
+    url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
+    adapter,
+  },
+};
+
+export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
+  getWasmCodeList(pr?: PageRequest) {
+    // if(!pr) pr = new PageRequest()
+    // const query = `?${pr.toQueryString()}`
+    return this.request(this.registry.cosmwasm_code, {} /*query*/);
   }
-  
-  export const DEFAULT_VERSION: WasmRequestRegistry = {
-    cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
-    cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
-    cosmwasm_code_id_contracts: {
-      url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
-      adapter,
-    },
-    cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
-    cosmwasm_contract_address: {
-      url: '/cosmwasm/wasm/v1/contract/{address}',
-      adapter,
-    },
-    cosmwasm_contract_address_history: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/history',
-      adapter,
-    },
-    cosmwasm_contract_address_raw_query_data: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
-      adapter,
-    },
-    cosmwasm_contract_address_smart_query_data: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
-      adapter,
-    },
-    cosmwasm_contract_address_state: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/state',
-      adapter,
-    },
-    cosmwasm_wasm_contracts_creator: {
-      url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
-      adapter,
-    },
-  };
-  
-  export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
-    getWasmCodeList(pr?: PageRequest) {
-      // if(!pr) pr = new PageRequest()
-      // const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code, {}, /*query*/);
-    }
-    getWasmCodeById(code_id: string) {
-      return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
-    }
-    getWasmCodeContracts(code_id: string, page?: PageRequest) {
-      // if(!page) page = new PageRequest()
-      // const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code_id_contracts, { code_id });
-    }
-    getWasmParams() {
-      return this.request(this.registry.cosmwasm_param, {});
-    }
-    getWasmContracts(address: string) {
-      return this.request(this.registry.cosmwasm_contract_address, { address });
-    }
-    getWasmContractsByCreator(creator_address: string, page?: PageRequest) {    
-      // if(!page) page = new PageRequest()
-      // const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address });
-    }
-    getWasmContractHistory(address: string) {
-      return this.request(this.registry.cosmwasm_contract_address_history, {
-        address,
-      });
-    }
-    getWasmContractRawQuery(address: string, query: string) {
-      const query_data = toBase64(new TextEncoder().encode(query));
-      return this.request(
-        this.registry.cosmwasm_contract_address_raw_query_data,
-        { address, query_data }
-      );
-    }
-    getWasmContractSmartQuery(address: string, query: string) {
-      const query_data = toBase64(new TextEncoder().encode(query));
-      return this.get(
-        this.registry.cosmwasm_contract_address_smart_query_data,
-        { address, query_data }
-      );
-    }
-    async getWasmContractQueries(address: string) {
-      const query_data = toBase64(new TextEncoder().encode('{"":""}'));
-      const {code, message} = await this.get(
-        this.registry.cosmwasm_contract_address_smart_query_data,
-        { address, query_data }
-      );
-      let re = /`(\w+)`/g
-      let x = String(message).match(re)
-      return code === 2 && x ? x.map(e => e.replaceAll('`', '')) : []
-    }
-    getWasmContractStates(address: string, pr: PageRequest) {    
-      if(!pr) pr = new PageRequest()
-      const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.cosmwasm_contract_address_state, {
+  getWasmCodeById(code_id: string) {
+    return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
+  }
+  getWasmCodeContracts(code_id: string, page?: PageRequest) {
+    // if(!page) page = new PageRequest()
+    // const query = `?${page.toQueryString()}`
+    return this.request(this.registry.cosmwasm_code_id_contracts, { code_id });
+  }
+  getWasmParams() {
+    return this.request(this.registry.cosmwasm_param, {});
+  }
+  getWasmContracts(address: string) {
+    return this.request(this.registry.cosmwasm_contract_address, { address });
+  }
+  getWasmContractsByCreator(creator_address: string, page?: PageRequest) {
+    // if(!page) page = new PageRequest()
+    // const query = `?${page.toQueryString()}`
+    return this.request(this.registry.cosmwasm_wasm_contracts_creator, {
+      creator_address,
+    });
+  }
+  getWasmContractHistory(address: string) {
+    return this.request(this.registry.cosmwasm_contract_address_history, {
+      address,
+    });
+  }
+  getWasmContractRawQuery(address: string, query: string) {
+    const query_data = toBase64(new TextEncoder().encode(query));
+    return this.request(
+      this.registry.cosmwasm_contract_address_raw_query_data,
+      { address, query_data }
+    );
+  }
+  getWasmContractSmartQuery(address: string, query: string) {
+    const query_data = toBase64(new TextEncoder().encode(query));
+    return this.get(this.registry.cosmwasm_contract_address_smart_query_data, {
+      address,
+      query_data,
+    });
+  }
+  async getWasmContractQueries(address: string) {
+    const query_data = toBase64(new TextEncoder().encode('{"":""}'));
+    const { code, message } = await this.get(
+      this.registry.cosmwasm_contract_address_smart_query_data,
+      { address, query_data }
+    );
+    let re = /`(\w+)`/g;
+    let x = String(message).match(re);
+    return code === 2 && x ? x.map((e) => e.replaceAll('`', '')) : [];
+  }
+  getWasmContractStates(address: string, pr: PageRequest) {
+    if (!pr) pr = new PageRequest();
+    const query = `?${pr.toQueryString()}`;
+    return this.request(
+      this.registry.cosmwasm_contract_address_state,
+      {
         address,
-      }, query);
-    }
+      },
+      query
+    );
   }
-  
\ No newline at end of file
+}
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 5e6acd888d..0f1e65a7e3 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -1,10 +1,7 @@
 <script lang="ts" setup>
 import { useWasmStore } from '../WasmStore';
 import { ref } from 'vue';
-import type {
-  ContractInfo,
-  PaginabledContracts,
-} from '../types';
+import type { ContractInfo, PaginabledContracts } from '../types';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { PageRequest } from '@/types';
@@ -22,31 +19,30 @@ const wasmStore = useWasmStore();
 function loadContract(pageNum: number) {
   const pr = new PageRequest();
   pr.setPage(pageNum);
-  if(String(props.code_id).search(/^[\d]+$/) > -1){
+  if (String(props.code_id).search(/^[\d]+$/) > -1) {
     // query with code id
     wasmStore.wasmClient.getWasmCodeContracts(props.code_id, pr).then((x) => {
       response.value = x;
-    })
+    });
   } else {
     // query by creator
-    wasmStore.wasmClient.getWasmContractsByCreator(props.code_id, pr).then((x) => {
-      response.value = {
-        contracts: x.contract_addresses,
-        pagination: x.pagination,
-      };
-    })
+    wasmStore.wasmClient
+      .getWasmContractsByCreator(props.code_id, pr)
+      .then((x) => {
+        response.value = {
+          contracts: x.contract_addresses,
+          pagination: x.pagination,
+        };
+      });
   }
 }
 loadContract(1);
 
-
-
 function showInfo(address: string) {
   wasmStore.wasmClient.getWasmContracts(address).then((x) => {
     info.value = x.contract_info;
   });
 }
-
 </script>
 <template>
   <div>
@@ -58,7 +54,9 @@ function showInfo(address: string) {
         <table class="table table-compact w-full mt-4">
           <thead class="bg-base-200">
             <tr>
-              <th style="position: relative; z-index: 2">{{ $t('cosmwasm.contract_list') }}</th>
+              <th style="position: relative; z-index: 2">
+                {{ $t('cosmwasm.contract_list') }}
+              </th>
               <th>{{ $t('account.action') }}</th>
             </tr>
           </thead>
@@ -80,7 +78,7 @@ function showInfo(address: string) {
                   :to="`transactions?contract=${v}`"
                   class="btn btn-primary btn-xs text-xs"
                 >
-                {{ $t('cosmwasm.btn_details') }}
+                  {{ $t('cosmwasm.btn_details') }}
                 </RouterLink>
               </td>
             </tr>
@@ -125,6 +123,5 @@ function showInfo(address: string) {
         </div>
       </label>
     </label>
-
   </div>
 </template>
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 509527ca86..d71acb784a 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -1,7 +1,16 @@
 <script lang="ts" setup>
 import PaginationBar from '@/components/PaginationBar.vue';
-import { useBaseStore, useBlockchain, useFormatter, useTxDialog } from '@/stores';
-import { PageRequest, type PaginatedBalances, type PaginatedTxs } from '@/types';
+import {
+  useBaseStore,
+  useBlockchain,
+  useFormatter,
+  useTxDialog,
+} from '@/stores';
+import {
+  PageRequest,
+  type PaginatedBalances,
+  type PaginatedTxs,
+} from '@/types';
 import { Icon } from '@iconify/vue';
 import { onMounted, ref } from 'vue';
 import { useWasmStore } from '../WasmStore';
@@ -9,301 +18,411 @@ import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { useRoute } from 'vue-router';
 import type { ContractInfo, PaginabledContractStates } from '../types';
 
-import { JsonViewer } from "vue3-json-viewer"
+import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
-import "vue3-json-viewer/dist/index.css";
+import 'vue3-json-viewer/dist/index.css';
 
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
 const wasmStore = useWasmStore();
 
-const route = useRoute()
-const page = ref(new PageRequest())
+const route = useRoute();
+const page = ref(new PageRequest());
 const pageRequest = ref(new PageRequest());
 
-const txs = ref<PaginatedTxs>({ txs: [], tx_responses: [], pagination: { total: "0" } });
+const txs = ref<PaginatedTxs>({
+  txs: [],
+  tx_responses: [],
+  pagination: { total: '0' },
+});
 
 const dialog = useTxDialog();
 const info = ref({} as ContractInfo);
 const state = ref({} as PaginabledContractStates);
 const selected = ref('');
-const balances = ref({} as PaginatedBalances)
+const balances = ref({} as PaginatedBalances);
 
-const contractAddress = String(route.query.contract)
+const contractAddress = String(route.query.contract);
 
-const history = JSON.parse(localStorage.getItem("contract_history") || "{}")
+const history = JSON.parse(localStorage.getItem('contract_history') || '{}');
 
 if (history[chainStore.chainName]) {
-    if (!history[chainStore.chainName].includes(contractAddress)) {
-        history[chainStore.chainName].push(contractAddress)
-        if (history[chainStore.chainName].length > 10) {
-            history[chainStore.chainName].shift()
-        }
+  if (!history[chainStore.chainName].includes(contractAddress)) {
+    history[chainStore.chainName].push(contractAddress);
+    if (history[chainStore.chainName].length > 10) {
+      history[chainStore.chainName].shift();
     }
+  }
 } else {
-    history[chainStore.chainName] = [contractAddress]
+  history[chainStore.chainName] = [contractAddress];
 }
-localStorage.setItem("contract_history", JSON.stringify(history))
+localStorage.setItem('contract_history', JSON.stringify(history));
 
 onMounted(() => {
-    const address = contractAddress
-    wasmStore.wasmClient.getWasmContracts(address).then((x) => {
-        info.value = x.contract_info;
+  const address = contractAddress;
+  wasmStore.wasmClient.getWasmContracts(address).then((x) => {
+    info.value = x.contract_info;
+  });
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=execute._contract_address='{address}'",
+      { address },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
     });
-    chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
-        txs.value = res
-    })
 
-    wasmStore.wasmClient.getWasmContractQueries(contractAddress).then(res => {
-        console.log("queries: ", res)
-        queries.value = res
-        if (res && res.length > 0) {
-            selectQuery(res[0])
-        }
-    })
-
-    showFunds()
-    showState()
+  wasmStore.wasmClient.getWasmContractQueries(contractAddress).then((res) => {
+    console.log('queries: ', res);
+    queries.value = res;
+    if (res && res.length > 0) {
+      selectQuery(res[0]);
+    }
+  });
 
-})
+  showFunds();
+  showState();
+});
 
 function pageload(pageNum: number) {
-    page.value.setPage(pageNum)
-    const address = String(route.query.contract)
-    chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
-        txs.value = res
-    })
+  page.value.setPage(pageNum);
+  const address = String(route.query.contract);
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=execute._contract_address='{address}'",
+      { address },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    });
 }
 
-
 function showFunds() {
-
-    const address = String(route.query.contract)
-    chainStore.rpc.getBankBalances(address).then(res => {
-        balances.value = res
-    })
+  const address = String(route.query.contract);
+  chainStore.rpc.getBankBalances(address).then((res) => {
+    balances.value = res;
+  });
 }
 function showState() {
-    const address = String(route.query.contract)
-    selected.value = address;
-    pageloadState(1);
+  const address = String(route.query.contract);
+  selected.value = address;
+  pageloadState(1);
 }
 
 function pageloadState(p: number) {
-    pageRequest.value.setPage(p);
-    wasmStore.wasmClient
-        .getWasmContractStates(selected.value, pageRequest.value)
-        .then((x) => {
-            state.value = x;
-        });
+  pageRequest.value.setPage(p);
+  wasmStore.wasmClient
+    .getWasmContractStates(selected.value, pageRequest.value)
+    .then((x) => {
+      state.value = x;
+    });
 }
 
 function showQuery() {
-    query.value = '';
-    result.value = '';
+  query.value = '';
+  result.value = '';
 }
 
 function selectQuery(method: string) {
-    query.value = `{"${method}":{}}`
+  query.value = `{"${method}":{}}`;
 }
 
 function queryContract() {
-    try {
-        if (selectedRadio.value === 'raw') {
-            wasmStore.wasmClient
-                .getWasmContractRawQuery(contractAddress, query.value)
-                .then((x) => {
-                    result.value = x;
-                })
-                .catch((err) => {
-                    result.value = err;
-                });
-        } else {
-            wasmStore.wasmClient
-                .getWasmContractSmartQuery(contractAddress, query.value)
-                .then((x) => {
-                    result.value = x;
-                })
-                .catch((err) => {
-                    result.value = err;
-                });
-        }
-    } catch (err) {
-        result.value = JSON.stringify(err); // not works for now
+  try {
+    if (selectedRadio.value === 'raw') {
+      wasmStore.wasmClient
+        .getWasmContractRawQuery(contractAddress, query.value)
+        .then((x) => {
+          result.value = x;
+        })
+        .catch((err) => {
+          result.value = err;
+        });
+    } else {
+      wasmStore.wasmClient
+        .getWasmContractSmartQuery(contractAddress, query.value)
+        .then((x) => {
+          result.value = x;
+        })
+        .catch((err) => {
+          result.value = err;
+        });
     }
-    // TODO, show error in the result.
+  } catch (err) {
+    result.value = JSON.stringify(err); // not works for now
+  }
+  // TODO, show error in the result.
 }
 
 const selectedRadio = ref('smart');
 const query = ref('');
 const result = ref({});
-const queries = ref<string[]>([])
-const tab = ref('detail')
+const queries = ref<string[]>([]);
+const tab = ref('detail');
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'detail' }"
-                @click="tab = 'detail'">{{ $t('cosmwasm.contract_detail') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transaction' }"
-                @click="tab = 'transaction'">Transactions</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'query' }"
-                @click="tab = 'query'">Query</a>
-        </div>
-
-        <div v-show="tab === 'detail'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <h2 class="card-title truncate w-full">
-                    {{ $t('cosmwasm.contract_detail') }}
-                </h2>
-                <DynamicComponent :value="info" />
-            </div>
-
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2">
-                    <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
-                </div>
-                <ul class="menu mt-5">
-                    <li v-for="b in balances.balances">
-                        <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
-                        </a>
-                    </li>
-                    <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">{{
-                        $t('cosmwasm.no_escrowed_assets') }}</li>
-                </ul>
-            </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'detail' }"
+        @click="tab = 'detail'"
+        >{{ $t('cosmwasm.contract_detail') }}</a
+      >
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'transaction' }"
+        @click="tab = 'transaction'"
+        >Transactions</a
+      >
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'query' }"
+        @click="tab = 'query'"
+        >Query</a
+      >
+    </div>
 
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
-                </div>
-                <div class="overflow-auto">
-                    <JsonViewer
-                        :value="state.models?.map(v => ({ key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value)) })) || ''"
-                        :theme="baseStore.theme || 'dark'" style="background: transparent;" copyable boxed sort
-                        :expand-depth="5" />
-                    <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
-                        :callback="pageloadState" />
-                </div>
-            </div>
+    <div v-show="tab === 'detail'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <h2 class="card-title truncate w-full">
+          {{ $t('cosmwasm.contract_detail') }}
+        </h2>
+        <DynamicComponent :value="info" />
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2">
+          <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
+        </div>
+        <ul class="menu mt-5">
+          <li v-for="b in balances.balances">
+            <a class="flex justify-between"
+              ><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
+            </a>
+          </li>
+          <li
+            v-if="balances.pagination?.total === '0'"
+            class="my-10 text-center"
+          >
+            {{ $t('cosmwasm.no_escrowed_assets') }}
+          </li>
+        </ul>
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
+        </div>
+        <div class="overflow-auto">
+          <JsonViewer
+            :value="
+              state.models?.map((v) => ({
+                key: format.hexToString(v.key),
+                value: JSON.parse(format.base64ToString(v.value)),
+              })) || ''
+            "
+            :theme="baseStore.theme || 'dark'"
+            style="background: transparent"
+            copyable
+            boxed
+            sort
+            :expand-depth="5"
+          />
+          <PaginationBar
+            :limit="pageRequest.limit"
+            :total="state.pagination?.total"
+            :callback="pageloadState"
+          />
+        </div>
+      </div>
+
+      <div class="text-center mb-4">
+        <RouterLink :to="`../${info.code_id}/contracts`"
+          ><span class="btn btn-xs text-xs mr-2"> Back </span>
+        </RouterLink>
+
+        <label
+          for="wasm_migrate_contract"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="
+            dialog.open('wasm_migrate_contract', { contract: contractAddress })
+          "
+        >
+          {{ $t('cosmwasm.btn_migrate') }}
+        </label>
+
+        <label
+          for="wasm_update_admin"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="
+            dialog.open('wasm_update_admin', { contract: contractAddress })
+          "
+        >
+          {{ $t('cosmwasm.btn_update_admin') }}
+        </label>
+
+        <label
+          for="wasm_clear_admin"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="
+            dialog.open('wasm_clear_admin', { contract: contractAddress })
+          "
+        >
+          {{ $t('cosmwasm.btn_clear_admin') }}
+        </label>
+
+        <label
+          for="wasm_execute_contract"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="
+            dialog.open('wasm_execute_contract', { contract: contractAddress })
+          "
+        >
+          {{ $t('cosmwasm.btn_execute') }}
+        </label>
+      </div>
+    </div>
 
-            <div class="text-center mb-4">
-                <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span>
+    <div
+      v-show="tab === 'transaction'"
+      class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow"
+    >
+      <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
+      <table class="table">
+        <thead class="bg-base-200">
+          <tr>
+            <td>{{ $t('ibc.height') }}</td>
+            <td>{{ $t('ibc.txhash') }}</td>
+            <td>{{ $t('ibc.messages') }}</td>
+            <td>{{ $t('ibc.time') }}</td>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="resp in txs?.tx_responses">
+            <td>{{ resp.height }}</td>
+            <td>
+              <div class="text-xs truncate text-primary dark:invert">
+                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`"
+                  >{{ resp.txhash }}
                 </RouterLink>
+              </div>
+            </td>
+            <td>
+              <div class="flex">
+                {{ format.messages(resp.tx.body.messages) }}
+                <Icon
+                  v-if="resp.code === 0"
+                  icon="mdi-check"
+                  class="text-success text-lg"
+                />
+                <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
+              </div>
+            </td>
+            <td>{{ format.toLocaleDate(resp.timestamp) }}</td>
+          </tr>
+        </tbody>
+      </table>
+      <PaginationBar
+        :limit="page.limit"
+        :total="txs.pagination?.total"
+        :callback="pageload"
+      />
+    </div>
 
-                <label for="wasm_migrate_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_migrate') }}
-                </label>
-
-                <label for="wasm_update_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_update_admin', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_update_admin') }}
-                </label>
-
-                <label for="wasm_clear_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_clear_admin', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_clear_admin') }}
-                </label>
-
-                <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_execute') }}
-                </label>
-
-            </div>
-        </div>
-
-        <div v-show="tab === 'transaction'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
-            <table class="table">
-                <thead class=" bg-base-200">
-                    <tr>
-                        <td> {{ $t('ibc.height') }}</td>
-                        <td>{{ $t('ibc.txhash') }}</td>
-                        <td> {{ $t('ibc.messages') }}</td>
-                        <td>{{ $t('ibc.time') }}</td>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="resp in txs?.tx_responses">
-                        <td>{{ resp.height }}</td>
-                        <td>
-                            <div class="text-xs truncate text-primary dark:invert">
-                                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }}
-                                </RouterLink>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="flex">
-                                {{ format.messages(resp.tx.body.messages) }}
-                                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
-                                <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
-                            </div>
-                        </td>
-                        <td>{{ format.toLocaleDate(resp.timestamp) }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
+    <div v-show="tab === 'query'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg font-semibold">
+            {{ $t('cosmwasm.suggested_messages') }}
+          </div>
         </div>
-
-        <div v-show="tab === 'query'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
-                </div>
-                <div class="px-3">
-                    <div>
-                        <div>
-                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
-                        </div>
-                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
-                            class="my-2 textarea textarea-bordered w-full" />
-
-                        <div class="mt-4 mb-4 text-center">
-                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
-                                {{ $t('cosmwasm.btn_query') }}
-                            </button>
-                        </div>
-
-                    </div>
-                </div>
+        <div class="px-3">
+          <div>
+            <div>
+              <span
+                v-for="q in queries"
+                class="btn btn-xs mx-1"
+                @click="selectQuery(q)"
+                >{{ q }}</span
+              >
             </div>
-        </div>
-
-        <div v-show="tab === 'execute'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
-                </div>
-                <div class="px-3">
-                    <div>
-                        <div>
-                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
-                        </div>
-                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
-                            class="my-2 textarea textarea-bordered w-full" />
-
-                        <div class="mt-4 mb-4 text-center">
-                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
-                                {{ $t('cosmwasm.btn_execute') }}
-                            </button>
-                        </div>
-
-                    </div>
-                </div>
+            <textarea
+              v-model="query"
+              placeholder="Query String, {}"
+              label="Query String"
+              class="my-2 textarea textarea-bordered w-full"
+            />
+
+            <div class="mt-4 mb-4 text-center">
+              <button
+                class="btn btn-primary btn-sm px-4 text-white"
+                @click="queryContract()"
+              >
+                {{ $t('cosmwasm.btn_query') }}
+              </button>
             </div>
+          </div>
         </div>
+      </div>
+    </div>
 
-        <div v-if="tab === 'execute' || tab === 'query'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+    <div v-show="tab === 'execute'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg font-semibold">
+            {{ $t('cosmwasm.suggested_messages') }}
+          </div>
+        </div>
+        <div class="px-3">
+          <div>
+            <div>
+              <span
+                v-for="q in queries"
+                class="btn btn-xs mx-1"
+                @click="selectQuery(q)"
+                >{{ q }}</span
+              >
             </div>
-            <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort
-                :expand-depth="5" />
+            <textarea
+              v-model="query"
+              placeholder="Query String, {}"
+              label="Query String"
+              class="my-2 textarea textarea-bordered w-full"
+            />
+
+            <div class="mt-4 mb-4 text-center">
+              <button
+                class="btn btn-primary btn-sm px-4 text-white"
+                @click="queryContract()"
+              >
+                {{ $t('cosmwasm.btn_execute') }}
+              </button>
+            </div>
+          </div>
         </div>
+      </div>
+    </div>
 
+    <div
+      v-if="tab === 'execute' || tab === 'query'"
+      class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow"
+    >
+      <div class="flex items-center justify-between px-3 pt-2 mb-4">
+        <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+      </div>
+      <JsonViewer
+        :value="result"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        :expand-depth="5"
+      />
     </div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index ddb4b6a06d..4a145d37c7 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/src/modules/[chain]/cosmwasm/index.vue
@@ -11,88 +11,122 @@ const props = defineProps(['chain']);
 
 const codes = ref({} as PaginabledCodeInfos);
 
-const pageRequest = ref(new PageRequest())
+const pageRequest = ref(new PageRequest());
 const wasmStore = useWasmStore();
-const dialog = useTxDialog()
-const creator = ref("")
-const field = ref("contract")
-const history = ref([])
+const dialog = useTxDialog();
+const creator = ref('');
+const field = ref('contract');
+const history = ref([]);
 
 function pageload(pageNum: number) {
-    pageRequest.value.setPage(pageNum)
-    wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
-        codes.value = x;
-    });
+  pageRequest.value.setPage(pageNum);
+  wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
+    codes.value = x;
+  });
 }
-pageload(1)
+pageload(1);
 
 onMounted(() => {
-    const historyStore = JSON.parse(localStorage.getItem("contract_history") || "{}")
-    history.value = historyStore[props.chain] || []
-})
+  const historyStore = JSON.parse(
+    localStorage.getItem('contract_history') || '{}'
+  );
+  history.value = historyStore[props.chain] || [];
+});
 
 function myContracts() {
-    if(field.value === "contract")
-        router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${creator.value}`)
-    else if(field.value === "creator")
-        router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`)
+  if (field.value === 'contract')
+    router.push(
+      `/${props.chain}/cosmwasm/0/transactions?contract=${creator.value}`
+    );
+  else if (field.value === 'creator')
+    router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`);
 }
-const togo = ref("")
+const togo = ref('');
 function gotoHistory() {
-    router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${togo.value}`)
+  router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${togo.value}`);
 }
 </script>
 <template>
-    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title truncate w-full mb-4">{{ $t('cosmwasm.title') }}</h2>
-        <div class="grid grid-flow-col auto-cols-max gap-4 overflow-hidden">
-            <div class="join w-full border border-primary">
-                <select v-model="field" class="select select-primary"><option value="contract">Contract</option><option value="creator">Creator</option></select>
-                <input v-model="creator" type=text class="input input-bordered w-full join-item" placeholder="address" />
-                <button class="join-item btn  btn-primary" @click="myContracts()">{{ $t('cosmwasm.btn_query') }}</button>
-            </div>
-            <div>
-                <select v-model="togo" class="select select-primary" @change="gotoHistory()">
-                    <option value="">History</option>
-                    <option v-for="(v, index) in history" :key="index" :value="v" >...{{ String(v).substring(45) }}</option>
-                </select>
-            </div>
-        </div>
+  <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+    <h2 class="card-title truncate w-full mb-4">{{ $t('cosmwasm.title') }}</h2>
+    <div class="grid grid-flow-col auto-cols-max gap-4 overflow-hidden">
+      <div class="join w-full border border-primary">
+        <select v-model="field" class="select select-primary">
+          <option value="contract">Contract</option>
+          <option value="creator">Creator</option>
+        </select>
+        <input
+          v-model="creator"
+          type="text"
+          class="input input-bordered w-full join-item"
+          placeholder="address"
+        />
+        <button class="join-item btn btn-primary" @click="myContracts()">
+          {{ $t('cosmwasm.btn_query') }}
+        </button>
+      </div>
+      <div>
+        <select
+          v-model="togo"
+          class="select select-primary"
+          @change="gotoHistory()"
+        >
+          <option value="">History</option>
+          <option v-for="(v, index) in history" :key="index" :value="v">
+            ...{{ String(v).substring(45) }}
+          </option>
+        </select>
+      </div>
+    </div>
 
-        <div class="overflow-x-auto">
-            <table class="table table-compact w-full mt-4 text-sm">
-                <thead class=" bg-base-200">
-                    <tr>
-                        <th>{{ $t('cosmwasm.code_id') }}</th>
-                        <th>{{ $t('cosmwasm.code_hash') }}</th>
-                        <th>{{ $t('cosmwasm.creator') }}</th>
-                        <th>{{ $t('cosmwasm.permissions') }}</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="(v, index) in codes.code_infos" :key="index">
-                        <td>{{ v.code_id }}</td>
-                        <td>
-                            <RouterLink :to="`/${props.chain}/cosmwasm/${v.code_id}/contracts`"
-                                class="truncate max-w-[200px] block text-primary dark:invert" :title="v.data_hash">
-                                {{ v.data_hash }}
-                            </RouterLink>
-                        </td>
-                        <td>{{ v.creator }}</td>
-                        <td>
-                            {{ v.instantiate_permission?.permission }}
-                            <span>{{ v.instantiate_permission?.address }}
-                                {{ v.instantiate_permission?.addresses.join(', ') }}</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="flex justify-between">
-                <PaginationBar :limit="pageRequest.limit" :total="codes.pagination?.total" :callback="pageload" />
-                <label for="wasm_store_code" class="btn btn-primary my-5" @click="dialog.open('wasm_store_code', {})">{{ $t('cosmwasm.btn_up_sc') }}</label>
-            </div>
-        </div>
+    <div class="overflow-x-auto">
+      <table class="table table-compact w-full mt-4 text-sm">
+        <thead class="bg-base-200">
+          <tr>
+            <th>{{ $t('cosmwasm.code_id') }}</th>
+            <th>{{ $t('cosmwasm.code_hash') }}</th>
+            <th>{{ $t('cosmwasm.creator') }}</th>
+            <th>{{ $t('cosmwasm.permissions') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(v, index) in codes.code_infos" :key="index">
+            <td>{{ v.code_id }}</td>
+            <td>
+              <RouterLink
+                :to="`/${props.chain}/cosmwasm/${v.code_id}/contracts`"
+                class="truncate max-w-[200px] block text-primary dark:invert"
+                :title="v.data_hash"
+              >
+                {{ v.data_hash }}
+              </RouterLink>
+            </td>
+            <td>{{ v.creator }}</td>
+            <td>
+              {{ v.instantiate_permission?.permission }}
+              <span
+                >{{ v.instantiate_permission?.address }}
+                {{ v.instantiate_permission?.addresses.join(', ') }}</span
+              >
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="flex justify-between">
+        <PaginationBar
+          :limit="pageRequest.limit"
+          :total="codes.pagination?.total"
+          :callback="pageload"
+        />
+        <label
+          for="wasm_store_code"
+          class="btn btn-primary my-5"
+          @click="dialog.open('wasm_store_code', {})"
+          >{{ $t('cosmwasm.btn_up_sc') }}</label
+        >
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index cd1e12bc6e..0b3707e471 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -7,163 +7,217 @@ import { ref, onMounted, computed } from 'vue';
 const chainStore = useBlockchain();
 const format = useFormatter();
 interface FaucetResponse {
-    status: string;
-    result: any;
-    message: string;
+  status: string;
+  result: any;
+  message: string;
 }
 
 const address = ref('');
 const faucet = ref('');
 const balances = ref([]);
 const faucetModal = ref(false);
-const ret = ref({} as FaucetResponse); 
+const ret = ref({} as FaucetResponse);
 const configChecker = ref('');
 
 const checklist = computed(() => {
-    const endpoint = chainStore.current?.endpoints?.rest
-    const bs = balances.value.length > 0 && balances.value.findIndex((v:any) => v.amount <= 10) === -1;
-    return [
-        { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
-        { title: 'Faucet Configured', status: chainStore.current?.faucet !== undefined },
-        { title: 'Faucet Account', status: faucet.value !== ''},
-        { title: 'Faucet Balance', status: bs},
-    ];
+  const endpoint = chainStore.current?.endpoints?.rest;
+  const bs =
+    balances.value.length > 0 &&
+    balances.value.findIndex((v: any) => v.amount <= 10) === -1;
+  return [
+    { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
+    {
+      title: 'Faucet Configured',
+      status: chainStore.current?.faucet !== undefined,
+    },
+    { title: 'Faucet Account', status: faucet.value !== '' },
+    { title: 'Faucet Balance', status: bs },
+  ];
 });
 
 const notReady = computed(() => {
-    for (const it of checklist.value) {
-        if (!it.status) return true;
-    }
-    return false;
+  for (const it of checklist.value) {
+    if (!it.status) return true;
+  }
+  return false;
 });
 
 const validAddress = computed(() => {
-    if (!address.value) return true;
-    return address.value.startsWith(chainStore.current?.bech32Prefix || '1');
+  if (!address.value) return true;
+  return address.value.startsWith(chainStore.current?.bech32Prefix || '1');
 });
 
 const faucetUrl = computed(() => {
-    return `https://faucet.ping.pub/${chainStore.current?.chainName}`;
-    // return `http://localhost:3000/${chainStore.current?.chainName}`;
+  return `https://faucet.ping.pub/${chainStore.current?.chainName}`;
+  // return `http://localhost:3000/${chainStore.current?.chainName}`;
 });
 
-
 function claim() {
-    
-    ret.value = {} as FaucetResponse;
-    const prefix = chainStore.current?.bech32Prefix || 'cosmos';
-    if (!address.value ) return;
-    faucetModal.value = true;
-    // @ts-ignore
-    get(`${faucetUrl.value}/send/${address.value}`).then( (res: FaucetResponse) => {
-        console.log(res);
-        ret.value = res;
-    });
+  ret.value = {} as FaucetResponse;
+  const prefix = chainStore.current?.bech32Prefix || 'cosmos';
+  if (!address.value) return;
+  faucetModal.value = true;
+  // @ts-ignore
+  get(`${faucetUrl.value}/send/${address.value}`).then(
+    (res: FaucetResponse) => {
+      console.log(res);
+      ret.value = res;
+    }
+  );
 }
 
 function balance() {
-    get(`${faucetUrl.value}/balance`).then(res => {
-        if(res.status === 'error') {
-            configChecker.value = res.message;
-            return;
-        }
-        balances.value = res.result?.balance;
-        faucet.value = res.result?.address;
-    });
+  get(`${faucetUrl.value}/balance`).then((res) => {
+    if (res.status === 'error') {
+      configChecker.value = res.message;
+      return;
+    }
+    balances.value = res.result?.balance;
+    faucet.value = res.result?.address;
+  });
 }
 
 onMounted(() => {
-    if (chainStore.current && chainStore.current.faucet) {
-        balance();
-    }
+  if (chainStore.current && chainStore.current.faucet) {
+    balance();
+  }
 });
-
-
 </script>
 <template>
-    <div>
-        <div class="flex flex-col items-center justify-center mb-6 mt-14 gap-4">
-            <img v-if="chainStore.current?.logo" :src="`${chainStore.current?.logo}`" class="w-16 rounded-md" />
-            <div v-else class="w-16 rounded-full">
-                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.000000 132.000000"
-                    preserveAspectRatio="xMidYMid meet">
-                    <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)" fill="#666CFF" class=""
-                        stroke="none">
-                        <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
+  <div>
+    <div class="flex flex-col items-center justify-center mb-6 mt-14 gap-4">
+      <img
+        v-if="chainStore.current?.logo"
+        :src="`${chainStore.current?.logo}`"
+        class="w-16 rounded-md"
+      />
+      <div v-else class="w-16 rounded-full">
+        <svg
+          version="1.0"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 150.000000 132.000000"
+          preserveAspectRatio="xMidYMid meet"
+        >
+          <g
+            transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
+            fill="#666CFF"
+            class=""
+            stroke="none"
+          >
+            <path
+              d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
             81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
             -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
             -106 112 -197 112 -201 0 -4 -50 -95 -111 -201 l-112 -194 -231 0 -231 0 -105
             181 c-58 100 -109 190 -114 200 -6 14 17 63 104 213 l112 196 232 0 231 0 113
-            -194z" />
-                        <path d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
-            165 267 183 308 4 9 -233 7 -317 -1z" />
-                        <path d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
-            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z" />
-                        <path d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
-            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z" />
-                    </g>
-                </svg>
-            </div>
-            <h1 class="text-primary text-3xl md:!text-6xl font-bold capitalize">
-                {{ chainStore.chainName }} Faucet
-            </h1>
-        </div>
-        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title">Get Tokens</h2>
-            <input type="text" v-model="address" class="mt-4 mb-4 w-full border border-gray-300 rounded-md p-2"
-                :class="{'input-error' : !validAddress}"
-                :disabled="notReady" placeholder="Enter your address" />
-            <button class="btn btn-primary w-full bg-primary text-white" :disabled="notReady" @click="claim()">Get
-                Tokens</button>
-        </div>
-
-        <AdBanner id="home-banner-ad" unit="banner" />
-
-        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title">Enable Faucet</h2>
-            <div class="mt-4">
-                <span class="text-base"> 1. Submit chain configuration</span>
-                <div class="mockup-code bg-base-200 my-2 gap-4">
-                    <div v-for="it in checklist">
-                        <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>
-                    </div>
+            -194z"
+            />
+            <path
+              d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
+            165 267 183 308 4 9 -233 7 -317 -1z"
+            />
+            <path
+              d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
+            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"
+            />
+            <path
+              d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
+            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"
+            />
+          </g>
+        </svg>
+      </div>
+      <h1 class="text-primary text-3xl md:!text-6xl font-bold capitalize">
+        {{ chainStore.chainName }} Faucet
+      </h1>
+    </div>
+    <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title">Get Tokens</h2>
+      <input
+        type="text"
+        v-model="address"
+        class="mt-4 mb-4 w-full border border-gray-300 rounded-md p-2"
+        :class="{ 'input-error': !validAddress }"
+        :disabled="notReady"
+        placeholder="Enter your address"
+      />
+      <button
+        class="btn btn-primary w-full bg-primary text-white"
+        :disabled="notReady"
+        @click="claim()"
+      >
+        Get Tokens
+      </button>
+    </div>
 
-                    <pre class=" text-xs text-red-500">{{ configChecker }}</pre>
-                    <pre></pre>
-                    <a class=" btn-ghost text-white rounded-md p-2 ml-4"
-                        href="https://github.com/ping-pub/ping.pub/blob/main/faucet.md">Update</a>
-                </div>
+    <AdBanner id="home-banner-ad" unit="banner" />
+
+    <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title">Enable Faucet</h2>
+      <div class="mt-4">
+        <span class="text-base"> 1. Submit chain configuration</span>
+        <div class="mockup-code bg-base-200 my-2 gap-4">
+          <div v-for="it in checklist">
+            <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>
+          </div>
+
+          <pre class="text-xs text-red-500">{{ configChecker }}</pre>
+          <pre></pre>
+          <a
+            class="btn-ghost text-white rounded-md p-2 ml-4"
+            href="https://github.com/ping-pub/ping.pub/blob/main/faucet.md"
+            >Update</a
+          >
+        </div>
 
-                <span class="text-base"> 2. Fund the faucet account</span>
-                <div class="mockup-code bg-base-200 my-2">
-                    <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Faucet Address: {{ faucet }} </code></pre>
-                    <pre
-                        data-prefix=">"><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
-                </div>
-            </div>
+        <span class="text-base"> 2. Fund the faucet account</span>
+        <div class="mockup-code bg-base-200 my-2">
+          <pre
+            data-prefix=">"
+          ><code class=" text-gray-800 dark:invert"> Faucet Address: {{ faucet }} </code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
+        </div>
+      </div>
+    </div>
+    <input
+      type="checkbox"
+      v-model="faucetModal"
+      id="my_modal_6"
+      class="modal-toggle"
+    />
+    <div class="modal" role="dialog">
+      <div class="modal-box">
+        <div v-if="ret.status === 'error'">
+          <h3 class="font-bold text-red-500">Error</h3>
+          <div>{{ ret.message }}</div>
+        </div>
+        <div v-else-if="ret.status === 'ok'">
+          <h3 class="font-bold text-green-500">Token Sent!</h3>
+          <div class="text-center mt-4">
+            <RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`"
+              >View Transaction</RouterLink
+            >
+          </div>
+        </div>
+        <h3 v-else class="font-bold text-lg">
+          Processing <span class="loading loading-bars loading-sm"></span>
+        </h3>
+
+        <div class="modal-action">
+          <label
+            for="my_modal_6"
+            class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
+            >✕</label
+          >
         </div>
-        <input type="checkbox" v-model="faucetModal" id="my_modal_6" class="modal-toggle" />
-        <div class="modal" role="dialog">
-            <div class="modal-box">
-                <div v-if="ret.status === 'error'">
-                    <h3 class="font-bold text-red-500"> Error </h3>
-                    <div>{{ ret.message }}</div>
-                </div>
-                <div v-else-if="ret.status === 'ok'">
-                    <h3 class="font-bold text-green-500"> Token Sent! </h3>
-                    <div class=" text-center mt-4"><RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink></div>
-                </div>
-                <h3 v-else class="font-bold text-lg"> Processing <span class="loading loading-bars loading-sm"></span> </h3>
- 
-                <div class="modal-action">
-                    <label for="my_modal_6"  class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</label>
-                </div>
-                <p class="py-2">
-                <div>
-                    <AdBanner id="popup-ad" unit="popup" />
-                </div>
-                </p>
-            </div>
+        <div class="py-2">
+          <div>
+            <AdBanner id="popup-ad" unit="popup" />
+          </div>
         </div>
+      </div>
     </div>
+  </div>
 </template>
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index cfc9aff896..acfe19c498 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -22,7 +22,6 @@ import Countdown from '@/components/Countdown.vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { fromBech32, toHex } from '@cosmjs/encoding';
 
-
 const props = defineProps(['proposal_id', 'chain']);
 const proposal = ref({} as GovProposal);
 const format = useFormatter();
@@ -41,35 +40,35 @@ store.fetchProposal(props.proposal_id).then((res) => {
   }
   proposal.value = proposalDetail;
   // load origin params if the proposal is param change
-  if(proposalDetail.content?.changes) {
-    proposalDetail.content?.changes.forEach((item) => {  
-        chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
-          if(proposal.value.content && res.param) {
-            if(proposal.value.content.current){
-              proposal.value.content.current.push(res.param);
-            } else {
-              proposal.value.content.current = [res.param];
-            };
+  if (proposalDetail.content?.changes) {
+    proposalDetail.content?.changes.forEach((item) => {
+      chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
+        if (proposal.value.content && res.param) {
+          if (proposal.value.content.current) {
+            proposal.value.content.current.push(res.param);
+          } else {
+            proposal.value.content.current = [res.param];
           }
-        })
-    })
+        }
+      });
+    });
   }
 
   const msgType = proposalDetail.content?.['@type'] || '';
-  if(msgType.endsWith('MsgUpdateParams')) {
-    if(msgType.indexOf('staking') > -1) {
+  if (msgType.endsWith('MsgUpdateParams')) {
+    if (msgType.indexOf('staking') > -1) {
       chainStore.rpc.getStakingParams().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('gov') > -1) {
+    } else if (msgType.indexOf('gov') > -1) {
       chainStore.rpc.getGovParamsVoting().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('distribution') > -1) {
+    } else if (msgType.indexOf('distribution') > -1) {
       chainStore.rpc.getDistributionParams().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('slashing') > -1) {
+    } else if (msgType.indexOf('slashing') > -1) {
       chainStore.rpc.getSlashingParams().then((res) => {
         addCurrentParams(res);
       });
@@ -78,7 +77,7 @@ store.fetchProposal(props.proposal_id).then((res) => {
 });
 
 function addCurrentParams(res: any) {
-  if(proposal.value.content && res.params) {
+  if (proposal.value.content && res.params) {
     proposal.value.content.params = [proposal.value.content?.params];
     proposal.value.content.current = [res.params];
   }
@@ -128,7 +127,9 @@ const upgradeCountdown = computed((): number => {
   if (height > 0) {
     const base = useBaseStore();
     const current = Number(base.latest?.block?.header?.height || 0);
-    return (height - current) * Number((base.blocktime / 1000).toFixed()) * 1000;
+    return (
+      (height - current) * Number((base.blocktime / 1000).toFixed()) * 1000
+    );
   }
   const now = new Date();
   const end = new Date(proposal.value.content?.plan?.time || '');
@@ -198,14 +199,14 @@ const processList = computed(() => {
 
 function showValidatorName(voter: string) {
   try {
-      const { data } = fromBech32(voter);
-      const hex = toHex(data);
-      const v = stakingStore.validators.find(
-        (x) => toHex(fromBech32(x.operator_address).data) === hex
-      );
-      return v ? v.description.moniker : voter;
-  } catch(e){
-      return voter;
+    const { data } = fromBech32(voter);
+    const hex = toHex(data);
+    const v = stakingStore.validators.find(
+      (x) => toHex(fromBech32(x.operator_address).data) === hex
+    );
+    return v ? v.description.moniker : voter;
+  } catch (e) {
+    return voter;
   }
 }
 
@@ -217,22 +218,32 @@ function pageload(p: number) {
   });
 }
 
-function metaItem(metadata: string|undefined): { title: string; summary: string } {
+function metaItem(metadata: string | undefined): {
+  title: string;
+  summary: string;
+} {
   if (!metadata) {
-    return { title: '', summary: '' }
+    return { title: '', summary: '' };
   } else if (metadata.startsWith('{') && metadata.endsWith('}')) {
-    return JSON.parse(metadata)
+    return JSON.parse(metadata);
   }
-  return { title: metadata, summary: '' }
+  return { title: metadata, summary: '' };
 }
 </script>
 
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title flex flex-col md:!justify-between md:!flex-row mb-2">
+      <h2
+        class="card-title flex flex-col md:!justify-between md:!flex-row mb-2"
+      >
         <p class="truncate w-full">
-          {{ proposal_id }}. {{ proposal.title || proposal.content?.title || metaItem(proposal?.metadata)?.title  }}
+          {{ proposal_id }}.
+          {{
+            proposal.title ||
+            proposal.content?.title ||
+            metaItem(proposal?.metadata)?.title
+          }}
         </p>
         <div
           class="badge badge-ghost"
@@ -250,9 +261,18 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
       <div class="">
         <ObjectElement :value="proposal.content" />
       </div>
-      <div v-if="proposal.summary && !proposal.content?.description || metaItem(proposal?.metadata)?.summary ">
+      <div
+        v-if="
+          (proposal.summary && !proposal.content?.description) ||
+          metaItem(proposal?.metadata)?.summary
+        "
+      >
         <MdEditor
-          :model-value="format.multiLine(proposal.summary || metaItem(proposal?.metadata)?.summary)"
+          :model-value="
+            format.multiLine(
+              proposal.summary || metaItem(proposal?.metadata)?.summary
+            )
+          "
           previewOnly
           class="md-editor-recover"
         ></MdEditor>
@@ -308,7 +328,8 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
           <div class="flex items-center mb-4 mt-2">
             <div class="w-2 h-2 rounded-full bg-error mr-3"></div>
             <div class="text-base flex-1 text-main">
-              {{ $t('gov.submit_at') }}: {{ format.toDay(proposal.submit_time) }}
+              {{ $t('gov.submit_at') }}:
+              {{ format.toDay(proposal.submit_time) }}
             </div>
             <div class="text-sm">{{ shortTime(proposal.submit_time) }}</div>
           </div>
@@ -338,7 +359,8 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             <div class="flex items-center">
               <div class="w-2 h-2 rounded-full bg-yes mr-3"></div>
               <div class="text-base flex-1 text-main">
-                {{ $t('gov.vote_start_from') }} {{ format.toDay(proposal.voting_start_time) }}
+                {{ $t('gov.vote_start_from') }}
+                {{ format.toDay(proposal.voting_start_time) }}
               </div>
               <div class="text-sm">
                 {{ shortTime(proposal.voting_start_time) }}
@@ -352,14 +374,16 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             <div class="flex items-center mb-1">
               <div class="w-2 h-2 rounded-full bg-success mr-3"></div>
               <div class="text-base flex-1 text-main">
-                {{ $t('gov.vote_end') }} {{ format.toDay(proposal.voting_end_time) }}
+                {{ $t('gov.vote_end') }}
+                {{ format.toDay(proposal.voting_end_time) }}
               </div>
               <div class="text-sm">
                 {{ shortTime(proposal.voting_end_time) }}
               </div>
             </div>
             <div class="pl-5 text-sm">
-              {{ $t('gov.current_status') }}: {{ $t(`gov.proposal_statuses.${proposal.status}`) }}
+              {{ $t('gov.current_status') }}:
+              {{ $t(`gov.proposal_statuses.${proposal.status}`) }}
             </div>
           </div>
 
@@ -409,11 +433,18 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
               >
                 {{ String(item.option).replace('VOTE_OPTION_', '') }}
               </td>
-              <td
-                v-if="item.options"
-                class="py-2 text-sm"
-              >
-                {{ item.options.map(x => `${x.option.replace('VOTE_OPTION_', '')}:${format.percent(x.weight)}`).join(', ') }}
+              <td v-if="item.options" class="py-2 text-sm">
+                {{
+                  item.options
+                    .map(
+                      (x) =>
+                        `${x.option.replace(
+                          'VOTE_OPTION_',
+                          ''
+                        )}:${format.percent(x.weight)}`
+                    )
+                    .join(', ')
+                }}
               </td>
             </tr>
           </tbody>
diff --git a/src/modules/[chain]/gov/index.vue b/src/modules/[chain]/gov/index.vue
index 4ad5eead05..3b83c20168 100644
--- a/src/modules/[chain]/gov/index.vue
+++ b/src/modules/[chain]/gov/index.vue
@@ -7,40 +7,57 @@ import { PageRequest } from '@/types';
 
 const tab = ref('2');
 const store = useGovStore();
-const pageRequest = ref(new PageRequest())
+const pageRequest = ref(new PageRequest());
 
 onMounted(() => {
-    store.fetchProposals('2').then((x) => {
-        if (x?.proposals?.length === 0) {
-            tab.value = '3';
-            store.fetchProposals('3');
-        }
-        store.fetchProposals('3');
-        store.fetchProposals('4');
-    });
+  store.fetchProposals('2').then((x) => {
+    if (x?.proposals?.length === 0) {
+      tab.value = '3';
+      store.fetchProposals('3');
+    }
+    store.fetchProposals('3');
+    store.fetchProposals('4');
+  });
 });
 
 const changeTab = (val: '2' | '3' | '4') => {
-    tab.value = val;
+  tab.value = val;
 };
 
 function page(p: number) {
-    pageRequest.value.setPage(p)
-    store.fetchProposals(tab.value, pageRequest.value)
+  pageRequest.value.setPage(p);
+  store.fetchProposals(tab.value, pageRequest.value);
 }
-
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4 text-center">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{ $t('gov.voting') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{ $t('gov.passed') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '4' }"
-                @click="changeTab('4')">{{ $t('gov.rejected') }}</a>
-        </div>
-        <ProposalListItem :proposals="store?.proposals[tab]" />
-        <PaginationBar :total="store?.proposals[tab]?.pagination?.total" :limit="pageRequest.limit" :callback="page" />
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4 text-center">
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === '2' }"
+        @click="changeTab('2')"
+        >{{ $t('gov.voting') }}</a
+      >
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === '3' }"
+        @click="changeTab('3')"
+        >{{ $t('gov.passed') }}</a
+      >
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === '4' }"
+        @click="changeTab('4')"
+        >{{ $t('gov.rejected') }}</a
+      >
     </div>
+    <ProposalListItem :proposals="store?.proposals[tab]" />
+    <PaginationBar
+      :total="store?.proposals[tab]?.pagination?.total"
+      :limit="pageRequest.limit"
+      :callback="page"
+    />
+  </div>
 </template>
 <route>
   {
diff --git a/src/modules/[chain]/group/index.vue b/src/modules/[chain]/group/index.vue
index 452f4bf5a6..81534e297e 100644
--- a/src/modules/[chain]/group/index.vue
+++ b/src/modules/[chain]/group/index.vue
@@ -1,12 +1,15 @@
 <script lang="ts" setup>
 import { fromBech32, fromHex, toBech32 } from '@cosmjs/encoding';
 
-let x = toBech32("neutronvaloper1", fromHex("3363E8F97B02ECC00289E72173D827543047ACDA"))
-let add = fromBech32("cosmosvaloper1jxv0u20scum4trha72c7ltfgfqef6nsch7q6cu")
-let op = toBech32("neutronvaloper1", add.data)
-console.log(x)
-console.log(op)
+let x = toBech32(
+  'neutronvaloper1',
+  fromHex('3363E8F97B02ECC00289E72173D827543047ACDA')
+);
+let add = fromBech32('cosmosvaloper1jxv0u20scum4trha72c7ltfgfqef6nsch7q6cu');
+let op = toBech32('neutronvaloper1', add.data);
+console.log(x);
+console.log(op);
 </script>
 <template>
-    <div>address: </div>
-</template>
\ No newline at end of file
+  <div>address:</div>
+</template>
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index aa63c5f474..ab0d59488a 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -1,9 +1,11 @@
-
 import { defineStore } from 'pinia';
 
-import {useBlockchain} from '@/stores'
+import { useBlockchain } from '@/stores';
 import ChainRegistryClient from '@ping-pub/chain-registry-client';
-import type { IBCPath, IBCInfo,  } from '@ping-pub/chain-registry-client/dist/types';
+import type {
+  IBCPath,
+  IBCInfo,
+} from '@ping-pub/chain-registry-client/dist/types';
 import type { Channel } from '@/types';
 import router from '@/router';
 
@@ -11,38 +13,51 @@ export const useIBCModule = defineStore('module-ibc', {
   state: () => {
     return {
       paths: [] as IBCPath[],
-      connectionId: "" as string,
+      connectionId: '' as string,
       registryConf: {} as IBCInfo,
     };
   },
   getters: {
     chain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     commonIBCs(): any {
-      return this.paths.filter((x: IBCPath) => x.path.search(this.chain.current?.prettyName || this.chain.chainName) > -1)
+      return this.paths.filter(
+        (x: IBCPath) =>
+          x.path.search(
+            this.chain.current?.prettyName || this.chain.chainName
+          ) > -1
+      );
     },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName ? 'chain_1': 'chain_2'
+      return this.registryConf?.chain_1?.chain_name ===
+        this.chain.current?.prettyName || this.chain.chainName
+        ? 'chain_1'
+        : 'chain_2';
     },
-    destField() : string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName ? 'chain_2': 'chain_1'
+    destField(): string {
+      return this.registryConf?.chain_1?.chain_name ===
+        this.chain.current?.prettyName || this.chain.chainName
+        ? 'chain_2'
+        : 'chain_1';
     },
     registryChannels(): any {
-      return this.registryConf.channels
-    }
+      return this.registryConf.channels;
+    },
   },
   actions: {
     load() {
       const client = new ChainRegistryClient();
-      client.fetchIBCPaths().then(res => {
-        this.paths = res
+      client.fetchIBCPaths().then((res) => {
+        this.paths = res;
       });
     },
     fetchConnection(path: string) {
       const client = new ChainRegistryClient();
-      client.fetchIBCPathInfo(path).then(res => {
-        const isFirstChain = res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+      client.fetchIBCPathInfo(path).then((res) => {
+        const isFirstChain =
+          res.chain_1.chain_name === this.chain.current?.prettyName ||
+          res.chain_1.chain_name === this.chain.chainName;
 
         const connId = isFirstChain
           ? res.chain_1.connection_id
@@ -50,14 +65,16 @@ export const useIBCModule = defineStore('module-ibc', {
 
         this.registryConf = res;
         this.showConnection(connId);
-      })
+      });
     },
     showConnection(connId?: string | number) {
-      if(!connId) {
-        this.registryConf = {} as any
+      if (!connId) {
+        this.registryConf = {} as any;
       }
-      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`
-      router.push(path)
-    }
+      const path = `/${this.chain.chainName}/ibc/connection/${
+        connId || `connection-${this.connectionId || 0}`
+      }`;
+      router.push(path);
+    },
   },
 });
diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index 8b3b6727eb..4549f74cc6 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -12,50 +12,76 @@ import { useIBCModule } from './connStore';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const list = ref([] as Connection[]);
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 const tab = ref('registry');
 
 onMounted(() => {
-  pageload(1)
-  ibcStore.load()
+  pageload(1);
+  ibcStore.load();
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
+  pageRequest.value.setPage(p);
   chainStore.rpc.getIBCConnections(pageRequest.value).then((x) => {
     list.value = x.connections;
-    pageResponse.value = x.pagination
-    if(x.pagination.total && Number(x.pagination.total) > 0) {
-      ibcStore.showConnection(0)
+    pageResponse.value = x.pagination;
+    if (x.pagination.total && Number(x.pagination.total) > 0) {
+      ibcStore.showConnection(0);
     }
   });
 }
-
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <div class="flex flex-wrap gap-4  items-center">
+      <div class="flex flex-wrap gap-4 items-center">
         <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{ $t('ibc.registry') }}</a>
-          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{ $t('module.favorite') }}</a>
+          <a
+            class="tab"
+            :class="{ 'tab-active': tab === 'registry' }"
+            @click="tab = 'registry'"
+            >{{ $t('ibc.registry') }}</a
+          >
+          <a
+            class="tab"
+            :class="{ 'tab-active': tab === 'favorite' }"
+            @click="tab = 'favorite'"
+            >{{ $t('module.favorite') }}</a
+          >
         </div>
       </div>
       <div>
-        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4 ">
-          <span v-for="s in ibcStore.commonIBCs" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(s.path)">{{ s.from }}
-            &#x21cc; {{ s.to }}</span>
+        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4">
+          <span
+            v-for="s in ibcStore.commonIBCs"
+            class="btn btn-xs btn-link mr-1"
+            @click="ibcStore.fetchConnection(s.path)"
+            >{{ s.from }} &#x21cc; {{ s.to }}</span
+          >
         </div>
-        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4 ">
+        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4">
           <div class="join border border-primary">
-            <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
-            <input v-model="ibcStore.connectionId" type=number class="input input-bordered w-40 join-item" min="0"
-              :max="pageResponse.total || 0" :placeholder="`0~${pageResponse.total}`" />
-            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">{{ $t('ibc.btn_apply') }}</button>
+            <button class="join-item px-2">
+              {{ $t('ibc.connection_id') }}:
+            </button>
+            <input
+              v-model="ibcStore.connectionId"
+              type="number"
+              class="input input-bordered w-40 join-item"
+              min="0"
+              :max="pageResponse.total || 0"
+              :placeholder="`0~${pageResponse.total}`"
+            />
+            <button
+              class="join-item btn btn-primary"
+              @click="ibcStore.showConnection()"
+            >
+              {{ $t('ibc.btn_apply') }}
+            </button>
           </div>
         </div>
       </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index ce6f484db7..877bf1ed9a 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -1,7 +1,14 @@
 <script lang="ts" setup>
 import { formatSeconds } from '@/libs/utils';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
-import { type Connection, type ClientState, type Channel, PageRequest, type TxResponse, type PaginatedTxs } from '@/types';
+import {
+  type Connection,
+  type ClientState,
+  type Channel,
+  PageRequest,
+  type TxResponse,
+  type PaginatedTxs,
+} from '@/types';
 import { computed, onMounted } from 'vue';
 import { ref } from 'vue';
 import { useIBCModule } from '../connStore';
@@ -12,33 +19,31 @@ const props = defineProps(['chain', 'connection_id']);
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const conn = ref({} as Connection);
 const clientState = ref({} as { client_id: string; client_state: ClientState });
 const channels = ref([] as Channel[]);
 
 const connId = computed(() => {
-  return props.connection_id || 0
-})
+  return props.connection_id || 0;
+});
 
-const loading = ref(false)
-const txs = ref({} as PaginatedTxs)
-const direction = ref('')
-const channel_id = ref('')
-const port_id = ref('')
-const page = ref(new PageRequest())
-page.value.limit = 5
+const loading = ref(false);
+const txs = ref({} as PaginatedTxs);
+const direction = ref('');
+const channel_id = ref('');
+const port_id = ref('');
+const page = ref(new PageRequest());
+page.value.limit = 5;
 
 onMounted(() => {
   if (connId.value) {
     chainStore.rpc.getIBCConnectionsById(connId.value).then((x) => {
       conn.value = x.connection;
     });
-    chainStore.rpc
-      .getIBCConnectionsClientState(connId.value)
-      .then((x) => {
-        clientState.value = x.identified_client_state;
-      });
+    chainStore.rpc.getIBCConnectionsClientState(connId.value).then((x) => {
+      clientState.value = x.identified_client_state;
+    });
     chainStore.rpc.getIBCConnectionsChannels(connId.value).then((x) => {
       channels.value = x.channels;
     });
@@ -53,37 +58,47 @@ function loadChannel(channel: string, port: string) {
 
 function pageload(pageNum: number) {
   if (direction.value === 'In') {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   } else {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   }
-
 }
 
 function fetchSendingTxs(channel: string, port: string, pageNum = 0) {
-
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'Out'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'Out';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 function fetchRecevingTxs(channel: string, port: string, pageNum = 0) {
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'In'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'In';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 
 function color(v: string) {
@@ -95,12 +110,14 @@ function color(v: string) {
 </script>
 <template>
   <div class="">
-    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow ">
+    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow">
       <div class="mx-auto max-w-7xl px-6 lg:!px-8">
         <dl class="grid grid-cols-1 gap-x-6 text-center lg:!grid-cols-3">
           <div class="mx-auto flex items-center">
             <div>
-              <div class="order-first text-3xl font-semibold tracking-tight text-main mb-1">
+              <div
+                class="order-first text-3xl font-semibold tracking-tight text-main mb-1"
+              >
                 {{ baseStore.latest?.block?.header?.chain_id }}
               </div>
               <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -111,13 +128,15 @@ function color(v: string) {
           <div class="mx-auto flex items-center">
             <div :class="{ 'text-success': conn.state?.indexOf('_OPEN') > -1 }">
               <span class="text-lg rounded-full">&#x21cc;</span>
-              <div class=" text-c">
+              <div class="text-c">
                 {{ conn.state }}
               </div>
             </div>
           </div>
           <div class="mx-auto">
-            <div class="order-first text-3xl font-semibold tracking-tight text-main mb-2">
+            <div
+              class="order-first text-3xl font-semibold tracking-tight text-main mb-2"
+            >
               {{ clientState.client_state?.chain_id }}
             </div>
             <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -129,8 +148,12 @@ function color(v: string) {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title mb-4 overflow-hidden">{{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{
-        clientState.client_state?.['@type'] }}</span></h2>
+      <h2 class="card-title mb-4 overflow-hidden">
+        {{ $t('ibc.title_2')
+        }}<span class="ml-2 text-sm">{{
+          clientState.client_state?.['@type']
+        }}</span>
+      </h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
           <thead class="bg-base-200">
@@ -149,15 +172,21 @@ function color(v: string) {
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.trusting_period') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.trusting_period) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.trusting_period) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.unbonding_period') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.unbonding_period) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.unbonding_period) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.max_clock_drift') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.max_clock_drift) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.max_clock_drift) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.frozen_height') }}:</td>
@@ -178,23 +207,32 @@ function color(v: string) {
           <tbody>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_expiry') }}:</span> <span>{{
-                  clientState.client_state?.allow_update_after_expiry }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_expiry') }}:</span>
+                  <span>{{
+                    clientState.client_state?.allow_update_after_expiry
+                  }}</span>
+                </div>
               </td>
             </tr>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span> <span>{{
-                  clientState.client_state?.allow_update_after_misbehaviour }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span>
+                  <span>{{
+                    clientState.client_state?.allow_update_after_misbehaviour
+                  }}</span>
+                </div>
               </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.upgrade_path') }}:</td>
-              <td class="text-right">{{ clientState.client_state?.upgrade_path.join(', ') }}</td>
+              <td class="text-right">
+                {{ clientState.client_state?.upgrade_path.join(', ') }}
+              </td>
             </tr>
           </tbody>
         </table>
-
       </div>
     </div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow overflow-hidden">
@@ -204,7 +242,9 @@ function color(v: string) {
           <thead>
             <tr>
               <th>{{ $t('ibc.txs') }}</th>
-              <th style="position: relative; z-index: 2">{{ $t('ibc.channel_id') }}</th>
+              <th style="position: relative; z-index: 2">
+                {{ $t('ibc.channel_id') }}
+              </th>
               <th>{{ $t('ibc.port_id') }}</th>
               <th>{{ $t('ibc.state') }}</th>
               <th>{{ $t('ibc.counterparty') }}</th>
@@ -217,36 +257,68 @@ function color(v: string) {
             <tr v-for="v in ibcStore.registryChannels">
               <td>
                 <div class="flex gap-1">
-                  <button class="btn btn-xs"
-                    @click="fetchSendingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="
+                      fetchSendingTxs(
+                        v[ibcStore.sourceField].channel_id,
+                        v[ibcStore.sourceField].port_id
+                      )
+                    "
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_out') }}
                   </button>
-                  <button class="btn btn-xs"
-                    @click="fetchRecevingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="
+                      fetchRecevingTxs(
+                        v[ibcStore.sourceField].channel_id,
+                        v[ibcStore.sourceField].port_id
+                      )
+                    "
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_in') }}
                   </button>
                 </div>
               </td>
               <td>
-                <a href="#">{{
-                  v[ibcStore.sourceField].channel_id
-                }}</a>
+                <a href="#">{{ v[ibcStore.sourceField].channel_id }}</a>
               </td>
               <td>{{ v[ibcStore.sourceField].port_id }}</td>
             </tr>
             <tr v-for="v in channels">
               <td>
                 <div class="flex gap-1">
-                  <button class="btn btn-xs" @click="fetchSendingTxs(v.channel_id, v.port_id)" :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="fetchSendingTxs(v.channel_id, v.port_id)"
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_out') }}
                   </button>
-                  <button class="btn btn-xs" @click="fetchRecevingTxs(v.channel_id, v.port_id)" :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="fetchRecevingTxs(v.channel_id, v.port_id)"
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_in') }}
                   </button>
                 </div>
@@ -258,8 +330,14 @@ function color(v: string) {
               </td>
               <td>{{ v.port_id }}</td>
               <td>
-                <div class="text-xs truncate relative py-2 px-4 rounded-full w-fit" :class="`text-${color(v.state)}`">
-                  <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${color(v.state)}`"></span>
+                <div
+                  class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
+                  :class="`text-${color(v.state)}`"
+                >
+                  <span
+                    class="inset-x-0 inset-y-0 opacity-10 absolute"
+                    :class="`bg-${color(v.state)}`"
+                  ></span>
                   {{ v.state }}
                 </div>
               </td>
@@ -275,13 +353,15 @@ function color(v: string) {
       </div>
     </div>
     <div v-if="channel_id">
-      <h3 class=" card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }}) </h3>
+      <h3 class="card-title capitalize">
+        Transactions ({{ channel_id }} {{ port_id }} {{ direction }})
+      </h3>
       <table class="table">
         <thead>
           <tr>
-            <td> {{ $t('ibc.height') }}</td>
+            <td>{{ $t('ibc.height') }}</td>
             <td>{{ $t('ibc.txhash') }}</td>
-            <td> {{ $t('ibc.messages') }}</td>
+            <td>{{ $t('ibc.messages') }}</td>
             <td>{{ $t('ibc.time') }}</td>
           </tr>
         </thead>
@@ -290,13 +370,20 @@ function color(v: string) {
             <td>{{ resp.height }}</td>
             <td>
               <div class="text-xs truncate text-primary dark:invert">
-                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }}</RouterLink>
+                <RouterLink
+                  :to="`/${chainStore.chainName}/tx/${resp.txhash}`"
+                  >{{ resp.txhash }}</RouterLink
+                >
               </div>
             </td>
             <td>
               <div class="flex">
                 {{ format.messages(resp.tx.body.messages) }}
-                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
+                <Icon
+                  v-if="resp.code === 0"
+                  icon="mdi-check"
+                  class="text-success text-lg"
+                />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </div>
             </td>
@@ -304,7 +391,11 @@ function color(v: string) {
           </tr>
         </tbody>
       </table>
-      <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
+      <PaginationBar
+        :limit="page.limit"
+        :total="txs.pagination?.total"
+        :callback="pageload"
+      />
     </div>
   </div>
 </template>
diff --git a/src/modules/[chain]/ibc/connection/index.vue b/src/modules/[chain]/ibc/connection/index.vue
index 2f309cc84a..0296422276 100644
--- a/src/modules/[chain]/ibc/connection/index.vue
+++ b/src/modules/[chain]/ibc/connection/index.vue
@@ -2,7 +2,7 @@
 // router.push(`/${props.chain}/ibc/connection/connection-0`)
 </script>
 <template>
-    <div></div>
+  <div></div>
 </template>
 <route>
     {
@@ -11,4 +11,4 @@
         order: 9
       }
     }
-  </route>
\ No newline at end of file
+  </route>
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index a8230cf64f..b066ff7f27 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -17,7 +17,7 @@ import { computed } from '@vue/reactivity';
 
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
 import ProposalListItem from '@/components/ProposalListItem.vue';
-import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue'
+import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue';
 
 const props = defineProps(['chain']);
 
@@ -27,7 +27,7 @@ const walletStore = useWalletStore();
 const format = useFormatter();
 const dialog = useTxDialog();
 const stakingStore = useStakingStore();
-const paramStore = useParamStore()
+const paramStore = useParamStore();
 const coinInfo = computed(() => {
   return store.coinInfo;
 });
@@ -35,19 +35,19 @@ const coinInfo = computed(() => {
 onMounted(() => {
   store.loadDashboard();
   walletStore.loadMyAsset();
-  paramStore.handleAbciInfo()
+  paramStore.handleAbciInfo();
   // if(!(coinInfo.value && coinInfo.value.name)) {
   // }
 });
 const ticker = computed(() => store.coinInfo.tickers[store.tickerIndex]);
 
-const currName = ref("")
+const currName = ref('');
 blockchain.$subscribe((m, s) => {
   if (s.chainName !== currName.value) {
-    currName.value = s.chainName
+    currName.value = s.chainName;
     store.loadDashboard();
     walletStore.loadMyAsset();
-    paramStore.handleAbciInfo()
+    paramStore.handleAbciInfo();
   }
 });
 function shortName(name: string, id: string) {
@@ -57,30 +57,30 @@ function shortName(name: string, id: string) {
     : name;
 }
 
-const comLinks = computed(()=> {
+const comLinks = computed(() => {
   return [
-  {
-    name: 'Website',
-    icon: 'mdi-web',
-    href: store.homepage,
-  },
-  {
-    name: 'Twitter',
-    icon: 'mdi-twitter',
-    href: store.twitter,
-  },
-  {
-    name: 'Telegram',
-    icon: 'mdi-telegram',
-    href: store.telegram,
-  },
-  {
-    name: 'Github',
-    icon: 'mdi-github',
-    href: store.github,
-  },
-];
-})
+    {
+      name: 'Website',
+      icon: 'mdi-web',
+      href: store.homepage,
+    },
+    {
+      name: 'Twitter',
+      icon: 'mdi-twitter',
+      href: store.twitter,
+    },
+    {
+      name: 'Telegram',
+      icon: 'mdi-telegram',
+      href: store.telegram,
+    },
+    {
+      name: 'Github',
+      icon: 'mdi-github',
+      href: store.github,
+    },
+  ];
+});
 
 // wallet box
 const change = computed(() => {
@@ -99,31 +99,30 @@ const color = computed(() => {
 });
 
 function updateState() {
-  walletStore.loadMyAsset()
+  walletStore.loadMyAsset();
 }
 
 function trustColor(v: string) {
-  return `text-${colorMap(v)}`
+  return `text-${colorMap(v)}`;
 }
 
-const quantity = ref(100)
+const quantity = ref(100);
 const qty = computed({
   get: () => {
-    return parseFloat(quantity.value.toFixed(6))
+    return parseFloat(quantity.value.toFixed(6));
   },
-  set: val => {
-    quantity.value = val
-  }
-})
+  set: (val) => {
+    quantity.value = val;
+  },
+});
 const amount = computed({
   get: () => {
-    return quantity.value * ticker.value.converted_last.usd || 0
+    return quantity.value * ticker.value.converted_last.usd || 0;
   },
-  set: val => {
-    quantity.value = val / ticker.value.converted_last.usd || 0
-  }
-})
-
+  set: (val) => {
+    quantity.value = val / ticker.value.converted_last.usd || 0;
+  },
+});
 </script>
 
 <template>
@@ -134,18 +133,25 @@ const amount = computed({
           <div class="text-xl font-semibold text-main">
             {{ coinInfo.name }} (<span class="uppercase">{{
               coinInfo.symbol
-            }}</span>)
+            }}</span
+            >)
           </div>
           <div class="text-xs mt-2">
             {{ $t('index.rank') }}:
-            <div class="badge text-xs badge-error bg-[#fcebea] dark:bg-[#41384d] text-red-400">
+            <div
+              class="badge text-xs badge-error bg-[#fcebea] dark:bg-[#41384d] text-red-400"
+            >
               #{{ coinInfo.market_cap_rank }}
             </div>
           </div>
 
           <div class="my-4 flex flex-wrap items-center">
-            <a v-for="(item, index) of comLinks" :key="index" :href="item.href"
-              class="link link-primary px-2 py-1 rounded-sm no-underline hover:text-primary hover:bg-gray-100 dark:hover:bg-slate-800 flex items-center">
+            <a
+              v-for="(item, index) of comLinks"
+              :key="index"
+              :href="item.href"
+              class="link link-primary px-2 py-1 rounded-sm no-underline hover:text-primary hover:bg-gray-100 dark:hover:bg-slate-800 flex items-center"
+            >
               <Icon :icon="item?.icon" />
               <span class="ml-1 text-sm uppercase">{{ item?.name }}</span>
             </a>
@@ -155,9 +161,12 @@ const amount = computed({
             <div class="dropdown dropdown-hover w-full">
               <label>
                 <div
-                  class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded">
+                  class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded"
+                >
                   <div>
-                    <div class="font-semibold text-xl text-[#666] dark:text-white">
+                    <div
+                      class="font-semibold text-xl text-[#666] dark:text-white"
+                    >
                       {{ ticker?.market?.name || '' }}
                     </div>
                     <div class="text-info text-sm">
@@ -168,7 +177,9 @@ const amount = computed({
                   </div>
 
                   <div class="text-right">
-                    <div class="text-xl font-semibold text-[#666] dark:text-white">
+                    <div
+                      class="text-xl font-semibold text-[#666] dark:text-white"
+                    >
                       ${{ ticker?.converted_last?.usd }}
                     </div>
                     <div class="text-sm" :class="store.priceColor">
@@ -180,10 +191,19 @@ const amount = computed({
               <div class="dropdown-content pt-1">
                 <div class="h-64 overflow-auto w-full shadow rounded">
                   <ul class="menu w-full bg-gray-100 rounded dark:bg-[#384059]">
-                    <li v-for="(item, index) in store.coinInfo.tickers" :key="index" @click="store.selectTicker(index)">
-                      <div class="flex items-center justify-between hover:bg-base-100">
+                    <li
+                      v-for="(item, index) in store.coinInfo.tickers"
+                      :key="index"
+                      @click="store.selectTicker(index)"
+                    >
+                      <div
+                        class="flex items-center justify-between hover:bg-base-100"
+                      >
                         <div class="flex-1">
-                          <div class="text-main text-sm" :class="trustColor(item.trust_score)">
+                          <div
+                            class="text-main text-sm"
+                            :class="trustColor(item.trust_score)"
+                          >
                             {{ item?.market?.name }}
                           </div>
                           <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -194,7 +214,7 @@ const amount = computed({
                         </div>
 
                         <div class="text-base text-main">
-                           ${{ item?.converted_last?.usd }}
+                          ${{ item?.converted_last?.usd }}
                         </div>
                       </div>
                     </li>
@@ -205,37 +225,92 @@ const amount = computed({
 
             <div class="flex">
               <label class="btn btn-primary !px-1 my-5 mr-2" for="calculator">
-                <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect x="4" y="2" width="16" height="20" rx="2"></rect> <line x1="8" x2="16" y1="6" y2="6"></line> <line x1="16" x2="16" y1="14" y2="18"></line> <path d="M16 10h.01"></path> <path d="M12 10h.01"></path> <path d="M8 10h.01"></path> <path d="M12 14h.01"></path> <path d="M8 14h.01"></path> <path d="M12 18h.01"></path> <path d="M8 18h.01"></path> </g></svg>
+                <svg
+                  class="w-8 h-8"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="#ffffff"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                  <g
+                    id="SVGRepo_tracerCarrier"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  ></g>
+                  <g id="SVGRepo_iconCarrier">
+                    <rect x="4" y="2" width="16" height="20" rx="2"></rect>
+                    <line x1="8" x2="16" y1="6" y2="6"></line>
+                    <line x1="16" x2="16" y1="14" y2="18"></line>
+                    <path d="M16 10h.01"></path>
+                    <path d="M12 10h.01"></path>
+                    <path d="M8 10h.01"></path>
+                    <path d="M12 14h.01"></path>
+                    <path d="M8 14h.01"></path>
+                    <path d="M12 18h.01"></path>
+                    <path d="M8 18h.01"></path>
+                  </g>
+                </svg>
               </label>
               <!-- Put this part before </body> tag -->
               <input type="checkbox" id="calculator" class="modal-toggle" />
               <div class="modal">
                 <div class="modal-box">
-                  <h3 class="text-lg font-bold">{{ $t('index.price_calculator') }}</h3>
+                  <h3 class="text-lg font-bold">
+                    {{ $t('index.price_calculator') }}
+                  </h3>
                   <div class="flex flex-col w-full mt-5">
-                    <div class="grid h-20 flex-grow card rounded-box place-items-center">
+                    <div
+                      class="grid h-20 flex-grow card rounded-box place-items-center"
+                    >
                       <div class="join w-full">
                         <label class="join-item btn">
                           <span class="uppercase">{{ coinInfo.symbol }}</span>
                         </label>
-                        <input type="number" v-model="qty" min="0" placeholder="Input a number" class="input grow input-bordered join-item" />
+                        <input
+                          type="number"
+                          v-model="qty"
+                          min="0"
+                          placeholder="Input a number"
+                          class="input grow input-bordered join-item"
+                        />
                       </div>
                     </div>
                     <div class="divider">=</div>
-                    <div class="grid h-20 flex-grow card rounded-box place-items-center">
+                    <div
+                      class="grid h-20 flex-grow card rounded-box place-items-center"
+                    >
                       <div class="join w-full">
                         <label class="join-item btn">
                           <span>USD</span>
                         </label>
-                        <input type="number" v-model="amount" min="0" placeholder="Input amount" class="join-item grow input input-bordered" />
+                        <input
+                          type="number"
+                          v-model="amount"
+                          min="0"
+                          placeholder="Input amount"
+                          class="join-item grow input input-bordered"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
-                <label class="modal-backdrop" for="calculator">{{ $t('index.close') }}</label>
+                <label class="modal-backdrop" for="calculator">{{
+                  $t('index.close')
+                }}</label>
               </div>
-              <a class="my-5 !text-white btn grow" :class="{'!btn-success': store.trustColor === 'green', '!btn-warning': store.trustColor === 'yellow'}" :href="tickerUrl(ticker.trade_url)"
-                target="_blank">
+              <a
+                class="my-5 !text-white btn grow"
+                :class="{
+                  '!btn-success': store.trustColor === 'green',
+                  '!btn-warning': store.trustColor === 'yellow',
+                }"
+                :href="tickerUrl(ticker.trade_url)"
+                target="_blank"
+              >
                 {{ $t('index.buy') }} {{ coinInfo.symbol || '' }}
               </a>
             </div>
@@ -248,11 +323,16 @@ const amount = computed({
       </div>
       <div class="h-[1px] w-full bg-gray-100 dark:bg-[#384059]"></div>
       <div class="max-h-[250px] overflow-auto p-4 text-sm">
-        <MdEditor :model-value="coinInfo.description?.en" previewOnly></MdEditor>
+        <MdEditor
+          :model-value="coinInfo.description?.en"
+          previewOnly
+        ></MdEditor>
       </div>
       <div class="mx-4 flex flex-wrap items-center">
-        <div v-for="tag in coinInfo.categories"
-          class="mr-2 mb-4 text-xs bg-gray-100 dark:bg-[#384059] px-3 rounded-full py-1">
+        <div
+          v-for="tag in coinInfo.categories"
+          class="mr-2 mb-4 text-xs bg-gray-100 dark:bg-[#384059] px-3 rounded-full py-1"
+        >
           {{ tag }}
         </div>
       </div>
@@ -264,26 +344,41 @@ const amount = computed({
       </div>
     </div>
 
-    <div v-if="blockchain.supportModule('governance')" class="bg-base-100 rounded mt-4 shadow">
+    <div
+      v-if="blockchain.supportModule('governance')"
+      class="bg-base-100 rounded mt-4 shadow"
+    >
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.active_proposals') }}
       </div>
       <div class="px-4 pb-4">
         <ProposalListItem :proposals="store?.proposals" />
       </div>
-      <div class="pb-8 text-center" v-if="store.proposals?.proposals?.length === 0">
+      <div
+        class="pb-8 text-center"
+        v-if="store.proposals?.proposals?.length === 0"
+      >
         {{ $t('index.no_active_proposals') }}
       </div>
     </div>
 
     <div class="bg-base-100 rounded mt-4 shadow">
-      <div class="flex justify-between px-4 pt-4 pb-2 text-lg font-semibold text-main">
-        <span class="truncate" >{{ walletStore.currentAddress || 'Not Connected' }}</span>
-        <RouterLink v-if="walletStore.currentAddress"
+      <div
+        class="flex justify-between px-4 pt-4 pb-2 text-lg font-semibold text-main"
+      >
+        <span class="truncate">{{
+          walletStore.currentAddress || 'Not Connected'
+        }}</span>
+        <RouterLink
+          v-if="walletStore.currentAddress"
           class="float-right text-sm cursor-pointert link link-primary no-underline font-medium"
-          :to="`/${chain}/account/${walletStore.currentAddress}`">{{ $t('index.more') }}</RouterLink>
+          :to="`/${chain}/account/${walletStore.currentAddress}`"
+          >{{ $t('index.more') }}</RouterLink
+        >
       </div>
-      <div class="grid grid-cols-1 md:!grid-cols-4 auto-cols-auto gap-4 px-4 pb-6">
+      <div
+        class="grid grid-cols-1 md:!grid-cols-4 auto-cols-auto gap-4 px-4 pb-6"
+      >
         <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">{{ $t('account.balance') }}</div>
           <div class="text-lg font-semibold text-main">
@@ -322,7 +417,10 @@ const amount = computed({
         </div>
       </div>
 
-      <div v-if="walletStore.delegations.length > 0" class="px-4 pb-4 overflow-auto">
+      <div
+        v-if="walletStore.delegations.length > 0"
+        class="px-4 pb-4 overflow-auto"
+      >
         <table class="table table-compact w-full table-zebra">
           <thead>
             <tr>
@@ -335,12 +433,15 @@ const amount = computed({
           <tbody>
             <tr v-for="(item, index) in walletStore.delegations" :key="index">
               <td>
-                <RouterLink class="link link-primary no-underline" :to="`/${chain}/staking/${item?.delegation?.validator_address}`">
-                {{
-                  format.validatorFromBech32(
-                    item?.delegation?.validator_address
-                  )
-                }}
+                <RouterLink
+                  class="link link-primary no-underline"
+                  :to="`/${chain}/staking/${item?.delegation?.validator_address}`"
+                >
+                  {{
+                    format.validatorFromBech32(
+                      item?.delegation?.validator_address
+                    )
+                  }}
                 </RouterLink>
               </td>
               <td>{{ format.formatToken(item?.balance) }}</td>
@@ -351,17 +452,40 @@ const amount = computed({
                       (el) =>
                         el?.validator_address ===
                         item?.delegation?.validator_address
-                    )?.reward)
+                    )?.reward
+                  )
                 }}
               </td>
               <td>
                 <div>
-                  <label for="delegate" class="btn !btn-xs !btn-primary btn-ghost rounded-sm mr-2"
-                    @click="dialog.open('delegate', { validator_address: item.delegation.validator_address }, updateState)">
+                  <label
+                    for="delegate"
+                    class="btn !btn-xs !btn-primary btn-ghost rounded-sm mr-2"
+                    @click="
+                      dialog.open(
+                        'delegate',
+                        {
+                          validator_address: item.delegation.validator_address,
+                        },
+                        updateState
+                      )
+                    "
+                  >
                     {{ $t('account.btn_delegate') }}
                   </label>
-                  <label for="withdraw" class="btn !btn-xs !btn-primary btn-ghost rounded-sm"
-                    @click="dialog.open('withdraw', { validator_address: item.delegation.validator_address }, updateState)">
+                  <label
+                    for="withdraw"
+                    class="btn !btn-xs !btn-primary btn-ghost rounded-sm"
+                    @click="
+                      dialog.open(
+                        'withdraw',
+                        {
+                          validator_address: item.delegation.validator_address,
+                        },
+                        updateState
+                      )
+                    "
+                  >
                     {{ $t('index.btn_withdraw_reward') }}
                   </label>
                 </div>
@@ -372,15 +496,33 @@ const amount = computed({
       </div>
 
       <div class="grid grid-cols-3 gap-4 px-4 pb-6 mt-4">
-        <label for="PingTokenConvert" class="btn btn-primary text-white">{{ $t('index.btn_swap') }}</label>
-        <label for="send" class="btn !bg-yes !border-yes text-white" @click="dialog.open('send', {}, updateState)">{{ $t('account.btn_send') }}</label>
-        <label for="delegate" class="btn !bg-info !border-info text-white"
-          @click="dialog.open('delegate', {}, updateState)">{{ $t('account.btn_delegate') }}</label>
-        <RouterLink to="/wallet/receive" class="btn !bg-info !border-info text-white hidden">{{ $t('index.receive') }}</RouterLink>
+        <label for="PingTokenConvert" class="btn btn-primary text-white">{{
+          $t('index.btn_swap')
+        }}</label>
+        <label
+          for="send"
+          class="btn !bg-yes !border-yes text-white"
+          @click="dialog.open('send', {}, updateState)"
+          >{{ $t('account.btn_send') }}</label
+        >
+        <label
+          for="delegate"
+          class="btn !bg-info !border-info text-white"
+          @click="dialog.open('delegate', {}, updateState)"
+          >{{ $t('account.btn_delegate') }}</label
+        >
+        <RouterLink
+          to="/wallet/receive"
+          class="btn !bg-info !border-info text-white hidden"
+          >{{ $t('index.receive') }}</RouterLink
+        >
       </div>
       <Teleport to="body">
-        <ping-token-convert :chain-name="blockchain?.current?.prettyName" :endpoint="blockchain?.endpoint?.address"
-          :hd-path="walletStore?.connectedWallet?.hdPath"></ping-token-convert>
+        <ping-token-convert
+          :chain-name="blockchain?.current?.prettyName"
+          :endpoint="blockchain?.endpoint?.address"
+          :hd-path="walletStore?.connectedWallet?.hdPath"
+        ></ping-token-convert>
       </Teleport>
     </div>
 
@@ -389,7 +531,10 @@ const amount = computed({
         {{ $t('index.app_versions') }}
       </div>
       <!-- Application Version -->
-      <ArrayObjectElement :value="paramStore.appVersion?.items" :thead="false" />
+      <ArrayObjectElement
+        :value="paramStore.appVersion?.items"
+        :thead="false"
+      />
       <div class="h-4"></div>
     </div>
 
@@ -397,7 +542,10 @@ const amount = computed({
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.node_info') }}
       </div>
-      <ArrayObjectElement :value="paramStore.nodeVersion?.items" :thead="false" />      
+      <ArrayObjectElement
+        :value="paramStore.nodeVersion?.items"
+        :thead="false"
+      />
       <div class="h-4"></div>
     </div>
   </div>
diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index 7a93f7f4a2..5b4b733796 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -25,11 +25,10 @@ export function colorMap(color: string) {
 }
 
 const CODEMAP: Record<string, string[]> = {
-  "binance.com": ["ref", "CPA_004JZGRX6A"],
-  "gate.com": ["ref", "U1gVBl9a"],
-  "bybit": ["affiliate_id", "JKRRZX9"],
-
-}
+  'binance.com': ['ref', 'CPA_004JZGRX6A'],
+  'gate.com': ['ref', 'U1gVBl9a'],
+  bybit: ['affiliate_id', 'JKRRZX9'],
+};
 
 export const useIndexModule = defineStore('module-index', {
   state: () => {
@@ -94,33 +93,33 @@ export const useIndexModule = defineStore('module-index', {
       return useBankStore();
     },
     twitter(): string {
-      if (!this.coinInfo?.links?.twitter_screen_name) return ""
+      if (!this.coinInfo?.links?.twitter_screen_name) return '';
       return `https://twitter.com/${this.coinInfo?.links.twitter_screen_name}`;
     },
     homepage(): string {
-      if (!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return '';
       const [page1, page2, page3] = this.coinInfo?.links?.homepage;
       return page1 || page2 || page3;
     },
     github(): string {
-      if (!this.coinInfo?.links?.repos_url) return ""
+      if (!this.coinInfo?.links?.repos_url) return '';
       const [page1, page2, page3] = this.coinInfo?.links?.repos_url?.github;
       return page1 || page2 || page3;
     },
     telegram(): string {
-      if (!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return '';
       return `https://t.me/${this.coinInfo?.links.telegram_channel_identifier}`;
     },
 
     priceChange(): string {
-      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return '';
       const change =
         this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       return numeral(change).format('+0.[00]');
     },
 
     priceColor(): string {
-      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return '';
       const change =
         this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       switch (true) {
@@ -133,7 +132,7 @@ export const useIndexModule = defineStore('module-index', {
       }
     },
     trustColor(): string {
-      if (!this.coinInfo?.tickers) return ""
+      if (!this.coinInfo?.tickers) return '';
       const change = this.coinInfo?.tickers[this.tickerIndex]?.trust_score;
       return change;
     },
@@ -144,8 +143,8 @@ export const useIndexModule = defineStore('module-index', {
     },
 
     proposals() {
-      const gov = useGovStore()
-      return gov.proposals['2']
+      const gov = useGovStore();
+      return gov.proposals['2'];
     },
 
     stats() {
@@ -167,7 +166,9 @@ export const useIndexModule = defineStore('module-index', {
           title: 'Validators',
           color: 'error',
           icon: 'mdi-human-queue',
-          stats: String(base?.latest?.block?.last_commit?.signatures.length || 0),
+          stats: String(
+            base?.latest?.block?.last_commit?.signatures.length || 0
+          ),
           change: 0,
         },
         {
@@ -214,8 +215,8 @@ export const useIndexModule = defineStore('module-index', {
       this.tickerIndex = 0;
       // @ts-ignore
       const [firstAsset] = this.blockchain?.assets || [];
-      return firstAsset.coingecko_id
-    }
+      return firstAsset.coingecko_id;
+    },
   },
   actions: {
     async loadDashboard() {
@@ -257,7 +258,7 @@ export const useIndexModule = defineStore('module-index', {
     },
     selectTicker(i: number) {
       this.tickerIndex = i;
-    }
+    },
   },
 });
 
@@ -268,7 +269,11 @@ export const useIndexModule = defineStore('module-index', {
  * @param value - The value to set for the parameter.
  * @returns The new URL with the parameter added or replaced.
  */
-export function addOrReplaceUrlParam(url: string, param: string, value: string): string {
+export function addOrReplaceUrlParam(
+  url: string,
+  param: string,
+  value: string
+): string {
   // Parse the URL
   const urlObj = new URL(url, window.location.origin);
 
@@ -279,13 +284,12 @@ export function addOrReplaceUrlParam(url: string, param: string, value: string):
   return urlObj.toString();
 }
 
-
 export function tickerUrl(url: string) {
   for (const domain of Object.keys(CODEMAP)) {
     if (url.indexOf(domain) > -1) {
       const v = CODEMAP[domain];
-      return addOrReplaceUrlParam(url, v[0], v[1])
+      return addOrReplaceUrlParam(url, v[0], v[1]);
     }
   }
-  return url
+  return url;
 }
diff --git a/src/modules/[chain]/nft/index.vue b/src/modules/[chain]/nft/index.vue
index bf8fc910ed..f6b8044162 100644
--- a/src/modules/[chain]/nft/index.vue
+++ b/src/modules/[chain]/nft/index.vue
@@ -1,8 +1,6 @@
 <!-- TODO: there's no mint msg at the moment. not sure how NFT comes from?-->
-<script lang="ts" setup>
-
-</script>
+<script lang="ts" setup></script>
 
 <template>
-    <div>NFT</div>
+  <div>NFT</div>
 </template>
diff --git a/src/modules/[chain]/nft/nftStore.ts b/src/modules/[chain]/nft/nftStore.ts
index 144b15e348..e6273e1326 100644
--- a/src/modules/[chain]/nft/nftStore.ts
+++ b/src/modules/[chain]/nft/nftStore.ts
@@ -1,8 +1,12 @@
-
 import { defineStore } from 'pinia';
 
-import {useBlockchain} from '@/stores'
-import { DEFAULT, NFTRestClient, type PageinatedClasses, type PageinatedNFTs } from './types';
+import { useBlockchain } from '@/stores';
+import {
+  DEFAULT,
+  NFTRestClient,
+  type PageinatedClasses,
+  type PageinatedNFTs,
+} from './types';
 
 export const useNFTModule = defineStore('module-nft', {
   state: () => {
@@ -13,14 +17,12 @@ export const useNFTModule = defineStore('module-nft', {
   },
   getters: {
     chain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     client() {
-      const client = new NFTRestClient("", DEFAULT)
-      return client
-    }
+      const client = new NFTRestClient('', DEFAULT);
+      return client;
+    },
   },
-  actions: {
-
-  }
+  actions: {},
 });
diff --git a/src/modules/[chain]/nft/types.ts b/src/modules/[chain]/nft/types.ts
index 65fe56ccce..ea3f86dc00 100644
--- a/src/modules/[chain]/nft/types.ts
+++ b/src/modules/[chain]/nft/types.ts
@@ -1,108 +1,118 @@
-
 import { BaseRestClient } from '@/libs/client';
-import { adapter, type AbstractRegistry, type Request } from '@/libs/api/registry';
+import {
+  adapter,
+  type AbstractRegistry,
+  type Request,
+} from '@/libs/api/registry';
 import { PageRequest, type PaginatedResponse } from '@/types';
 
 export interface Classes {
-    id: string,
-    name: string,
-    symbol: string,
-    description: string,
-    uri: string,
-    uri_hash: string,
-    data: {
-        type_url: string,
-        value: string
-    }
+  id: string;
+  name: string;
+  symbol: string;
+  description: string;
+  uri: string;
+  uri_hash: string;
+  data: {
+    type_url: string;
+    value: string;
+  };
 }
 
 export interface NFT {
-    class_id: string,
-    id: string,
-    uri: string,
-    uri_hash: string,
-    data: {
-      type_url: string,
-      value: string
-    }
-  }
+  class_id: string;
+  id: string;
+  uri: string;
+  uri_hash: string;
+  data: {
+    type_url: string;
+    value: string;
+  };
+}
 
 export interface Balance {
-    amount: string,
+  amount: string;
 }
 
 export interface PageinatedClasses extends PaginatedResponse {
-    classes: Classes[],
+  classes: Classes[];
 }
 
 export interface PageinatedNFTs extends PaginatedResponse {
-    nfts: NFT[],
+  nfts: NFT[];
 }
 
 export interface NFTRequestRegistry extends AbstractRegistry {
-    nft_classes: Request<PageinatedClasses>;
-    nft_classes_class_id: Request<Classes>;
-    nft_supply_class_id: Request<Balance>;
-    nft_classes_nfts: Request<PageinatedNFTs>;
-    nft_classes_nfts_class_id_nft_id: Request<NFT>;
-    nft_classes_nfts_class_id_nft_id_owner: Request<{
-        owner: string
-      }>;
-    nft_balance_owner: Request<Balance>;
+  nft_classes: Request<PageinatedClasses>;
+  nft_classes_class_id: Request<Classes>;
+  nft_supply_class_id: Request<Balance>;
+  nft_classes_nfts: Request<PageinatedNFTs>;
+  nft_classes_nfts_class_id_nft_id: Request<NFT>;
+  nft_classes_nfts_class_id_nft_id_owner: Request<{
+    owner: string;
+  }>;
+  nft_balance_owner: Request<Balance>;
 }
 
 export const DEFAULT: NFTRequestRegistry = {
-    nft_classes: {
-        url: '/cosmos/nft/v1beta1/classes',
-        adapter,
-    },
-    nft_classes_class_id: {
-        url: '/cosmos/nft/v1beta1/classes/{class_id}',
-        adapter,
-    },
-    nft_supply_class_id: {
-        url: '/cosmos/nft/v1beta1/supply/{class_id}',
-        adapter,
-    },
-    nft_classes_nfts: {
-        url: '/cosmos/nft/v1beta1/nfts',
-        adapter,
-    },
-    nft_classes_nfts_class_id_nft_id: {
-        url: '/cosmos/nft/v1beta1/{class_id}/{nft_id}',
-        adapter,
-    },
-    nft_classes_nfts_class_id_nft_id_owner: {
-        url: '/cosmos/nft/v1beta1/owner/{class_id}/{nft_id}',
-        adapter,
-    },
-    nft_balance_owner: {
-        url: '/cosmos/nft/v1beta1/balance/{owner}/{class_id}',
-        adapter,
-    }
+  nft_classes: {
+    url: '/cosmos/nft/v1beta1/classes',
+    adapter,
+  },
+  nft_classes_class_id: {
+    url: '/cosmos/nft/v1beta1/classes/{class_id}',
+    adapter,
+  },
+  nft_supply_class_id: {
+    url: '/cosmos/nft/v1beta1/supply/{class_id}',
+    adapter,
+  },
+  nft_classes_nfts: {
+    url: '/cosmos/nft/v1beta1/nfts',
+    adapter,
+  },
+  nft_classes_nfts_class_id_nft_id: {
+    url: '/cosmos/nft/v1beta1/{class_id}/{nft_id}',
+    adapter,
+  },
+  nft_classes_nfts_class_id_nft_id_owner: {
+    url: '/cosmos/nft/v1beta1/owner/{class_id}/{nft_id}',
+    adapter,
+  },
+  nft_balance_owner: {
+    url: '/cosmos/nft/v1beta1/balance/{owner}/{class_id}',
+    adapter,
+  },
 };
 
 export class NFTRestClient extends BaseRestClient<NFTRequestRegistry> {
-    getClasses(pr?: PageRequest) {
-      if(!pr) pr = new PageRequest()
-      const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.nft_classes, {}, query);
-    }
-    getClassesById(class_id: string) {
-      return this.request(this.registry.nft_classes_class_id, { class_id }); // `code_id` is a param in above url
-    }
-    getNFTs(class_id: string, id: string, page?: PageRequest) {
-      if(!page) page = new PageRequest()
-      const query = `?${page.toQueryString()}`
-      return this.request(this.registry.nft_classes_nfts_class_id_nft_id, { class_id, id }, query);
-    }
-    getNFTOwner(class_id: string, id: string) {
-      return this.request(this.registry.nft_classes_nfts_class_id_nft_id_owner, {class_id, id});
-    }
-    getNFTSupply(class_id: string) {
-      return this.request(this.registry.nft_supply_class_id, { class_id });
-    }
-    getBalanceOfNFT(class_id: string, owner: string) {
-        return this.request(this.registry.nft_balance_owner, { class_id, owner });
-    }
-  }
\ No newline at end of file
+  getClasses(pr?: PageRequest) {
+    if (!pr) pr = new PageRequest();
+    const query = `?${pr.toQueryString()}`;
+    return this.request(this.registry.nft_classes, {}, query);
+  }
+  getClassesById(class_id: string) {
+    return this.request(this.registry.nft_classes_class_id, { class_id }); // `code_id` is a param in above url
+  }
+  getNFTs(class_id: string, id: string, page?: PageRequest) {
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
+    return this.request(
+      this.registry.nft_classes_nfts_class_id_nft_id,
+      { class_id, id },
+      query
+    );
+  }
+  getNFTOwner(class_id: string, id: string) {
+    return this.request(this.registry.nft_classes_nfts_class_id_nft_id_owner, {
+      class_id,
+      id,
+    });
+  }
+  getNFTSupply(class_id: string) {
+    return this.request(this.registry.nft_supply_class_id, { class_id });
+  }
+  getBalanceOfNFT(class_id: string, owner: string) {
+    return this.request(this.registry.nft_balance_owner, { class_id, owner });
+  }
+}
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index a4f883c8ee..17f900d3b9 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -17,7 +17,14 @@ import {
   operatorAddressToAccount,
   pubKeyToValcons,
 } from '@/libs';
-import { PageRequest, type Coin, type Delegation, type PaginatedDelegations, type PaginatedTxs, type Validator } from '@/types';
+import {
+  PageRequest,
+  type Coin,
+  type Delegation,
+  type PaginatedDelegations,
+  type PaginatedTxs,
+  type Validator,
+} from '@/types';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { fromBase64, toBase64 } from '@cosmjs/encoding';
 import { stringToUint8Array, uint8ArrayToString } from '@/libs/utils';
@@ -38,7 +45,7 @@ const avatars = ref(cache || {});
 const identity = ref('');
 const rewards = ref([] as Coin[] | undefined);
 const commission = ref([] as Coin[] | undefined);
-const delegations = ref({} as PaginatedDelegations)
+const delegations = ref({} as PaginatedDelegations);
 const addresses = ref(
   {} as {
     account: string;
@@ -69,9 +76,12 @@ const apr = computed(() => {
   const rate = Number(v.value.commission?.commission_rates.rate || 0);
   const inflation = useMintStore().inflation;
   const communityTax = Number(useDistributionStore().params.community_tax);
-  const bondedRatio = Number(staking.pool.bonded_tokens) / Number(useBankStore().supply.amount);
+  const bondedRatio =
+    Number(staking.pool.bonded_tokens) / Number(useBankStore().supply.amount);
 
-  return format.percent((1 - communityTax) * (1 - rate) * Number(inflation) / bondedRatio);
+  return format.percent(
+    ((1 - communityTax) * (1 - rate) * Number(inflation)) / bondedRatio
+  );
 });
 
 const selfRate = computed(() => {
@@ -127,14 +137,15 @@ onMounted(() => {
     staking.fetchValidator(validator).then((res) => {
       v.value = res.validator;
       identity.value = res.validator?.description?.identity || '';
-      if (identity.value && !avatars.value[identity.value]) loadAvatar(identity.value);
+      if (identity.value && !avatars.value[identity.value])
+        loadAvatar(identity.value);
 
       addresses.value.hex = consensusPubkeyToHexAddress(
         v.value.consensus_pubkey
       );
       addresses.value.valCons = pubKeyToValcons(
         v.value.consensus_pubkey,
-        blockchain.current?.bech32ConsensusPrefix || "",
+        blockchain.current?.bech32ConsensusPrefix || ''
       );
     });
     blockchain.rpc
@@ -163,7 +174,6 @@ onMounted(() => {
     // Disable delegations due to its bad performance
     // Comment out the following code if you want to enable it
     // pageload(1)
-
   }
 });
 let showCopyToast = ref(0);
@@ -194,52 +204,71 @@ function pageload(p: number) {
   page.setPage(p);
   page.limit = 10;
 
-  blockchain.rpc.getStakingValidatorsDelegations(validator, page).then(res => {
-      delegations.value = res
-  }) 
+  blockchain.rpc
+    .getStakingValidatorsDelegations(validator, page)
+    .then((res) => {
+      delegations.value = res;
+    });
 }
 
-const events = ref({} as PaginatedTxs)
+const events = ref({} as PaginatedTxs);
 
 enum EventType {
   Delegate = 'delegate',
   Unbond = 'unbond',
 }
 
-const selectedEventType = ref(EventType.Delegate)
+const selectedEventType = ref(EventType.Delegate);
 
 function loadPowerEvents(p: number, type: EventType) {
-  selectedEventType.value = type
+  selectedEventType.value = type;
   page.setPage(p);
   page.setPageSize(5);
-  blockchain.rpc.getTxs("?order_by=2&events={type}.validator='{validator}'", { type: selectedEventType.value, validator }, page).then(res => {
-    events.value = res
-  })
+  blockchain.rpc
+    .getTxs(
+      "?order_by=2&events={type}.validator='{validator}'",
+      { type: selectedEventType.value, validator },
+      page
+    )
+    .then((res) => {
+      events.value = res;
+    });
 }
 
 function pagePowerEvents(page: number) {
-    loadPowerEvents(page, selectedEventType.value)
+  loadPowerEvents(page, selectedEventType.value);
 }
 
-pagePowerEvents(1)
+pagePowerEvents(1);
 
-function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
+function mapEvents(
+  events: { type: string; attributes: { key: string; value: string }[] }[]
+) {
   const attributes = events
-    .filter(x => x.type === selectedEventType.value)
-    .filter(x => x.attributes.findIndex(attr => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))) > -1)
-    .map(x => {
+    .filter((x) => x.type === selectedEventType.value)
+    .filter(
+      (x) =>
+        x.attributes.findIndex(
+          (attr) =>
+            attr.value === validator ||
+            attr.value === toBase64(stringToUint8Array(validator))
+        ) > -1
+    )
+    .map((x) => {
       // check if attributes need to decode
-      const output = {} as {[key: string]: string }
+      const output = {} as { [key: string]: string };
 
-      if (x.attributes.findIndex(a => a.key === `amount`) > -1) {
-        x.attributes.forEach(attr => {
-          output[attr.key] = attr.value
-        })
+      if (x.attributes.findIndex((a) => a.key === `amount`) > -1) {
+        x.attributes.forEach((attr) => {
+          output[attr.key] = attr.value;
+        });
       } else {
-        x.attributes.forEach(attr => {
-          output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
-        })
-      };
+        x.attributes.forEach((attr) => {
+          output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(
+            fromBase64(attr.value)
+          );
+        });
+      }
 
       return output;
     });
@@ -247,14 +276,15 @@ function mapEvents(events: {type: string, attributes: {key: string, value: strin
   const coinsAsString = attributes.map((x: any) => x.amount).join(',');
   const coins = parseCoins(coinsAsString);
 
-  return coins.map(coin => format.formatToken(coin)).join(', ');
+  return coins.map((coin) => format.formatToken(coin)).join(', ');
 }
 
 function mapDelegators(messages: any[]) {
-  if(!messages) return []
-  return Array.from(new Set(messages.map(x => x.delegator_address || x.grantee)))
+  if (!messages) return [];
+  return Array.from(
+    new Set(messages.map((x) => x.delegator_address || x.grantee))
+  );
 }
-
 </script>
 <template>
   <div>
@@ -304,7 +334,9 @@ function mapDelegators(messages: any[]) {
             <div class="card-list">
               <div class="flex items-center mb-2">
                 <Icon icon="mdi-web" class="text-xl mr-1" />
-                <span class="font-bold mr-2">{{ $t('staking.website') }}: </span>
+                <span class="font-bold mr-2"
+                  >{{ $t('staking.website') }}:
+                </span>
                 <a
                   :href="v?.description?.website || '#'"
                   :class="
@@ -318,17 +350,21 @@ function mapDelegators(messages: any[]) {
               </div>
               <div class="flex items-center">
                 <Icon icon="mdi-email-outline" class="text-xl mr-1" />
-                <span class="font-bold mr-2">{{ $t('staking.contact') }}: </span>
+                <span class="font-bold mr-2"
+                  >{{ $t('staking.contact') }}:
+                </span>
                 <a
                   v-if="v.description?.security_contact"
-                  :href="'mailto:' + v.description.security_contact || '#' "
+                  :href="'mailto:' + v.description.security_contact || '#'"
                   class="cursor-pointer"
                 >
                   {{ v.description?.security_contact || '-' }}
                 </a>
               </div>
             </div>
-            <p class="text-sm mt-4 mb-3 font-medium">{{ $t('staking.validator_status') }}</p>
+            <p class="text-sm mt-4 mb-3 font-medium">
+              {{ $t('staking.validator_status') }}
+            </p>
             <div class="card-list">
               <div class="flex items-center mb-2">
                 <Icon icon="mdi-shield-account-outline" class="text-xl mr-1" />
@@ -343,18 +379,42 @@ function mapDelegators(messages: any[]) {
                 <span> {{ v.jailed || '-' }} </span>
               </div>
             </div>
-            <p class="text-sm mt-4 mb-3 font-medium">{{ $t('staking.liquid_staking') }}</p>
+            <p class="text-sm mt-4 mb-3 font-medium">
+              {{ $t('staking.liquid_staking') }}
+            </p>
             <div class="card-list">
               <div class="flex items-center mb-2">
                 <Icon icon="mdi-lock" class="text-xl mr-1" />
-                <span class="font-bold mr-2">{{ $t('staking.validator_bond_share') }}: </span>
-                <span> {{ format.formatToken( {amount: v.validator_bond_shares, denom: staking.params.bond_denom }, false) }} </span>
+                <span class="font-bold mr-2"
+                  >{{ $t('staking.validator_bond_share') }}:
+                </span>
+                <span>
+                  {{
+                    format.formatToken(
+                      {
+                        amount: v.validator_bond_shares,
+                        denom: staking.params.bond_denom,
+                      },
+                      false
+                    )
+                  }}
+                </span>
               </div>
               <div class="flex items-center">
                 <Icon icon="mdi-waves-arrow-right" class="text-xl mr-1" />
-                <span class="font-bold mr-2">{{ $t('staking.liquid_staking_shares') }}: </span>
+                <span class="font-bold mr-2"
+                  >{{ $t('staking.liquid_staking_shares') }}:
+                </span>
                 <span>
-                  {{ format.formatToken( {amount: v.liquid_shares, denom: staking.params.bond_denom }, false) }}
+                  {{
+                    format.formatToken(
+                      {
+                        amount: v.liquid_shares,
+                        denom: staking.params.bond_denom,
+                      },
+                      false
+                    )
+                  }}
                 </span>
               </div>
             </div>
@@ -429,11 +489,16 @@ function mapDelegators(messages: any[]) {
                 class="flex items-center justify-center rounded w-10 h-10"
                 style="border: 1px solid #666"
               >
-                <Icon icon="mdi:arrow-down-bold-circle-outline" class="text-3xl" />
+                <Icon
+                  icon="mdi:arrow-down-bold-circle-outline"
+                  class="text-3xl"
+                />
               </div>
               <div class="ml-3 flex flex-col justify-center">
                 <h4>{{ v.unbonding_height }}</h4>
-                <span class="text-sm">{{ $t('staking.unbonding_height') }}</span>
+                <span class="text-sm">{{
+                  $t('staking.unbonding_height')
+                }}</span>
               </div>
             </div>
 
@@ -445,7 +510,13 @@ function mapDelegators(messages: any[]) {
                 <Icon icon="mdi-clock" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
-                <h4 v-if="v.unbonding_time && !v.unbonding_time.startsWith('1970')">{{ format.toDay(v.unbonding_time, 'from') }}</h4>
+                <h4
+                  v-if="
+                    v.unbonding_time && !v.unbonding_time.startsWith('1970')
+                  "
+                >
+                  {{ format.toDay(v.unbonding_time, 'from') }}
+                </h4>
                 <h4 v-else>-</h4>
                 <span class="text-sm">{{ $t('staking.unbonding_time') }}</span>
               </div>
@@ -480,7 +551,9 @@ function mapDelegators(messages: any[]) {
             >
               {{ format.formatToken2(i) }}
             </div>
-            <div class="text-sm mb-2 mt-2">{{ $t('staking.outstanding') }} {{ $t('account.rewards') }}</div>
+            <div class="text-sm mb-2 mt-2">
+              {{ $t('staking.outstanding') }} {{ $t('account.rewards') }}
+            </div>
             <div
               v-for="(i, k) in rewards"
               :key="`reward-${k}`"
@@ -509,14 +582,15 @@ function mapDelegators(messages: any[]) {
         </div>
         <div class="px-4 pb-4">
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.account_addr') }} 
+            <div class="text-sm flex">
+              {{ $t('staking.account_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.account"
-                  @click="copyWebsite(addresses.account || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.account"
+                @click="copyWebsite(addresses.account || '')"
+              />
+            </div>
             <RouterLink
               class="text-xs text-primary"
               :to="`/${chain}/account/${addresses.account}`"
@@ -525,57 +599,69 @@ function mapDelegators(messages: any[]) {
             </RouterLink>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.operator_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.operator_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="v.operator_address"
-                  @click="copyWebsite(v.operator_address || '')"
-                /></div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="v.operator_address"
+                @click="copyWebsite(v.operator_address || '')"
+              />
+            </div>
             <div class="text-xs">
               {{ v.operator_address }}
             </div>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.hex_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.hex_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.hex"
-                  @click="copyWebsite(addresses.hex || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.hex"
+                @click="copyWebsite(addresses.hex || '')"
+              />
+            </div>
             <div class="text-xs">{{ addresses.hex }}</div>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.signer_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.signer_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.valCons"
-                  @click="copyWebsite(addresses.valCons || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.valCons"
+                @click="copyWebsite(addresses.valCons || '')"
+              />
+            </div>
             <div class="text-xs">{{ addresses.valCons }}</div>
           </div>
           <div>
-            <div class="text-sm flex">{{ $t('staking.consensus_pub_key') }}
+            <div class="text-sm flex">
+              {{ $t('staking.consensus_pub_key') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="v.consensus_pubkey"
-                  @click="copyWebsite(JSON.stringify(v.consensus_pubkey) || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="v.consensus_pubkey"
+                @click="copyWebsite(JSON.stringify(v.consensus_pubkey) || '')"
+              />
+            </div>
             <div class="text-xs">{{ v.consensus_pubkey }}</div>
           </div>
         </div>
       </div>
     </div>
 
-    <div v-if="delegations.delegation_responses" class="mt-5 bg-base-100 shadow rounded p-4 ">
-      <div class="text-lg mb-4 font-semibold">{{ $t('account.delegations') }}
-        <span class="float-right"> {{ delegations.delegation_responses?.length || 0 }} / {{ delegations.pagination?.total || 0 }} </span>
+    <div
+      v-if="delegations.delegation_responses"
+      class="mt-5 bg-base-100 shadow rounded p-4"
+    >
+      <div class="text-lg mb-4 font-semibold">
+        {{ $t('account.delegations') }}
+        <span class="float-right">
+          {{ delegations.delegation_responses?.length || 0 }} /
+          {{ delegations.pagination?.total || 0 }}
+        </span>
       </div>
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
@@ -586,23 +672,33 @@ function mapDelegators(messages: any[]) {
             <th class="text-left pl-4">{{ $t('account.delegation') }}</th>
           </thead>
           <tbody>
-            <tr v-for="{balance, delegation} in delegations.delegation_responses">
+            <tr
+              v-for="{
+                balance,
+                delegation,
+              } in delegations.delegation_responses"
+            >
               <td class="text-sm text-primary">
                 {{ delegation.delegator_address }}
               </td>
               <td class="truncate text-primary">
-                {{ format.formatToken(balance)}}
+                {{ format.formatToken(balance) }}
               </td>
-              
             </tr>
           </tbody>
         </table>
-        <PaginationBar :total="delegations.pagination?.total" :limit="page.limit" :callback="pageload"/>
+        <PaginationBar
+          :total="delegations.pagination?.total"
+          :limit="page.limit"
+          :callback="pageload"
+        />
       </div>
     </div>
 
     <div class="mt-5 bg-base-100 shadow rounded p-4">
-      <div class="text-lg mb-4 font-semibold">{{ $t('account.transactions') }}</div>
+      <div class="text-lg mb-4 font-semibold">
+        {{ $t('account.transactions') }}
+      </div>
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
           <thead>
@@ -610,7 +706,9 @@ function mapDelegators(messages: any[]) {
               {{ $t('account.height') }}
             </th>
             <th class="text-left pl-4">{{ $t('account.hash') }}</th>
-            <th class="text-left pl-4" width="40%">{{ $t('account.messages') }}</th>
+            <th class="text-left pl-4" width="40%">
+              {{ $t('account.messages') }}
+            </th>
             <th class="text-left pl-4">{{ $t('account.time') }}</th>
           </thead>
           <tbody>
@@ -648,46 +746,55 @@ function mapDelegators(messages: any[]) {
     <div class="mt-5 bg-base-100 shadow rounded p-4">
       <div class="text-lg mb-4 font-semibold">
         <div class="tabs tabs-boxed bg-transparent">
-                
-                <span class="mr-10">Voting Power Events: </span>
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': selectedEventType === EventType.Delegate }"
-                    @click="loadPowerEvents(1, EventType.Delegate)"
-                    >{{ $t('account.btn_delegate') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': selectedEventType === EventType.Unbond }"
-                    @click="loadPowerEvents(1, EventType.Unbond)"
-                    >{{ $t('account.btn_unbond') }}</a
-                >
-            </div>
+          <span class="mr-10">Voting Power Events: </span>
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': selectedEventType === EventType.Delegate }"
+            @click="loadPowerEvents(1, EventType.Delegate)"
+            >{{ $t('account.btn_delegate') }}</a
+          >
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': selectedEventType === EventType.Unbond }"
+            @click="loadPowerEvents(1, EventType.Unbond)"
+            >{{ $t('account.btn_unbond') }}</a
+          >
+        </div>
       </div>
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
           <thead>
             <th class="text-left pl-4">{{ $t('account.delegator') }}</th>
             <th class="text-left pl-4">{{ $t('account.amount') }}</th>
-            <th class="text-left pl-4">{{ $t('account.height') }} / {{ $t('account.time') }}</th>
+            <th class="text-left pl-4">
+              {{ $t('account.height') }} / {{ $t('account.time') }}
+            </th>
           </thead>
           <tbody>
             <tr v-for="(item, i) in events.tx_responses">
               <td class="pr-2 truncate text-primary" style="max-width: 250px">
-                <RouterLink v-for="d in mapDelegators(item.tx?.body?.messages)" :to="`/${props.chain}/account/${d}`">
+                <RouterLink
+                  v-for="d in mapDelegators(item.tx?.body?.messages)"
+                  :to="`/${props.chain}/account/${d}`"
+                >
                   {{ d }}
-                </RouterLink> 
+                </RouterLink>
               </td>
               <td>
-                <div class="flex items-center" :class="{
-                  'text-yes' : selectedEventType === EventType.Delegate,
-                  'text-no' : selectedEventType ===  EventType.Unbond,
-                }">
+                <div
+                  class="flex items-center"
+                  :class="{
+                    'text-yes': selectedEventType === EventType.Delegate,
+                    'text-no': selectedEventType === EventType.Unbond,
+                  }"
+                >
                   <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
                     <span class="mr-2">
-                      {{ (selectedEventType === EventType.Delegate ? '+' : '-')}} {{
-                      mapEvents(item.events)
-                    }}</span>
+                      {{
+                        selectedEventType === EventType.Delegate ? '+' : '-'
+                      }}
+                      {{ mapEvents(item.events) }}</span
+                    >
                   </RouterLink>
                   <Icon
                     v-if="item.code === 0"
@@ -698,15 +805,23 @@ function mapDelegators(messages: any[]) {
                 </div>
               </td>
               <td width="150">
-                <RouterLink class="text-primary mb-0" :to="`/${props.chain}/block/${item.height}`">{{
-                  item.height
-                }}</RouterLink><br>
-                <span class="text-xs pt-0 mt-0">{{ format.toDay(item.timestamp, 'from') }}</span>
+                <RouterLink
+                  class="text-primary mb-0"
+                  :to="`/${props.chain}/block/${item.height}`"
+                  >{{ item.height }}</RouterLink
+                ><br />
+                <span class="text-xs pt-0 mt-0">{{
+                  format.toDay(item.timestamp, 'from')
+                }}</span>
               </td>
             </tr>
           </tbody>
         </table>
-        <PaginationBar :total="events.pagination?.total" :limit="page.limit" :callback="pagePowerEvents"/>
+        <PaginationBar
+          :total="events.pagination?.total"
+          :limit="page.limit"
+          :callback="pagePowerEvents"
+        />
       </div>
     </div>
     <!-- end -->
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 22cade2a90..953501fc52 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
 import {
-    useBaseStore,
-    useBlockchain,
-    useFormatter,
-    useMintStore,
-    useStakingStore,
-    useTxDialog,
+  useBaseStore,
+  useBlockchain,
+  useFormatter,
+  useMintStore,
+  useStakingStore,
+  useTxDialog,
 } from '@/stores';
 import { computed } from '@vue/reactivity';
 import { onMounted, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Key, SlashingParam, Validator } from '@/types';
-import { formatSeconds}  from '@/libs/utils'
+import { formatSeconds } from '@/libs/utils';
 import { diff } from 'semver';
 
 const staking = useStakingStore();
@@ -19,7 +19,7 @@ const base = useBaseStore();
 const format = useFormatter();
 const dialog = useTxDialog();
 const chainStore = useBlockchain();
-const mintStore = useMintStore()
+const mintStore = useMintStore();
 
 const cache = JSON.parse(localStorage.getItem('avatars') || '{}');
 const avatars = ref(cache || {});
@@ -27,130 +27,156 @@ const latest = ref({} as Record<string, number>);
 const yesterday = ref({} as Record<string, number>);
 const tab = ref('active');
 const unbondList = ref([] as Validator[]);
-const slashing = ref({} as SlashingParam)
+const slashing = ref({} as SlashingParam);
 
 onMounted(() => {
-    staking.fetchUnbondingValdiators().then((res) => {
-        unbondList.value = res.concat(unbondList.value);
-    });
-    staking.fetchInacitveValdiators().then((res) => {
-        unbondList.value = unbondList.value.concat(res);
-    });
-    chainStore.rpc.getSlashingParams().then(res => {
-        slashing.value = res.params
-    })
+  staking.fetchUnbondingValdiators().then((res) => {
+    unbondList.value = res.concat(unbondList.value);
+  });
+  staking.fetchInacitveValdiators().then((res) => {
+    unbondList.value = unbondList.value.concat(res);
+  });
+  chainStore.rpc.getSlashingParams().then((res) => {
+    slashing.value = res.params;
+  });
 });
 
 async function fetchChange(blockWindow: number = 14400) {
-    let page = 0;
+  let page = 0;
 
-    let height = Number(base.latest?.block?.header?.height || 0);
-    if (height > blockWindow) {
-        height -= blockWindow;
-    } else {
-        height = 1;
-    }
-    // voting power in 24h ago
-    while (page < staking.validators.length && height > 0) {
-        await base.fetchValidatorByHeight(height, page).then((x) => {
-            x.validators.forEach((v) => {
-                yesterday.value[v.pub_key.key] = Number(v.voting_power);
-            });
-        });
-        page += 100;
-    }
+  let height = Number(base.latest?.block?.header?.height || 0);
+  if (height > blockWindow) {
+    height -= blockWindow;
+  } else {
+    height = 1;
+  }
+  // voting power in 24h ago
+  while (page < staking.validators.length && height > 0) {
+    await base.fetchValidatorByHeight(height, page).then((x) => {
+      x.validators.forEach((v) => {
+        yesterday.value[v.pub_key.key] = Number(v.voting_power);
+      });
+    });
+    page += 100;
+  }
 
-    page = 0;
-    // voting power for now
-    while (page < staking.validators.length) {
-        await base.fetchLatestValidators(page).then((x) => {
-            x.validators.forEach((v) => {
-                latest.value[v.pub_key.key] = Number(v.voting_power);
-            });
-        });
-        page += 100;
-    }
+  page = 0;
+  // voting power for now
+  while (page < staking.validators.length) {
+    await base.fetchLatestValidators(page).then((x) => {
+      x.validators.forEach((v) => {
+        latest.value[v.pub_key.key] = Number(v.voting_power);
+      });
+    });
+    page += 100;
+  }
 }
 
 const changes = computed(() => {
-    const changes = {} as Record<string, number>;
-    Object.keys(latest.value).forEach((k) => {
-        const l = latest.value[k] || 0;
-        const y = yesterday.value[k] || 0;
-        changes[k] = l - y;
-    });
-    return changes;
+  const changes = {} as Record<string, number>;
+  Object.keys(latest.value).forEach((k) => {
+    const l = latest.value[k] || 0;
+    const y = yesterday.value[k] || 0;
+    changes[k] = l - y;
+  });
+  return changes;
 });
 
 const change24 = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    const txt = entry.consensus_pubkey.key;
-    // const n: number = latest.value[txt];
-    // const o: number = yesterday.value[txt];
-    // // console.log( txt, n, o)
-    // return n > 0 && o > 0 ? n - o : 0;
-
-    const latestValue = latest.value[txt];
-    if (!latestValue) {
-        return 0;
-    }
+  const txt = entry.consensus_pubkey.key;
+  // const n: number = latest.value[txt];
+  // const o: number = yesterday.value[txt];
+  // // console.log( txt, n, o)
+  // return n > 0 && o > 0 ? n - o : 0;
+
+  const latestValue = latest.value[txt];
+  if (!latestValue) {
+    return 0;
+  }
 
-    const displayTokens = format.tokenAmountNumber({
-        amount: parseInt(entry.tokens, 10).toString(),
-        denom: staking.params.bond_denom,
-    });
-    const coefficient = displayTokens / latestValue;
-    return changes.value[txt] * coefficient;
+  const displayTokens = format.tokenAmountNumber({
+    amount: parseInt(entry.tokens, 10).toString(),
+    denom: staking.params.bond_denom,
+  });
+  const coefficient = displayTokens / latestValue;
+  return changes.value[txt] * coefficient;
 };
 
 const change24Text = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    if (!entry) return '';
-    const v = change24(entry);
-    return v && v !== 0 ? format.showChanges(v) : '';
+  if (!entry) return '';
+  const v = change24(entry);
+  return v && v !== 0 ? format.showChanges(v) : '';
 };
 
 const change24Color = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    if (!entry) return '';
-    const v = change24(entry);
-    if (v > 0) return 'text-success';
-    if (v < 0) return 'text-error';
+  if (!entry) return '';
+  const v = change24(entry);
+  if (v > 0) return 'text-success';
+  if (v < 0) return 'text-error';
 };
 
 const calculateRank = function (position: number) {
-    let sum = 0;
-    for (let i = 0; i < position; i++) {
-        sum += Number(staking.validators[i]?.delegator_shares);
-    }
-    const percent = sum / staking.totalPower;
-
-    switch (true) {
-        case tab.value === 'active' && percent < 0.33:
-            return 'error';
-        case tab.value === 'active' && percent < 0.67:
-            return 'warning';
-        default:
-            return 'primary';
-    }
+  let sum = 0;
+  for (let i = 0; i < position; i++) {
+    sum += Number(staking.validators[i]?.delegator_shares);
+  }
+  const percent = sum / staking.totalPower;
+
+  switch (true) {
+    case tab.value === 'active' && percent < 0.33:
+      return 'error';
+    case tab.value === 'active' && percent < 0.67:
+      return 'warning';
+    default:
+      return 'primary';
+  }
 };
 
-function isFeatured(endpoints: string[], who?: {website?: string, moniker: string }) {
-    if(!endpoints || !who) return false
-    return endpoints.findIndex(x => who.website && who.website?.substring(0, who.website?.lastIndexOf('.')).endsWith(x) || who?.moniker?.toLowerCase().search(x.toLowerCase()) > -1) > -1
+function isFeatured(
+  endpoints: string[],
+  who?: { website?: string; moniker: string }
+) {
+  if (!endpoints || !who) return false;
+  return (
+    endpoints.findIndex(
+      (x) =>
+        (who.website &&
+          who.website
+            ?.substring(0, who.website?.lastIndexOf('.'))
+            .endsWith(x)) ||
+        who?.moniker?.toLowerCase().search(x.toLowerCase()) > -1
+    ) > -1
+  );
 }
 
 const list = computed(() => {
-    if (tab.value === 'active') {
-        return staking.validators.map((x, i) => ({v: x, rank: calculateRank(i), logo: logo(x.description.identity)}));
-    } else if (tab.value === 'featured') {
-        const endpoint = chainStore.current?.endpoints?.rest?.map(x => x.provider)
-        if(endpoint) {
-            endpoint.push('ping')
-            return staking.validators
-                .filter(x => isFeatured(endpoint, x.description))
-                .map((x, i) => ({v: x, rank: 'primary', logo: logo(x.description.identity)}));
-        }
-        return []        
+  if (tab.value === 'active') {
+    return staking.validators.map((x, i) => ({
+      v: x,
+      rank: calculateRank(i),
+      logo: logo(x.description.identity),
+    }));
+  } else if (tab.value === 'featured') {
+    const endpoint = chainStore.current?.endpoints?.rest?.map(
+      (x) => x.provider
+    );
+    if (endpoint) {
+      endpoint.push('ping');
+      return staking.validators
+        .filter((x) => isFeatured(endpoint, x.description))
+        .map((x, i) => ({
+          v: x,
+          rank: 'primary',
+          logo: logo(x.description.identity),
+        }));
     }
-    return unbondList.value.map((x, i) => ({v: x, rank: 'primary', logo: logo(x.description.identity)}));
+    return [];
+  }
+  return unbondList.value.map((x, i) => ({
+    v: x,
+    rank: 'primary',
+    logo: logo(x.description.identity),
+  }));
 });
 
 const fetchAvatar = (identity: string) => {
@@ -202,294 +228,325 @@ const loadAvatars = () => {
 };
 
 const logo = (identity?: string) => {
-    if (!identity || !avatars.value[identity]) return '';
-    const url = avatars.value[identity] || '';
-    return url.startsWith('http')
-        ? url
-        : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
+  if (!identity || !avatars.value[identity]) return '';
+  const url = avatars.value[identity] || '';
+  return url.startsWith('http')
+    ? url
+    : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
 const loaded = ref(false);
 base.$subscribe((_, s) => {
-    if (s.recents.length >= 2 && loaded.value === false) {
-        loaded.value = true;
-        const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time)
-        const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height)
-        const block_window = Number(Number(86400 * 1000 * diff_height / diff_time).toFixed(0))
-        fetchChange(block_window);
-    }
+  if (s.recents.length >= 2 && loaded.value === false) {
+    loaded.value = true;
+    const diff_time =
+      Date.parse(s.recents[1].block.header.time) -
+      Date.parse(s.recents[0].block.header.time);
+    const diff_height =
+      Number(s.recents[1].block.header.height) -
+      Number(s.recents[0].block.header.height);
+    const block_window = Number(
+      Number((86400 * 1000 * diff_height) / diff_time).toFixed(0)
+    );
+    fetchChange(block_window);
+  }
 });
 
 loadAvatars();
 </script>
 <template>
-<div>
-    <div class="bg-base-100 rounded-lg grid sm:grid-cols-1 md:grid-cols-4 p-4" >    
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-success" icon="mdi:trending-up" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-success"></div>
-                </div>
-            </span>
-            <span>
-                <div class="font-bold">{{ format.percent(mintStore.inflation) }}</div>
-                <div class="text-xs">{{ $t('staking.inflation') }}</div>
-            </span>
-        </div>
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-primary" icon="mdi:lock-open-outline" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-primary"></div>
-                </div>
-            </span>
-            <span>
-                <div class="font-bold">{{ formatSeconds(staking.params?.unbonding_time) }}</div>
-                <div class="text-xs">{{ $t('staking.unbonding_time') }}</div>
-            </span>
-        </div> 
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-error" icon="mdi:alert-octagon-outline" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
-                </div>
-            </span>
-            <span>
-            <div class="font-bold">{{ format.percent(slashing.slash_fraction_double_sign) }}</div>
-            <div class="text-xs">{{ $t('staking.double_sign_slashing') }}</div>
-            </span>
-        </div> 
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-error" icon="mdi:pause" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
-                </div>
-            </span>
-            <span>
-            <div class="font-bold">{{ format.percent(slashing.slash_fraction_downtime) }}</div>
-            <div class="text-xs">{{ $t('staking.downtime_slashing') }}</div>
-            </span>
-        </div>  
+  <div>
+    <div class="bg-base-100 rounded-lg grid sm:grid-cols-1 md:grid-cols-4 p-4">
+      <div class="flex">
+        <span>
+          <div
+            class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2"
+          >
+            <Icon class="text-success" icon="mdi:trending-up" size="32" />
+            <div
+              class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-success"
+            ></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">{{ format.percent(mintStore.inflation) }}</div>
+          <div class="text-xs">{{ $t('staking.inflation') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div
+            class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2"
+          >
+            <Icon class="text-primary" icon="mdi:lock-open-outline" size="32" />
+            <div
+              class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-primary"
+            ></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">
+            {{ formatSeconds(staking.params?.unbonding_time) }}
+          </div>
+          <div class="text-xs">{{ $t('staking.unbonding_time') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div
+            class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2"
+          >
+            <Icon
+              class="text-error"
+              icon="mdi:alert-octagon-outline"
+              size="32"
+            />
+            <div
+              class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"
+            ></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">
+            {{ format.percent(slashing.slash_fraction_double_sign) }}
+          </div>
+          <div class="text-xs">{{ $t('staking.double_sign_slashing') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div
+            class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2"
+          >
+            <Icon class="text-error" icon="mdi:pause" size="32" />
+            <div
+              class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"
+            ></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">
+            {{ format.percent(slashing.slash_fraction_downtime) }}
+          </div>
+          <div class="text-xs">{{ $t('staking.downtime_slashing') }}</div>
+        </span>
+      </div>
     </div>
 
     <div>
-        <div class="flex items-center justify-between py-1">
-            <div class="tabs tabs-boxed bg-transparent">
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'featured' }"
-                    @click="tab = 'featured'"
-                    >{{ $t('staking.popular') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'active' }"
-                    @click="tab = 'active'"
-                    >{{ $t('staking.active') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'inactive' }"
-                    @click="tab = 'inactive'"
-                    >{{ $t('staking.inactive') }}</a
-                >
-            </div>
-
-            <div class="text-lg font-semibold">
-                {{ list.length }}/{{ staking.params.max_validators }}
-            </div>
+      <div class="flex items-center justify-between py-1">
+        <div class="tabs tabs-boxed bg-transparent">
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': tab === 'featured' }"
+            @click="tab = 'featured'"
+            >{{ $t('staking.popular') }}</a
+          >
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': tab === 'active' }"
+            @click="tab = 'active'"
+            >{{ $t('staking.active') }}</a
+          >
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': tab === 'inactive' }"
+            @click="tab = 'inactive'"
+            >{{ $t('staking.inactive') }}</a
+          >
         </div>
 
-        <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-            <div class="overflow-x-auto">
-                <table class="table staking-table w-full">
-                    <thead class=" bg-base-200">
-                        <tr>
-                            <th
-                                scope="col"
-                                class="uppercase"
-                                style="width: 3rem; position: relative"
-                            >
-                            {{ $t('staking.rank') }}    
-                            </th>
-                            <th scope="col" class="uppercase">{{ $t('staking.validator') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.voting_power') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.24h_changes') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.commission') }}</th>
-                            <th scope="col" class="text-center uppercase">{{ $t('staking.actions') }}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr
-                            v-for="({v, rank, logo}, i) in list"
-                            :key="v.operator_address"
-                            class="hover:bg-gray-100 dark:hover:bg-[#384059]"
-                        >
-                            <!-- 👉 rank -->
-                            <td>
-                                <div
-                                    class="text-xs truncate relative px-2 py-1 rounded-full w-fit"
-                                    :class="`text-${rank}`"
-                                >
-                                    <span
-                                        class="inset-x-0 inset-y-0 opacity-10 absolute"
-                                        :class="`bg-${rank}`"
-                                    ></span>
-                                    {{ i + 1 }}
-                                </div>
-                            </td>
-                            <!-- 👉 Validator -->
-                            <td>
-                                <div
-                                    class="flex items-center overflow-hidden"
-                                    style="max-width: 300px"
-                                >
-                                    <div
-                                        class="avatar mr-4 relative w-8 h-8 rounded-full"
-                                    >
-                                        <div
-                                            class="w-8 h-8 rounded-full bg-gray-400 absolute opacity-10"
-                                        ></div>
-                                        <div class="w-8 h-8 rounded-full">
-                                            <img
-                                                v-if="logo"
-                                                :src="logo"
-                                                class="object-contain"
-                                                @error="
-                                                    (e) => {
-                                                        const identity = v.description?.identity;
-                                                        if (identity) loadAvatar(identity);
-                                                    }
-                                                "
-                                            />
-                                            <Icon
-                                                v-else
-                                                class="text-3xl"
-                                                :icon="`mdi-help-circle-outline`"
-                                            />
-                                            
-                                        </div>
-                                    </div>
-
-                                    <div class="flex flex-col">
-                                        <span class="text-sm text-primary dark:invert whitespace-nowrap overflow-hidden">
-                                            <RouterLink
-                                                :to="{
-                                                    name: 'chain-staking-validator',
-                                                    params: {
-                                                        validator:
-                                                            v.operator_address,
-                                                    },
-                                                }"
-                                                class="font-weight-medium"
-                                            >
-                                                {{ v.description?.moniker }}
-                                            </RouterLink>
-                                        </span>
-                                        <span class="text-xs">{{
-                                            v.description?.website ||
-                                            v.description?.identity ||
-                                            '-'
-                                        }}</span>
-                                    </div>
-                                </div>
-                            </td>
-
-                            <!-- 👉 Voting Power -->
-                            <td class="text-right">
-                                <div class="flex flex-col">
-                                    <h6 class="text-sm font-weight-medium whitespace-nowrap ">
-                                        {{
-                                            format.formatToken(
-                                                {
-                                                    amount: parseInt(
-                                                        v.tokens
-                                                    ).toString(),
-                                                    denom: staking.params
-                                                        .bond_denom,
-                                                },
-                                                true,
-                                                '0,0'
-                                            )
-                                        }}
-                                    </h6>
-                                    <span class="text-xs">{{
-                                        format.calculatePercent(
-                                            v.delegator_shares,
-                                            staking.totalPower
-                                        )
-                                    }}</span>
-                                </div>
-                            </td>
-                            <!-- 👉 24h Changes -->
-                            <td
-                                class="text-right text-xs"
-                                :class="change24Color(v)"
-                            >
-                                {{ change24Text(v) }}
-                            </td>
-                            <!-- 👉 commission -->
-                            <td class="text-right text-xs">
-                                {{
-                                    format.formatCommissionRate(
-                                        v.commission?.commission_rates?.rate
-                                    )
-                                }}
-                            </td>
-                            <!-- 👉 Action -->
-                            <td class="text-center">
-                                <div
-                                    v-if="v.jailed"
-                                    class="badge badge-error gap-2 text-white"
-                                >
-                                {{ $t('staking.jailed') }}
-                                </div>
-                                <label
-                                    v-else
-                                    for="delegate"
-                                    class="btn btn-xs btn-primary rounded-sm capitalize"
-                                    @click="
-                                        dialog.open('delegate', {
-                                            validator_address:
-                                                v.operator_address,
-                                        })
-                                    "
-                                    >{{ $t('account.btn_delegate') }}</label
-                                >
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="divider"></div>
-            <div class="flex flex-row items-center">
-                <div
-                    class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-error mr-2"
-                >
-                    <span
-                        class="inset-x-0 inset-y-0 opacity-10 absolute bg-error"
-                    ></span>
-                    {{ $t('staking.top') }} 33%
-                </div>
-                <div
-                    class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning"
+        <div class="text-lg font-semibold">
+          {{ list.length }}/{{ staking.params.max_validators }}
+        </div>
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+        <div class="overflow-x-auto">
+          <table class="table staking-table w-full">
+            <thead class="bg-base-200">
+              <tr>
+                <th
+                  scope="col"
+                  class="uppercase"
+                  style="width: 3rem; position: relative"
                 >
+                  {{ $t('staking.rank') }}
+                </th>
+                <th scope="col" class="uppercase">
+                  {{ $t('staking.validator') }}
+                </th>
+                <th scope="col" class="text-right uppercase">
+                  {{ $t('staking.voting_power') }}
+                </th>
+                <th scope="col" class="text-right uppercase">
+                  {{ $t('staking.24h_changes') }}
+                </th>
+                <th scope="col" class="text-right uppercase">
+                  {{ $t('staking.commission') }}
+                </th>
+                <th scope="col" class="text-center uppercase">
+                  {{ $t('staking.actions') }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="({ v, rank, logo }, i) in list"
+                :key="v.operator_address"
+                class="hover:bg-gray-100 dark:hover:bg-[#384059]"
+              >
+                <!-- 👉 rank -->
+                <td>
+                  <div
+                    class="text-xs truncate relative px-2 py-1 rounded-full w-fit"
+                    :class="`text-${rank}`"
+                  >
                     <span
-                        class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning"
+                      class="inset-x-0 inset-y-0 opacity-10 absolute"
+                      :class="`bg-${rank}`"
                     ></span>
-                    {{ $t('staking.top') }} 67%
-                </div>
-                <div class="text-xs hidden md:!block pl-2">
-                    {{ $t('staking.description') }}
-                </div>
-            </div>
+                    {{ i + 1 }}
+                  </div>
+                </td>
+                <!-- 👉 Validator -->
+                <td>
+                  <div
+                    class="flex items-center overflow-hidden"
+                    style="max-width: 300px"
+                  >
+                    <div class="avatar mr-4 relative w-8 h-8 rounded-full">
+                      <div
+                        class="w-8 h-8 rounded-full bg-gray-400 absolute opacity-10"
+                      ></div>
+                      <div class="w-8 h-8 rounded-full">
+                        <img
+                          v-if="logo"
+                          :src="logo"
+                          class="object-contain"
+                          @error="
+                            (e) => {
+                              const identity = v.description?.identity;
+                              if (identity) loadAvatar(identity);
+                            }
+                          "
+                        />
+                        <Icon
+                          v-else
+                          class="text-3xl"
+                          :icon="`mdi-help-circle-outline`"
+                        />
+                      </div>
+                    </div>
+
+                    <div class="flex flex-col">
+                      <span
+                        class="text-sm text-primary dark:invert whitespace-nowrap overflow-hidden"
+                      >
+                        <RouterLink
+                          :to="{
+                            name: 'chain-staking-validator',
+                            params: {
+                              validator: v.operator_address,
+                            },
+                          }"
+                          class="font-weight-medium"
+                        >
+                          {{ v.description?.moniker }}
+                        </RouterLink>
+                      </span>
+                      <span class="text-xs">{{
+                        v.description?.website || v.description?.identity || '-'
+                      }}</span>
+                    </div>
+                  </div>
+                </td>
+
+                <!-- 👉 Voting Power -->
+                <td class="text-right">
+                  <div class="flex flex-col">
+                    <h6 class="text-sm font-weight-medium whitespace-nowrap">
+                      {{
+                        format.formatToken(
+                          {
+                            amount: parseInt(v.tokens).toString(),
+                            denom: staking.params.bond_denom,
+                          },
+                          true,
+                          '0,0'
+                        )
+                      }}
+                    </h6>
+                    <span class="text-xs">{{
+                      format.calculatePercent(
+                        v.delegator_shares,
+                        staking.totalPower
+                      )
+                    }}</span>
+                  </div>
+                </td>
+                <!-- 👉 24h Changes -->
+                <td class="text-right text-xs" :class="change24Color(v)">
+                  {{ change24Text(v) }}
+                </td>
+                <!-- 👉 commission -->
+                <td class="text-right text-xs">
+                  {{
+                    format.formatCommissionRate(
+                      v.commission?.commission_rates?.rate
+                    )
+                  }}
+                </td>
+                <!-- 👉 Action -->
+                <td class="text-center">
+                  <div
+                    v-if="v.jailed"
+                    class="badge badge-error gap-2 text-white"
+                  >
+                    {{ $t('staking.jailed') }}
+                  </div>
+                  <label
+                    v-else
+                    for="delegate"
+                    class="btn btn-xs btn-primary rounded-sm capitalize"
+                    @click="
+                      dialog.open('delegate', {
+                        validator_address: v.operator_address,
+                      })
+                    "
+                    >{{ $t('account.btn_delegate') }}</label
+                  >
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="divider"></div>
+        <div class="flex flex-row items-center">
+          <div
+            class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-error mr-2"
+          >
+            <span
+              class="inset-x-0 inset-y-0 opacity-10 absolute bg-error"
+            ></span>
+            {{ $t('staking.top') }} 33%
+          </div>
+          <div
+            class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning"
+          >
+            <span
+              class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning"
+            ></span>
+            {{ $t('staking.top') }} 67%
+          </div>
+          <div class="text-xs hidden md:!block pl-2">
+            {{ $t('staking.description') }}
+          </div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 </template>
 
 <route>
@@ -503,7 +560,7 @@ loadAvatars();
 
 <style>
 .staking-table.table :where(th, td) {
-    padding: 8px 5px;
-    background: transparent;
+  padding: 8px 5px;
+  background: transparent;
 }
 </style>
diff --git a/src/modules/[chain]/statesync/index.vue b/src/modules/[chain]/statesync/index.vue
index 3878ede2f5..eef3a7199d 100644
--- a/src/modules/[chain]/statesync/index.vue
+++ b/src/modules/[chain]/statesync/index.vue
@@ -10,24 +10,22 @@ const blockchain = useBlockchain();
 const base = useBaseStore();
 const nodeInfo = ref({} as NodeInfo);
 
-const height = ref(0)
-const hash = ref("")
+const height = ref(0);
+const hash = ref('');
 
 base.$subscribe((m, { latest }) => {
-  let h = Number(latest.block?.header?.height)
-  h = Math.round((h - 2000) / 1000) * 1000
+  let h = Number(latest.block?.header?.height);
+  h = Math.round((h - 2000) / 1000) * 1000;
   if (h > height.value) {
-    height.value = h
-    base.fetchBlock(h).then(res => {
-      hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase()
-    })
+    height.value = h;
+    base.fetchBlock(h).then((res) => {
+      hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase();
+    });
   }
-})
+});
 
 const rpcs = computed(() => {
-  return blockchain.current?.endpoints?.rpc
-    ?.map((x) => x.address)
-    .join(',');
+  return blockchain.current?.endpoints?.rpc?.map((x) => x.address).join(',');
 });
 
 const appName = computed(() => {
@@ -46,10 +44,12 @@ onMounted(() => {
       <h2 class="card-title truncate mb-2">{{ $t('statesync.title') }}</h2>
       <div class="text-sm">
         {{ $t('statesync.description') }}
-        <a class="text-primary lowercase" href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f">{{
-          $t('statesync.here') }}&nbsp;</a>
-        <a class="lowercase">
-          {{ $t('statesync.for_more_info') }}.</a>
+        <a
+          class="text-primary lowercase"
+          href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f"
+          >{{ $t('statesync.here') }}&nbsp;</a
+        >
+        <a class="lowercase"> {{ $t('statesync.for_more_info') }}.</a>
       </div>
     </div>
 
@@ -58,34 +58,56 @@ onMounted(() => {
         {{ $t('statesync.title_2') }}
       </h2>
       <div class="text-sm">
-        1. {{ $t('statesync.text_1') }} ({{ appName }} {{ $t('statesync.version') }}:
+        1. {{ $t('statesync.text_1') }} ({{ appName }}
+        {{ $t('statesync.version') }}:
         {{ nodeInfo.application_version?.version || '' }})
         <br />
         {{ $t('statesync.text_1_1') }}.
         <br />
         <br />
         2. {{ $t('statesync.text_2') }}<br />
-        {{ $t('statesync.text_2_1') }}.
-        <br /><br />
+        {{ $t('statesync.text_2_1') }}. <br /><br />
         <div class="mockup-code bg-base-200 my-2">
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">enable = true</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">enable = true</code></pre>
           <pre data-prefix=">"><code class="text-gray-800"></code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">rpc_servers = "{{ rpcs }}"</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_height = {{ height }} </code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_hash = "{{ hash }}"</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
-          <pre data-prefix=">"><code class="text-green-400"># 2/3 of unbonding time</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_period = "168h"</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">rpc_servers = "{{ rpcs }}"</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">trust_height = {{ height }} </code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">trust_hash = "{{ hash }}"</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert"></code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-green-400"># 2/3 of unbonding time</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">trust_period = "168h"</code></pre>
         </div>
         <br />
-        3. {{ $t('statesync.text_3') }}: <code
-          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} start</code>
+        3. {{ $t('statesync.text_3') }}:
+        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow"
+          >{{ appName }} start</code
+        >
         <br />
         {{ $t('statesync.text_3_1') }}
-        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} unsafe-reset-all</code> or
-        <code
-          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code>
+        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow"
+          >{{ appName }} unsafe-reset-all</code
+        >
+        or
+        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow"
+          >{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code
+        >
         {{ $t('statesync.text_3_2') }}.
       </div>
     </div>
@@ -96,16 +118,27 @@ onMounted(() => {
         {{ $t('statesync.text_title_3') }}
         <br /><br />
         <div class="mockup-code bg-base-200 my-2">
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">snapshot-interval = 1000</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert"></code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-interval = 1000</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
+            data-prefix=">"
+          ><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
-          <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-keep-recent = 2</code></pre>
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">snapshot-keep-recent = 2</code></pre>
         </div>
       </div>
     </div>
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 85644f578c..6c85a70eca 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -1,76 +1,108 @@
 <script lang="ts" setup>
 import { ref } from '@vue/reactivity';
 import { useBlockchain, useFormatter } from '@/stores';
-import { PageRequest, type Pagination, type Coin, type DenomMetadata } from '@/types';
+import {
+  PageRequest,
+  type Pagination,
+  type Coin,
+  type DenomMetadata,
+} from '@/types';
 import { onMounted } from 'vue';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types'
+import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
 const format = useFormatter();
 const chainStore = useBlockchain();
 
-const list = ref([] as ({ denom: string, amount: string, base: string, info: string, logo: string | undefined })[])
+const list = ref(
+  [] as {
+    denom: string;
+    amount: string;
+    base: string;
+    info: string;
+    logo: string | undefined;
+  }[]
+);
 
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 
 interface SupplyAsset extends Asset {
-  logo: string | undefined
+  logo: string | undefined;
 }
 
 onMounted(() => {
-  pageload(1)
+  pageload(1);
 });
 
 function findGlobalAssetConfig(denom: string) {
-  const assets = chainStore.current?.assets
+  const assets = chainStore.current?.assets;
   if (assets) {
-    const conf = assets.find(a => a.base === denom)
+    const conf = assets.find((a) => a.base === denom);
     if (conf) {
-      return conf
+      return conf;
     }
   }
-  return undefined
+  return undefined;
 }
 
-async function mergeDenomMetadata(denom: string, denomsMetadatas: DenomMetadata[]): Promise<SupplyAsset> {
-  const denomMetadata = denomsMetadatas.find(d => d.base.endsWith(denom));
-  let asset = findGlobalAssetConfig(denom) as SupplyAsset
+async function mergeDenomMetadata(
+  denom: string,
+  denomsMetadatas: DenomMetadata[]
+): Promise<SupplyAsset> {
+  const denomMetadata = denomsMetadatas.find((d) => d.base.endsWith(denom));
+  let asset = findGlobalAssetConfig(denom) as SupplyAsset;
   if (asset && denomMetadata) {
-    asset = { ...denomMetadata, ...asset }
-    asset.display = denomMetadata.display
-    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.logo_URIs?.jpeg || undefined
+    asset = { ...denomMetadata, ...asset };
+    asset.display = denomMetadata.display;
+    asset.logo =
+      asset.logo_URIs?.svg ||
+      asset.logo_URIs?.png ||
+      asset.logo_URIs?.jpeg ||
+      undefined;
   } else if (denomMetadata) {
-    return denomMetadata as SupplyAsset
+    return denomMetadata as SupplyAsset;
   }
   return asset;
 }
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
+  pageRequest.value.setPage(p);
   chainStore.rpc.getBankDenomMetadata().then(async (denomsMetaResponse) => {
-    const bankSupplyResponse = await chainStore.rpc.getBankSupply(pageRequest.value);
-    list.value = await Promise.all(bankSupplyResponse.supply.map(async (coin: Coin) => {
-      const asset = await mergeDenomMetadata(coin.denom, denomsMetaResponse.metadatas)
-      const denom = (asset?.symbol || coin.denom)
-      return {
-        denom: denom.split('/')[denom.split('/').length - 1].toUpperCase(),
-        amount: format.tokenAmountNumber({ amount: coin.amount, denom: denom }).toString(),
-        base: asset.base || coin.denom,
-        info: asset.display || coin.denom,
-        logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || asset?.logo_URIs?.jpeg || "/logo.svg",
-      }
-    }));
-    pageResponse.value = bankSupplyResponse.pagination
-  })
+    const bankSupplyResponse = await chainStore.rpc.getBankSupply(
+      pageRequest.value
+    );
+    list.value = await Promise.all(
+      bankSupplyResponse.supply.map(async (coin: Coin) => {
+        const asset = await mergeDenomMetadata(
+          coin.denom,
+          denomsMetaResponse.metadatas
+        );
+        const denom = asset?.symbol || coin.denom;
+        return {
+          denom: denom.split('/')[denom.split('/').length - 1].toUpperCase(),
+          amount: format
+            .tokenAmountNumber({ amount: coin.amount, denom: denom })
+            .toString(),
+          base: asset.base || coin.denom,
+          info: asset.display || coin.denom,
+          logo:
+            asset?.logo_URIs?.svg ||
+            asset?.logo_URIs?.png ||
+            asset?.logo_URIs?.jpeg ||
+            '/logo.svg',
+        };
+      })
+    );
+    pageResponse.value = bankSupplyResponse.pagination;
+  });
 }
-
 </script>
 <template>
   <div class="overflow-auto bg-base-100">
     <table class="table table-compact">
-      <thead class=" bg-base-200">
+      <thead class="bg-base-200">
         <tr>
           <td>Logo</td>
           <td>Token</td>
@@ -89,7 +121,11 @@ function pageload(p: number) {
         <td>{{ item.base }}</td>
       </tr>
     </table>
-    <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
+    <PaginationBar
+      :limit="pageRequest.limit"
+      :total="pageResponse.total"
+      :callback="pageload"
+    />
   </div>
 </template>
 
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 4a9bb4bccb..b16f2ce2bc 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -4,9 +4,9 @@ import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { computed, ref } from '@vue/reactivity';
 import type { Tx, TxResponse } from '@/types';
 
-import { JsonViewer } from "vue3-json-viewer"
+import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
-import "vue3-json-viewer/dist/index.css";
+import 'vue3-json-viewer/dist/index.css';
 
 const props = defineProps(['hash', 'chain']);
 
@@ -14,117 +14,152 @@ const blockchain = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
 const tx = ref(
-    {} as {
-        tx: Tx;
-        tx_response: TxResponse;
-    }
+  {} as {
+    tx: Tx;
+    tx_response: TxResponse;
+  }
 );
 if (props.hash) {
-    blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+  blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
 }
 const messages = computed(() => {
-    return tx.value.tx?.body?.messages.map(x=> {
-        if(x.packet?.data) {
-            // @ts-ignore
-            x.message = format.base64ToString(x.packet.data)
-        }
-        return x
-    }) || [];
+  return (
+    tx.value.tx?.body?.messages.map((x) => {
+      if (x.packet?.data) {
+        // @ts-ignore
+        x.message = format.base64ToString(x.packet.data);
+      }
+      return x;
+    }) || []
+  );
 });
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/tx/?tab=recent`"
-                >{{ $t('block.recent') }}</RouterLink>
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/tx/?tab=search`"
-                >Search</RouterLink>
-            <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
-        </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <RouterLink
+        class="tab text-gray-400 uppercase"
+        :to="`/${chain}/tx/?tab=recent`"
+        >{{ $t('block.recent') }}</RouterLink
+      >
+      <RouterLink
+        class="tab text-gray-400 uppercase"
+        :to="`/${chain}/tx/?tab=search`"
+        >Search</RouterLink
+      >
+      <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
-            <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
-            <div class="overflow-hidden">
-                <table class="table text-sm">
-                    <tbody>
-                        <tr>
-                            <td>{{ $t('tx.tx_hash') }}</td>
-                            <td class="overflow-hidden">{{ tx.tx_response.txhash }}</td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('account.height') }}</td>
-                            <td>
-                                <RouterLink :to="`/${props.chain}/block/${tx.tx_response.height}`" class="text-primary dark:invert">{{ tx.tx_response.height
-                                }}
-                                </RouterLink>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('staking.status') }}</td>
-                            <td>
-                                <span class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded" :class="`text-${tx.tx_response.code === 0 ? 'success' : 'error'
-                                    }`">
-                                    <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${tx.tx_response.code === 0 ? 'success' : 'error'
-                                        }`"></span>
-                                    {{ tx.tx_response.code === 0 ? 'Success' : 'Failed' }}
-                                </span>
-                                <span>
-                                    {{ tx.tx_response.code === 0 ? '' : tx?.tx_response?.raw_log }}
-                                </span>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('account.time') }}</td>
-                            <td>
-                                {{ format.toLocaleDate(tx.tx_response.timestamp) }} ({{
-                                    format.toDay(tx.tx_response.timestamp, 'from')
-                                }})
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.gas') }}</td>
-                            <td>
-                                {{ tx.tx_response.gas_used }} / {{ tx.tx_response.gas_wanted }}
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.fee') }}</td>
-                            <td>
-                                {{
-                                    format.formatTokens(
-                                        tx.tx?.auth_info?.fee?.amount,
-                                        true,
-                                        '0,0.[00]'
-                                    )
-                                }}
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.memo') }}</td>
-                            <td>{{ tx.tx.body.memo }}</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
+    <div
+      v-if="tx.tx_response"
+      class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4"
+    >
+      <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
+      <div class="overflow-hidden">
+        <table class="table text-sm">
+          <tbody>
+            <tr>
+              <td>{{ $t('tx.tx_hash') }}</td>
+              <td class="overflow-hidden">{{ tx.tx_response.txhash }}</td>
+            </tr>
+            <tr>
+              <td>{{ $t('account.height') }}</td>
+              <td>
+                <RouterLink
+                  :to="`/${props.chain}/block/${tx.tx_response.height}`"
+                  class="text-primary dark:invert"
+                  >{{ tx.tx_response.height }}
+                </RouterLink>
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('staking.status') }}</td>
+              <td>
+                <span
+                  class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded"
+                  :class="`text-${
+                    tx.tx_response.code === 0 ? 'success' : 'error'
+                  }`"
+                >
+                  <span
+                    class="inset-x-0 inset-y-0 opacity-10 absolute"
+                    :class="`bg-${
+                      tx.tx_response.code === 0 ? 'success' : 'error'
+                    }`"
+                  ></span>
+                  {{ tx.tx_response.code === 0 ? 'Success' : 'Failed' }}
+                </span>
+                <span>
+                  {{
+                    tx.tx_response.code === 0 ? '' : tx?.tx_response?.raw_log
+                  }}
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('account.time') }}</td>
+              <td>
+                {{ format.toLocaleDate(tx.tx_response.timestamp) }} ({{
+                  format.toDay(tx.tx_response.timestamp, 'from')
+                }})
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.gas') }}</td>
+              <td>
+                {{ tx.tx_response.gas_used }} / {{ tx.tx_response.gas_wanted }}
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.fee') }}</td>
+              <td>
+                {{
+                  format.formatTokens(
+                    tx.tx?.auth_info?.fee?.amount,
+                    true,
+                    '0,0.[00]'
+                  )
+                }}
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.memo') }}</td>
+              <td>{{ tx.tx.body.memo }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
-            <h2 class="card-title truncate mb-2">
-                {{ $t('account.messages') }}: ({{ messages.length }})
-            </h2>
-            <div v-for="(msg, i) in messages">
-                <div class="border border-slate-400 rounded-md mt-4">
-                    <DynamicComponent :value="msg" />
-                </div>
-            </div>
-            <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
+    <div
+      v-if="tx.tx_response"
+      class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4"
+    >
+      <h2 class="card-title truncate mb-2">
+        {{ $t('account.messages') }}: ({{ messages.length }})
+      </h2>
+      <div v-for="(msg, i) in messages">
+        <div class="border border-slate-400 rounded-md mt-4">
+          <DynamicComponent :value="msg" />
         </div>
+      </div>
+      <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title truncate mb-2">JSON</h2>
-            <JsonViewer :value="tx" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort expand-depth="5"/>
-        </div>
+    <div
+      v-if="tx.tx_response"
+      class="bg-base-100 px-4 pt-3 pb-4 rounded shadow"
+    >
+      <h2 class="card-title truncate mb-2">JSON</h2>
+      <JsonViewer
+        :value="tx"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        expand-depth="5"
+      />
     </div>
+  </div>
 </template>
diff --git a/src/modules/[chain]/tx/index.vue b/src/modules/[chain]/tx/index.vue
index 06c191120c..a5b4464af5 100644
--- a/src/modules/[chain]/tx/index.vue
+++ b/src/modules/[chain]/tx/index.vue
@@ -8,80 +8,114 @@ const props = defineProps(['chain']);
 const vueRouters = useRouter();
 const tab = ref('recent');
 
-const base = useBaseStore()
-const chainStore = useBlockchain()
+const base = useBaseStore();
+const chainStore = useBlockchain();
 
 const format = useFormatter();
 const hashReg = /^[A-Z\d]{64}$/;
 const hash = ref('');
 const current = chainStore?.current?.chainName || '';
 onMounted(() => {
-    tab.value = String(vueRouters.currentRoute.value.query.tab || 'recent');
-    console.log(tab.value);
+  tab.value = String(vueRouters.currentRoute.value.query.tab || 'recent');
+  console.log(tab.value);
 });
 function search() {
-    if (hashReg.test(hash.value)) {
-      vueRouters.push({ path: `/${current}/tx/${hash.value}` });
-    }
+  if (hashReg.test(hash.value)) {
+    vueRouters.push({ path: `/${current}/tx/${hash.value}` });
+  }
 }
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'recent' }"
-                @click="tab = 'recent'">{{ $t('block.recent') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'search' }"
-                @click="tab = 'search'">Search</a>
-        </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'recent' }"
+        @click="tab = 'recent'"
+        >{{ $t('block.recent') }}</a
+      >
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'search' }"
+        @click="tab = 'search'"
+        >Search</a
+      >
+    </div>
 
-        <div v-show="tab === 'recent'" class="bg-base-100 rounded overflow-x-auto">
-            <table class="table w-full table-compact">
-                <thead class="bg-base-200">
-                    <tr>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.height') }}</th>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.hash') }}</th>
-                        <th>{{ $t('account.messages') }}</th>
-                        <th>{{ $t('block.fees') }}</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="(item, index) in base.txsInRecents" :index="index" class="hover">
-                        <td class="text-sm text-primary">
-                            <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
-                        </td>
-                        <td class="truncate text-primary" width="50%">
-                            <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
+    <div v-show="tab === 'recent'" class="bg-base-100 rounded overflow-x-auto">
+      <table class="table w-full table-compact">
+        <thead class="bg-base-200">
+          <tr>
+            <th style="position: relative; z-index: 2">
+              {{ $t('account.height') }}
+            </th>
+            <th style="position: relative; z-index: 2">
+              {{ $t('account.hash') }}
+            </th>
+            <th>{{ $t('account.messages') }}</th>
+            <th>{{ $t('block.fees') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="(item, index) in base.txsInRecents"
+            :index="index"
+            class="hover"
+          >
+            <td class="text-sm text-primary">
+              <RouterLink :to="`/${props.chain}/block/${item.height}`">{{
+                item.height
+              }}</RouterLink>
+            </td>
+            <td class="truncate text-primary" width="50%">
+              <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
                 item.hash
-            }}</RouterLink>
-                        </td>
-                        <td>{{ format.messages(item.tx.body.messages) }}</td>
-                        <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="p-4">
-                <div class="alert relative bg-transparent">
-                    <div class="alert  absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
-                    <div class="text-info flex gap-2">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                            class="stroke-current flex-shrink-0 w-6 h-6">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                        </svg>
-                        <span>{{ $t('block.only_tx') }}</span>
-                    </div>
-                </div>
-            </div>
+              }}</RouterLink>
+            </td>
+            <td>{{ format.messages(item.tx.body.messages) }}</td>
+            <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="p-4">
+        <div class="alert relative bg-transparent">
+          <div
+            class="alert absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"
+          ></div>
+          <div class="text-info flex gap-2">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current flex-shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
+            </svg>
+            <span>{{ $t('block.only_tx') }}</span>
+          </div>
         </div>
+      </div>
+    </div>
 
-        <div v-show="tab === 'search'" class="bg-base-100 rounded overflow-x-auto">
-            <div class="p-4">
-                <div class="form-control">
-                    <input v-model="hash" type="text" class="input input-bordered" placeholder="Search by Tx Hash" @blur="search"/>
-                </div>
-            </div>
+    <div v-show="tab === 'search'" class="bg-base-100 rounded overflow-x-auto">
+      <div class="p-4">
+        <div class="form-control">
+          <input
+            v-model="hash"
+            type="text"
+            class="input input-bordered"
+            placeholder="Search by Tx Hash"
+            @blur="search"
+          />
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/uptime/customize.vue b/src/modules/[chain]/uptime/customize.vue
index 90c3b80407..46910f451a 100644
--- a/src/modules/[chain]/uptime/customize.vue
+++ b/src/modules/[chain]/uptime/customize.vue
@@ -7,7 +7,7 @@ import {
   useStakingStore,
   useBaseStore,
   useBlockchain,
-useDashboard,
+  useDashboard,
 } from '@/stores';
 import UptimeBar from '@/components/UptimeBar.vue';
 import type { Block, Commit } from '@/types';
@@ -20,131 +20,158 @@ const props = defineProps(['chain']);
 const stakingStore = useStakingStore();
 const format = useFormatter();
 const chainStore = useBlockchain();
-const dashboard = useDashboard()
+const dashboard = useDashboard();
 // storage local favorite validator ids
-const local = ref(JSON.parse(localStorage.getItem('uptime-validators') || '{}') as Record<string, {name: string, address: string}[]>)
+const local = ref(
+  JSON.parse(localStorage.getItem('uptime-validators') || '{}') as Record<
+    string,
+    { name: string; address: string }[]
+  >
+);
 const signingInfo = ref({} as Record<string, SigningInfo[]>);
-const selected = ref([] as string[])
-const selectChain = ref(chainStore.chainName)
-const validators = ref(stakingStore.validators)
-const keyword = ref("")
+const selected = ref([] as string[]);
+const selectChain = ref(chainStore.chainName);
+const validators = ref(stakingStore.validators);
+const keyword = ref('');
 
 function loadSigningInfo(chainName: string) {
-  const chain = dashboard.chains[chainName]
-  if(chain && chain.endpoints.rest) {
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address)
-    client.getSlashingSigningInfos().then( resp => {
-      signingInfo.value[chainName] = resp.info
-    })
+  const chain = dashboard.chains[chainName];
+  if (chain && chain.endpoints.rest) {
+    const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address);
+    client.getSlashingSigningInfos().then((resp) => {
+      signingInfo.value[chainName] = resp.info;
+    });
   }
 }
-if(local.value) Object.keys(local.value).map(chainName => {
-  loadSigningInfo(chainName)
-})
+if (local.value)
+  Object.keys(local.value).map((chainName) => {
+    loadSigningInfo(chainName);
+  });
 
 function initial() {
-  const vals = local.value[selectChain.value]
-  if(vals) {
-    selected.value = vals.map(x => x.address)
+  const vals = local.value[selectChain.value];
+  if (vals) {
+    selected.value = vals.map((x) => x.address);
   }
 }
 
 const filterValidators = computed(() => {
-  if(keyword.value) {
-    return validators.value.filter(x => x.description.moniker.indexOf(keyword.value) > -1)
+  if (keyword.value) {
+    return validators.value.filter(
+      (x) => x.description.moniker.indexOf(keyword.value) > -1
+    );
   }
-  return validators.value
-})
+  return validators.value;
+});
 
 const list = computed(() => {
-  const list = [] as any[]
-  if(local.value) Object.keys(local.value).map( chainName => {
-    const vals = local.value[chainName]
-    const info = signingInfo.value[chainName]
-    if(vals && info) {
-      vals.forEach(v => {
-        const sigingInfo = info.find(x => valconsToBase64(x.address) === v.address)
-        list.push( {
-          chainName,
-          v,
-          sigingInfo,
-        })
-      })
-    }
-  })
-  return list
-})
+  const list = [] as any[];
+  if (local.value)
+    Object.keys(local.value).map((chainName) => {
+      const vals = local.value[chainName];
+      const info = signingInfo.value[chainName];
+      if (vals && info) {
+        vals.forEach((v) => {
+          const sigingInfo = info.find(
+            (x) => valconsToBase64(x.address) === v.address
+          );
+          list.push({
+            chainName,
+            v,
+            sigingInfo,
+          });
+        });
+      }
+    });
+  return list;
+});
 
 function add() {
-  if(!signingInfo.value[selectChain.value]) {
-    loadSigningInfo(selectChain.value)
+  if (!signingInfo.value[selectChain.value]) {
+    loadSigningInfo(selectChain.value);
   }
-  const newList = [] as { name: string; address: string; }[]
-  selected.value.forEach(x => {
-    const validator = validators.value.find(v => (consensusPubkeyToHexAddress(v.consensus_pubkey) === x))
-    if(validator) newList.push({
-      name: validator.description.moniker || x,
-      address: x
-    })
-  })
-  if(!local.value) local.value = {}
-  local.value[selectChain.value] = newList
+  const newList = [] as { name: string; address: string }[];
+  selected.value.forEach((x) => {
+    const validator = validators.value.find(
+      (v) => consensusPubkeyToHexAddress(v.consensus_pubkey) === x
+    );
+    if (validator)
+      newList.push({
+        name: validator.description.moniker || x,
+        address: x,
+      });
+  });
+  if (!local.value) local.value = {};
+  local.value[selectChain.value] = newList;
 
-  localStorage.setItem("uptime-validators", JSON.stringify(local.value))
+  localStorage.setItem('uptime-validators', JSON.stringify(local.value));
 }
 
 function changeChain() {
-  validators.value = []
-  const endpoint = dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address
-  if(!endpoint) return 
+  validators.value = [];
+  const endpoint =
+    dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address;
+  if (!endpoint) return;
 
-  const client = CosmosRestClient.newDefault(endpoint)
-  client.getStakingValidators("BOND_STATUS_BONDED").then(x => {
-    validators.value = x.validators
-  })
+  const client = CosmosRestClient.newDefault(endpoint);
+  client.getStakingValidators('BOND_STATUS_BONDED').then((x) => {
+    validators.value = x.validators;
+  });
 
-  const vals = local.value[selectChain.value]
-  if(vals) {
-    selected.value = vals.map(x => x.address)
+  const vals = local.value[selectChain.value];
+  if (vals) {
+    selected.value = vals.map((x) => x.address);
   } else {
-    selected.value = []
+    selected.value = [];
   }
 }
 
 function color(v: string) {
-  if(v) {
-    const n = Number(v)
-    if(n < 10) return " badge-success"
-    if(n > 1000) return " badge-error"
-    if(n > 0) return " badge-warning"
+  if (v) {
+    const n = Number(v);
+    if (n < 10) return ' badge-success';
+    if (n > 1000) return ' badge-error';
+    if (n > 0) return ' badge-warning';
   }
 }
-
 </script>
 
 <template>
   <div>
     <div class="overflow-x-auto w-full">
-      <div class="lg:!flex lg:!items-center lg:!justify-between bg-base-100 p-5">
+      <div
+        class="lg:!flex lg:!items-center lg:!justify-between bg-base-100 p-5"
+      >
         <div class="min-w-0 flex-1">
-          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">{{ $t('uptime.my_validators') }}</h2>
-          <div class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6">
+          <h2
+            class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight"
+          >
+            {{ $t('uptime.my_validators') }}
+          </h2>
+          <div
+            class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6"
+          >
             <div class="mt-2 flex items-center text-sm text-gray-500">
-              <svg class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor"
-                aria-hidden="true">
-                <path fill-rule="evenodd"
+              <svg
+                class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
                   d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
-                  clip-rule="evenodd" />
+                  clip-rule="evenodd"
+                />
                 <path
-                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z" />
+                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
+                />
               </svg>
               {{ $t('uptime.add_validators_monitor') }}
             </div>
           </div>
         </div>
-        <div class="mt-5 flex lg:!ml-4 lg:!mt-0">
-          
-        </div>
+        <div class="mt-5 flex lg:!ml-4 lg:!mt-0"></div>
       </div>
       <table class="table table-compact w-full">
         <thead>
@@ -161,64 +188,128 @@ function color(v: string) {
         </thead>
         <tbody>
           <tr v-for="(v, i) in list" class="hover">
-            <td>{{ i+1 }}</td>
-            <td class=" capitalize">{{ v.chainName }}</td>
+            <td>{{ i + 1 }}</td>
+            <td class="capitalize">{{ v.chainName }}</td>
             <td>{{ v.v.name }}</td>
-            <td><span v-if="v.sigingInfo">{{ Number(v.sigingInfo.index_offset) - Number(v.sigingInfo.start_height) }}</span></td>
             <td>
-              <div v-if="v.sigingInfo && !v.sigingInfo?.jailed_until.startsWith('1970')" class="text-xs flex flex-wrap">
-                <div class="mt-1">{{ format.toLocaleDate(v.sigingInfo?.jailed_until) }}</div>
-                <div class="badge">{{ format.toDay(v.sigingInfo.jailed_until, 'from') }}</div>
+              <span v-if="v.sigingInfo">{{
+                Number(v.sigingInfo.index_offset) -
+                Number(v.sigingInfo.start_height)
+              }}</span>
+            </td>
+            <td>
+              <div
+                v-if="
+                  v.sigingInfo && !v.sigingInfo?.jailed_until.startsWith('1970')
+                "
+                class="text-xs flex flex-wrap"
+              >
+                <div class="mt-1">
+                  {{ format.toLocaleDate(v.sigingInfo?.jailed_until) }}
+                </div>
+                <div class="badge">
+                  {{ format.toDay(v.sigingInfo.jailed_until, 'from') }}
+                </div>
               </div>
             </td>
-            <td class=" capitalize">{{ v.sigingInfo?.tombstoned }}</td>
-            <td><span v-if="v.sigingInfo" class="badge " :class="color( v.sigingInfo?.missed_blocks_counter)">{{ v.sigingInfo?.missed_blocks_counter }}</span></td>
-            <td class=""><RouterLink :to="`/${v.chainName}/uptime/#blocks`" class="btn btn-xs btn-primary">{{ $t('module.blocks') }}</RouterLink></td>
+            <td class="capitalize">{{ v.sigingInfo?.tombstoned }}</td>
+            <td>
+              <span
+                v-if="v.sigingInfo"
+                class="badge"
+                :class="color(v.sigingInfo?.missed_blocks_counter)"
+                >{{ v.sigingInfo?.missed_blocks_counter }}</span
+              >
+            </td>
+            <td class="">
+              <RouterLink
+                :to="`/${v.chainName}/uptime/#blocks`"
+                class="btn btn-xs btn-primary"
+                >{{ $t('module.blocks') }}</RouterLink
+              >
+            </td>
           </tr>
         </tbody>
       </table>
     </div>
-    
+
     <div class="text-center">
-      <label for="add-validator" class="btn btn-primary mt-5">{{ $t('uptime.add_validators') }}</label>
+      <label for="add-validator" class="btn btn-primary mt-5">{{
+        $t('uptime.add_validators')
+      }}</label>
     </div>
 
     <!-- Put this part before </body> tag -->
-    <input type="checkbox" id="add-validator" class="modal-toggle" @change="initial" />
+    <input
+      type="checkbox"
+      id="add-validator"
+      class="modal-toggle"
+      @change="initial"
+    />
     <div class="modal">
       <div class="modal-box relative">
-        <label for="add-validator" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
+        <label
+          for="add-validator"
+          class="btn btn-sm btn-circle absolute right-2 top-2"
+          >✕</label
+        >
         <h3 class="text-lg font-bold">{{ $t('uptime.add_validators') }}</h3>
-          <div class="form-control my-5 border-2">
-            <div class="input-group input-group-md">
-            <select v-model="selectChain" class="select select-bordered capitalize" @change="changeChain">
+        <div class="form-control my-5 border-2">
+          <div class="input-group input-group-md">
+            <select
+              v-model="selectChain"
+              class="select select-bordered capitalize"
+              @change="changeChain"
+            >
               <option v-for="v in dashboard.chains" :value="v.chainName">
                 {{ v.chainName }}
               </option>
             </select>
-              <input v-model="keyword" type="text" class="input w-full" placeholder="keywords to filter validator">
-            </div>
+            <input
+              v-model="keyword"
+              type="text"
+              class="input w-full"
+              placeholder="keywords to filter validator"
+            />
           </div>
+        </div>
         <div class="py-4 max-h-60 overflow-y-auto">
-          
           <table class="table table-compact w-full hover">
             <thead>
-              <tr><th>{{ $t('account.validator') }}</th><th></th></tr>
+              <tr>
+                <th>{{ $t('account.validator') }}</th>
+                <th></th>
+              </tr>
             </thead>
             <tbody>
               <tr v-for="(v, i) in filterValidators">
-                <td><label :for="v.operator_address"><div class=" w-full">{{ i+1 }}. {{ v.description.moniker }}</div></label></td>
-                <td><input :id="v.operator_address" v-model="selected" class="checkbox" type="checkbox" :value="consensusPubkeyToHexAddress(v.consensus_pubkey)"/></td>
+                <td>
+                  <label :for="v.operator_address"
+                    ><div class="w-full">
+                      {{ i + 1 }}. {{ v.description.moniker }}
+                    </div></label
+                  >
+                </td>
+                <td>
+                  <input
+                    :id="v.operator_address"
+                    v-model="selected"
+                    class="checkbox"
+                    type="checkbox"
+                    :value="consensusPubkeyToHexAddress(v.consensus_pubkey)"
+                  />
+                </td>
               </tr>
             </tbody>
           </table>
         </div>
         <div class="modal-action">
-          <label class="btn btn-primary" @click="add">{{ $t('uptime.add') }}</label>
+          <label class="btn btn-primary" @click="add">{{
+            $t('uptime.add')
+          }}</label>
         </div>
       </div>
     </div>
     <div class="h-6"></div>
   </div>
 </template>
-
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 852338d654..046013bf3b 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -22,7 +22,7 @@ const keyword = ref('');
 const live = ref(true);
 const slashingParam = ref({} as SlashingParam);
 const signingInfo = ref({} as Record<string, SigningInfo>);
-const consumerValidators = ref([] as {moniker: string, base64: string}[]);
+const consumerValidators = ref([] as { moniker: string; base64: string }[]);
 
 interface BlockColor {
   height: string;
@@ -39,26 +39,32 @@ interface ValidatorUnit {
 }
 
 function padding(blocks: BlockColor[] = []) {
-  const raw = Array(50).fill({ height: "0", color: 'bg-secondary' } as BlockColor).concat(blocks)
+  const raw = Array(50)
+    .fill({ height: '0', color: 'bg-secondary' } as BlockColor)
+    .concat(blocks);
   return raw.slice(raw.length - 50);
 }
 
 const validatorSet = computed(() => {
   if (chainStore.isConsumerChain) {
     return consumerValidators.value.map((v) => {
-      const b64 = valconsToBase64(v.moniker)
-      const moniker = stakingStore.validators.find((x) => toBase64(fromHex(consensusPubkeyToHexAddress(x.consensus_pubkey))) === b64)?.description.moniker;
+      const b64 = valconsToBase64(v.moniker);
+      const moniker = stakingStore.validators.find(
+        (x) =>
+          toBase64(fromHex(consensusPubkeyToHexAddress(x.consensus_pubkey))) ===
+          b64
+      )?.description.moniker;
       return {
         moniker: moniker || v.moniker,
-        base64: v.base64
+        base64: v.base64,
       };
     });
-  }; 
+  }
   return stakingStore.validators.map((v) => {
-    const hex = consensusPubkeyToHexAddress(v.consensus_pubkey)
+    const hex = consensusPubkeyToHexAddress(v.consensus_pubkey);
     return {
       moniker: v.description.moniker,
-      base64: toBase64(fromHex(hex))
+      base64: toBase64(fromHex(hex)),
     };
   });
 });
@@ -66,34 +72,38 @@ const validatorSet = computed(() => {
 const blockColors = ref({} as Record<string, BlockColor[]>);
 
 const grid = computed(() => {
-
-  const validators = keyword.value.length === 0 ? validatorSet.value :
-    validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
+  const validators =
+    keyword.value.length === 0
+      ? validatorSet.value
+      : validatorSet.value.filter((v) =>
+          v.moniker.toLowerCase().includes(keyword.value.toLowerCase())
+        );
 
   const window = Number(slashingParam.value.signed_blocks_window || 0);
   return validators.map((v) => {
     const signing = signingInfo.value[v.base64];
-    const uptime = signing && window > 0
-      ? (window - Number(signing.missed_blocks_counter)) / window
-      : undefined
+    const uptime =
+      signing && window > 0
+        ? (window - Number(signing.missed_blocks_counter)) / window
+        : undefined;
     return {
       moniker: v.moniker,
       base64: v.base64,
       blocks: padding(blockColors.value[v.base64] || []),
       uptime,
       missed_blocks_counter: signing?.missed_blocks_counter,
-      signing
+      signing,
     } as ValidatorUnit;
-  })
+  });
 });
 
 const preload = ref(false);
 baseStore.$subscribe((_, state) => {
-  const newHeight = Number(state.latest?.block?.header?.height || 0)
+  const newHeight = Number(state.latest?.block?.header?.height || 0);
   if (newHeight > latest.value) {
     latest.value = newHeight;
     // initialize if it's the first time
-    if(!preload.value) {
+    if (!preload.value) {
       preFill();
       preload.value = true;
     }
@@ -101,19 +111,28 @@ baseStore.$subscribe((_, state) => {
     // reset the consumer validators
     if (newHeight > 0 && consumerValidators.value.length === 0) {
       const chain_id = state.latest.block.header.chain_id;
-      Promise.resolve().then(async () =>{
+      Promise.resolve().then(async () => {
         await stakingStore.getConsumerValidators(chain_id).then((x) => {
-        x.validators.sort((a,b) => Number(b.power)-Number(a.power)).forEach(v => {
-          const base64 = toBase64(fromHex(consensusPubkeyToHexAddress({"@type": "/cosmos.crypto.ed25519.PubKey", key: v.consumer_key.ed25519 })));
-          const moniker = v.provider_address;
-          consumerValidators.value.push({ moniker, base64});
+          x.validators
+            .sort((a, b) => Number(b.power) - Number(a.power))
+            .forEach((v) => {
+              const base64 = toBase64(
+                fromHex(
+                  consensusPubkeyToHexAddress({
+                    '@type': '/cosmos.crypto.ed25519.PubKey',
+                    key: v.consumer_key.ed25519,
+                  })
+                )
+              );
+              const moniker = v.provider_address;
+              consumerValidators.value.push({ moniker, base64 });
+            });
         });
-
       });
-      }) 
     }
-    
-    if (Number(state.latest.block.header.height) % 7 === 0) updateTotalSigningInfo();
+
+    if (Number(state.latest.block.header.height) % 7 === 0)
+      updateTotalSigningInfo();
     fillblock(state.latest);
   }
 });
@@ -134,38 +153,47 @@ onMounted(() => {
 });
 
 function preFill() {
-
-  if(latest.value > 50 && baseStore.recents.length >= 49 ) return
+  if (latest.value > 50 && baseStore.recents.length >= 49) return;
   // preload 50 blocks if recent blocks are not enough
   let promise = Promise.resolve();
-  for (let i = latest.value - baseStore.recents.length; i > latest.value - 50 && i > 1; i -= 1) {
-    promise = promise.then(() =>
-      new Promise((resolve) => {
-        if (live.value) {
-          // continue only if the page is living
-          if (i > latest.value - 50)
-            baseStore.fetchBlock(i).then((x) => {
-              fillblock(x, 'start');
-              resolve();
-            });
-        }
-      })
+  for (
+    let i = latest.value - baseStore.recents.length;
+    i > latest.value - 50 && i > 1;
+    i -= 1
+  ) {
+    promise = promise.then(
+      () =>
+        new Promise((resolve) => {
+          if (live.value) {
+            // continue only if the page is living
+            if (i > latest.value - 50)
+              baseStore.fetchBlock(i).then((x) => {
+                fillblock(x, 'start');
+                resolve();
+              });
+          }
+        })
     );
   }
 }
 function fillblock(b: Block, direction: string = 'end') {
   validatorSet.value.forEach((v) => {
-    const sig = b.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
+    const sig = b.block.last_commit?.signatures.find(
+      (s) => s.validator_address === v.base64
+    );
     const block = blockColors.value[v.base64] || [];
     let color = {
       height: b.block.header.height,
-      color: 'bg-red-500'
-    }
+      color: 'bg-red-500',
+    };
     if (sig) {
       color = {
         height: b.block.header.height,
-        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
-      }
+        color:
+          sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT'
+            ? 'bg-green-500'
+            : 'bg-yellow-500',
+      };
     }
     if (direction === 'end') {
       block.push(color);
@@ -194,24 +222,35 @@ const tab = ref('2');
 function changeTab(v: string) {
   tab.value = v;
 }
-
 </script>
 
 <template>
   <div>
     <div class="tabs tabs-boxed bg-transparent mb-4">
-      <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{
-        $t('uptime.overall') }}</a>
-      <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{
-        $t('module.blocks') }}</a>
+      <a
+        class="tab text-gray-400 capitalize"
+        :class="{ 'tab-active': tab === '3' }"
+        @click="changeTab('3')"
+        >{{ $t('uptime.overall') }}</a
+      >
+      <a
+        class="tab text-gray-400 capitalize"
+        :class="{ 'tab-active': tab === '2' }"
+        @click="changeTab('2')"
+        >{{ $t('module.blocks') }}</a
+      >
       <RouterLink :to="`/${chain}/uptime/customize`">
         <a class="tab text-gray-400 capitalize">{{ $t('uptime.customize') }}</a>
       </RouterLink>
     </div>
     <div class="bg-base-100 px-5 pt-5">
       <div class="flex items-center gap-x-4">
-        <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
-          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600" />
+        <input
+          type="text"
+          v-model="keyword"
+          placeholder="Keywords to filter validators"
+          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600"
+        />
       </div>
 
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
@@ -220,13 +259,20 @@ function changeTab(v: string) {
           <div v-for="(unit, i) in grid" :key="i">
             <div class="flex justify-between py-0 w-[248px]">
               <label class="truncate text-sm">
-                <span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ unit.moniker }}</span>
+                <span class="ml-1 text-black dark:text-white"
+                  >{{ i + 1 }}.{{ unit.moniker }}</span
+                >
               </label>
-              <div v-if="Number(unit?.missed_blocks_counter || 0) > 10"
-                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold">
+              <div
+                v-if="Number(unit?.missed_blocks_counter || 0) > 10"
+                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
+              >
                 {{ unit?.missed_blocks_counter }}
               </div>
-              <div v-else class="badge badge-sm bg-transparent text-green-600 border-0 font-bold">
+              <div
+                v-else
+                class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
+              >
                 {{ unit?.missed_blocks_counter }}
               </div>
             </div>
@@ -234,9 +280,10 @@ function changeTab(v: string) {
           </div>
         </div>
         <div class="mt-5 text-xs flex justify-center gap-2">
-          <span class=" font-bold">{{ $t('uptime.legend') }}: </span>
+          <span class="font-bold">{{ $t('uptime.legend') }}: </span>
           <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed') }}
-          <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted') }}
+          <span class="bg-yellow-500">&nbsp;</span>
+          {{ $t('uptime.precommitted') }}
           <span class="bg-red-500">&nbsp;</span> {{ $t('uptime.missed') }}
         </div>
       </div>
@@ -255,32 +302,49 @@ function changeTab(v: string) {
           </thead>
           <tr v-for="(v, i) in grid" class="hover">
             <td>
-              <div class="truncate max-w-sm">
-                {{ i + 1 }}. {{ v.moniker }}
-              </div>
+              <div class="truncate max-w-sm">{{ i + 1 }}. {{ v.moniker }}</div>
             </td>
             <td class="text-right">
-              <span :class="v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'
-        ">
-                <div class="tooltip" :data-tip="`${v.missed_blocks_counter} missing blocks`">
+              <span
+                :class="
+                  v.uptime && v.uptime > 0.95
+                    ? 'text-green-500'
+                    : 'text-red-500'
+                "
+              >
+                <div
+                  class="tooltip"
+                  :data-tip="`${v.missed_blocks_counter} missing blocks`"
+                >
                   {{ format.percent(v.uptime) }}
                 </div>
               </span>
             </td>
             <td>
-              <span v-if="v.signing && !v.signing.jailed_until.startsWith('1970')">
-                <div class="tooltip" :data-tip="format.toDay(v.signing.jailed_until, 'long')">
-                  <span>{{ format.toDay(v.signing.jailed_until, 'from') }}</span>
+              <span
+                v-if="v.signing && !v.signing.jailed_until.startsWith('1970')"
+              >
+                <div
+                  class="tooltip"
+                  :data-tip="format.toDay(v.signing.jailed_until, 'long')"
+                >
+                  <span>{{
+                    format.toDay(v.signing.jailed_until, 'from')
+                  }}</span>
                 </div>
               </span>
             </td>
             <td class="text-xs text-right">
-              <span v-if="v.signing && v.signing.jailed_until.startsWith('1970')" class="text-right">{{
-        format.percent(
-          Number(v.signing.index_offset) /
-          (latest - Number(v.signing.start_height))
-        )
-      }}</span>
+              <span
+                v-if="v.signing && v.signing.jailed_until.startsWith('1970')"
+                class="text-right"
+                >{{
+                  format.percent(
+                    Number(v.signing.index_offset) /
+                      (latest - Number(v.signing.start_height))
+                  )
+                }}</span
+              >
               {{ v.signing?.index_offset }}
             </td>
             <td class="text-right">{{ v.signing?.start_height }}</td>
@@ -290,10 +354,12 @@ function changeTab(v: string) {
             <tr>
               <td colspan="2" class="text-right">
                 {{ $t('uptime.minimum_uptime') }}:
-                <span class="lowercase tooltip" :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"><span
-                    class="ml-2 btn btn-error btn-xs">{{
-        format.percent(slashingParam.min_signed_per_window)
-                    }}</span>
+                <span
+                  class="lowercase tooltip"
+                  :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"
+                  ><span class="ml-2 btn btn-error btn-xs">{{
+                    format.percent(slashingParam.min_signed_per_window)
+                  }}</span>
                 </span>
               </td>
               <td colspan="8"></td>
diff --git a/src/modules/[chain]/widget/index.vue b/src/modules/[chain]/widget/index.vue
index 804b3e5314..d2dced4f9e 100644
--- a/src/modules/[chain]/widget/index.vue
+++ b/src/modules/[chain]/widget/index.vue
@@ -7,48 +7,65 @@ import { ref } from 'vue';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const baseStore = useBaseStore()
-const endpoint = ref(chainStore.current?.endpoints?.rest?.at(0)?.address)
+const baseStore = useBaseStore();
+const endpoint = ref(chainStore.current?.endpoints?.rest?.at(0)?.address);
 
-const chainId = computed(() => baseStore.latest?.block?.header?.chain_id || "")
-const chainName = computed(() => chainStore?.current?.prettyName || "")
+const chainId = computed(() => baseStore.latest?.block?.header?.chain_id || '');
+const chainName = computed(() => chainStore?.current?.prettyName || '');
 const hdPath = computed(() => {
-    return `m/44'/${ chainStore.current?.coinType }/0'/0/0`
-})
+  return `m/44'/${chainStore.current?.coinType}/0'/0/0`;
+});
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title">{{ $t('widget.title') }}</h2>
-      <div class="my-4 grid grid-flow-col auto-cols-max  overflow-auto">
+      <div class="my-4 grid grid-flow-col auto-cols-max overflow-auto">
         <div class="form-control">
-            <div class="input-group">
-                <span>{{ $t('widget.endpoint') }}</span>
-                <select v-model="endpoint" class="select select-bordered w-fit">
-                <option disabled selected>{{ $t('widget.select_endpoint') }}</option>
-                <option v-for="v in chainStore.current?.endpoints.rest" :value="v.address">{{ v.address }}</option>
-                </select>
-            </div>
+          <div class="input-group">
+            <span>{{ $t('widget.endpoint') }}</span>
+            <select v-model="endpoint" class="select select-bordered w-fit">
+              <option disabled selected>
+                {{ $t('widget.select_endpoint') }}
+              </option>
+              <option
+                v-for="v in chainStore.current?.endpoints.rest"
+                :value="v.address"
+              >
+                {{ v.address }}
+              </option>
+            </select>
+          </div>
         </div>
       </div>
       <span class="text-base">{{ $t('widget.text_1') }}</span>
-        <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix="1"><code class="text-gray-800 dark:invert">&lt;script type="module" src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"&gt;</code></pre>
-        </div>
+      <div class="mockup-code bg-base-200 my-2">
+        <pre
+          data-prefix="1"
+        ><code class="text-gray-800 dark:invert">&lt;script type="module" src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"&gt;</code></pre>
+      </div>
     </div>
     <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title">{{ $t('module.widget') }}</h2>
       <div class="mt-4">
         <span class="text-base"> 1. {{ $t('widget.text_2') }}</span>
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class="text-green-400">&lt;!-- This widget is optional. --&gt; </code></pre>
-            <pre data-prefix=">"><code  class="text-gray-800 dark:invert">&lt;ping-connect-wallet chain-id="{{ chainId }}" hd-path="{{ hdPath }}"/&gt;</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-green-400">&lt;!-- This widget is optional. --&gt; </code></pre>
+          <pre
+            data-prefix=">"
+          ><code  class="text-gray-800 dark:invert">&lt;ping-connect-wallet chain-id="{{ chainId }}" hd-path="{{ hdPath }}"/&gt;</code></pre>
         </div>
 
         <span class="text-base"> 2. {{ $t('widget.text_3') }}</span>
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class=" text-gray-800 dark:invert">&lt;ping-token-convert chain-name="{{ chainName }}" endpoint="{{endpoint}}" hd-path="{{hdPath}}"/&gt;</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">&lt;label for="PingTokenConvert" class="btn btn-sm"&gt;Buy {{chainName.toUpperCase()}}&lt;/label&gt;</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class=" text-gray-800 dark:invert">&lt;ping-token-convert chain-name="{{ chainName }}" endpoint="{{endpoint}}" hd-path="{{hdPath}}"/&gt;</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">&lt;label for="PingTokenConvert" class="btn btn-sm"&gt;Buy {{chainName.toUpperCase()}}&lt;/label&gt;</code></pre>
         </div>
       </div>
     </div>
diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index d9e4555459..f3e8e4e04d 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -15,12 +15,12 @@ import {
 import AdBanner from '@/components/ad/AdBanner.vue';
 
 const dashboard = useDashboard();
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 const format = useFormatter();
 const sourceAddress = ref(''); //
 const sourceHdPath = ref("m/44/118/0'/0/0"); //
 const selectedSource = ref({} as LocalKey); //
-const importStep = ref('step1')
+const importStep = ref('step1');
 
 const conf = ref(
   JSON.parse(localStorage.getItem('imported-addresses') || '{}') as Record<
@@ -31,8 +31,8 @@ const conf = ref(
 const balances = ref({} as Record<string, CoinWithPrice[]>);
 const delegations = ref({} as Record<string, Delegation[]>);
 
-// initial loading queue 
-// load balances 
+// initial loading queue
+// load balances
 Object.values(conf.value).forEach((imported) => {
   let promise = Promise.resolve();
   for (let i = 0; i < imported.length; i++) {
@@ -56,48 +56,53 @@ Object.values(conf.value).forEach((imported) => {
 
 const accounts = computed(() => {
   let a = [] as {
-    key: string,
+    key: string;
     subaccounts: {
       account: AccountEntry;
       delegation: CoinWithPrice;
       balances: CoinWithPrice[];
-    }[]
+    }[];
   }[];
   Object.values(conf.value).forEach((x) => {
     const composition = x.map((entry) => {
       const d = delegations.value[entry.address];
-      let delegation = {} as CoinWithPrice
+      let delegation = {} as CoinWithPrice;
       if (d && d.length > 0) {
         d.forEach((b) => {
-          delegation.amount = (Number(b.balance.amount) + Number(delegation.amount || 0)).toFixed()
+          delegation.amount = (
+            Number(b.balance.amount) + Number(delegation.amount || 0)
+          ).toFixed();
           delegation.denom = b.balance.denom;
         });
-        delegation.value = format.tokenValueNumber(delegation)
-        delegation.change24h = format.priceChanges(delegation.denom)
+        delegation.value = format.tokenValueNumber(delegation);
+        delegation.change24h = format.priceChanges(delegation.denom);
       }
       return {
         account: entry,
         delegation,
         balances: balances.value[entry.address]
-          ? balances.value[entry.address].map(x => {
-            const value = format.tokenValueNumber(x)
-            return {
-              amount: x.amount,
-              denom: x.denom,
-              value,
-              change24h: format.priceChanges(x.denom)
-            }
-          })
-          : []
-      }
+          ? balances.value[entry.address].map((x) => {
+              const value = format.tokenValueNumber(x);
+              return {
+                amount: x.amount,
+                denom: x.denom,
+                value,
+                change24h: format.priceChanges(x.denom),
+              };
+            })
+          : [],
+      };
     });
-    if (x.at(0)) a.push({ key: x.at(0)?.address || " ", subaccounts: composition });
+    if (x.at(0))
+      a.push({ key: x.at(0)?.address || ' ', subaccounts: composition });
   });
   return a;
 });
 
 const addresses = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts.map(a => a.account.address))
+  return accounts.value.flatMap((x) =>
+    x.subaccounts.map((a) => a.account.address)
+  );
   // const temp = [] as string[]
   // accounts.value.forEach((x) => x.accounts.forEach(a => {
   //   temp.push(a.account.address)
@@ -106,31 +111,35 @@ const addresses = computed(() => {
 });
 
 const totalValue = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts).reduce((s, e) => {
-    s += e.delegation.value || 0
-    e.balances.forEach(b => {
-      s += b.value || 0
-    })
-    return s
-  }, 0)
-})
+  return accounts.value
+    .flatMap((x) => x.subaccounts)
+    .reduce((s, e) => {
+      s += e.delegation.value || 0;
+      e.balances.forEach((b) => {
+        s += b.value || 0;
+      });
+      return s;
+    }, 0);
+});
 
 const totalChange = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts).reduce((s, e) => {
-    s += (e.delegation.change24h || 0) * (e.delegation.value || 0) / 100
-    e.balances.forEach(b => {
-      s += (b.change24h || 0) * (b.value || 0) / 100
-    })
-    return s
-  }, 0)
-})
+  return accounts.value
+    .flatMap((x) => x.subaccounts)
+    .reduce((s, e) => {
+      s += ((e.delegation.change24h || 0) * (e.delegation.value || 0)) / 100;
+      e.balances.forEach((b) => {
+        s += ((b.change24h || 0) * (b.value || 0)) / 100;
+      });
+      return s;
+    }, 0);
+});
 
 // Adding Model Boxes
 const availableAccount = computed(() => {
   if (sourceAddress.value) {
-    return scanCompatibleAccounts([{cosmosAddress: sourceAddress.value, hdPath: sourceHdPath.value }]).filter(
-      (x) => !addresses.value.includes(x.address)
-    );
+    return scanCompatibleAccounts([
+      { cosmosAddress: sourceAddress.value, hdPath: sourceHdPath.value },
+    ]).filter((x) => !addresses.value.includes(x.address));
   }
   return [];
 });
@@ -179,9 +188,12 @@ async function addAddress(acc: AccountEntry) {
 }
 
 // load balances for an address
-async function loadBalances(chainName: string, endpoint: string, address: string) {
-  
-  const endpointObj = chainStore.randomEndpoint(chainName)
+async function loadBalances(
+  chainName: string,
+  endpoint: string,
+  address: string
+) {
+  const endpointObj = chainStore.randomEndpoint(chainName);
   const client = CosmosRestClient.newDefault(endpointObj?.address || endpoint);
   await client.getBankBalances(address).then((res) => {
     balances.value[address] = res.balances.filter((x) => x.denom.length < 10);
@@ -196,18 +208,31 @@ async function loadBalances(chainName: string, endpoint: string, address: string
     <div class="overflow-x-auto w-full rounded-md">
       <div class="flex flex-wrap justify-between bg-base-100 p-5">
         <div class="min-w-0">
-          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
+          <h2
+            class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight"
+          >
             Accounts
           </h2>
-          <div class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6">
-            <div class="mt-2 items-center text-sm text-gray-500 hidden md:!flex">
-              <svg class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor"
-                aria-hidden="true">
-                <path fill-rule="evenodd"
+          <div
+            class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6"
+          >
+            <div
+              class="mt-2 items-center text-sm text-gray-500 hidden md:!flex"
+            >
+              <svg
+                class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
                   d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
-                  clip-rule="evenodd" />
+                  clip-rule="evenodd"
+                />
                 <path
-                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z" />
+                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
+                />
               </svg>
               Manage all your assets in one page
             </div>
@@ -215,55 +240,93 @@ async function loadBalances(chainName: string, endpoint: string, address: string
         </div>
         <div class="flex flex-col text-right">
           <span>Total Value</span>
-          <span class="text-xl text-success font-bold">${{ format.formatNumber(totalValue, '0,0.[00]') }}</span>
-          <span class="text-sm" :class="format.color(totalChange)">{{ format.formatNumber(totalChange, '+0,0.[00]')
+          <span class="text-xl text-success font-bold"
+            >${{ format.formatNumber(totalValue, '0,0.[00]') }}</span
+          >
+          <span class="text-sm" :class="format.color(totalChange)">{{
+            format.formatNumber(totalChange, '+0,0.[00]')
           }}</span>
         </div>
       </div>
     </div>
 
-    <AdBanner id="account-banner-ad" unit="banner" width="970px" height="90px" />
+    <AdBanner
+      id="account-banner-ad"
+      unit="banner"
+      width="970px"
+      height="90px"
+    />
 
     <div class="overflow-x-auto">
-      <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
+      <div
+        v-for="{ key, subaccounts } in accounts"
+        class="bg-base-100 rounded-md my-5 py-5"
+      >
         <div class="flex justify-self-center">
           <div class="mx-2 p-2">
-            <svg :fill="chainStore.current?.themeColor || '#666CFF'" height="28px" width="28px" version="1.1" id="Capa_1"
-              xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 487.5 487.5"
-              xml:space="preserve">
+            <svg
+              :fill="chainStore.current?.themeColor || '#666CFF'"
+              height="28px"
+              width="28px"
+              version="1.1"
+              id="Capa_1"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              viewBox="0 0 487.5 487.5"
+              xml:space="preserve"
+            >
               <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-              <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+              <g
+                id="SVGRepo_tracerCarrier"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              ></g>
               <g id="SVGRepo_iconCarrier">
                 <g>
                   <g>
                     <path
-                      d="M437,12.3C437,5.5,431.5,0,424.7,0H126.3C84.4,0,50.4,34.1,50.4,75.9v335.7c0,41.9,34.1,75.9,75.9,75.9h298.5 c6.8,0,12.3-5.5,12.3-12.3V139.6c0-6.8-5.5-12.3-12.3-12.3H126.3c-28.3,0-51.4-23.1-51.4-51.4S98,24.5,126.3,24.5h298.5 C431.5,24.5,437,19,437,12.3z M126.3,151.8h286.2V463H126.3c-28.3,0-51.4-23.1-51.4-51.4V131.7 C88.4,144.2,106.5,151.8,126.3,151.8z">
-                    </path>
+                      d="M437,12.3C437,5.5,431.5,0,424.7,0H126.3C84.4,0,50.4,34.1,50.4,75.9v335.7c0,41.9,34.1,75.9,75.9,75.9h298.5 c6.8,0,12.3-5.5,12.3-12.3V139.6c0-6.8-5.5-12.3-12.3-12.3H126.3c-28.3,0-51.4-23.1-51.4-51.4S98,24.5,126.3,24.5h298.5 C431.5,24.5,437,19,437,12.3z M126.3,151.8h286.2V463H126.3c-28.3,0-51.4-23.1-51.4-51.4V131.7 C88.4,144.2,106.5,151.8,126.3,151.8z"
+                    ></path>
                     <path
-                      d="M130.5,64.8c-6.8,0-12.3,5.5-12.3,12.3s5.5,12.3,12.3,12.3h280.1c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H130.5z">
-                    </path>
+                      d="M130.5,64.8c-6.8,0-12.3,5.5-12.3,12.3s5.5,12.3,12.3,12.3h280.1c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H130.5z"
+                    ></path>
                     <path
-                      d="M178,397.7c6.3,2.4,13.4-0.7,15.8-7.1l17.9-46.8h62.7c0.5,0,0.9-0.1,1.3-0.1l17.9,46.9c1.9,4.9,6.5,7.9,11.4,7.9 c1.5,0,2.9-0.3,4.4-0.8c6.3-2.4,9.5-9.5,7.1-15.8l-54-141.2c-3-7.9-10.4-13-18.8-13c-8.4,0-15.8,5.1-18.8,13l-54,141.2 C168.5,388.2,171.7,395.2,178,397.7z M243.7,260l22.7,59.3h-45.3L243.7,260z">
-                    </path>
+                      d="M178,397.7c6.3,2.4,13.4-0.7,15.8-7.1l17.9-46.8h62.7c0.5,0,0.9-0.1,1.3-0.1l17.9,46.9c1.9,4.9,6.5,7.9,11.4,7.9 c1.5,0,2.9-0.3,4.4-0.8c6.3-2.4,9.5-9.5,7.1-15.8l-54-141.2c-3-7.9-10.4-13-18.8-13c-8.4,0-15.8,5.1-18.8,13l-54,141.2 C168.5,388.2,171.7,395.2,178,397.7z M243.7,260l22.7,59.3h-45.3L243.7,260z"
+                    ></path>
                   </g>
                 </g>
               </g>
             </svg>
           </div>
           <div>
-            <div class=" max-w-md overflow-hidden"><div class="font-bold">{{ key }}</div></div>
+            <div class="max-w-md overflow-hidden">
+              <div class="font-bold">{{ key }}</div>
+            </div>
             <div class="dropdown">
-              <label tabindex="0" class=" cursor-pointer">{{ subaccounts.length }} addresses</label>
-              <ul tabindex="0" class=" -left-14 dropdown-content menu p-2 shadow bg-base-200 rounded-box z-50">
+              <label tabindex="0" class="cursor-pointer"
+                >{{ subaccounts.length }} addresses</label
+              >
+              <ul
+                tabindex="0"
+                class="-left-14 dropdown-content menu p-2 shadow bg-base-200 rounded-box z-50"
+              >
                 <li v-for="x in subaccounts">
-                <a>
-                  <img :src="x.account.logo" class="w-8 h-8 mr-2" />
-                  <span class="font-bold capitalize">{{ x.account.chainName }} <br>
-                    <span class="text-xs font-normal sm:w-16 sm:overflow-hidden">{{ x.account.address }}</span>
-                  </span>
-                  <label class=" btn btn-xs !btn-error" @click="removeAddress(x.account.address)">Remove</label>
-                </a>
-              </li>
+                  <a>
+                    <img :src="x.account.logo" class="w-8 h-8 mr-2" />
+                    <span class="font-bold capitalize"
+                      >{{ x.account.chainName }} <br />
+                      <span
+                        class="text-xs font-normal sm:w-16 sm:overflow-hidden"
+                        >{{ x.account.address }}</span
+                      >
+                    </span>
+                    <label
+                      class="btn btn-xs !btn-error"
+                      @click="removeAddress(x.account.address)"
+                      >Remove</label
+                    >
+                  </a>
+                </li>
               </ul>
             </div>
           </div>
@@ -273,16 +336,38 @@ async function loadBalances(chainName: string, endpoint: string, address: string
           <ul class="!menu w-full">
             <div v-for="x in subaccounts">
               <li v-if="x.delegation.amount">
-                <RouterLink :to="`/${x.account.chainName}/account/${x.account.address}`">
+                <RouterLink
+                  :to="`/${x.account.chainName}/account/${x.account.address}`"
+                >
                   <img :src="x.account.logo" class="w-6 h-6 mr-2" />
-                  <span class="font-bold">{{ format.formatToken(x.delegation, true, '0,0.[00]', 'all') }} <br><span
-                      class="text-xs" :class="format.color(x.delegation.change24h)">{{
-                        format.formatNumber(x.delegation.change24h, '+0.[00]') }}%</span></span>
-                  <span class="float-right text-right">${{ format.formatNumber(x.delegation.value, '0,0.[00]') }}<br><span
-                      class="text-xs" :class="format.color(x.delegation.change24h)">{{
-                        format.formatNumber((x.delegation.change24h || 0) * (x.delegation.value || 0) / 100, '+0,0.[00]')
-                      }}</span></span>
-                </RouterLink>                
+                  <span class="font-bold"
+                    >{{
+                      format.formatToken(x.delegation, true, '0,0.[00]', 'all')
+                    }}
+                    <br /><span
+                      class="text-xs"
+                      :class="format.color(x.delegation.change24h)"
+                      >{{
+                        format.formatNumber(x.delegation.change24h, '+0.[00]')
+                      }}%</span
+                    ></span
+                  >
+                  <span class="float-right text-right"
+                    >${{ format.formatNumber(x.delegation.value, '0,0.[00]')
+                    }}<br /><span
+                      class="text-xs"
+                      :class="format.color(x.delegation.change24h)"
+                      >{{
+                        format.formatNumber(
+                          ((x.delegation.change24h || 0) *
+                            (x.delegation.value || 0)) /
+                            100,
+                          '+0,0.[00]'
+                        )
+                      }}</span
+                    ></span
+                  >
+                </RouterLink>
               </li>
             </div>
           </ul>
@@ -292,14 +377,30 @@ async function loadBalances(chainName: string, endpoint: string, address: string
           <ul class="!menu w-full">
             <div v-for="s in subaccounts">
               <li v-for="x in s.balances">
-                <RouterLink :to="`/${s.account.chainName}/account/${s.account.address}`">
+                <RouterLink
+                  :to="`/${s.account.chainName}/account/${s.account.address}`"
+                >
                   <img :src="s.account.logo" class="w-6 h-6 mr-2" />
-                  <span class="font-bold">{{ format.formatToken(x, true, '0,0.[00]', 'all') }} <br><span
-                      class="text-xs" :class="format.color(x.change24h)">{{ format.formatNumber(x.change24h, '+0.[00]')
-                      }}%</span></span>
-                  <span class="float-right text-right">${{ format.formatNumber(x.value, '0,0.[00]') }}<br><span
-                      class="text-xs" :class="format.color(x.change24h)">{{ format.formatNumber((x.change24h || 0) *
-                        (x.value || 0) / 100, '+0,0.[00]') }}</span></span>
+                  <span class="font-bold"
+                    >{{ format.formatToken(x, true, '0,0.[00]', 'all') }}
+                    <br /><span
+                      class="text-xs"
+                      :class="format.color(x.change24h)"
+                      >{{ format.formatNumber(x.change24h, '+0.[00]') }}%</span
+                    ></span
+                  >
+                  <span class="float-right text-right"
+                    >${{ format.formatNumber(x.value, '0,0.[00]') }}<br /><span
+                      class="text-xs"
+                      :class="format.color(x.change24h)"
+                      >{{
+                        format.formatNumber(
+                          ((x.change24h || 0) * (x.value || 0)) / 100,
+                          '+0,0.[00]'
+                        )
+                      }}</span
+                    ></span
+                  >
                 </RouterLink>
               </li>
             </div>
@@ -307,14 +408,23 @@ async function loadBalances(chainName: string, endpoint: string, address: string
         </div>
       </div>
 
-      <div class=" text-center bg-base-100 rounded-md my-4 p-4">
-        <a href="#address-modal"
-          class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
-          <svg class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+      <div class="text-center bg-base-100 rounded-md my-4 p-4">
+        <a
+          href="#address-modal"
+          class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
+        >
+          <svg
+            class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+          >
             <path
-              d="M12.232 4.232a2.5 2.5 0 013.536 3.536l-1.225 1.224a.75.75 0 001.061 1.06l1.224-1.224a4 4 0 00-5.656-5.656l-3 3a4 4 0 00.225 5.865.75.75 0 00.977-1.138 2.5 2.5 0 01-.142-3.667l3-3z" />
+              d="M12.232 4.232a2.5 2.5 0 013.536 3.536l-1.225 1.224a.75.75 0 001.061 1.06l1.224-1.224a4 4 0 00-5.656-5.656l-3 3a4 4 0 00.225 5.865.75.75 0 00.977-1.138 2.5 2.5 0 01-.142-3.667l3-3z"
+            />
             <path
-              d="M11.603 7.963a.75.75 0 00-.977 1.138 2.5 2.5 0 01.142 3.667l-3 3a2.5 2.5 0 01-3.536-3.536l1.225-1.224a.75.75 0 00-1.061-1.06l-1.224 1.224a4 4 0 105.656 5.656l3-3a4 4 0 00-.225-5.865z" />
+              d="M11.603 7.963a.75.75 0 00-.977 1.138 2.5 2.5 0 01.142 3.667l-3 3a2.5 2.5 0 01-3.536-3.536l1.225-1.224a.75.75 0 00-1.061-1.06l-1.224 1.224a4 4 0 105.656 5.656l3-3a4 4 0 00-.225-5.865z"
+            />
           </svg>
           Import Address
         </a>
@@ -323,15 +433,31 @@ async function loadBalances(chainName: string, endpoint: string, address: string
     <!-- Put this part before </body> tag -->
     <div class="modal" id="address-modal">
       <div class="modal-box">
-        <a href="#" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</a>
+        <a
+          href="#"
+          class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
+          >✕</a
+        >
         <h3 class="font-bold text-lg mb-2">Derive Account From Address</h3>
         <div>
           <label class="my-2">
-            <input v-model="sourceAddress" class="input input-bordered w-full input-sm" placeholder="Input an address" @change="importStep = 'step2'" />
-            <input v-model="sourceHdPath" class="input input-bordered w-full input-sm" placeholder="m/44/118/0'/0/0" />
+            <input
+              v-model="sourceAddress"
+              class="input input-bordered w-full input-sm"
+              placeholder="Input an address"
+              @change="importStep = 'step2'"
+            />
+            <input
+              v-model="sourceHdPath"
+              class="input input-bordered w-full input-sm"
+              placeholder="m/44/118/0'/0/0"
+            />
           </label>
         </div>
-        <div v-show="importStep === 'step2'" class="py-4 max-h-72 overflow-y-auto">
+        <div
+          v-show="importStep === 'step2'"
+          class="py-4 max-h-72 overflow-y-auto"
+        >
           <table class="table table-compact">
             <tr v-for="acc in availableAccount">
               <td>
@@ -342,10 +468,19 @@ async function loadBalances(chainName: string, endpoint: string, address: string
                     </div>
                   </div>
                   <div>
-                    <div class="tooltip" :class="acc.compatiable ? 'tooltip-success' : 'tooltip-error'
-                      " :data-tip="`Coin Type: ${acc.coinType}`">
-                      <div class="font-bold capitalize" :class="acc.compatiable ? 'text-green-500' : 'text-red-500'
-                        ">
+                    <div
+                      class="tooltip"
+                      :class="
+                        acc.compatiable ? 'tooltip-success' : 'tooltip-error'
+                      "
+                      :data-tip="`Coin Type: ${acc.coinType}`"
+                    >
+                      <div
+                        class="font-bold capitalize"
+                        :class="
+                          acc.compatiable ? 'text-green-500' : 'text-red-500'
+                        "
+                      >
                         {{ acc.chainName }}
                       </div>
                     </div>
@@ -356,7 +491,10 @@ async function loadBalances(chainName: string, endpoint: string, address: string
                 </div>
               </td>
               <td class="text-right">
-                <span class="btn !bg-yes !border-yes btn-xs text-white" @click="addAddress(acc)">
+                <span
+                  class="btn !bg-yes !border-yes btn-xs text-white"
+                  @click="addAddress(acc)"
+                >
                   <Icon icon="mdi:plus" />
                 </span>
               </td>
@@ -364,7 +502,12 @@ async function loadBalances(chainName: string, endpoint: string, address: string
           </table>
         </div>
         <div class="modal-action mt-2 mb-0">
-          <a href="#" class="btn btn-primary btn-sm" @click="importStep = 'step1'">Close</a>
+          <a
+            href="#"
+            class="btn btn-primary btn-sm"
+            @click="importStep = 'step1'"
+            >Close</a
+          >
         </div>
       </div>
     </div>
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index c8ce25b8e4..b7d0f90f14 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -5,102 +5,122 @@ import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0]
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
   debugger;
-    initParamsForKeplr()
-})
+  initParamsForKeplr();
+});
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(
+    chain.endpoints.rest?.at(0)?.address || ''
+  );
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find(
+      (x) => x.denom === chain.assets[0].symbol.toLowerCase()
+    )?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
+  // @ts-ignore
+  if (window.keplr) {
     // @ts-ignore
-    if (window.keplr) {
-        // @ts-ignore
-        window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-            error.value = e
-        })
-    }
+    window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch((e) => {
+      error.value = e;
+    });
+  }
 }
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
-        <div class="flex">
-            <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
-                <option v-for="c in dashboard.chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">Add {{ selected.chainName }} TO Keplr Wallet</button>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-            If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
+    <div class="flex">
+      <select
+        v-model="selected"
+        class="select select-bordered mx-5"
+        @change="initParamsForKeplr"
+      >
+        <option v-for="c in dashboard.chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">
+        Add {{ selected.chainName }} TO Keplr Wallet
+      </button>
+    </div>
+    <div class="text-main mt-5">
+      <textarea
+        v-model="conf"
+        class="textarea textarea-bordered w-full"
+        rows="15"
+      ></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      If the chain is not offically support on Keplr, you can submit these
+      parameters to enable Keplr.
     </div>
+  </div>
 </template>
diff --git a/src/modules/wallet/portfolio.vue b/src/modules/wallet/portfolio.vue
index 261fd88463..3986e1a4fc 100644
--- a/src/modules/wallet/portfolio.vue
+++ b/src/modules/wallet/portfolio.vue
@@ -23,62 +23,76 @@ const balances = ref({} as Record<string, Coin[]>);
 const delegations = ref({} as Record<string, Delegation[]>);
 const tokenMeta = ref({} as Record<string, AccountEntry>);
 
-const priceloading = ref(false)
-const currency = ref(localStorage.getItem('currency') || 'usd')
+const priceloading = ref(false);
+const currency = ref(localStorage.getItem('currency') || 'usd');
 
-const prices = ref([] as {
-  id: string,
-  symbol: string,
-  name: string,
-  image: string,
-  current_price: number,
-  market_cap: number,
-  market_cap_rank: number,
-  fully_diluted_valuation: number,
-  total_volume: number, high_24h: number,
-  low_24h: number,
-  price_change_24h: number, price_change_percentage_24h: number, market_cap_change_24h: number,
-  market_cap_change_percentage_24h: number,
-  circulating_supply: number, total_supply: number,
-  max_supply: number,
-  ath: number,
-  ath_change_percentage: number,
-  ath_date: string,
-  atl: string,
-  atl_change_percentage: number,
-  atl_date: string, roi: string, last_updated: string,
-  sparkline_in_7d: { prices: number[] }
-}[])
+const prices = ref(
+  [] as {
+    id: string;
+    symbol: string;
+    name: string;
+    image: string;
+    current_price: number;
+    market_cap: number;
+    market_cap_rank: number;
+    fully_diluted_valuation: number;
+    total_volume: number;
+    high_24h: number;
+    low_24h: number;
+    price_change_24h: number;
+    price_change_percentage_24h: number;
+    market_cap_change_24h: number;
+    market_cap_change_percentage_24h: number;
+    circulating_supply: number;
+    total_supply: number;
+    max_supply: number;
+    ath: number;
+    ath_change_percentage: number;
+    ath_date: string;
+    atl: string;
+    atl_change_percentage: number;
+    atl_date: string;
+    roi: string;
+    last_updated: string;
+    sparkline_in_7d: { prices: number[] };
+  }[]
+);
 
-const loading = ref(0)
-const loaded = ref(0)
+const loading = ref(0);
+const loaded = ref(0);
 watchEffect(() => {
   if (loading.value > 0 && loading.value === loaded.value) {
     if (!priceloading.value) {
-      priceloading.value = true
-      loadPrice()
+      priceloading.value = true;
+      loadPrice();
     }
   }
-})
+});
 
 Object.values(conf.value).forEach((imported) => {
   if (imported)
     imported.forEach((x) => {
       if (x.endpoint && x.address) {
-        loading.value += 1
-        const endpoint = chainStore.randomEndpoint(x.chainName)
-        const client = CosmosRestClient.newDefault(endpoint?.address || x.endpoint);
-        client.getBankBalances(x.address).then((res) => {
-          const bal = res.balances.filter((x) => x.denom.length < 10);
-          if (bal) balances.value[x.address || ""] = bal;
-          bal.forEach((b) => {
-            tokenMeta.value[b.denom] = x;
+        loading.value += 1;
+        const endpoint = chainStore.randomEndpoint(x.chainName);
+        const client = CosmosRestClient.newDefault(
+          endpoint?.address || x.endpoint
+        );
+        client
+          .getBankBalances(x.address)
+          .then((res) => {
+            const bal = res.balances.filter((x) => x.denom.length < 10);
+            if (bal) balances.value[x.address || ''] = bal;
+            bal.forEach((b) => {
+              tokenMeta.value[b.denom] = x;
+            });
+          })
+          .finally(() => {
+            loaded.value += 1;
           });
-        }).finally(() => {
-          loaded.value += 1
-        });
         client.getStakingDelegations(x.address).then((res) => {
-          if (res && res.delegation_responses) delegations.value[x.address || ""] = res.delegation_responses;
+          if (res && res.delegation_responses)
+            delegations.value[x.address || ''] = res.delegation_responses;
           res.delegation_responses.forEach((del) => {
             tokenMeta.value[del.balance.denom] = x;
           });
@@ -88,7 +102,7 @@ Object.values(conf.value).forEach((imported) => {
 });
 
 const tokenQty = computed(() => {
-  const values = {} as Record<string, { coinId: string, qty: number }>;
+  const values = {} as Record<string, { coinId: string; qty: number }>;
   Object.values(balances.value).forEach((b) => {
     b.forEach((coin) => {
       const v = format.tokenDisplayNumber(coin);
@@ -96,7 +110,11 @@ const tokenQty = computed(() => {
         if (values[coin.denom]) {
           values[coin.denom].qty += v;
         } else {
-          values[coin.denom] = { qty: v, coinId: format.findGlobalAssetConfig(coin.denom)?.coingecko_id || "" };
+          values[coin.denom] = {
+            qty: v,
+            coinId:
+              format.findGlobalAssetConfig(coin.denom)?.coingecko_id || '',
+          };
         }
       }
     });
@@ -108,7 +126,11 @@ const tokenQty = computed(() => {
         if (values[d.balance.denom]) {
           values[d.balance.denom].qty += v;
         } else {
-          values[d.balance.denom] = { qty: v, coinId: format.findGlobalAssetConfig(d.balance.denom)?.coingecko_id || "" };
+          values[d.balance.denom] = {
+            qty: v,
+            coinId:
+              format.findGlobalAssetConfig(d.balance.denom)?.coingecko_id || '',
+          };
         }
       }
     });
@@ -118,11 +140,11 @@ const tokenQty = computed(() => {
 
 const tokenValues = computed(() => {
   const values = {} as Record<string, number>;
-  Object.keys(tokenQty.value).forEach(k => {
-    const x = tokenQty.value[k]
-    const marketData = prices.value.find((p: any) => p.id === x.coinId)
-    values[k] = marketData? x.qty * marketData.current_price : 0
-  })
+  Object.keys(tokenQty.value).forEach((k) => {
+    const x = tokenQty.value[k];
+    const marketData = prices.value.find((p: any) => p.id === x.coinId);
+    values[k] = marketData ? x.qty * marketData.current_price : 0;
+  });
   return values;
 });
 
@@ -151,81 +173,105 @@ const tokenList = computed(() => {
 });
 
 function loadPrice() {
-  localStorage.setItem('currency', currency.value)
-  const ids = Object.values(tokenQty.value).map(x => x.coinId).join(',')
-  get(`https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency.value}&ids=${ids}&order=market_cap_desc&per_page=100&page=1&sparkline=true&price_change_percentage=14d&locale=en`)
-    .then(res => {
-      prices.value = res
-    })
+  localStorage.setItem('currency', currency.value);
+  const ids = Object.values(tokenQty.value)
+    .map((x) => x.coinId)
+    .join(',');
+  get(
+    `https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency.value}&ids=${ids}&order=market_cap_desc&per_page=100&page=1&sparkline=true&price_change_percentage=14d&locale=en`
+  ).then((res) => {
+    prices.value = res;
+  });
 }
 const totalChangeIn24 = computed(() => {
-  return Object.values(tokenQty.value).map(x => {
-    const marketData = prices.value.find((p: any) => p.id === x.coinId)
-    if (marketData)
-      return x.qty * (marketData.price_change_24h || 0)
-    return 0
-  }).reduce((s, c) => s + c, 0)
-})
+  return Object.values(tokenQty.value)
+    .map((x) => {
+      const marketData = prices.value.find((p: any) => p.id === x.coinId);
+      if (marketData) return x.qty * (marketData.price_change_24h || 0);
+      return 0;
+    })
+    .reduce((s, c) => s + c, 0);
+});
 // Compute data for trend chart
 const changeData = computed(() => {
-  const vals = Object.keys(tokenQty.value).map(denom => {
-    const token = tokenQty.value[denom]
-    const marketData: any = prices.value.find((x) => x.id === token.coinId)
-    if (marketData) {
-      return marketData.sparkline_in_7d?.price.map((p: number) => p * token.qty) as number[]
-    }
-    return []
-  }).filter(x => x.length > 0)
+  const vals = Object.keys(tokenQty.value)
+    .map((denom) => {
+      const token = tokenQty.value[denom];
+      const marketData: any = prices.value.find((x) => x.id === token.coinId);
+      if (marketData) {
+        return marketData.sparkline_in_7d?.price.map(
+          (p: number) => p * token.qty
+        ) as number[];
+      }
+      return [];
+    })
+    .filter((x) => x.length > 0);
 
-  const width = vals.at(0)?.length || 0
-  const sum = new Array(width).fill(0)
+  const width = vals.at(0)?.length || 0;
+  const sum = new Array(width).fill(0);
 
   for (let i = 0; i < width; i++) {
     for (let j = 0; j < vals.length; j++) {
-      sum[i] += vals.at(j)?.at(i) || 0
+      sum[i] += vals.at(j)?.at(i) || 0;
     }
   }
 
-  return [{ name: "value", data: sum }]
-})
+  return [{ name: 'value', data: sum }];
+});
 
 const baseStore = useBaseStore();
 const chartConfig = computed(() => {
   const theme = baseStore.theme;
-  const labels = [] as any[]
-  const time = new Date().getTime()
-  for (let i = 0; i < 168; i++) { // only works for 14d
-    labels.unshift(time - i * 2 * 60 * 60 * 1000)
+  const labels = [] as any[];
+  const time = new Date().getTime();
+  for (let i = 0; i < 168; i++) {
+    // only works for 14d
+    labels.unshift(time - i * 2 * 60 * 60 * 1000);
   }
   return getMarketPriceChartConfig(theme, labels);
 });
 
 const currencySign = computed(() => {
-  switch(currency.value) {
-    case 'usd': return '$'
-    case 'cny': return '¥'
-    case 'eur': return '€'
-    case 'hkd': return 'HK$'
-    case 'jpy': return '¥'
-    case 'sdg': return 'S$'
-    case 'krw': return '₩'
-    case 'btc': return 'BTC'
-    case 'eth': return 'ETH'
+  switch (currency.value) {
+    case 'usd':
+      return '$';
+    case 'cny':
+      return '¥';
+    case 'eur':
+      return '€';
+    case 'hkd':
+      return 'HK$';
+    case 'jpy':
+      return '¥';
+    case 'sdg':
+      return 'S$';
+    case 'krw':
+      return '₩';
+    case 'btc':
+      return 'BTC';
+    case 'eth':
+      return 'ETH';
   }
-  return '$'
-})
+  return '$';
+});
 </script>
 <template>
   <div class="overflow-x-auto w-full rounded-md">
-
     <div class="flex flex-wrap justify-between bg-base-100 p-5">
       <div class="min-w-0">
-        <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
+        <h2
+          class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight"
+        >
           Portfolio
         </h2>
         <div>
           <div class="flex items-center text-sm">
-            Currency: <select v-model="currency" @change="loadPrice" class="ml-1 uppercase">
+            Currency:
+            <select
+              v-model="currency"
+              @change="loadPrice"
+              class="ml-1 uppercase"
+            >
               <option>usd</option>
               <option>cny</option>
               <option>eur</option>
@@ -241,8 +287,16 @@ const currencySign = computed(() => {
       </div>
       <div class="text-right">
         <div>Total Value</div>
-        <div class="text-success font-bold">{{ currencySign }} {{ format.formatNumber(totalValue, '0,0.[00]') }}</div>
-        <div class="text-xs" :class="{ 'text-success': totalChangeIn24 > 0, 'text-error': totalChangeIn24 < 0 }">
+        <div class="text-success font-bold">
+          {{ currencySign }} {{ format.formatNumber(totalValue, '0,0.[00]') }}
+        </div>
+        <div
+          class="text-xs"
+          :class="{
+            'text-success': totalChangeIn24 > 0,
+            'text-error': totalChangeIn24 < 0,
+          }"
+        >
           {{ format.formatNumber(totalChangeIn24, '+0,0.[00]') }}
         </div>
       </div>
@@ -250,15 +304,33 @@ const currencySign = computed(() => {
     <div class="bg-base-100">
       <div v-if="tokenList" class="grid grid-cols-1 md:grid-cols-3">
         <div>
-          <DonutChart height="280" :series="Object.values(tokenValues)"
-            :labels="Object.keys(tokenValues).map(x => format.tokenDisplayDenom(x)?.toUpperCase())" />
+          <DonutChart
+            height="280"
+            :series="Object.values(tokenValues)"
+            :labels="
+              Object.keys(tokenValues).map((x) =>
+                format.tokenDisplayDenom(x)?.toUpperCase()
+              )
+            "
+          />
         </div>
         <div class="md:col-span-2">
-          <ApexCharts type="area" height="280" :options="chartConfig" :series="changeData" />
+          <ApexCharts
+            type="area"
+            height="280"
+            :options="chartConfig"
+            :series="changeData"
+          />
         </div>
       </div>
       <div class="overflow-x-auto mt-4">
-      <AdBanner class="bg-base-200" id="portfolio-banner-ad" unit="banner" width="970px" height="90px" />
+        <AdBanner
+          class="bg-base-200"
+          id="portfolio-banner-ad"
+          unit="banner"
+          width="970px"
+          height="90px"
+        />
         <table class="table w-full">
           <thead class="bg-base-200">
             <tr>
@@ -276,23 +348,27 @@ const currencySign = computed(() => {
                       <img :src="x.logo" :alt="x.chainName" />
                     </div>
                   </div>
-                  <span class="uppercase font-bold text-lg">{{ format.tokenDisplayDenom(x.denom) }}</span> @
-                  <span class="capitalize ">{{ x.chainName }} </span>
+                  <span class="uppercase font-bold text-lg">{{
+                    format.tokenDisplayDenom(x.denom)
+                  }}</span>
+                  @
+                  <span class="capitalize">{{ x.chainName }} </span>
                 </div>
               </td>
-              <td class="text-right">{{ currencySign }}{{ format.formatNumber(x.value, '0,0.[00]') }}</td>
+              <td class="text-right">
+                {{ currencySign }}{{ format.formatNumber(x.value, '0,0.[00]') }}
+              </td>
               <td class="text-right">{{ format.percent(x.percentage) }}</td>
             </tr>
           </tbody>
         </table>
-
-      </div>
-      <div class="p-4 text-center" v-if="tokenList.length === 0">
-        No Data
       </div>
+      <div class="p-4 text-center" v-if="tokenList.length === 0">No Data</div>
     </div>
     <div class="text-center my-5 bg-base-200">
-      <RouterLink to="./accounts" class="btn btn-link">Add More Asset</RouterLink>
+      <RouterLink to="./accounts" class="btn btn-link"
+        >Add More Asset</RouterLink
+      >
     </div>
   </div>
 </template>
diff --git a/src/modules/wallet/receive.vue b/src/modules/wallet/receive.vue
index 87f3c1a68e..bbcc35860d 100644
--- a/src/modules/wallet/receive.vue
+++ b/src/modules/wallet/receive.vue
@@ -9,14 +9,19 @@ const qrcode = useQRCode(walletStore.currentAddress);
 <template>
   <div class="bg-base-100 p-4 rounded text-center">
     <div class="text-xl font-semibold text-center">Pay Me</div>
-    <div v-if="walletStore.currentAddress" class="flex items-center justify-center mt-8 mb-4">
+    <div
+      v-if="walletStore.currentAddress"
+      class="flex items-center justify-center mt-8 mb-4"
+    >
       <img :src="qrcode" alt="QR Code" class="rounded-sm overflow-hidden" />
     </div>
     <div class="text-main">
       {{ walletStore.currentAddress }}
     </div>
     <div class="mt-4 mb-4">
-      <button class="btn !bg-yes !border-yes text-white px-10">Go To Pay</button>
+      <button class="btn !bg-yes !border-yes text-white px-10">
+        Go To Pay
+      </button>
     </div>
   </div>
 </template>
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 5ecc76f27f..42b70b27f4 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -1,175 +1,234 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { suggestChain } from '@leapwallet/cosmos-snap-provider';
-import { useDashboard, type ChainConfig, useBlockchain, NetworkType } from '@/stores';
+import {
+  useDashboard,
+  type ChainConfig,
+  useBlockchain,
+  NetworkType,
+} from '@/stores';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
-const wallet = ref("keplr")
-const network = ref(NetworkType.Mainnet)
-const mainnet = ref([] as ChainConfig[])
-const testnet = ref([] as ChainConfig[])
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
+const wallet = ref('keplr');
+const network = ref(NetworkType.Mainnet);
+const mainnet = ref([] as ChainConfig[]);
+const testnet = ref([] as ChainConfig[]);
 const chains = computed(() => {
-    return network.value === NetworkType.Mainnet? mainnet.value : testnet.value
-})
+  return network.value === NetworkType.Mainnet ? mainnet.value : testnet.value;
+});
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0]
-    initParamsForKeplr()
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
+  initParamsForKeplr();
 
-    dashboard.loadLocalConfig(NetworkType.Mainnet).then((res) => {
-        mainnet.value = Object.values<ChainConfig>(res)
-    })
-    dashboard.loadLocalConfig(NetworkType.Testnet).then((res) => {
-        testnet.value = Object.values<ChainConfig>(res)
-    })
-})
+  dashboard.loadLocalConfig(NetworkType.Mainnet).then((res) => {
+    mainnet.value = Object.values<ChainConfig>(res);
+  });
+  dashboard.loadLocalConfig(NetworkType.Testnet).then((res) => {
+    testnet.value = Object.values<ChainConfig>(res);
+  });
+});
 
 function onchange() {
-    wallet.value === "keplr" ? initParamsForKeplr() : initSnap()
+  wallet.value === 'keplr' ? initParamsForKeplr() : initSnap();
 }
 
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(
+    chain.endpoints.rest?.at(0)?.address || ''
+  );
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find(
+      (x) => x.denom === chain.assets[0].symbol.toLowerCase()
+    )?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 async function initSnap() {
-    const chain = selected.value
-    const [token] = chain.assets
+  const chain = selected.value;
+  const [token] = chain.assets;
 
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainId = b.block.header.chain_id
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(
+    chain.endpoints.rest?.at(0)?.address || ''
+  );
+  const b = await client.getBaseBlockLatest();
+  const chainId = b.block.header.chain_id;
 
-    conf.value = JSON.stringify({
-        chainId,
-        chainName: chain.chainName,
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-        },
-        bip44: {
-            coinType: Number(chain.coinType),
+  conf.value = JSON.stringify(
+    {
+      chainId,
+      chainName: chain.chainName,
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+      },
+      bip44: {
+        coinType: Number(chain.coinType),
+      },
+      feeCurrencies: [
+        {
+          coinDenom: token.display,
+          coinMinimalDenom: token.base,
+          coinDecimals:
+            token.denom_units.find((x) => x.denom === token.display)
+              ?.exponent || 6,
+          coinGeckoId: token.coingecko_id,
+          gasPriceStep: {
+            low: 0.0625,
+            average: 0.5,
+            high: 62.5,
+          },
         },
-        feeCurrencies: [
-            {
-            coinDenom: token.display,
-            coinMinimalDenom: token.base,
-            coinDecimals: token.denom_units.find(x => x.denom === token.display)?.exponent || 6,
-            coinGeckoId: token.coingecko_id,
-            gasPriceStep: {
-                low: 0.0625,
-                average: 0.5,
-                high: 62.5,
-            },
-            },
-        ],
-    }, null, '\t')
+      ],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
-    if(wallet.value === "keplr") {
-        // @ts-ignore
-        if (window.keplr) {
-            // @ts-ignore
-            window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-                error.value = e
-            })
-        }
-    } else {
-        suggestChain(JSON.parse(conf.value));
+  if (wallet.value === 'keplr') {
+    // @ts-ignore
+    if (window.keplr) {
+      // @ts-ignore
+      window.keplr
+        .experimentalSuggestChain(JSON.parse(conf.value))
+        .catch((e) => {
+          error.value = e;
+        });
     }
+  } else {
+    suggestChain(JSON.parse(conf.value));
+  }
 }
-
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <div class="flex text-center">
-            <select v-model="network" class="select select-bordered">
-                <option :value="NetworkType.Mainnet">Mainnet</option>
-                <option :value="NetworkType.Testnet">Testnet</option>
-            </select>
-            <select v-model="selected" class="select select-bordered mx-5" @change="onchange">
-                <option v-for="c in chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <label><input type="radio" v-model="wallet" value="keplr" class="radio radio-bordered" @change="onchange" /> Keplr</label>
-            <label><input type="radio" v-model="wallet" value="metamask" class="radio radio-bordered ml-4" @change="onchange"/> Metamask</label>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-
-            <button class="btn !bg-primary !border-primary text-white mr-2" @click="suggest">Suggest {{ selected.chainName }} TO {{ wallet }}</button>
-
-            <div class="mt-4">
-                If the chain is not offically support on Keplr/Metamask Snap, you can submit these parameters to enable Keplr/Metamask Snap.
-            </div>
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <div class="flex text-center">
+      <select v-model="network" class="select select-bordered">
+        <option :value="NetworkType.Mainnet">Mainnet</option>
+        <option :value="NetworkType.Testnet">Testnet</option>
+      </select>
+      <select
+        v-model="selected"
+        class="select select-bordered mx-5"
+        @change="onchange"
+      >
+        <option v-for="c in chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <label
+        ><input
+          type="radio"
+          v-model="wallet"
+          value="keplr"
+          class="radio radio-bordered"
+          @change="onchange"
+        />
+        Keplr</label
+      >
+      <label
+        ><input
+          type="radio"
+          v-model="wallet"
+          value="metamask"
+          class="radio radio-bordered ml-4"
+          @change="onchange"
+        />
+        Metamask</label
+      >
+    </div>
+    <div class="text-main mt-5">
+      <textarea
+        v-model="conf"
+        class="textarea textarea-bordered w-full"
+        rows="15"
+      ></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      <button
+        class="btn !bg-primary !border-primary text-white mr-2"
+        @click="suggest"
+      >
+        Suggest {{ selected.chainName }} TO {{ wallet }}
+      </button>
 
-        <AdBanner id="suggest-banner-ad" unit="banner" width="970px" height="90px" />
+      <div class="mt-4">
+        If the chain is not offically support on Keplr/Metamask Snap, you can
+        submit these parameters to enable Keplr/Metamask Snap.
+      </div>
     </div>
+
+    <AdBanner
+      id="suggest-banner-ad"
+      unit="banner"
+      width="970px"
+      height="90px"
+    />
+  </div>
 </template>
diff --git a/src/modules/wallet/unisat.vue b/src/modules/wallet/unisat.vue
index 2a04d56ab5..81ac80f859 100644
--- a/src/modules/wallet/unisat.vue
+++ b/src/modules/wallet/unisat.vue
@@ -5,100 +5,122 @@ import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0];
-})
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
+});
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(
+    chain.endpoints.rest?.at(0)?.address || ''
+  );
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find(
+      (x) => x.denom === chain.assets[0].symbol.toLowerCase()
+    )?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
+  // @ts-ignore
+  if (window.unisat) {
     // @ts-ignore
-    if (window.unisat) {
-        // @ts-ignore
-        window.unisat.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-            error.value = e
-        })
-    }
+    window.unisat
+      .experimentalSuggestChain(JSON.parse(conf.value))
+      .catch((e) => {
+        error.value = e;
+      });
+  }
 }
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
-        <div class="flex">
-            <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
-                <option v-for="c in dashboard.chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">Add {{ selected.chainName }} TO Unisat Wallet</button>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-            If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
+    <div class="flex">
+      <select
+        v-model="selected"
+        class="select select-bordered mx-5"
+        @change="initParamsForKeplr"
+      >
+        <option v-for="c in dashboard.chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">
+        Add {{ selected.chainName }} TO Unisat Wallet
+      </button>
+    </div>
+    <div class="text-main mt-5">
+      <textarea
+        v-model="conf"
+        class="textarea textarea-bordered w-full"
+        rows="15"
+      ></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      If the chain is not offically support on Keplr, you can submit these
+      parameters to enable Keplr.
     </div>
+  </div>
 </template>
diff --git a/src/modules/wallet/utils.ts b/src/modules/wallet/utils.ts
index 65f8ce15df..aa865bd503 100644
--- a/src/modules/wallet/utils.ts
+++ b/src/modules/wallet/utils.ts
@@ -1,49 +1,50 @@
-import { useDashboard } from "@/stores"
-import type { Coin } from "@/types"
-import { fromBech32, toBech32 } from "@cosmjs/encoding"
+import { useDashboard } from '@/stores';
+import type { Coin } from '@/types';
+import { fromBech32, toBech32 } from '@cosmjs/encoding';
 
 export interface AccountEntry {
-  chainName: string,
-  logo: string,
-  address: string,
-  coinType: string,
-  endpoint?: string,
-  compatiable?: boolean,
+  chainName: string;
+  logo: string;
+  address: string;
+  coinType: string;
+  endpoint?: string;
+  compatiable?: boolean;
 }
 
 export interface LocalKey {
-  cosmosAddress: string, hdPath: string
+  cosmosAddress: string;
+  hdPath: string;
 }
 
 export function scanLocalKeys() {
-  const connected = [] as LocalKey[]
+  const connected = [] as LocalKey[];
   for (let i = 0; i < localStorage.length; i++) {
-    const key = localStorage.key(i)
-    if (key?.startsWith("m/44")) {
-      const wallet = JSON.parse(localStorage.getItem(key) || "")
+    const key = localStorage.key(i);
+    if (key?.startsWith('m/44')) {
+      const wallet = JSON.parse(localStorage.getItem(key) || '');
       if (wallet) {
-        connected.push(wallet)
+        connected.push(wallet);
       }
     }
   }
-  return connected
+  return connected;
 }
 
 export function scanCompatibleAccounts(keys: LocalKey[]) {
-  const dashboard = useDashboard()
-  const available = [] as AccountEntry[]
-  keys.forEach(wallet => {
-    Object.values(dashboard.chains).forEach(chain => {
-      const { data } = fromBech32(wallet.cosmosAddress)
+  const dashboard = useDashboard();
+  const available = [] as AccountEntry[];
+  keys.forEach((wallet) => {
+    Object.values(dashboard.chains).forEach((chain) => {
+      const { data } = fromBech32(wallet.cosmosAddress);
       available.push({
         chainName: chain.chainName,
         logo: chain.logo,
         address: toBech32(chain.bech32Prefix, data),
         coinType: chain.coinType,
         compatiable: wallet.hdPath.indexOf(chain.coinType) > 0,
-        endpoint: chain.endpoints.rest?.at(0)?.address
-      })
-    })
-  })
-  return available
-}
\ No newline at end of file
+        endpoint: chain.endpoints.rest?.at(0)?.address,
+      });
+    });
+  });
+  return available;
+}
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index 7ff39af645..5de2b3a404 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -3,23 +3,25 @@ import misc404 from '@/assets/images/pages/404.png';
 </script>
 
 <template>
-    <div class="pt-10">
-        <div class="text-center">
-            <div class="text-8xl font-semibold text-main">{{ $t('pages.title_all') }}</div>
-            <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
-            <div class="text-base">
-                {{ $t('pages.description_all') }}
-            </div>
-        </div>
+  <div class="pt-10">
+    <div class="text-center">
+      <div class="text-8xl font-semibold text-main">
+        {{ $t('pages.title_all') }}
+      </div>
+      <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
+      <div class="text-base">
+        {{ $t('pages.description_all') }}
+      </div>
+    </div>
 
-        <!-- 👉 Image -->
-        <div class="misc-avatar w-full text-center">
-            <RouterLink to="/" class="btn no-underline btn-primary mt-4">
-                {{ $t('pages.btn_index') }}
-            </RouterLink>
-            <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
-        </div>
+    <!-- 👉 Image -->
+    <div class="misc-avatar w-full text-center">
+      <RouterLink to="/" class="btn no-underline btn-primary mt-4">
+        {{ $t('pages.btn_index') }}
+      </RouterLink>
+      <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
     </div>
+  </div>
 </template>
 
 <route lang="yaml">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 4911027811..544431e473 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -19,8 +19,9 @@ const chains = computed(() => {
     const lowercaseKeywords = keywords.value.toLowerCase();
 
     return Object.values(dashboard.chains).filter(
-      (x: ChainConfig) => x.chainName.toLowerCase().indexOf(lowercaseKeywords) > -1 
-      || x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
+      (x: ChainConfig) =>
+        x.chainName.toLowerCase().indexOf(lowercaseKeywords) > -1 ||
+        x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
     );
   } else {
     return Object.values(dashboard.chains);
@@ -28,36 +29,61 @@ const chains = computed(() => {
 });
 
 const featured = computed(() => {
-  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective", "dydx", "noble"];
+  const names = [
+    'cosmos',
+    'osmosis',
+    'akash',
+    'celestia',
+    'evmos',
+    'injective',
+    'dydx',
+    'noble',
+  ];
   return chains.value
-    .filter(x => names.includes(x.chainName))
-    .sort((a, b)=> (names.indexOf(a.chainName) - names.indexOf(b.chainName)))
-})
-
-const chainStore = useBlockchain()
+    .filter((x) => names.includes(x.chainName))
+    .sort((a, b) => names.indexOf(a.chainName) - names.indexOf(b.chainName));
+});
 
+const chainStore = useBlockchain();
 </script>
 <template>
   <div class="">
-    <div class="flex md:!flex-row flex-col items-center justify-center mb-6 mt-14 gap-2">
+    <div
+      class="flex md:!flex-row flex-col items-center justify-center mb-6 mt-14 gap-2"
+    >
       <div class="w-16 rounded-full">
-        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" 
+        <svg
+          version="1.0"
+          xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 150.000000 132.000000"
-          preserveAspectRatio="xMidYMid meet">
-          <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
-          :fill="chainStore.current?.themeColor||'#666CFF'" class=" dark:invert" stroke="none">
-            <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
+          preserveAspectRatio="xMidYMid meet"
+        >
+          <g
+            transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
+            :fill="chainStore.current?.themeColor || '#666CFF'"
+            class="dark:invert"
+            stroke="none"
+          >
+            <path
+              d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
             81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
             -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
             -106 112 -197 112 -201 0 -4 -50 -95 -111 -201 l-112 -194 -231 0 -231 0 -105
             181 c-58 100 -109 190 -114 200 -6 14 17 63 104 213 l112 196 232 0 231 0 113
-            -194z"/>
-            <path d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
-            165 267 183 308 4 9 -233 7 -317 -1z"/>
-            <path d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
-            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"/>
-            <path d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
-            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"/>
+            -194z"
+            />
+            <path
+              d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
+            165 267 183 308 4 9 -233 7 -317 -1z"
+            />
+            <path
+              d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
+            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"
+            />
+            <path
+              d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
+            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"
+            />
           </g>
         </svg>
       </div>
@@ -77,14 +103,18 @@ const chainStore = useBlockchain()
       <progress class="progress progress-info w-80 h-1"></progress>
     </div>
 
-    <div v-if="featured.length>0" class="text-center text-base mt-6 text-primary">
-      <h2 class="mb-6"> Featured Blockchains 🔥 </h2>
+    <div
+      v-if="featured.length > 0"
+      class="text-center text-base mt-6 text-primary"
+    >
+      <h2 class="mb-6">Featured Blockchains 🔥</h2>
     </div>
 
-    <div v-if="featured.length>0"
+    <div
+      v-if="featured.length > 0"
       class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
     >
-    <ChainSummary
+      <ChainSummary
         v-for="(chain, index) in featured"
         :key="index"
         :name="chain.chainName"
@@ -95,10 +125,18 @@ const chainStore = useBlockchain()
       <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
 
-    <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
-      <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
-      <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
-      <div class="px-4 text-base hidden md:!block">{{ chains.length }}/{{ dashboard.length }}</div>
+    <div
+      class="flex items-center rounded-lg bg-base-100 border border-gray-200 dark:border-gray-700 mt-10"
+    >
+      <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3" />
+      <input
+        :placeholder="$t('pages.search_placeholder')"
+        class="px-4 h-10 bg-transparent flex-1 outline-none text-base"
+        v-model="keywords"
+      />
+      <div class="px-4 text-base hidden md:!block">
+        {{ chains.length }}/{{ dashboard.length }}
+      </div>
     </div>
 
     <div
@@ -114,7 +152,8 @@ const chainStore = useBlockchain()
 </template>
 
 <style scoped>
- .logo path{
+.logo path {
   fill: #171d30;
 }
-</style>@/components/ad/ad
+</style>
+@/components/ad/ad
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 81918c7a27..ce9fc680ed 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -130,8 +130,8 @@
     "no_escrowed_assets": "No Escrowed Assets",
     "contract_states": "Contract States",
     "query_contract": "Query Contract",
-    "suggested_messages":"Suggested Messages",
-    "result":"Result",
+    "suggested_messages": "Suggested Messages",
+    "result": "Result",
     "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
   },
   "gov": {
@@ -227,8 +227,8 @@
     "signer_addr": "Signer Address",
     "consensus_pub_key": "Consensus Public Key",
     "liquid_staking": "Liquid Staking",
-    "liquid_staking_shares":"Liquid Shares",
-    "validator_bond_share":"Validator Bonded"
+    "liquid_staking_shares": "Liquid Shares",
+    "validator_bond_share": "Validator Bonded"
   },
   "statesync": {
     "title": "What's State Sync?",
diff --git a/src/plugins/i18n/locales/es.json b/src/plugins/i18n/locales/es.json
index c9b4a89bdc..196379cd90 100644
--- a/src/plugins/i18n/locales/es.json
+++ b/src/plugins/i18n/locales/es.json
@@ -298,4 +298,4 @@
     "app_versions": "Versiones de Aplicación",
     "node_info": "Información del Nodo"
   }
-}
\ No newline at end of file
+}
diff --git a/src/plugins/i18n/locales/id.json b/src/plugins/i18n/locales/id.json
index 22e3890168..f849c17e83 100644
--- a/src/plugins/i18n/locales/id.json
+++ b/src/plugins/i18n/locales/id.json
@@ -1,287 +1,287 @@
 {
-    "module": {
-      "dashboard": "Dasbor",
-      "blocks": "Kumpulan Blok",
-      "staking": "Staking",
-      "governance": "Tata Kelola",
-      "parameters": "Parameter",
-      "uptime": "Pemantauan",
-      "state-sync": "State Sync",
-      "cosmwasm": "Cosmwasm",
-      "widget": "Widgets",
-      "ibc": "IBC",
-      "consensus": "Konsensus",
-      "supply": "Pasokan",
-      "account": "Akun",
-      "ecosystem": "Ekosistem",
-      "favorite": "Favorit",
-      "add_to_favorite": "Tambahkan ke favorit",
-      "all_blockchains": "All Blockchain",
-      "sponsors": "Sponsors",
-      "links": "Tautan"
+  "module": {
+    "dashboard": "Dasbor",
+    "blocks": "Kumpulan Blok",
+    "staking": "Staking",
+    "governance": "Tata Kelola",
+    "parameters": "Parameter",
+    "uptime": "Pemantauan",
+    "state-sync": "State Sync",
+    "cosmwasm": "Cosmwasm",
+    "widget": "Widgets",
+    "ibc": "IBC",
+    "consensus": "Konsensus",
+    "supply": "Pasokan",
+    "account": "Akun",
+    "ecosystem": "Ekosistem",
+    "favorite": "Favorit",
+    "add_to_favorite": "Tambahkan ke favorit",
+    "all_blockchains": "All Blockchain",
+    "sponsors": "Sponsors",
+    "links": "Tautan"
+  },
+  "pages": {
+    "title": "Ping Dashboard",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Halaman Tidak Ditemukan",
+    "slogan": "Ping Dashboard bukan hanya sebuah penjelajah tetapi juga sebuah dompet dan masih banyak lagi ... 🛠",
+    "description": "Cosmos Ecosystem Blockchains 🚀",
+    "search_placeholder": "Telusuri Rantai",
+    "description_all": "Kami tidak dapat menemukan halaman yang anda cari.",
+    "btn_index": "Kembali ke awal"
+  },
+  "account": {
+    "type": "Tipe",
+    "address": "Alamat",
+    "acc": "Akun",
+    "acc_num": "Nomor Akun",
+    "sequence": "Urutan",
+    "pub_key": "Kunci PUblik",
+    "assets": "Aset",
+    "btn_send": "Kirim",
+    "btn_transfer": "Transfer",
+    "total_value": "Nilai Total",
+    "delegations": "Delegasi",
+    "no_delegations": "Tidak Ada Delegasi",
+    "btn_delegate": "Delegate",
+    "btn_redelegate": "Redelegate",
+    "btn_withdraw": "Withdraw",
+    "btn_unbond": "Lepaskan ikatan",
+    "validator": "Validator",
+    "delegation": "Delegasi",
+    "rewards": "Hadiah",
+    "action": "Tindakan",
+    "unbonding_delegations": "Delegasi yang tidak terikat",
+    "creation_height": "Tingkat Teratas",
+    "initial_balance": "Saldo Awal",
+    "balance": "Saldo",
+    "completion_time": "Waktu Penyelesaian",
+    "transactions": "Transaksi",
+    "no_transactions": "Tidak Ada Transaksi",
+    "height": "Ketinggian",
+    "hash": "Hash",
+    "messages": "Pesan",
+    "time": "Waktu",
+    "error": "Akun tidak ada di dalam rantai"
+  },
+  "block": {
+    "estimated_time": "Estimasi Waktu",
+    "countdown_for_block": "Hitung Mundur Untuk Blok",
+    "countdown_for_block_input": "Masukkan Nomor Blok Ke Target Baru",
+    "btn_update": "Perbarui",
+    "current_height": "Ketinggian Saat Ini",
+    "remaining_blocks": "Blok Yang Tersisa",
+    "average_block_time": "Rata-rata Waktu Blok",
+    "block_header": "Blok Teratas",
+    "last_commit": "Komit Terakhir",
+    "recent": "Terkini",
+    "future": "Masa Depan",
+    "fees": "Biaya",
+    "only_tx": "Hanya menampilkan txs di blok terbaru"
+  },
+  "consensus": {
+    "monitor": "Memantau",
+    "onboard_rate": "Penggabungan Nilai",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "Putaran",
+    "step": "Langkah",
+    "updated_at": "Diperbarui pada",
+    "proposer_sign": "Proposer Ditandatangani",
+    "proposer_not_sign": "Proposer Tidak Ditandatangani",
+    "sign": "Ditandatangani",
+    "not_sign": "Tidak Ditandatangani",
+    "tips": "Tips",
+    "tips_description_1": "Alat ini berguna bagi validator untuk memantau siapa saja yang berada di dalam penggabungan selama peningkatan",
+    "tips_description_2": "Jika Anda ingin mengubah titik akhir rpc bawaan. pastikan bahwa `https` dan `CORS` diaktifkan pada server Anda."
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm Smart Contracts",
+    "code_id": "Kode Id",
+    "code_hash": "Kode Hash",
+    "creator": "Pencipta",
+    "permissions": "Perizinan",
+    "btn_up_sc": "Unggah Smart Contract",
+    "contract_list_code": "Daftar Kode Kontrak",
+    "contract_list": "Daftar Kontrak",
+    "btn_contract": "Kontrak",
+    "btn_funds": "Dana",
+    "btn_states": "Bagian",
+    "btn_fees": "Biaya",
+    "btn_query": "Query",
+    "btn_execute": "Eksekusi",
+    "instantiate_contract": "Kontrak Instansiasi",
+    "contract_detail": "Rincian Kontrak",
+    "contract_balances": "Saldo Kontrak",
+    "no_escrowed_assets": "Tidak Ada Aset yang Dititipkan",
+    "contract_states": "Bagian Kontrak",
+    "query_contract": "Query Kontrak",
+    "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
+  },
+  "gov": {
+    "voting": "Voting",
+    "passed": "Disetujui",
+    "rejected": "Ditolak",
+    "tally": "Perhitungan",
+    "btn_vote": "Vote",
+    "btn_deposit": "Deposit",
+    "timeline": "Jadwal",
+    "submit_at": "Dikirim pada",
+    "deposited_at": "Didepositkan pada",
+    "vote_start_from": "Voting dimulai dari",
+    "vote_end": "Voting berakhir",
+    "current_status": "Status Saat Ini",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Periode Deposit",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "Periode Pemungutan Suara",
+      "PROPOSAL_STATUS_PASSED": "Disetujui",
+      "PROPOSAL_STATUS_REJECTED": "Ditolak",
+      "PROPOSAL_STATUS_FAILED": "Gagal"
     },
-    "pages": {
-      "title": "Ping Dashboard",
-      "title_all": "404",
-      "tag": "Beta",
-      "tag_all": "Halaman Tidak Ditemukan",
-      "slogan": "Ping Dashboard bukan hanya sebuah penjelajah tetapi juga sebuah dompet dan masih banyak lagi ... 🛠",
-      "description": "Cosmos Ecosystem Blockchains 🚀",
-      "search_placeholder": "Telusuri Rantai",
-      "description_all": "Kami tidak dapat menemukan halaman yang anda cari.",
-      "btn_index": "Kembali ke awal"
-    },
-    "account": {
-      "type": "Tipe",
-      "address": "Alamat",
-      "acc": "Akun",
-      "acc_num": "Nomor Akun",
-      "sequence": "Urutan",
-      "pub_key": "Kunci PUblik",
-      "assets": "Aset",
-      "btn_send": "Kirim",
-      "btn_transfer": "Transfer",
-      "total_value": "Nilai Total",
-      "delegations": "Delegasi",
-      "no_delegations": "Tidak Ada Delegasi",
-      "btn_delegate": "Delegate",
-      "btn_redelegate": "Redelegate",
-      "btn_withdraw": "Withdraw",
-      "btn_unbond": "Lepaskan ikatan",
-      "validator": "Validator",
-      "delegation": "Delegasi",
-      "rewards": "Hadiah",
-      "action": "Tindakan",
-      "unbonding_delegations": "Delegasi yang tidak terikat",
-      "creation_height": "Tingkat Teratas",
-      "initial_balance": "Saldo Awal",
-      "balance": "Saldo",
-      "completion_time": "Waktu Penyelesaian",
-      "transactions": "Transaksi",
-      "no_transactions": "Tidak Ada Transaksi",
-      "height": "Ketinggian",
-      "hash": "Hash",
-      "messages": "Pesan",
-      "time": "Waktu",
-      "error": "Akun tidak ada di dalam rantai"
-    },
-    "block": {
-      "estimated_time": "Estimasi Waktu",
-      "countdown_for_block": "Hitung Mundur Untuk Blok",
-      "countdown_for_block_input": "Masukkan Nomor Blok Ke Target Baru",
-      "btn_update": "Perbarui",
-      "current_height": "Ketinggian Saat Ini",
-      "remaining_blocks": "Blok Yang Tersisa",
-      "average_block_time": "Rata-rata Waktu Blok",
-      "block_header": "Blok Teratas",
-      "last_commit": "Komit Terakhir",
-      "recent": "Terkini",
-      "future": "Masa Depan",
-      "fees": "Biaya",
-      "only_tx": "Hanya menampilkan txs di blok terbaru"
-    },
-    "consensus": {
-      "monitor": "Memantau",
-      "onboard_rate": "Penggabungan Nilai",
-      "o": "O",
-      "h": "H",
-      "r": "R",
-      "s": "S",
-      "round": "Putaran",
-      "step": "Langkah",
-      "updated_at": "Diperbarui pada",
-      "proposer_sign": "Proposer Ditandatangani",
-      "proposer_not_sign": "Proposer Tidak Ditandatangani",
-      "sign": "Ditandatangani",
-      "not_sign": "Tidak Ditandatangani",
-      "tips": "Tips",
-      "tips_description_1": "Alat ini berguna bagi validator untuk memantau siapa saja yang berada di dalam penggabungan selama peningkatan",
-      "tips_description_2": "Jika Anda ingin mengubah titik akhir rpc bawaan. pastikan bahwa `https` dan `CORS` diaktifkan pada server Anda."
-    },
-    "cosmwasm": {
-      "title": "Cosmos Wasm Smart Contracts",
-      "code_id": "Kode Id",
-      "code_hash": "Kode Hash",
-      "creator": "Pencipta",
-      "permissions": "Perizinan",
-      "btn_up_sc": "Unggah Smart Contract",
-      "contract_list_code": "Daftar Kode Kontrak",
-      "contract_list": "Daftar Kontrak",
-      "btn_contract": "Kontrak",
-      "btn_funds": "Dana",
-      "btn_states": "Bagian",
-      "btn_fees": "Biaya",
-      "btn_query": "Query",
-      "btn_execute": "Eksekusi",
-      "instantiate_contract": "Kontrak Instansiasi",
-      "contract_detail": "Rincian Kontrak",
-      "contract_balances": "Saldo Kontrak",
-      "no_escrowed_assets": "Tidak Ada Aset yang Dititipkan",
-      "contract_states": "Bagian Kontrak",
-      "query_contract": "Query Kontrak",
-      "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
-    },
-    "gov": {
-      "voting": "Voting",
-      "passed": "Disetujui",
-      "rejected": "Ditolak",
-      "tally": "Perhitungan",
-      "btn_vote": "Vote",
-      "btn_deposit": "Deposit",
-      "timeline": "Jadwal",
-      "submit_at": "Dikirim pada",
-      "deposited_at": "Didepositkan pada",
-      "vote_start_from": "Voting dimulai dari",
-      "vote_end": "Voting berakhir",
-      "current_status": "Status Saat Ini",
-      "proposal_statuses": {
-        "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Periode Deposit",
-        "PROPOSAL_STATUS_VOTING_PERIOD": "Periode Pemungutan Suara",
-        "PROPOSAL_STATUS_PASSED": "Disetujui",
-        "PROPOSAL_STATUS_REJECTED": "Ditolak",
-        "PROPOSAL_STATUS_FAILED": "Gagal"
-      },
-      "upgrade_plan": "Peningkatan Rencana",
-      "votes": "Suara"
-    },
-    "ibc": {
-      "title": "Koneksi IBC",
-      "title_2": "Klien IBC",
-      "registry": "Registri",
-      "connection_id": "ID Koneksi",
-      "btn_apply": "Ajukan",
-      "trust_parameters": "Parameter Kepercayaan",
-      "trust_level": "Tingkat Kepercayaan",
-      "trusting_period": "Periode Kepercayaan",
-      "unbonding_period": "Periode Pembatalan Tautan",
-      "max_clock_drift": "Maksimum Selisih Jam",
-      "frozen_height": "Ketinggian Terkunci",
-      "latest_height": "Ketinggian Terbaru",
-      "upgrade_parameters": "Parameter Pembaruan",
-      "allow_update_after_expiry": "Izinkan pembaruan setelah kedaluwarsa",
-      "allow_update_after_misbehaviour": "Izinkan pembaruan setelah perilaku yang tidak pantas",
-      "upgrade_path": "Jalur Pembaruan",
-      "channels": "Saluran",
-      "txs": "Transaksi",
-      "channel_id": "ID Saluran",
-      "port_id": "ID Port",
-      "state": "Status",
-      "counterparty": "Pihak Lawan",
-      "hops": "Hops",
-      "version": "Versi",
-      "ordering": "Pemesanan",
-      "height": "Ketinggian",
-      "txhash": "Hash Transaksi",
-      "messages": "Pesan",
-      "time": "Waktu",
-      "btn_out": "Keluar",
-      "btn_in": "Masuk"
-    },
-    "staking": {
-      "inflation": "Inflasi",
-      "unbonding_time": "Waktu Pembatalan Tautan",
-      "double_sign_slashing": "Pemotongan Ganda Tanda Tangan",
-      "downtime_slashing": "Pemotongan Downtime",
-      "popular": "Populer",
-      "active": "Aktif",
-      "inactive": "Tidak Aktif",
-      "rank": "Peringkat",
-      "validator": "Validator",
-      "voting_power": "Kekuatan Suara",
-      "24h_changes": "Perubahan 24 Jam",
-      "commission": "Komisi",
-      "actions": "Tindakan",
-      "jailed": "Dipenjara",
-      "top": "Teratas",
-      "description": "Mendelegasikan ke validator peringkat lebih rendah akan meningkatkan keamanan keseluruhan jaringan",
-      "about_us": "Tentang Kami",
-      "website": "Website",
-      "contact": "Kontak",
-      "validator_status": "Status Validator",
-      "status": "Status",
-      "total_bonded": "Total Jumlah Token Terikat",
-      "self_bonded": "Total Token Terikat Sendiri",
-      "min_self": "Minimum Delegasi Sendiri",
-      "annual_profit": "Keuntungan Tahunan",
-      "unbonding_height": "Ketinggian Pembatalan Tautan",
-      "commissions_&_rewards": "Komisi & Imbalan",
-      "commissions": "Komisi",
-      "outstanding": "Total Imbalan",
-      "addresses": "Kumpulan Alamat",
-      "account_addr": "Alamat Akun",
-      "operator_addr": "Alamat Operator",
-      "hex_addr": "Alamat Hex",
-      "signer_addr": "Alamat Penandatangan",
-      "consensus_pub_key": "Kunci Publik Konsensus"
-    },
-    "statesync": {
-      "title": "Apa itu State Sync?",
-      "title_2": "Memulai Node Baru dari State Sync",
-      "title_3": "Aktifkan Snapshot untuk State Sync",
-      "description": "Rilis Tendermint Core 0.34 mencakup dukungan untuk state sync, yang memungkinkan node baru bergabung dengan jaringan dengan mengambil snapshot dari keadaan aplikasi pada ketinggian terkini daripada mengambil dan memainkan ulang semua blok historis. Hal ini dapat mengurangi waktu yang diperlukan untuk sinkronisasi dengan jaringan dari berhari-hari menjadi beberapa menit. Klik",
-      "here": "Di sini",
-      "version": "Versi",
-      "for_more_info": "Untuk informasi lebih lanjut",
-      "text_1": "Instalasi Binary",
-      "text_1_1": "Kita perlu menginstal binary terlebih dahulu dan pastikan bahwa versinya sesuai dengan yang digunakan pada mainnet",
-      "text_2": "Aktifkan State Sync",
-      "text_2_1": "Kita dapat mengkonfigurasi Tendermint untuk menggunakan state sync di $DAEMON_HOME/config/config.toml",
-      "text_3": "Mulai menjalankan daemon",
-      "text_3_1": "Jika Anda mereset node, jalankan",
-      "text_3_2": "sebelum Anda menjalankan daemon",
-      "text_title_3": "Untuk membuat state sync berfungsi, kita dapat mengaktifkan snapshot di $DAEMON_HOME/config/app.toml"
-    },
-    "tx": {
-      "title": "Rangkuman",
-      "tx_hash": "Tx Hash",
-      "gas": "Bahan bakar",
-      "fee": "Biaya",
-      "memo": "Memo",
-      "no_messages": "Tidak ada pesan"
-    },
-    "uptime": {
-      "overall": "Secara keseluruhan",
-      "customize": "Sesuaikan",
-      "only_consumer_set": "Hanya Pengatur Konsumen",
-      "last_jailed_time": "Waktu Terakhir Dipenjara",
-      "signed_precommits": "Precommits Tersign",
-      "start_height": "Ketinggian Awal",
-      "tombstoned": "Dalam keadaan mati",
-      "minimum_uptime": "Waktu aktif minimum per jendela",
-      "my_validators": "Validator Saya",
-      "add_validators_monitor": "Tambahkan validator yang ingin Anda pantau",
-      "no": "Tidak",
-      "signed_blocks": "Blok Tersign",
-      "missing_blocks": "Blok yang Hilang",
-      "add_validators": "Tambahkan Validator",
-      "add": "Tambahkan",
-      "legend": "Legend",
-      "committed": "Committed",
-      "precommitted": "Precommitted",
-      "missed": "Missed"
-    },
-    "widget": {
-      "title": "Pengaturan Awal",
-      "endpoint": "Titik Akhir",
-      "select_endpoint": "Pilih Titik Akhir",
-      "text_1": "Impor skrip global",
-      "text_2": "Hubungkan Dompet",
-      "text_3": "Konversi Osmosis"
-    },
-    "index": {
-      "rank": "Peringkat",
-      "price_calculator": "Kalkulator Harga",
-      "close": "Tutup",
-      "buy": "Beli",
-      "active_proposals": "Proposal Aktif",
-      "no_active_proposals": "Tidak ada proposal aktif",
-      "more": "Selengkapnya",
-      "reward": "Hadiah",
-      "unbonding": "Pemisahan",
-      "btn_withdraw_reward": "Tarik Hadiah",
-      "btn_swap": "Tukar",
-      "receive": "Terima",
-      "app_versions": "Versi Aplikasi",
-      "node_info": "Informasi Node"
-    }
+    "upgrade_plan": "Peningkatan Rencana",
+    "votes": "Suara"
+  },
+  "ibc": {
+    "title": "Koneksi IBC",
+    "title_2": "Klien IBC",
+    "registry": "Registri",
+    "connection_id": "ID Koneksi",
+    "btn_apply": "Ajukan",
+    "trust_parameters": "Parameter Kepercayaan",
+    "trust_level": "Tingkat Kepercayaan",
+    "trusting_period": "Periode Kepercayaan",
+    "unbonding_period": "Periode Pembatalan Tautan",
+    "max_clock_drift": "Maksimum Selisih Jam",
+    "frozen_height": "Ketinggian Terkunci",
+    "latest_height": "Ketinggian Terbaru",
+    "upgrade_parameters": "Parameter Pembaruan",
+    "allow_update_after_expiry": "Izinkan pembaruan setelah kedaluwarsa",
+    "allow_update_after_misbehaviour": "Izinkan pembaruan setelah perilaku yang tidak pantas",
+    "upgrade_path": "Jalur Pembaruan",
+    "channels": "Saluran",
+    "txs": "Transaksi",
+    "channel_id": "ID Saluran",
+    "port_id": "ID Port",
+    "state": "Status",
+    "counterparty": "Pihak Lawan",
+    "hops": "Hops",
+    "version": "Versi",
+    "ordering": "Pemesanan",
+    "height": "Ketinggian",
+    "txhash": "Hash Transaksi",
+    "messages": "Pesan",
+    "time": "Waktu",
+    "btn_out": "Keluar",
+    "btn_in": "Masuk"
+  },
+  "staking": {
+    "inflation": "Inflasi",
+    "unbonding_time": "Waktu Pembatalan Tautan",
+    "double_sign_slashing": "Pemotongan Ganda Tanda Tangan",
+    "downtime_slashing": "Pemotongan Downtime",
+    "popular": "Populer",
+    "active": "Aktif",
+    "inactive": "Tidak Aktif",
+    "rank": "Peringkat",
+    "validator": "Validator",
+    "voting_power": "Kekuatan Suara",
+    "24h_changes": "Perubahan 24 Jam",
+    "commission": "Komisi",
+    "actions": "Tindakan",
+    "jailed": "Dipenjara",
+    "top": "Teratas",
+    "description": "Mendelegasikan ke validator peringkat lebih rendah akan meningkatkan keamanan keseluruhan jaringan",
+    "about_us": "Tentang Kami",
+    "website": "Website",
+    "contact": "Kontak",
+    "validator_status": "Status Validator",
+    "status": "Status",
+    "total_bonded": "Total Jumlah Token Terikat",
+    "self_bonded": "Total Token Terikat Sendiri",
+    "min_self": "Minimum Delegasi Sendiri",
+    "annual_profit": "Keuntungan Tahunan",
+    "unbonding_height": "Ketinggian Pembatalan Tautan",
+    "commissions_&_rewards": "Komisi & Imbalan",
+    "commissions": "Komisi",
+    "outstanding": "Total Imbalan",
+    "addresses": "Kumpulan Alamat",
+    "account_addr": "Alamat Akun",
+    "operator_addr": "Alamat Operator",
+    "hex_addr": "Alamat Hex",
+    "signer_addr": "Alamat Penandatangan",
+    "consensus_pub_key": "Kunci Publik Konsensus"
+  },
+  "statesync": {
+    "title": "Apa itu State Sync?",
+    "title_2": "Memulai Node Baru dari State Sync",
+    "title_3": "Aktifkan Snapshot untuk State Sync",
+    "description": "Rilis Tendermint Core 0.34 mencakup dukungan untuk state sync, yang memungkinkan node baru bergabung dengan jaringan dengan mengambil snapshot dari keadaan aplikasi pada ketinggian terkini daripada mengambil dan memainkan ulang semua blok historis. Hal ini dapat mengurangi waktu yang diperlukan untuk sinkronisasi dengan jaringan dari berhari-hari menjadi beberapa menit. Klik",
+    "here": "Di sini",
+    "version": "Versi",
+    "for_more_info": "Untuk informasi lebih lanjut",
+    "text_1": "Instalasi Binary",
+    "text_1_1": "Kita perlu menginstal binary terlebih dahulu dan pastikan bahwa versinya sesuai dengan yang digunakan pada mainnet",
+    "text_2": "Aktifkan State Sync",
+    "text_2_1": "Kita dapat mengkonfigurasi Tendermint untuk menggunakan state sync di $DAEMON_HOME/config/config.toml",
+    "text_3": "Mulai menjalankan daemon",
+    "text_3_1": "Jika Anda mereset node, jalankan",
+    "text_3_2": "sebelum Anda menjalankan daemon",
+    "text_title_3": "Untuk membuat state sync berfungsi, kita dapat mengaktifkan snapshot di $DAEMON_HOME/config/app.toml"
+  },
+  "tx": {
+    "title": "Rangkuman",
+    "tx_hash": "Tx Hash",
+    "gas": "Bahan bakar",
+    "fee": "Biaya",
+    "memo": "Memo",
+    "no_messages": "Tidak ada pesan"
+  },
+  "uptime": {
+    "overall": "Secara keseluruhan",
+    "customize": "Sesuaikan",
+    "only_consumer_set": "Hanya Pengatur Konsumen",
+    "last_jailed_time": "Waktu Terakhir Dipenjara",
+    "signed_precommits": "Precommits Tersign",
+    "start_height": "Ketinggian Awal",
+    "tombstoned": "Dalam keadaan mati",
+    "minimum_uptime": "Waktu aktif minimum per jendela",
+    "my_validators": "Validator Saya",
+    "add_validators_monitor": "Tambahkan validator yang ingin Anda pantau",
+    "no": "Tidak",
+    "signed_blocks": "Blok Tersign",
+    "missing_blocks": "Blok yang Hilang",
+    "add_validators": "Tambahkan Validator",
+    "add": "Tambahkan",
+    "legend": "Legend",
+    "committed": "Committed",
+    "precommitted": "Precommitted",
+    "missed": "Missed"
+  },
+  "widget": {
+    "title": "Pengaturan Awal",
+    "endpoint": "Titik Akhir",
+    "select_endpoint": "Pilih Titik Akhir",
+    "text_1": "Impor skrip global",
+    "text_2": "Hubungkan Dompet",
+    "text_3": "Konversi Osmosis"
+  },
+  "index": {
+    "rank": "Peringkat",
+    "price_calculator": "Kalkulator Harga",
+    "close": "Tutup",
+    "buy": "Beli",
+    "active_proposals": "Proposal Aktif",
+    "no_active_proposals": "Tidak ada proposal aktif",
+    "more": "Selengkapnya",
+    "reward": "Hadiah",
+    "unbonding": "Pemisahan",
+    "btn_withdraw_reward": "Tarik Hadiah",
+    "btn_swap": "Tukar",
+    "receive": "Terima",
+    "app_versions": "Versi Aplikasi",
+    "node_info": "Informasi Node"
+  }
 }
diff --git a/src/plugins/i18n/locales/ja.json b/src/plugins/i18n/locales/ja.json
index 97dd39f46a..c0ac1c8ac1 100644
--- a/src/plugins/i18n/locales/ja.json
+++ b/src/plugins/i18n/locales/ja.json
@@ -189,113 +189,113 @@
     "btn_in": "入"
   },
   "staking": {
-  "inflation": "インフレーション",
-  "unbonding_time": "アンバンディング時間",
-  "double_sign_slashing": "ダブルサインの罰金",
-  "downtime_slashing": "ダウンタイムの罰金",
-  "popular": "人気",
-  "active": "アクティブ",
-  "inactive": "非アクティブ",
-  "rank": "ランク",
-  "validator": "バリデーター",
-  "voting_power": "投票権",
-  "24h_changes": "24時間の変化",
-  "commission": "手数料",
-  "actions": "アクション",
-  "jailed": "投獄中",
-  "top": "トップ",
-  "description": "低ランクのバリデーターに委任すると、ネットワーク全体のセキュリティが向上します。",
-  "about_us": "私たちについて",
-  "website": "ウェブサイト",
-  "contact": "お問い合わせ",
-  "validator_status": "バリデーターの状態",
-  "status": "ステータス",
-  "total_bonded": "総担保トークン",
-  "self_bonded": "自己担保",
-  "min_self": "最小自己委任",
-  "annual_profit": "年次利益",
-  "unbonding_height": "アンバンディング高さ",
-  "commissions_&_rewards": "手数料と報酬",
-  "commissions": "手数料",
-  "outstanding": "未解決",
-  "addresses": "アドレス",
-  "account_addr": "アカウントアドレス",
-  "operator_addr": "オペレーターアドレス",
-  "hex_addr": "16進数アドレス",
-  "signer_addr": "署名者アドレス",
-  "consensus_pub_key": "コンセンサス公開鍵",
-  "liquid_staking": "流動性ステーキング",
-  "liquid_staking_shares": "流動性シェア",
-  "validator_bond_share": "バリデーター担保シェア"
-},
+    "inflation": "インフレーション",
+    "unbonding_time": "アンバンディング時間",
+    "double_sign_slashing": "ダブルサインの罰金",
+    "downtime_slashing": "ダウンタイムの罰金",
+    "popular": "人気",
+    "active": "アクティブ",
+    "inactive": "非アクティブ",
+    "rank": "ランク",
+    "validator": "バリデーター",
+    "voting_power": "投票権",
+    "24h_changes": "24時間の変化",
+    "commission": "手数料",
+    "actions": "アクション",
+    "jailed": "投獄中",
+    "top": "トップ",
+    "description": "低ランクのバリデーターに委任すると、ネットワーク全体のセキュリティが向上します。",
+    "about_us": "私たちについて",
+    "website": "ウェブサイト",
+    "contact": "お問い合わせ",
+    "validator_status": "バリデーターの状態",
+    "status": "ステータス",
+    "total_bonded": "総担保トークン",
+    "self_bonded": "自己担保",
+    "min_self": "最小自己委任",
+    "annual_profit": "年次利益",
+    "unbonding_height": "アンバンディング高さ",
+    "commissions_&_rewards": "手数料と報酬",
+    "commissions": "手数料",
+    "outstanding": "未解決",
+    "addresses": "アドレス",
+    "account_addr": "アカウントアドレス",
+    "operator_addr": "オペレーターアドレス",
+    "hex_addr": "16進数アドレス",
+    "signer_addr": "署名者アドレス",
+    "consensus_pub_key": "コンセンサス公開鍵",
+    "liquid_staking": "流動性ステーキング",
+    "liquid_staking_shares": "流動性シェア",
+    "validator_bond_share": "バリデーター担保シェア"
+  },
   "statesync": {
-  "title": "ステートシンクとは？",
-  "title_2": "ステートシンクから新しいノードを開始",
-  "title_3": "ステートシンクのためにスナップショットを有効にする",
-  "description": "Tendermint Core 0.34リリースはステートシンクをサポートしており、新しいノードが最近の高さでアプリケーションの状態のスナップショットを取得してネットワークに参加できるようにします。これにより、数日から数分に同期にかかる時間を短縮できます。クリック",
-  "here": "こちら",
-  "version": "バージョン",
-  "for_more_info": "詳細情報は",
-  "text_1": "バイナリをインストール",
-  "text_1_1": "最初にバイナリをインストールし、メインネットで現在使用されているバージョンであることを確認する必要があります。",
-  "text_2": "ステートシンクを有効にする",
-  "text_2_1": "Tendermintを$DAEMON_HOME/config/config.tomlでステートシンクを使用するように構成できます。",
-  "text_3": "デーモンを開始",
-  "text_3_1": "ノードをリセットしている場合は、デーモンを開始する前に実行します。",
-  "text_3_2": "",
-  "text_title_3": "ステートシンクを機能させるために、$DAEMON_HOME/config/app.tomlでスナップショットを有効にできます。"
-},
+    "title": "ステートシンクとは？",
+    "title_2": "ステートシンクから新しいノードを開始",
+    "title_3": "ステートシンクのためにスナップショットを有効にする",
+    "description": "Tendermint Core 0.34リリースはステートシンクをサポートしており、新しいノードが最近の高さでアプリケーションの状態のスナップショットを取得してネットワークに参加できるようにします。これにより、数日から数分に同期にかかる時間を短縮できます。クリック",
+    "here": "こちら",
+    "version": "バージョン",
+    "for_more_info": "詳細情報は",
+    "text_1": "バイナリをインストール",
+    "text_1_1": "最初にバイナリをインストールし、メインネットで現在使用されているバージョンであることを確認する必要があります。",
+    "text_2": "ステートシンクを有効にする",
+    "text_2_1": "Tendermintを$DAEMON_HOME/config/config.tomlでステートシンクを使用するように構成できます。",
+    "text_3": "デーモンを開始",
+    "text_3_1": "ノードをリセットしている場合は、デーモンを開始する前に実行します。",
+    "text_3_2": "",
+    "text_title_3": "ステートシンクを機能させるために、$DAEMON_HOME/config/app.tomlでスナップショットを有効にできます。"
+  },
   "tx": {
-  "title": "概要",
-  "tx_hash": "取引ハッシュ",
-  "gas": "ガス",
-  "fee": "手数料",
-  "memo": "メモ",
-  "no_messages": "メッセージはありません"
-},
+    "title": "概要",
+    "tx_hash": "取引ハッシュ",
+    "gas": "ガス",
+    "fee": "手数料",
+    "memo": "メモ",
+    "no_messages": "メッセージはありません"
+  },
   "uptime": {
-  "overall": "全体",
-  "customize": "カスタマイズ",
-  "only_consumer_set": "消費者セットのみ",
-  "last_jailed_time": "最終投獄時間",
-  "signed_precommits": "署名済みプレコミット",
-  "start_height": "開始高さ",
-  "tombstoned": "トムストーン化",
-  "minimum_uptime": "ウィンドウごとの最小稼働時間",
-  "my_validators": "私のバリデーター",
-  "add_validators_monitor": "監視したいバリデーターを追加",
-  "no": "いいえ",
-  "signed_blocks": "署名済みブロック",
-  "missing_blocks": "欠落したブロック",
-  "add_validators": "バリデーターを追加",
-  "add": "追加",
-  "legend": "凡例",
-  "committed": "コミット済み",
-  "precommitted": "プレコミット済み",
-  "missed": "見逃し"
+    "overall": "全体",
+    "customize": "カスタマイズ",
+    "only_consumer_set": "消費者セットのみ",
+    "last_jailed_time": "最終投獄時間",
+    "signed_precommits": "署名済みプレコミット",
+    "start_height": "開始高さ",
+    "tombstoned": "トムストーン化",
+    "minimum_uptime": "ウィンドウごとの最小稼働時間",
+    "my_validators": "私のバリデーター",
+    "add_validators_monitor": "監視したいバリデーターを追加",
+    "no": "いいえ",
+    "signed_blocks": "署名済みブロック",
+    "missing_blocks": "欠落したブロック",
+    "add_validators": "バリデーターを追加",
+    "add": "追加",
+    "legend": "凡例",
+    "committed": "コミット済み",
+    "precommitted": "プレコミット済み",
+    "missed": "見逃し"
   },
   "widget": {
-  "title": "初期設定",
-  "endpoint": "エンドポイント",
-  "select_endpoint": "エンドポイントを選択",
-  "text_1": "グローバルスクリプトをインポート",
-  "text_2": "ウォレットに接続",
-  "text_3": "オスモシス変換"
+    "title": "初期設定",
+    "endpoint": "エンドポイント",
+    "select_endpoint": "エンドポイントを選択",
+    "text_1": "グローバルスクリプトをインポート",
+    "text_2": "ウォレットに接続",
+    "text_3": "オスモシス変換"
   },
   "index": {
-  "rank": "ランク",
-  "price_calculator": "価格計算機",
-  "close": "閉じる",
-  "buy": "購入",
-  "active_proposals": "アクティブな提案",
-  "no_active_proposals": "アクティブな提案はありません",
-  "more": "もっと",
-  "reward": "報酬",
-  "unbonding": "アンバンディング",
-  "btn_withdraw_reward": "報酬を引き出す",
-  "btn_swap": "スワップ",
-  "receive": "受け取る",
-  "app_versions": "アプリケーションバージョン",
-  "node_info": "ノード情報"
+    "rank": "ランク",
+    "price_calculator": "価格計算機",
+    "close": "閉じる",
+    "buy": "購入",
+    "active_proposals": "アクティブな提案",
+    "no_active_proposals": "アクティブな提案はありません",
+    "more": "もっと",
+    "reward": "報酬",
+    "unbonding": "アンバンディング",
+    "btn_withdraw_reward": "報酬を引き出す",
+    "btn_swap": "スワップ",
+    "receive": "受け取る",
+    "app_versions": "アプリケーションバージョン",
+    "node_info": "ノード情報"
   }
 }
diff --git a/src/plugins/i18n/locales/ko.json b/src/plugins/i18n/locales/ko.json
index 1da9cf71ac..8fe5b77bf9 100644
--- a/src/plugins/i18n/locales/ko.json
+++ b/src/plugins/i18n/locales/ko.json
@@ -189,44 +189,44 @@
     "btn_in": "입력"
   },
   "staking": {
-  "inflation": "인플레이션",
-  "unbonding_time": "언본딩 시간",
-  "double_sign_slashing": "이중 서명 슬래싱",
-  "downtime_slashing": "다운타임 슬래싱",
-  "popular": "인기",
-  "active": "활성",
-  "inactive": "비활성",
-  "rank": "순위",
-  "validator": "검증인",
-  "voting_power": "투표 권한",
-  "24h_changes": "24시간 변화",
-  "commission": "커미션",
-  "actions": "작업",
-  "jailed": "감금됨",
-  "top": "상위",
-  "description": "순위가 낮은 검증인에게 위임하면 네트워크의 전체 보안을 강화할 수 있습니다.",
-  "about_us": "회사 소개",
-  "website": "웹사이트",
-  "contact": "연락처",
-  "validator_status": "검증인 상태",
-  "status": "상태",
-  "total_bonded": "전체 본딩 토큰",
-  "self_bonded": "셀프 본딩",
-  "min_self": "최소 셀프 위임",
-  "annual_profit": "연간 수익",
-  "unbonding_height": "언본딩 높이",
-  "commissions_&_rewards": "커미션 및 보상",
-  "commissions": "커미션",
-  "outstanding": "미지급",
-  "addresses": "주소",
-  "account_addr": "계정 주소",
-  "operator_addr": "운영자 주소",
-  "hex_addr": "Hex 주소",
-  "signer_addr": "서명자 주소",
-  "consensus_pub_key": "합의 공개 키",
-  "liquid_staking": "유동 스테이킹",
-  "liquid_staking_shares": "유동 지분",
-  "validator_bond_share": "검증인 본딩 지분"
+    "inflation": "인플레이션",
+    "unbonding_time": "언본딩 시간",
+    "double_sign_slashing": "이중 서명 슬래싱",
+    "downtime_slashing": "다운타임 슬래싱",
+    "popular": "인기",
+    "active": "활성",
+    "inactive": "비활성",
+    "rank": "순위",
+    "validator": "검증인",
+    "voting_power": "투표 권한",
+    "24h_changes": "24시간 변화",
+    "commission": "커미션",
+    "actions": "작업",
+    "jailed": "감금됨",
+    "top": "상위",
+    "description": "순위가 낮은 검증인에게 위임하면 네트워크의 전체 보안을 강화할 수 있습니다.",
+    "about_us": "회사 소개",
+    "website": "웹사이트",
+    "contact": "연락처",
+    "validator_status": "검증인 상태",
+    "status": "상태",
+    "total_bonded": "전체 본딩 토큰",
+    "self_bonded": "셀프 본딩",
+    "min_self": "최소 셀프 위임",
+    "annual_profit": "연간 수익",
+    "unbonding_height": "언본딩 높이",
+    "commissions_&_rewards": "커미션 및 보상",
+    "commissions": "커미션",
+    "outstanding": "미지급",
+    "addresses": "주소",
+    "account_addr": "계정 주소",
+    "operator_addr": "운영자 주소",
+    "hex_addr": "Hex 주소",
+    "signer_addr": "서명자 주소",
+    "consensus_pub_key": "합의 공개 키",
+    "liquid_staking": "유동 스테이킹",
+    "liquid_staking_shares": "유동 지분",
+    "validator_bond_share": "검증인 본딩 지분"
   },
   "statesync": {
     "title": "상태 동기화란?",
diff --git a/src/router/index.ts b/src/router/index.ts
index 7030ae872b..2babeff5a2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,9 +1,9 @@
-import { useBlockchain } from "@/stores";
-import { createRouter, createWebHistory } from "vue-router";
+import { useBlockchain } from '@/stores';
+import { createRouter, createWebHistory } from 'vue-router';
 // @ts-ignore
-import { setupLayouts } from "virtual:generated-layouts";
+import { setupLayouts } from 'virtual:generated-layouts';
 // @ts-ignore
-import routes from "~pages";
+import routes from '~pages';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -12,15 +12,15 @@ const router = createRouter({
 
 //update current blockchain
 router.beforeEach((to) => {
-    const { chain } = to.params
-    if(chain){
-      const blockchain= useBlockchain()
-      if(chain !== blockchain.chainName) {
-        blockchain.setCurrent(chain.toString())
-      }
-    } 
-})
+  const { chain } = to.params;
+  if (chain) {
+    const blockchain = useBlockchain();
+    if (chain !== blockchain.chainName) {
+      blockchain.setCurrent(chain.toString());
+    }
+  }
+});
 
 // Docs: https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards
 
-export default router;
\ No newline at end of file
+export default router;
diff --git a/src/stores/useBankStore.ts b/src/stores/useBankStore.ts
index c616142243..eb38807936 100644
--- a/src/stores/useBankStore.ts
+++ b/src/stores/useBankStore.ts
@@ -10,7 +10,7 @@ export const useBankStore = defineStore('bankstore', {
       supply: {} as Coin,
       balances: {} as Record<string, Coin[]>,
       totalSupply: { supply: [] as Coin[] },
-      ibcDenoms: {} as Record<string, DenomTrace>
+      ibcDenoms: {} as Record<string, DenomTrace>,
     };
   },
   getters: {
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 48109eb443..b533eabc09 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -8,118 +8,119 @@ import { fromBase64 } from '@cosmjs/encoding';
 import { useRouter } from 'vue-router';
 
 export const useBaseStore = defineStore('baseStore', {
-    state: () => {
-        return {
-            earlest: {} as Block,
-            latest: {} as Block,
-            recents: [] as Block[],
-            theme: (window.localStorage.getItem('theme') || 'dark') as
-                | 'light'
-                | 'dark',
-            connected: true,
-        };
+  state: () => {
+    return {
+      earlest: {} as Block,
+      latest: {} as Block,
+      recents: [] as Block[],
+      theme: (window.localStorage.getItem('theme') || 'dark') as
+        | 'light'
+        | 'dark',
+      connected: true,
+    };
+  },
+  getters: {
+    blocktime(): number {
+      if (this.earlest && this.latest) {
+        if (
+          this.latest.block?.header?.height !==
+          this.earlest.block?.header?.height
+        ) {
+          const diff = dayjs(this.latest.block?.header?.time).diff(
+            this.earlest.block?.header?.time
+          );
+          const blocks =
+            Number(this.latest.block.header.height) -
+            Number(this.earlest.block.header.height);
+          return diff / blocks;
+        }
+      }
+      return 6000;
     },
-    getters: {
-        blocktime(): number {
-            if (this.earlest && this.latest) {
-                if (
-                    this.latest.block?.header?.height !==
-                    this.earlest.block?.header?.height
-                ) {
-                    const diff = dayjs(this.latest.block?.header?.time).diff(
-                        this.earlest.block?.header?.time
-                    );
-                    const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height)
-                    return diff / (blocks);
-                }
-            }
-            return 6000;
-        },
-        blockchain() {
-            return useBlockchain();
-        },
-        currentChainId(): string {
-            return this.latest.block?.header.chain_id || '';
-        },
-        txsInRecents() {
-            const txs = [] as {
-                height: string;
-                hash: string;
-                tx: DecodedTxRaw;
-            }[];
-            this.recents.forEach((b) =>
-                b.block?.data?.txs.forEach((tx: string) => {
-                    if (tx) {
-                        const raw = fromBase64(tx);
-                        try {
-                            txs.push({
-                                height: b.block.header.height,
-                                hash: hashTx(raw),
-                                tx: decodeTxRaw(raw),
-                            });
-                        } catch (e) {
-                            console.error(e);
-                        }
-                    }
-                })
-            );
-            return txs.sort((a, b) => {return Number(b.height) - Number(a.height)});
-        },
+    blockchain() {
+      return useBlockchain();
     },
-    actions: {
-        async initial() {
-            this.fetchLatest()
-        },
-        async clearRecentBlocks() {
-            this.recents = [];
-        },
-        async fetchLatest() {
-            try{
-                this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-                this.connected = true
-            }catch(e) {
-                this.connected = false
-            }
-            if (
-                !this.earlest ||
-                this.earlest?.block?.header?.chain_id !=
-                    this.latest?.block?.header?.chain_id
-            ) {
-                //reset earlest and recents
-                this.earlest = this.latest;
-                this.recents = [];
-            }
-            //check if the block exists in recents
-            if (
-                this.recents.findIndex(
-                    (x) => x?.block_id?.hash === this.latest?.block_id?.hash
-                ) === -1
-            ) {
-                if (this.recents.length >= 50) {
-                    this.recents.shift();
-                }
-                this.recents.push(this.latest);
+    currentChainId(): string {
+      return this.latest.block?.header.chain_id || '';
+    },
+    txsInRecents() {
+      const txs = [] as {
+        height: string;
+        hash: string;
+        tx: DecodedTxRaw;
+      }[];
+      this.recents.forEach((b) =>
+        b.block?.data?.txs.forEach((tx: string) => {
+          if (tx) {
+            const raw = fromBase64(tx);
+            try {
+              txs.push({
+                height: b.block.header.height,
+                hash: hashTx(raw),
+                tx: decodeTxRaw(raw),
+              });
+            } catch (e) {
+              console.error(e);
             }
-            return this.latest;
-        },
+          }
+        })
+      );
+      return txs.sort((a, b) => {
+        return Number(b.height) - Number(a.height);
+      });
+    },
+  },
+  actions: {
+    async initial() {
+      this.fetchLatest();
+    },
+    async clearRecentBlocks() {
+      this.recents = [];
+    },
+    async fetchLatest() {
+      try {
+        this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
+        this.connected = true;
+      } catch (e) {
+        this.connected = false;
+      }
+      if (
+        !this.earlest ||
+        this.earlest?.block?.header?.chain_id !=
+          this.latest?.block?.header?.chain_id
+      ) {
+        //reset earlest and recents
+        this.earlest = this.latest;
+        this.recents = [];
+      }
+      //check if the block exists in recents
+      if (
+        this.recents.findIndex(
+          (x) => x?.block_id?.hash === this.latest?.block_id?.hash
+        ) === -1
+      ) {
+        if (this.recents.length >= 50) {
+          this.recents.shift();
+        }
+        this.recents.push(this.latest);
+      }
+      return this.latest;
+    },
 
-        async fetchValidatorByHeight(height?: number, offset = 0) {
-            return this.blockchain.rpc.getBaseValidatorsetAt(
-                String(height),
-                offset
-            );
-        },
-        async fetchLatestValidators(offset = 0) {
-            return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
-        },
-        async fetchBlock(height?: number | string) {
-            return this.blockchain.rpc.getBaseBlockAt(String(height));
-        },
-        async fetchAbciInfo() {
-            return this.blockchain.rpc.getBaseNodeInfo();
-        },
-        // async fetchNodeInfo() {
-        //     return this.blockchain.rpc.no()
-        // }
+    async fetchValidatorByHeight(height?: number, offset = 0) {
+      return this.blockchain.rpc.getBaseValidatorsetAt(String(height), offset);
+    },
+    async fetchLatestValidators(offset = 0) {
+      return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
+    },
+    async fetchBlock(height?: number | string) {
+      return this.blockchain.rpc.getBaseBlockAt(String(height));
+    },
+    async fetchAbciInfo() {
+      return this.blockchain.rpc.getBaseNodeInfo();
     },
+    // async fetchNodeInfo() {
+    //     return this.blockchain.rpc.no()
+    // }
+  },
 });
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index 8f5ccdedb0..67407e44f9 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -20,7 +20,7 @@ import {
   useGovStore,
   useMintStore,
   useStakingStore,
-  useWalletStore
+  useWalletStore,
 } from '.';
 import { useBlockModule } from '@/modules/[chain]/block/block';
 import { DEFAULT } from '@/libs';
@@ -42,10 +42,10 @@ export const useBlockchain = defineStore('blockchain', {
   },
   getters: {
     current(): ChainConfig | undefined {
-      const chain = this.dashboard.chains[this.chainName]
+      const chain = this.dashboard.chains[this.chainName];
       // update chain config with dynamic updated sdk version
-      const sdkversion = localStorage.getItem(`sdk_version_${this.chainName}`)
-      if(sdkversion && chain?.versions) {
+      const sdkversion = localStorage.getItem(`sdk_version_${this.chainName}`);
+      if (sdkversion && chain?.versions) {
         chain.versions.cosmosSdk = sdkversion;
       }
       return chain;
@@ -72,7 +72,7 @@ export const useBlockchain = defineStore('blockchain', {
         if (this.current?.themeColor) {
           const { color } = hexToRgb(this.current?.themeColor);
           const { h, s, l } = rgbToHsl(color);
-          const themeColor = h + ' ' + s + '% ' + l +'%';
+          const themeColor = h + ' ' + s + '% ' + l + '%';
           document.body.style.setProperty('--p', `${themeColor}`);
           // document.body.style.setProperty('--p', `${this.current?.themeColor}`);
         } else {
@@ -157,7 +157,7 @@ export const useBlockchain = defineStore('blockchain', {
       useDistributionStore().initial();
     },
 
-    randomEndpoint(chainName: string) : Endpoint | undefined {
+    randomEndpoint(chainName: string): Endpoint | undefined {
       const end = localStorage.getItem(`endpoint-${chainName}`);
       if (end) {
         return JSON.parse(end);
@@ -166,14 +166,14 @@ export const useBlockchain = defineStore('blockchain', {
         if (all) {
           const rn = Math.random();
           const endpoint = all[Math.floor(rn * all.length)];
-          return endpoint
+          return endpoint;
         }
       }
     },
 
     async randomSetupEndpoint() {
-      const endpoint = this.randomEndpoint(this.chainName)
-      if(endpoint) await this.setRestEndpoint(endpoint);
+      const endpoint = this.randomEndpoint(this.chainName);
+      if (endpoint) await this.setRestEndpoint(endpoint);
     },
 
     async setRestEndpoint(endpoint: Endpoint) {
@@ -187,14 +187,15 @@ export const useBlockchain = defineStore('blockchain', {
     },
     async setCurrent(name: string) {
       // Ensure chains are loaded due to asynchronous calls.
-      if(this.dashboard.length === 0) {
+      if (this.dashboard.length === 0) {
         await this.dashboard.initial();
       }
 
       // Find the case-sensitive name for the chainName, else simply use the parameter-value.
-      const caseSensitiveName = 
-        Object.keys(this.dashboard.chains).find((x) => x.toLowerCase() === name.toLowerCase()) 
-        || name;
+      const caseSensitiveName =
+        Object.keys(this.dashboard.chains).find(
+          (x) => x.toLowerCase() === name.toLowerCase()
+        ) || name;
 
       // Update chainName if needed
       if (caseSensitiveName !== this.chainName) {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 8354c17b4f..abbf8db2cb 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -62,7 +62,7 @@ export interface ChainConfig {
   coinType: string;
   assets: Asset[];
   themeColor?: string;
-  features?: string[]
+  features?: string[];
   endpoints: {
     rest?: Endpoint[];
     rpc?: Endpoint[];
@@ -77,20 +77,20 @@ export interface ChainConfig {
   exponent: string;
   excludes?: string;
   providerChain: {
-    api: Endpoint[]
+    api: Endpoint[];
   };
   // keplr config
-  keplrFeatures?: string[],
+  keplrFeatures?: string[];
   keplrPriceStep?: {
-    low: number,
-    average: number,
-    high: number,
-  },  
+    low: number;
+    average: number;
+    high: number;
+  };
   faucet?: {
-    amount: string,
-    ip_limit: number,
-    address_limit: number,
-    fees: string
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
   };
 }
 
@@ -101,8 +101,8 @@ export interface LocalConfig {
   api: string[] | Endpoint[];
   grpc: Endpoint[];
   provider_chain: {
-    api: string[] | Endpoint[]
-  }
+    api: string[] | Endpoint[];
+  };
   assets: {
     base: string;
     coingecko_id: string;
@@ -120,16 +120,16 @@ export interface LocalConfig {
   registry_name?: string;
   features?: string[];
   keplr_price_step?: {
-    low: number,
-    average: number,
-    high: number,
-  },
-  keplr_features: string[],
+    low: number;
+    average: number;
+    high: number;
+  };
+  keplr_features: string[];
   faucet?: {
-    amount: string,
-    ip_limit: number,
-    address_limit: number,
-    fees: string
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
   };
 }
 
@@ -151,7 +151,7 @@ function apiConverter(api: any[]) {
 
 export function fromLocal(lc: LocalConfig): ChainConfig {
   const conf = {} as ChainConfig;
-  if(lc.assets && Array.isArray(lc.assets)) {
+  if (lc.assets && Array.isArray(lc.assets)) {
     conf.assets = lc.assets.map((x) => ({
       name: x.base,
       base: x.base,
@@ -167,10 +167,11 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     }));
   }
   conf.versions = {
-    cosmosSdk: lc.sdk_version
-  }
+    cosmosSdk: lc.sdk_version,
+  };
   conf.bech32Prefix = lc.addr_prefix;
-  conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
+  conf.bech32ConsensusPrefix =
+    lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
@@ -179,13 +180,15 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     rpc: apiConverter(lc.rpc),
     grpc: apiConverter(lc.grpc),
   };
-  if(lc.provider_chain) {
+  if (lc.provider_chain) {
     conf.providerChain = {
-      api: apiConverter(lc.provider_chain.api)
-    }
+      api: apiConverter(lc.provider_chain.api),
+    };
   }
-  conf.features = lc.features
-  conf.logo = lc.logo.startsWith('http') ? lc.logo : `https://ping.pub${lc.logo}`;
+  conf.features = lc.features;
+  conf.logo = lc.logo.startsWith('http')
+    ? lc.logo
+    : `https://ping.pub${lc.logo}`;
   conf.keplrFeatures = lc.keplr_features;
   conf.keplrPriceStep = lc.keplr_price_step;
   conf.themeColor = lc.theme_color;
@@ -277,8 +280,7 @@ export enum ConfigSource {
 export const useDashboard = defineStore('dashboard', {
   state: () => {
     const favMap = JSON.parse(
-      localStorage.getItem('favoriteMap') ||
-        '{"cosmos":true, "osmosis":true}'
+      localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}'
     );
     return {
       status: LoadingStatus.Empty,
@@ -287,7 +289,10 @@ export const useDashboard = defineStore('dashboard', {
       favoriteMap: favMap as Record<string, boolean>,
       chains: {} as Record<string, ChainConfig>,
       prices: {} as Record<string, any>,
-      coingecko: {} as Record<string, {coinId: string, exponent: number, symbol: string}>,
+      coingecko: {} as Record<
+        string,
+        { coinId: string; exponent: number; symbol: string }
+      >,
     };
   },
   getters: {
@@ -301,28 +306,33 @@ export const useDashboard = defineStore('dashboard', {
       // await this.loadingFromRegistry()
     },
     loadingPrices() {
-      const coinIds = [] as string[]
-      const keys = Object.keys(this.chains) // load all blockchain
+      const coinIds = [] as string[];
+      const keys = Object.keys(this.chains); // load all blockchain
       // Object.keys(this.favoriteMap) //only load favorite once it has too many chains
-      keys.forEach(k => {
-        if(Array.isArray(this.chains[k]?.assets)) this.chains[k].assets.forEach(a => {
-          if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
-            coinIds.push(a.coingecko_id)
-            a.denom_units.forEach(u => {
-              this.coingecko[u.denom] = {
-                coinId: a.coingecko_id || '',
-                exponent: u.exponent,
-                symbol: a.symbol
-              }
-            })
-          } 
-        })
-      })
+      keys.forEach((k) => {
+        if (Array.isArray(this.chains[k]?.assets))
+          this.chains[k].assets.forEach((a) => {
+            if (a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
+              coinIds.push(a.coingecko_id);
+              a.denom_units.forEach((u) => {
+                this.coingecko[u.denom] = {
+                  coinId: a.coingecko_id || '',
+                  exponent: u.exponent,
+                  symbol: a.symbol,
+                };
+              });
+            }
+          });
+      });
 
-      const currencies = ['usd, cny'] // usd,cny,eur,jpy,krw,sgd,hkd
-      get(`https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(',')}&ids=${coinIds.join(",")}`).then(x => {
-        this.prices = x
-      })
+      const currencies = ['usd, cny']; // usd,cny,eur,jpy,krw,sgd,hkd
+      get(
+        `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
+          ','
+        )}&ids=${coinIds.join(',')}`
+      ).then((x) => {
+        this.prices = x;
+      });
     },
     async loadingFromRegistry() {
       if (this.status === LoadingStatus.Empty) {
@@ -336,8 +346,8 @@ export const useDashboard = defineStore('dashboard', {
       }
     },
     async loadingFromLocal() {
-      if(window.location.hostname.search("testnet") > -1) {
-        this.networkType = NetworkType.Testnet
+      if (window.location.hostname.search('testnet') > -1) {
+        this.networkType = NetworkType.Testnet;
       }
       const source: Record<string, LocalConfig> =
         this.networkType === NetworkType.Mainnet
@@ -350,7 +360,7 @@ export const useDashboard = defineStore('dashboard', {
       this.status = LoadingStatus.Loaded;
     },
     async loadLocalConfig(network: NetworkType) {
-      const config: Record<string, ChainConfig> = {} 
+      const config: Record<string, ChainConfig> = {};
       const source: Record<string, LocalConfig> =
         network === NetworkType.Mainnet
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
@@ -358,23 +368,27 @@ export const useDashboard = defineStore('dashboard', {
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
         config[x.chain_name] = fromLocal(x);
       });
-      return config
+      return config;
     },
     setupDefault() {
       if (this.length > 0) {
         const blockchain = useBlockchain();
-        const keys = Object.keys(this.favoriteMap)
+        const keys = Object.keys(this.favoriteMap);
         for (let i = 0; i < keys.length; i++) {
-          if (!blockchain.chainName && this.chains[keys[i]] && this.favoriteMap[keys[i]]) {
+          if (
+            !blockchain.chainName &&
+            this.chains[keys[i]] &&
+            this.favoriteMap[keys[i]]
+          ) {
             blockchain.setCurrent(keys[i]);
-            break
+            break;
           }
         }
         if (!blockchain.chainName) {
           const [first] = Object.keys(this.chains);
           blockchain.setCurrent(first);
         }
-        this.loadingPrices()
+        this.loadingPrices();
       }
     },
     setConfigSource(newSource: ConfigSource) {
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index c3036497d6..d9d7ae2b4e 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -13,7 +13,7 @@ import { consensusPubkeyToHexAddress, get } from '@/libs';
 import { useBankStore } from './useBankStore';
 import type { Coin, DenomTrace } from '@/types';
 import { useDashboard } from './useDashboard';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types'
+import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
 
 dayjs.extend(localeData);
 dayjs.extend(duration);
@@ -72,33 +72,35 @@ export const useFormatter = defineStore('formatter', {
       return trace;
     },
     async fetchDenomMetadata(denom: string) {
-      if(this.loading.includes(denom)) return 
-      this.loading.push(denom)
-      const asset = await get(`https://metadata.ping.pub/metadata/${denom}`) as Asset
-      this.ibcMetadata[denom] = asset
+      if (this.loading.includes(denom)) return;
+      this.loading.push(denom);
+      const asset = (await get(
+        `https://metadata.ping.pub/metadata/${denom}`
+      )) as Asset;
+      this.ibcMetadata[denom] = asset;
     },
     priceInfo(denom: string) {
-      const id = this.dashboard.coingecko[denom]?.coinId || "";
+      const id = this.dashboard.coingecko[denom]?.coinId || '';
       const prices = this.dashboard.prices[id];
       return prices;
     },
     color(change?: number) {
-      if(!change) return ""
+      if (!change) return '';
       switch (true) {
         case change > 0:
-          return "text-success"
+          return 'text-success';
         case change < 0:
-          return "text-error"
+          return 'text-error';
         default:
-          return ""
+          return '';
       }
     },
-    priceColor(denom: string, currency = "usd") {
-      const change = this.priceChanges(denom, currency)
-      return this.color(change)
+    priceColor(denom: string, currency = 'usd') {
+      const change = this.priceChanges(denom, currency);
+      return this.color(change);
     },
-    price(denom: string, currency = "usd") {
-      if(!denom || denom.length < 2) return 0
+    price(denom: string, currency = 'usd') {
+      if (!denom || denom.length < 2) return 0;
       const info = this.priceInfo(denom);
       return info ? info[currency] || 0 : 0;
     },
@@ -107,39 +109,45 @@ export const useFormatter = defineStore('formatter', {
       return info ? info[`${currency}_24h_change`] || 0 : 0;
     },
     showChanges(v?: number) {
-      return v!==0 ? numeral(v).format("+0,0"): ""
+      return v !== 0 ? numeral(v).format('+0,0') : '';
     },
     tokenValue(token?: Coin) {
-      if(token) {
-        return numeral(this.tokenValueNumber(token)).format("0,0.[00]")
+      if (token) {
+        return numeral(this.tokenValueNumber(token)).format('0,0.[00]');
       }
-      return ""
+      return '';
     },
     specialDenom(denom: string) {
-      switch(true) {
-        case denom.startsWith('u'): return 6
-        case denom.startsWith("a"): return 18
-        case denom==='inj': return 18
+      switch (true) {
+        case denom.startsWith('u'):
+          return 6;
+        case denom.startsWith('a'):
+          return 18;
+        case denom === 'inj':
+          return 18;
       }
-      return this.exponentForDenom(denom)
+      return this.exponentForDenom(denom);
     },
     tokenAmountNumber(token?: Coin) {
-      if(!token || !token.denom) return 0
+      if (!token || !token.denom) return 0;
 
       // find the symbol
-      const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom 
+      const symbol =
+        this.dashboard.coingecko[token.denom]?.symbol || token.denom;
       // convert denomination to symbol
-      const exponent = this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
+      const exponent =
+        this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent ||
+        this.specialDenom(token.denom);
       // caculate amount of symbol
-      const amount = Number(token.amount) / (10 ** exponent)
-      return amount
+      const amount = Number(token.amount) / 10 ** exponent;
+      return amount;
     },
     tokenValueNumber(token?: Coin) {
-      if(!token || !token.denom) return 0
+      if (!token || !token.denom) return 0;
 
-      const amount = this.tokenAmountNumber(token)
-      const value = amount * this.price(token.denom)
-      return value
+      const amount = this.tokenAmountNumber(token);
+      const value = amount * this.price(token.denom);
+      return value;
     },
     formatTokenAmount(token: { denom: string; amount: string }) {
       return this.formatToken(token, false);
@@ -147,20 +155,20 @@ export const useFormatter = defineStore('formatter', {
     formatToken2(token: { denom: string; amount: string }, withDenom = true) {
       return this.formatToken(token, true, '0,0.[00]');
     },
-    
+
     findGlobalAssetConfig(denom: string) {
-      const chains = Object.values(this.dashboard.chains)
-      for ( let i =0; i < chains.length; i++ ) {
-        const assets = chains[i].assets
-        const conf = assets.find(a => a.base === denom)
-        if(conf) {
-          return conf
+      const chains = Object.values(this.dashboard.chains);
+      for (let i = 0; i < chains.length; i++) {
+        const assets = chains[i].assets;
+        const conf = assets.find((a) => a.base === denom);
+        if (conf) {
+          return conf;
         }
       }
-      return undefined
+      return undefined;
     },
     exponentForDenom(denom: string) {
-      const asset: Asset | undefined = this.findGlobalAssetConfig(denom)
+      const asset: Asset | undefined = this.findGlobalAssetConfig(denom);
       let exponent = 0;
       if (asset) {
         // find the max exponent for display
@@ -177,17 +185,16 @@ export const useFormatter = defineStore('formatter', {
       if (denom) {
         let asset: Asset | undefined;
         if (denom && denom.startsWith('ibc/')) {
-           const ibcDenom = denom.replace('ibc/', '')
-           asset = this.ibcMetadata[ibcDenom];
-          if(!asset) {
+          const ibcDenom = denom.replace('ibc/', '');
+          asset = this.ibcMetadata[ibcDenom];
+          if (!asset) {
             // update ibc metadata if not exits in local cache
-            this.fetchDenomMetadata(ibcDenom)
+            this.fetchDenomMetadata(ibcDenom);
           } else {
-            console.log("ibc metadata", asset)
+            console.log('ibc metadata', asset);
           }
-
         } else {
-          asset = this.findGlobalAssetConfig(denom)
+          asset = this.findGlobalAssetConfig(denom);
         }
 
         if (asset) {
@@ -197,7 +204,7 @@ export const useFormatter = defineStore('formatter', {
             if (x.exponent >= unit.exponent) {
               unit = x;
             }
-          });          
+          });
           return unit.denom;
         }
         return denom;
@@ -211,15 +218,18 @@ export const useFormatter = defineStore('formatter', {
         let amount = Number(token.amount);
         let denom = token.denom;
 
-        let conf = mode === 'local'? this.blockchain.current?.assets?.find(
-          // @ts-ignore
-          (x) => x.base === token.denom || x.base.denom === token.denom
-        ): this.findGlobalAssetConfig(token.denom)
+        let conf =
+          mode === 'local'
+            ? this.blockchain.current?.assets?.find(
+                // @ts-ignore
+                (x) => x.base === token.denom || x.base.denom === token.denom
+              )
+            : this.findGlobalAssetConfig(token.denom);
 
         if (denom && denom.startsWith('ibc/')) {
           conf = this.ibcMetadata[denom.replace('ibc/', '')];
           if (!conf) {
-            this.fetchDenomMetadata(denom.replace('ibc/', ''))
+            this.fetchDenomMetadata(denom.replace('ibc/', ''));
           }
         }
 
@@ -249,15 +259,18 @@ export const useFormatter = defineStore('formatter', {
         let amount = Number(token.amount);
         let denom = token.denom;
 
-        let conf = mode === 'local'? this.blockchain.current?.assets?.find(
-          // @ts-ignore
-          (x) => x.base === token.denom || x.base.denom === token.denom
-        ): this.findGlobalAssetConfig(token.denom)
+        let conf =
+          mode === 'local'
+            ? this.blockchain.current?.assets?.find(
+                // @ts-ignore
+                (x) => x.base === token.denom || x.base.denom === token.denom
+              )
+            : this.findGlobalAssetConfig(token.denom);
 
         if (denom && denom.startsWith('ibc/')) {
           conf = this.ibcMetadata[denom.replace('ibc/', '')];
           if (!conf) {
-            this.fetchDenomMetadata(denom.replace('ibc/', ''))
+            this.fetchDenomMetadata(denom.replace('ibc/', ''));
           }
         }
 
@@ -274,11 +287,11 @@ export const useFormatter = defineStore('formatter', {
             denom = unit.denom.toUpperCase();
           }
         }
-        if(amount < 0.000001) {
+        if (amount < 0.000001) {
           return `0 ${denom.substring(0, 10)}`;
         }
-        if(amount < 0.01) {
-          fmt = '0.[000000]'
+        if (amount < 0.01) {
+          fmt = '0.[000000]';
         }
         return `${numeral(amount).format(fmt)} ${
           withDenom ? denom.substring(0, 10) : ''
@@ -338,17 +351,17 @@ export const useFormatter = defineStore('formatter', {
       return decimal ? numeral(decimal).format('0.[00]%') : '-';
     },
     formatNumber(input?: number, fmt = '0.[00]') {
-      if(!input) return ""
-      return numeral(input).format(fmt)
+      if (!input) return '';
+      return numeral(input).format(fmt);
     },
     numberAndSign(input: number, fmt = '+0,0') {
       return numeral(input).format(fmt);
     },
     toLocaleDate(time?: string | number | Date) {
-      if(!time) return ""
-      return new Date(time).toLocaleString(navigator.language)
+      if (!time) return '';
+      return new Date(time).toLocaleString(navigator.language);
     },
-    toDay(time?: string | number| Date, format = 'long') {
+    toDay(time?: string | number | Date, format = 'long') {
       if (!time) return '';
       if (format === 'long') {
         return dayjs(time).format('YYYY-MM-DD HH:mm');
diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index 587839be8f..57c01060b2 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -39,10 +39,10 @@ export const useGovStore = defineStore('govStore', {
       );
 
       //filter spam proposals
-      if(proposals?.proposals) {
+      if (proposals?.proposals) {
         proposals.proposals = proposals.proposals.filter((item) => {
-          const title = item.content?.title || item.title || ""
-          return title.toLowerCase().indexOf("airdrop")===-1
+          const title = item.content?.title || item.title || '';
+          return title.toLowerCase().indexOf('airdrop') === -1;
         });
       }
 
@@ -58,17 +58,18 @@ export const useGovStore = defineStore('govStore', {
                 this.walletstore.currentAddress
               )
                 .then((res) => {
-                  item.voterStatus = res?.vote?.option || 'VOTE_OPTION_NO_WITH_VETO'
+                  item.voterStatus =
+                    res?.vote?.option || 'VOTE_OPTION_NO_WITH_VETO';
                   // 'No With Veto';
                 })
                 .catch((reject) => {
-                  item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+                  item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
                 });
             } catch (error) {
-              item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+              item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
             }
           } else {
-            item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+            item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
           }
         });
       }
diff --git a/src/stores/useParamsStore.ts b/src/stores/useParamsStore.ts
index 509a8648d8..0106a36691 100644
--- a/src/stores/useParamsStore.ts
+++ b/src/stores/useParamsStore.ts
@@ -194,8 +194,11 @@ export const useParamStore = defineStore('paramstore', {
     async handleAbciInfo() {
       const res = await this.fetchAbciInfo();
 
-      localStorage.setItem(`sdk_version_${this.blockchain.chainName}`, res.application_version?.cosmos_sdk_version);
-      
+      localStorage.setItem(
+        `sdk_version_${this.blockchain.chainName}`,
+        res.application_version?.cosmos_sdk_version
+      );
+
       this.appVersion.items = Object.entries(res.application_version).map(
         ([key, value]) => ({ subtitle: key, value: value })
       );
diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index e5c56a2c10..88fe26f432 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -4,8 +4,18 @@ import { useBlockchain } from './useBlockchain';
 import { get } from '@/libs/http';
 import type { StakingParam, StakingPool, Validator } from '@/types';
 import { CosmosRestClient } from '@/libs/client';
-import { consensusPubkeyToHexAddress, pubKeyToValcons, valconsToBase64 } from '@/libs';
-import { toHex, fromBase64, toBase64, fromHex, fromBech32 } from '@cosmjs/encoding';
+import {
+  consensusPubkeyToHexAddress,
+  pubKeyToValcons,
+  valconsToBase64,
+} from '@/libs';
+import {
+  toHex,
+  fromBase64,
+  toBase64,
+  fromHex,
+  fromBech32,
+} from '@cosmjs/encoding';
 import { useBaseStore } from './useBaseStore';
 
 export const useStakingStore = defineStore('stakingStore', {
@@ -67,7 +77,7 @@ export const useStakingStore = defineStore('stakingStore', {
     },
     async fetchInacitveValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDED');
-    },    
+    },
     async fetchUnbondingValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDING');
     },
@@ -83,84 +93,112 @@ export const useStakingStore = defineStore('stakingStore', {
         delegatorAddr
       );
     },
-    async fetchKeyRotation(chain_id: string, validatorAddr: string ) : Promise<string> {
-      if(this.blockchain.isConsumerChain) {
-        if(this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
-          const signatures = useBaseStore().latest?.block?.last_commit.signatures
-          if(signatures) {
+    async fetchKeyRotation(
+      chain_id: string,
+      validatorAddr: string
+    ): Promise<string> {
+      if (this.blockchain.isConsumerChain) {
+        if (
+          this.blockchain.current?.providerChain.api &&
+          this.blockchain.current.providerChain.api.length > 0
+        ) {
+          const signatures =
+            useBaseStore().latest?.block?.last_commit.signatures;
+          if (signatures) {
             // console.log(signatures)
-            const key = toBase64(fromHex(valconsToBase64(validatorAddr)))
-            const exists = signatures.findIndex((x) => x.validator_address === key)
-            if(exists < 0) {
-
-              const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
+            const key = toBase64(fromHex(valconsToBase64(validatorAddr)));
+            const exists = signatures.findIndex(
+              (x) => x.validator_address === key
+            );
+            if (exists < 0) {
+              const client = CosmosRestClient.newDefault(
+                this.blockchain.current.providerChain.api[0].address
+              );
 
-              client.getInterchainSecurityProviderOptedInValidators(chain_id).then((res) => {
-                console.log(res)
-              })
-              const res = await client.getInterchainSecurityValidatorRotatedKey(chain_id, validatorAddr);
-              if(res.consumer_address) {
-                this.keyRotation[validatorAddr] = res.consumer_address
-                localStorage.setItem(`key-rotation-${chain_id}`, JSON.stringify(this.keyRotation))
+              client
+                .getInterchainSecurityProviderOptedInValidators(chain_id)
+                .then((res) => {
+                  console.log(res);
+                });
+              const res = await client.getInterchainSecurityValidatorRotatedKey(
+                chain_id,
+                validatorAddr
+              );
+              if (res.consumer_address) {
+                this.keyRotation[validatorAddr] = res.consumer_address;
+                localStorage.setItem(
+                  `key-rotation-${chain_id}`,
+                  JSON.stringify(this.keyRotation)
+                );
               }
-              return res.consumer_address
+              return res.consumer_address;
             }
           }
         }
       }
-      return ""
+      return '';
     },
 
     async loadKeyRotationFromLocalstorage(chain_id: string) {
-      const keyRotation = localStorage.getItem(`key-rotation-${chain_id}`)
-      this.keyRotation = keyRotation ? JSON.parse(keyRotation) : {}
+      const keyRotation = localStorage.getItem(`key-rotation-${chain_id}`);
+      this.keyRotation = keyRotation ? JSON.parse(keyRotation) : {};
     },
 
-    findRotatedHexAddress(key: {
-      "@type": string;
-      key: string;
-    }) {
-
-      const prefix  = "cosmos"
-      const conskey = pubKeyToValcons(key, prefix)
-      const rotated = this.keyRotation[conskey]
-      if(rotated) {
-        return valconsToBase64(rotated)
+    findRotatedHexAddress(key: { '@type': string; key: string }) {
+      const prefix = 'cosmos';
+      const conskey = pubKeyToValcons(key, prefix);
+      const rotated = this.keyRotation[conskey];
+      if (rotated) {
+        return valconsToBase64(rotated);
       }
-      return consensusPubkeyToHexAddress(key)
-
+      return consensusPubkeyToHexAddress(key);
     },
     async getConsumerValidators(chain_id: string) {
-      if(this.blockchain.current?.providerChain?.api && this.blockchain.current.providerChain.api.length > 0) {
-        const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
-        await client.getStakingValidators('BOND_STATUS_BONDED', 500).then((res) => { this.validators = res.validators });
-        const id_map = {"neutron": "0", "stride": "1"} as Record<string, string>;
-        const consumer_id = Object.keys(id_map).find((k) => chain_id.startsWith(k)) || 0;
-        return client.getInterchainSecurityConsumerValidators(id_map[consumer_id])
+      if (
+        this.blockchain.current?.providerChain?.api &&
+        this.blockchain.current.providerChain.api.length > 0
+      ) {
+        const client = CosmosRestClient.newDefault(
+          this.blockchain.current.providerChain.api[0].address
+        );
+        await client
+          .getStakingValidators('BOND_STATUS_BONDED', 500)
+          .then((res) => {
+            this.validators = res.validators;
+          });
+        const id_map = { neutron: '0', stride: '1' } as Record<string, string>;
+        const consumer_id =
+          Object.keys(id_map).find((k) => chain_id.startsWith(k)) || 0;
+        return client.getInterchainSecurityConsumerValidators(
+          id_map[consumer_id]
+        );
       } else {
-        return { validators: [] }
+        return { validators: [] };
       }
     },
     async fetchAllKeyRotation(chain_id: string) {
-      let vs = []
-      for(const val of this.validators) {
-        const { prefix } = fromBech32(val.operator_address)
-        const cons = pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','valcons'))
-        vs.push(cons)
+      let vs = [];
+      for (const val of this.validators) {
+        const { prefix } = fromBech32(val.operator_address);
+        const cons = pubKeyToValcons(
+          val.consensus_pubkey,
+          prefix.replace('valoper', 'valcons')
+        );
+        vs.push(cons);
       }
     },
     async fetchValidators(status: string, limit = 300) {
-      return this.blockchain.rpc?.getStakingValidators(status, limit).then((res) => {
-        const vals = res.validators.sort(
-          (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
-        );
-        if (status === 'BOND_STATUS_BONDED') {
-          this.validators = vals;
-        }
-        return vals;
-      });
+      return this.blockchain.rpc
+        ?.getStakingValidators(status, limit)
+        .then((res) => {
+          const vals = res.validators.sort(
+            (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
+          );
+          if (status === 'BOND_STATUS_BONDED') {
+            this.validators = vals;
+          }
+          return vals;
+        });
     },
   },
 });
-
-
diff --git a/src/stores/useTxDialog.ts b/src/stores/useTxDialog.ts
index b0196682ee..dcfd84c4cc 100644
--- a/src/stores/useTxDialog.ts
+++ b/src/stores/useTxDialog.ts
@@ -1,68 +1,76 @@
 import { defineStore } from 'pinia';
 import { useWalletStore } from './useWalletStore';
 import { useBlockchain } from './useBlockchain';
-import router from '@/router'
+import router from '@/router';
 
-let CALLBACK: any = null
+let CALLBACK: any = null;
 
 export const useTxDialog = defineStore('txDialogStore', {
   state: () => {
     return {
-      sender: "",
-      type: "send",
-      endpoint: "",
-      params: "",
+      sender: '',
+      type: 'send',
+      endpoint: '',
+      params: '',
     };
   },
   getters: {
     walletAddress() {
-      return useWalletStore().currentAddress
+      return useWalletStore().currentAddress;
     },
     currentEndpoint() {
-      return useBlockchain().endpoint?.address
+      return useBlockchain().endpoint?.address;
     },
     blockchain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     hdPaths() {
-      return useBlockchain().defaultHDPath
+      return useBlockchain().defaultHDPath;
     },
   },
   actions: {
     setParams(param: any) {
-      this.params = JSON.stringify(param)
+      this.params = JSON.stringify(param);
     },
-    openWithArgument(type: string, sender: string, endpoint: string, param: any) {
+    openWithArgument(
+      type: string,
+      sender: string,
+      endpoint: string,
+      param: any
+    ) {
       this.type = type;
       this.sender = sender;
       this.endpoint = endpoint;
-      this.params = JSON.stringify(param)
+      this.params = JSON.stringify(param);
     },
     open(type: string, param: any, callback?: Function) {
       this.type = type;
       this.sender = this.walletAddress;
-      this.endpoint = this.currentEndpoint || "";
-      this.params = JSON.stringify(param)
-      if(callback) {
-        CALLBACK = callback
-      }else {
-        CALLBACK = undefined
+      this.endpoint = this.currentEndpoint || '';
+      this.params = JSON.stringify(param);
+      if (callback) {
+        CALLBACK = callback;
+      } else {
+        CALLBACK = undefined;
       }
     },
     view(tx: {
       detail: {
-        eventType: string,
-        hash: string
-      }
+        eventType: string;
+        hash: string;
+      };
     }) {
-      console.log(tx.detail)
-      if (tx.detail && tx.detail.hash) router.push({ path: `/${this.blockchain.chainName}/tx/${tx.detail.hash}` })
+      console.log(tx.detail);
+      if (tx.detail && tx.detail.hash)
+        router.push({
+          path: `/${this.blockchain.chainName}/tx/${tx.detail.hash}`,
+        });
     },
     confirmed(tx: any) {
-      console.log("confirmed:", tx)
-      if(CALLBACK) {
-        CALLBACK()
+      console.log('confirmed:', tx);
+      if (CALLBACK) {
+        CALLBACK();
       }
-    }
+    },
   },
 });
diff --git a/src/stores/useWalletStore.ts b/src/stores/useWalletStore.ts
index 2843e72e30..e30ecc3a4f 100644
--- a/src/stores/useWalletStore.ts
+++ b/src/stores/useWalletStore.ts
@@ -9,7 +9,7 @@ import type {
   WalletConnected,
 } from '@/types';
 import { useStakingStore } from './useStakingStore';
-import router from '@/router'
+import router from '@/router';
 
 export const useWalletStore = defineStore('walletStore', {
   state: () => {
@@ -17,8 +17,8 @@ export const useWalletStore = defineStore('walletStore', {
       balances: [] as Coin[],
       delegations: [] as Delegation[],
       unbonding: [] as UnbondingResponses[],
-      rewards: {total: [], rewards: []} as DelegatorRewards,
-      wallet: {} as WalletConnected
+      rewards: { total: [], rewards: [] } as DelegatorRewards,
+      wallet: {} as WalletConnected,
     };
   },
   getters: {
@@ -27,11 +27,11 @@ export const useWalletStore = defineStore('walletStore', {
     },
     connectedWallet() {
       // @ts-ignore
-      if(this.wallet.cosmosAddress) return this.wallet
+      if (this.wallet.cosmosAddress) return this.wallet;
       const chainStore = useBlockchain();
       const key = chainStore.defaultHDPath;
       const connected = JSON.parse(localStorage.getItem(key) || '{}');
-      return connected
+      return connected;
     },
     balanceOfStakingToken(): Coin {
       const stakingStore = useStakingStore();
@@ -77,15 +77,14 @@ export const useWalletStore = defineStore('walletStore', {
       return toBech32(chainStore.current?.bech32Prefix || prefix, data);
     },
     shortAddress() {
-      const address: string = this.currentAddress
-      if(address.length > 4) {
-        return `${address.substring(address.length -4)}`
+      const address: string = this.currentAddress;
+      if (address.length > 4) {
+        return `${address.substring(address.length - 4)}`;
       }
-      return ""
-    }
+      return '';
+    },
   },
   actions: {
-
     async loadMyAsset() {
       if (!this.currentAddress) return;
       this.blockchain.rpc.getBankBalances(this.currentAddress).then((x) => {
@@ -122,17 +121,17 @@ export const useWalletStore = defineStore('walletStore', {
       const chainStore = useBlockchain();
       const key = chainStore.defaultHDPath;
       localStorage.removeItem(key);
-      this.$reset()
+      this.$reset();
     },
     setConnectedWallet(value: WalletConnected) {
-      if(value) this.wallet = value 
+      if (value) this.wallet = value;
     },
     suggestChain() {
       if (window.location.pathname === '/SIDE-Testnet') {
-        router.push({path: '/wallet/unisat'})
+        router.push({ path: '/wallet/unisat' });
       } else {
-        router.push({path: '/wallet/keplr'})
+        router.push({ path: '/wallet/keplr' });
       }
-    }
+    },
   },
-});
\ No newline at end of file
+});
diff --git a/src/style.css b/src/style.css
index 98d838c180..ce689b84b4 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,7 +4,8 @@
 @tailwind components;
 @tailwind utilities;
 
-html,body {
+html,
+body {
   height: 100%;
 }
 
@@ -51,4 +52,4 @@ html[data-theme='dark'] {
 .slide-up-leave-to {
   opacity: 0;
   transform: translateY(-calc(15%));
-}
\ No newline at end of file
+}
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 3ed8f0a846..02c33152c0 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -1,24 +1,23 @@
-
-import type { Key, PaginatedResponse } from "./common";
+import type { Key, PaginatedResponse } from './common';
 
 export interface AuthAccount {
-    "@type": string,
-    "address": string,
-    "pub_key": Key,
-    "account_number": string,
-    "sequence": string
+  '@type': string;
+  address: string;
+  pub_key: Key;
+  account_number: string;
+  sequence: string;
 }
 
 export interface AuthParam {
-    params: {
-        "max_memo_characters": string,
-        "tx_sig_limit": string,
-        "tx_size_cost_per_byte": string,
-        "sig_verify_cost_ed25519": string,
-        "sig_verify_cost_secp256k1": string
-    }
+  params: {
+    max_memo_characters: string;
+    tx_sig_limit: string;
+    tx_size_cost_per_byte: string;
+    sig_verify_cost_ed25519: string;
+    sig_verify_cost_secp256k1: string;
+  };
 }
 
 export interface PaginabledAccounts extends PaginatedResponse {
-    accounts: AuthAccount[]
-}
\ No newline at end of file
+  accounts: AuthAccount[];
+}
diff --git a/src/types/bank.ts b/src/types/bank.ts
index bdde005135..4d4e0ca096 100644
--- a/src/types/bank.ts
+++ b/src/types/bank.ts
@@ -1,34 +1,33 @@
-
-import type { Coin, PaginatedResponse } from "./common";
+import type { Coin, PaginatedResponse } from './common';
 
 export interface BankParams {
-    params: {
-        "send_enabled": string[],
-        "default_send_enabled": boolean;
-    }
+  params: {
+    send_enabled: string[];
+    default_send_enabled: boolean;
+  };
 }
 
 export interface DenomMetadata {
-    "description": string,
-    "denom_units": {
-        "denom": string,
-        "exponent": number,
-        "aliases": string[]
-    }[],
-    "base": string,
-    "display": string,
-    "name": string,
-    "symbol": string
+  description: string;
+  denom_units: {
+    denom: string;
+    exponent: number;
+    aliases: string[];
+  }[];
+  base: string;
+  display: string;
+  name: string;
+  symbol: string;
 }
 
-export interface PaginatedBalances extends PaginatedResponse{
-    balances: Coin[]
+export interface PaginatedBalances extends PaginatedResponse {
+  balances: Coin[];
 }
 
-export interface PaginatedDenomMetadata extends PaginatedResponse{
-    metadatas: DenomMetadata[]
+export interface PaginatedDenomMetadata extends PaginatedResponse {
+  metadatas: DenomMetadata[];
 }
 
 export interface PaginatedSupply extends PaginatedResponse {
-    supply: Coin[]
-}
\ No newline at end of file
+  supply: Coin[];
+}
diff --git a/src/types/base.ts b/src/types/base.ts
index 4c59b2ff78..495f8900a5 100644
--- a/src/types/base.ts
+++ b/src/types/base.ts
@@ -1,103 +1,102 @@
-import type { Key } from "./common"
+import type { Key } from './common';
 
 export interface NodeInfo {
-    default_node_info: {
-        protocol_version: {
-            p2p: string,
-            block: string,
-            app: string
-        },
-        default_node_id: string,
-        listen_addr: string,
-        network: string,
-        version: string,
-        channels: string,
-        moniker: string,
-        other: {
-            tx_index: string,
-            rpc_address: string
-        }
-    },
-    application_version: {
-        name: string,
-        app_name: string,
-        version: string,
-        git_commit: string,
-        build_tags: string,
-        go_version: string,
-        build_deps: [
-            {
-                path: string,
-                version: string,
-                sum: string,
-            },
-        ],
-        cosmos_sdk_version: string,
-    }
+  default_node_info: {
+    protocol_version: {
+      p2p: string;
+      block: string;
+      app: string;
+    };
+    default_node_id: string;
+    listen_addr: string;
+    network: string;
+    version: string;
+    channels: string;
+    moniker: string;
+    other: {
+      tx_index: string;
+      rpc_address: string;
+    };
+  };
+  application_version: {
+    name: string;
+    app_name: string;
+    version: string;
+    git_commit: string;
+    build_tags: string;
+    go_version: string;
+    build_deps: [
+      {
+        path: string;
+        version: string;
+        sum: string;
+      }
+    ];
+    cosmos_sdk_version: string;
+  };
 }
 export interface BlockId {
-    hash: string,
-    part_set_header: {
-        total: number,
-        hash: string
-    }
+  hash: string;
+  part_set_header: {
+    total: number;
+    hash: string;
+  };
 }
 
-export interface Signature 
-{
-    block_id_flag: string,
-    validator_address: string,
-    timestamp: string,
-    signature: string,
+export interface Signature {
+  block_id_flag: string;
+  validator_address: string;
+  timestamp: string;
+  signature: string;
 }
 
 export interface Block {
-    block_id: BlockId,
-    block: {
-        header: {
-            version: {
-                block: string,
-                app: string
-            },
-            chain_id: string,
-            height: string,
-            time: string,
-            last_block_id: BlockId,
-            last_commit_hash: string,
-            data_hash: string,
-            validators_hash: string,
-            next_validators_hash: string,
-            consensus_hash: string,
-            app_hash: string,
-            last_results_hash: string,
-            evidence_hash: string,
-            proposer_address: string,
-        },
-        data: {
-            txs: any[]
-        },
-        evidence: {
-            evidence: any[]
-        },
-        last_commit: Commit
-    }
+  block_id: BlockId;
+  block: {
+    header: {
+      version: {
+        block: string;
+        app: string;
+      };
+      chain_id: string;
+      height: string;
+      time: string;
+      last_block_id: BlockId;
+      last_commit_hash: string;
+      data_hash: string;
+      validators_hash: string;
+      next_validators_hash: string;
+      consensus_hash: string;
+      app_hash: string;
+      last_results_hash: string;
+      evidence_hash: string;
+      proposer_address: string;
+    };
+    data: {
+      txs: any[];
+    };
+    evidence: {
+      evidence: any[];
+    };
+    last_commit: Commit;
+  };
 }
 
 export interface Commit {
-    height: string,
-    round: number,
-    block_id: BlockId,
-    signatures: Signature[]
+  height: string;
+  round: number;
+  block_id: BlockId;
+  signatures: Signature[];
 }
 
 export interface TendermintValidator {
-    address: string,
-    pub_key: Key,
-    voting_power: string,
-    proposer_priority: string
+  address: string;
+  pub_key: Key;
+  voting_power: string;
+  proposer_priority: string;
 }
 
 export interface PaginatedTendermintValidator {
-    validators: TendermintValidator[],
-    block_height: string
-}
\ No newline at end of file
+  validators: TendermintValidator[];
+  block_height: string;
+}
diff --git a/src/types/common.ts b/src/types/common.ts
index a39117b697..d27b999ae9 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -1,68 +1,69 @@
 export interface Key {
-    "@type": string,
-    "key": string,
+  '@type': string;
+  key: string;
 }
 
 export enum LoadingStatus {
-    UNLOADED,
-    LOADING,
-    LOADED,
+  UNLOADED,
+  LOADING,
+  LOADED,
 }
 
 export interface Pagination {
-    next_key?: string;
-    total?: string;
+  next_key?: string;
+  total?: string;
 }
 
 export class PageRequest {
-    key?: string;
-    limit: number;
-    offset?: number;
-    count_total: boolean;
-    reverse?: boolean;
-    constructor() {
-        this.limit = 20
-        this.count_total = true
-    }
-    toQueryString() {
-        const query = []
-        if(this.key) query.push(`pagination.key=${this.key}`)
-        if(this.limit) query.push(`pagination.limit=${this.limit}`)
-        if(this.offset !== undefined) query.push(`pagination.offset=${this.offset}`)
-        if(this.count_total) query.push(`pagination.count_total=${this.count_total}`)
-        if(this.reverse) query.push(`pagination.reverse=${this.reverse}`)
-        return query.join('&')
-    }
-    setPage(page: number) {
-        if(page >= 1) this.offset = (page - 1) * this.limit
-    }    
-    setPageSize(size: number) {
-        this.limit = size
-    }
-    
+  key?: string;
+  limit: number;
+  offset?: number;
+  count_total: boolean;
+  reverse?: boolean;
+  constructor() {
+    this.limit = 20;
+    this.count_total = true;
+  }
+  toQueryString() {
+    const query = [];
+    if (this.key) query.push(`pagination.key=${this.key}`);
+    if (this.limit) query.push(`pagination.limit=${this.limit}`);
+    if (this.offset !== undefined)
+      query.push(`pagination.offset=${this.offset}`);
+    if (this.count_total)
+      query.push(`pagination.count_total=${this.count_total}`);
+    if (this.reverse) query.push(`pagination.reverse=${this.reverse}`);
+    return query.join('&');
+  }
+  setPage(page: number) {
+    if (page >= 1) this.offset = (page - 1) * this.limit;
+  }
+  setPageSize(size: number) {
+    this.limit = size;
+  }
 }
 
 export interface PaginatedResponse {
-    pagination: Pagination;
+  pagination: Pagination;
 }
 
 export class Response<T> {
-    [key: string]: T
+  [key: string]: T;
 }
 
 export interface Coin {
-    amount: string;
-    denom: string;
+  amount: string;
+  denom: string;
 }
 
 export interface CoinWithPrice extends Coin {
-    value?: number;
-    price?: number;
-    change24h?: number    
+  value?: number;
+  price?: number;
+  change24h?: number;
 }
 
 export interface UptimeStatus {
-    height: number;
-    filled: boolean;
-    signed: boolean;
-}
\ No newline at end of file
+  height: number;
+  filled: boolean;
+  signed: boolean;
+}
diff --git a/src/types/gov.ts b/src/types/gov.ts
index 5f1b47dd3e..caaeecfa9a 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -50,8 +50,8 @@ export interface GovProposal {
   voting_start_time: string;
   voting_end_time: string;
   is_expedited: boolean;
-  voterStatus?: string
-//   VoteOption[];
+  voterStatus?: string;
+  //   VoteOption[];
 }
 
 export interface VoteOption {
diff --git a/src/types/group.ts b/src/types/group.ts
index b96c8a2354..bffef780e3 100644
--- a/src/types/group.ts
+++ b/src/types/group.ts
@@ -1,47 +1,46 @@
-import type { PaginatedResponse } from "./common";
+import type { PaginatedResponse } from './common';
 
 export interface Group {
-    admin: string,
-    created_at: string,
-    id: string,
-    metadata: string,
-    total_weight: string,
-    version: string
+  admin: string;
+  created_at: string;
+  id: string;
+  metadata: string;
+  total_weight: string;
+  version: string;
 }
 
-export interface GroupPolicy {
-}
+export interface GroupPolicy {}
 
 export interface GroupTallyResult {
-    abstain_count: string,
-    no_count: string,
-    no_with_veto_count: string,
-    yes_count: string
+  abstain_count: string;
+  no_count: string;
+  no_with_veto_count: string;
+  yes_count: string;
 }
 
 export interface GroupProposal {
-    executor_result: string,
-    final_tally_result: GroupTallyResult,
-    group_policy_address: string,
-    group_policy_version: string,
-    group_version: string,
-    id: string,
-    messages: any[],
-    metadata: string,
-    proposers: string[],
-    status: string,
-    submit_time: string,
-    summary: string,
-    title: string,
-    voting_period_end: string
+  executor_result: string;
+  final_tally_result: GroupTallyResult;
+  group_policy_address: string;
+  group_policy_version: string;
+  group_version: string;
+  id: string;
+  messages: any[];
+  metadata: string;
+  proposers: string[];
+  status: string;
+  submit_time: string;
+  summary: string;
+  title: string;
+  voting_period_end: string;
 }
 
 export interface GroupVote {
-    metadata: string,
-    option: string,
-    proposal_id: string,
-    submit_time: string,
-    voter: string
+  metadata: string;
+  option: string;
+  proposal_id: string;
+  submit_time: string;
+  voter: string;
 }
 
 export interface PaginatedGroups extends PaginatedResponse {
@@ -49,6 +48,5 @@ export interface PaginatedGroups extends PaginatedResponse {
 }
 
 export interface PaginatedGroupProposals extends PaginatedResponse {
-    proposals: GroupProposal[];
-  }
-  
+  proposals: GroupProposal[];
+}
diff --git a/src/types/ibc.ts b/src/types/ibc.ts
index 69ad9343e0..feef32847e 100644
--- a/src/types/ibc.ts
+++ b/src/types/ibc.ts
@@ -1,107 +1,105 @@
-import type { PaginatedResponse } from "."
+import type { PaginatedResponse } from '.';
 
 export interface DenomTrace {
-    path: string,
-    base_denom: string
+  path: string;
+  base_denom: string;
 }
 
 export interface Connection {
-    id: string,
-    client_id: string,
-    versions: {
-        identifier: string,
-        features: string[]
-    }[],
-    state: string,
-    counterparty: {
-        client_id: string,
-        connection_id: string,
-        prefix: {
-            key_prefix: string
-        }
-    },
-    delay_period: string
+  id: string;
+  client_id: string;
+  versions: {
+    identifier: string;
+    features: string[];
+  }[];
+  state: string;
+  counterparty: {
+    client_id: string;
+    connection_id: string;
+    prefix: {
+      key_prefix: string;
+    };
+  };
+  delay_period: string;
 }
 
 export interface Channel {
-    state: string,
-    ordering: string,
-    counterparty: {
-      port_id: string,
-      channel_id: string
-    },
-    connection_hops: string[],
-    version: string,
-    port_id: string,
-    channel_id: string
-  }
+  state: string;
+  ordering: string;
+  counterparty: {
+    port_id: string;
+    channel_id: string;
+  };
+  connection_hops: string[];
+  version: string;
+  port_id: string;
+  channel_id: string;
+}
 
 export interface ClientState {
-    "@type": string,
-    chain_id: string,
-    trust_level: {
-      numerator: string,
-      denominator: string
-    },
-    trusting_period: string,
-    unbonding_period: string,
-    max_clock_drift: string,
-    frozen_height: {
-      revision_number: string,
-      revision_height: string
-    },
-    latest_height: {
-      revision_number: string,
-      revision_height: string
-    },
-    proof_specs: {
-        leaf_spec: {
-          hash: string,
-          prehash_key: string,
-          prehash_value: string,
-          length: string,
-          prefix: string
-        },
-        inner_spec: {
-          child_order: number[],
-          child_size: number,
-          min_prefix_length: number,
-          max_prefix_length: number,
-          empty_child: string,
-          hash: string
-        },
-        max_depth: number,
-        min_depth: number
-      }[],
-    upgrade_path: string[],
-    allow_update_after_expiry: boolean,
-    allow_update_after_misbehaviour: boolean
-  }
+  '@type': string;
+  chain_id: string;
+  trust_level: {
+    numerator: string;
+    denominator: string;
+  };
+  trusting_period: string;
+  unbonding_period: string;
+  max_clock_drift: string;
+  frozen_height: {
+    revision_number: string;
+    revision_height: string;
+  };
+  latest_height: {
+    revision_number: string;
+    revision_height: string;
+  };
+  proof_specs: {
+    leaf_spec: {
+      hash: string;
+      prehash_key: string;
+      prehash_value: string;
+      length: string;
+      prefix: string;
+    };
+    inner_spec: {
+      child_order: number[];
+      child_size: number;
+      min_prefix_length: number;
+      max_prefix_length: number;
+      empty_child: string;
+      hash: string;
+    };
+    max_depth: number;
+    min_depth: number;
+  }[];
+  upgrade_path: string[];
+  allow_update_after_expiry: boolean;
+  allow_update_after_misbehaviour: boolean;
+}
 
 export interface ClientStateWithProof {
-    identified_client_state: {
-        client_id: string,
-        client_state: ClientState
-    },
-    proof: string,
-    proof_height: {
-        revision_number: string,
-        revision_height: string
-    }
-
+  identified_client_state: {
+    client_id: string;
+    client_state: ClientState;
+  };
+  proof: string;
+  proof_height: {
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface ConnectionWithProof {
-    connection: Connection,
-    proof: string,
-    proof_height: {
-        revision_number: string,
-        revision_height: string
-    }
-
+  connection: Connection;
+  proof: string;
+  proof_height: {
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface PaginatedIBCChannels extends PaginatedResponse {
-    channels: Channel[]
+  channels: Channel[];
 }
 export interface PaginatedIBCConnections extends PaginatedResponse {
-    connections: Connection[]
-}
\ No newline at end of file
+  connections: Connection[];
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 1878dd3b6f..eb3d00b34f 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,12 +1,11 @@
-
-export * from './base'
-export * from './auth'
-export * from './bank'
-export * from './common'
-export * from './distribution'
-export * from './gov'
-export * from './staking'
-export * from './transaction'
-export * from './ibc'
-export * from './slashing'
-export * from './group'
\ No newline at end of file
+export * from './base';
+export * from './auth';
+export * from './bank';
+export * from './common';
+export * from './distribution';
+export * from './gov';
+export * from './staking';
+export * from './transaction';
+export * from './ibc';
+export * from './slashing';
+export * from './group';
diff --git a/src/types/slashing.ts b/src/types/slashing.ts
index 9208fed125..a8041fcc4d 100644
--- a/src/types/slashing.ts
+++ b/src/types/slashing.ts
@@ -1,22 +1,22 @@
-import type { PaginatedResponse } from "./common";
+import type { PaginatedResponse } from './common';
 
 export interface SigningInfo {
-    address: string,
-    start_height: string,
-    index_offset: string,
-    jailed_until: string,
-    tombstoned: boolean,
-    missed_blocks_counter: string
+  address: string;
+  start_height: string;
+  index_offset: string;
+  jailed_until: string;
+  tombstoned: boolean;
+  missed_blocks_counter: string;
 }
 
-export interface SlashingParam{
-    signed_blocks_window: string,
-    min_signed_per_window: string,
-    downtime_jail_duration: string,
-    slash_fraction_double_sign: string,
-    slash_fraction_downtime: string
-  }
+export interface SlashingParam {
+  signed_blocks_window: string;
+  min_signed_per_window: string;
+  downtime_jail_duration: string;
+  slash_fraction_double_sign: string;
+  slash_fraction_downtime: string;
+}
 
 export interface PaginatedSigningInfo extends PaginatedResponse {
-    info: SigningInfo[]
-}
\ No newline at end of file
+  info: SigningInfo[];
+}
diff --git a/src/types/staking.ts b/src/types/staking.ts
index e8be7694c9..eee5bb4997 100644
--- a/src/types/staking.ts
+++ b/src/types/staking.ts
@@ -1,91 +1,89 @@
-import type { Key, PaginatedResponse, Coin } from "./common"
+import type { Key, PaginatedResponse, Coin } from './common';
 
 export interface Validator {
-    "operator_address": string,
-    "consensus_pubkey": Key,
-    "jailed": boolean,
-    "status": string,
-    "tokens": string,
-    "delegator_shares": string,
-    "description": {
-        "moniker": string,
-        "identity"?: string,
-        "website"?: string,
-        "security_contact"?: string,
-        "details"?: string
-    },
-    "unbonding_height": string,
-    "unbonding_time": string,
-    "commission": CommissionRate,
-    "min_self_delegation": string,
-    "liquid_shares": string,
-    "validator_bond_shares": string
+  operator_address: string;
+  consensus_pubkey: Key;
+  jailed: boolean;
+  status: string;
+  tokens: string;
+  delegator_shares: string;
+  description: {
+    moniker: string;
+    identity?: string;
+    website?: string;
+    security_contact?: string;
+    details?: string;
+  };
+  unbonding_height: string;
+  unbonding_time: string;
+  commission: CommissionRate;
+  min_self_delegation: string;
+  liquid_shares: string;
+  validator_bond_shares: string;
 }
 
 export interface CommissionRate {
-    "commission_rates": {
-        "rate": string,
-        "max_rate": string,
-        "max_change_rate": string
-    },
-    "update_time": string
+  commission_rates: {
+    rate: string;
+    max_rate: string;
+    max_change_rate: string;
+  };
+  update_time: string;
 }
 
 export interface UnbondingResponses {
-    delegator_address: string,
-    validator_address: string,
-    entries: {
-        creation_height: string,
-        completion_time: string,
-        initial_balance: string,
-        balance: string
-      }[]
-  }
+  delegator_address: string;
+  validator_address: string;
+  entries: {
+    creation_height: string;
+    completion_time: string;
+    initial_balance: string;
+    balance: string;
+  }[];
+}
 
 export interface Delegation {
-    delegation: {
-        delegator_address: string,
-        validator_address: string,
-        shares: string
-    },
-    balance: Coin
+  delegation: {
+    delegator_address: string;
+    validator_address: string;
+    shares: string;
+  };
+  balance: Coin;
 }
 
-export interface Redelegation {
-
-}
+export interface Redelegation {}
 
 export interface StakingParam {
-    params: {
-        "unbonding_time": string,
-        "max_validators": number,
-        "max_entries": number,
-        "historical_entries": number,
-        "bond_denom": string,
-        "min_commission_rate": string,
-        "min_self_delegation": string
-    }
+  params: {
+    unbonding_time: string;
+    max_validators: number;
+    max_entries: number;
+    historical_entries: number;
+    bond_denom: string;
+    min_commission_rate: string;
+    min_self_delegation: string;
+  };
 }
 
 export interface StakingPool {
-    pool: {
-        not_bonded_tokens: string,
-        bonded_tokens: string
-    }
+  pool: {
+    not_bonded_tokens: string;
+    bonded_tokens: string;
+  };
 }
 
 export interface PaginatedDelegations extends PaginatedResponse {
-    delegation_responses: Delegation[]
+  delegation_responses: Delegation[];
 }
 
 export interface PaginatedRedelegations extends PaginatedResponse {
-    redelegation_responses: Redelegation[]
+  redelegation_responses: Redelegation[];
 }
 
 export interface PaginatedUnbonding extends PaginatedResponse {
-    unbonding_responses: UnbondingResponses[]
+  unbonding_responses: UnbondingResponses[];
 }
 
 export interface PaginatedValdiators extends PaginatedResponse {
-    validators: Validator[]
-}
\ No newline at end of file
+  validators: Validator[];
+}
diff --git a/src/types/transaction.ts b/src/types/transaction.ts
index 399c85d8fa..706962e528 100644
--- a/src/types/transaction.ts
+++ b/src/types/transaction.ts
@@ -1,68 +1,68 @@
-import type { Coin, Key, PaginatedResponse } from "./common"
+import type { Coin, Key, PaginatedResponse } from './common';
 
 export interface Tx {
-    "@type"?: string,
-    "body": {
-        "messages": {"@type": string, "amount"?: Coin[], packet?: { data: string }}[],
-        "memo": string,
-        "timeout_height": string,
-        "extension_options": any[],
-        "non_critical_extension_options": any[]
-    },
-    "auth_info": {
-        "signer_infos": [
-            {
-                "public_key": Key,
-                "mode_info": {
-                    "single"?: {
-                        "mode": string // "SIGN_MODE_DIRECT"
-                    }
-                },
-                "sequence": string
-            }
-        ],
-        "fee": {
-            "amount": Coin[],
-            "gas_limit": string,
-            "payer": string,
-            "granter": string
-        }
-    },
-    "signatures": string[]
+  '@type'?: string;
+  body: {
+    messages: { '@type': string; amount?: Coin[]; packet?: { data: string } }[];
+    memo: string;
+    timeout_height: string;
+    extension_options: any[];
+    non_critical_extension_options: any[];
+  };
+  auth_info: {
+    signer_infos: [
+      {
+        public_key: Key;
+        mode_info: {
+          single?: {
+            mode: string; // "SIGN_MODE_DIRECT"
+          };
+        };
+        sequence: string;
+      }
+    ];
+    fee: {
+      amount: Coin[];
+      gas_limit: string;
+      payer: string;
+      granter: string;
+    };
+  };
+  signatures: string[];
 }
 
 export interface Attributes {
-    index?: boolean,
-    key: string,
-    value: string
+  index?: boolean;
+  key: string;
+  value: string;
 }
 
 export interface TxResponse {
-    "height": string,
-    "txhash": string,
-    "codespace": string,
-    "code": number,
-    "data": string,
-    "raw_log": string,
-    "logs": [
-        {
-            "msg_index": number,
-            "log": string,
-            "events": Attributes[]
-        }
-    ],
-    "info": "",
-    "gas_wanted": "204431",
-    "gas_used": "202682",
-    "tx": Tx,
-    "timestamp": "2022-08-13T23:24:54Z",
-    "events": {
-            "type": string,
-            "attributes": Attributes[]
-        }[]
+  height: string;
+  txhash: string;
+  codespace: string;
+  code: number;
+  data: string;
+  raw_log: string;
+  logs: [
+    {
+      msg_index: number;
+      log: string;
+      events: Attributes[];
+    }
+  ];
+  info: '';
+  gas_wanted: '204431';
+  gas_used: '202682';
+  tx: Tx;
+  timestamp: '2022-08-13T23:24:54Z';
+  events: {
+    type: string;
+    attributes: Attributes[];
+  }[];
 }
 
 export interface PaginatedTxs extends PaginatedResponse {
-    txs: Tx[]
-    tx_responses: TxResponse[]
-}
\ No newline at end of file
+  txs: Tx[];
+  tx_responses: TxResponse[];
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index e6acb15bf4..ce07d33c62 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,7 +11,7 @@ module.exports = {
         main: 'var(--text-main)',
         secondary: 'var(--text-secondary)',
         active: 'var(--bg-active)',
-      }
+      },
     },
   },
   plugins: [require('daisyui')],
@@ -28,7 +28,7 @@ module.exports = {
           ...require('daisyui/src/theming/themes')['[data-theme=dark]'],
           primary: '#666cff',
           'base-100': '#2a334c',
-          'base-200': '#252d37'
+          'base-200': '#252d37',
         },
       },
     ],
diff --git a/tsconfig.config.json b/tsconfig.config.json
index 424084aa55..af776908c1 100644
--- a/tsconfig.config.json
+++ b/tsconfig.config.json
@@ -1,6 +1,11 @@
 {
   "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "playwright.config.*"
+  ],
   "compilerOptions": {
     "composite": true,
     "types": ["node"]
diff --git a/tsconfig.json b/tsconfig.json
index 8d7fb252f4..5a016a1c91 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,10 +3,7 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     // "ignoreDeprecations": "5.0",
-    "lib": [      
-      "es2022",
-      "dom"
-    ],
+    "lib": ["es2022", "dom"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
diff --git a/vite.config.ts b/vite.config.ts
index d5015c6de8..59b26528e4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,7 @@ import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 
 export default defineConfig({
   define: {
-    'process.env': {}
+    'process.env': {},
   },
   plugins: [
     vue({
diff --git a/vue3-json-viewer.d.ts b/vue3-json-viewer.d.ts
index af59802564..6072362ebe 100644
--- a/vue3-json-viewer.d.ts
+++ b/vue3-json-viewer.d.ts
@@ -1,19 +1,28 @@
 declare module 'vue3-json-viewer' {
-    import { AllowedComponentProps, App, Component, ComponentCustomProps, VNodeProps } from 'vue'
-    interface JsonViewerProps {
-        value: Object | Array<any> | string | number | boolean; //对象
-        expanded: boolean; //是否自动展开
-        expandDepth: number; //展开层级
-        copyable: boolean | object; //是否可复制
-        sort: boolean;//是否排序
-        boxed: boolean;//是否boxed
-        theme: string;//主题 jv-dark | jv-light
-        previewMode: boolean;//是否可复制
-        timeformat: (value: any) => string
-    }
-    type JsonViewerType = JsonViewerProps & VNodeProps & AllowedComponentProps & ComponentCustomProps
-    const JsonViewer: Component<JsonViewerType>
-    export { JsonViewer }
-    const def: { install: (app: App) => void }
-    export default def
-}
\ No newline at end of file
+  import {
+    AllowedComponentProps,
+    App,
+    Component,
+    ComponentCustomProps,
+    VNodeProps,
+  } from 'vue';
+  interface JsonViewerProps {
+    value: Object | Array<any> | string | number | boolean; //对象
+    expanded: boolean; //是否自动展开
+    expandDepth: number; //展开层级
+    copyable: boolean | object; //是否可复制
+    sort: boolean; //是否排序
+    boxed: boolean; //是否boxed
+    theme: string; //主题 jv-dark | jv-light
+    previewMode: boolean; //是否可复制
+    timeformat: (value: any) => string;
+  }
+  type JsonViewerType = JsonViewerProps &
+    VNodeProps &
+    AllowedComponentProps &
+    ComponentCustomProps;
+  const JsonViewer: Component<JsonViewerType>;
+  export { JsonViewer };
+  const def: { install: (app: App) => void };
+  export default def;
+}

From 4949df61b08c036ab1fcb3a21715f673346324ac Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 10 Jul 2025 10:38:43 -0500
Subject: [PATCH 218/240] add singleAttributePerLine, printWidth, and useTabs
 to prettier

---
 .prettierrc.json                              |   7 +-
 chains/mainnet/axelar.json                    | 140 ++--
 chains/mainnet/cosmos.json                    |  50 +-
 chains/mainnet/neutron.json                   |  69 +-
 chains/mainnet/nolus.json                     |  52 +-
 chains/mainnet/osmosis.json                   |  75 +-
 chains/testnet/bfhevm.json                    |  38 +-
 chains/testnet/crossfi.json                   |  20 +-
 env.d.ts                                      |   2 +-
 index.html                                    |  26 +-
 package.json                                  |  11 +-
 postcss.config.js                             |   2 +-
 public/test.html                              |  26 +-
 src/components/CardParameter.vue              |  18 +-
 src/components/CardStatisticsVertical.vue     |  14 +-
 src/components/ChainSummary.vue               |  11 +-
 src/components/Countdown.vue                  |  24 +-
 src/components/PaginationBar.vue              |  74 +-
 src/components/ProposalListItem.vue           |  70 +-
 src/components/ProposalProcess.vue            |  34 +-
 src/components/TxDialog.vue                   |   4 +-
 src/components/UptimeBar.vue                  |  15 +-
 src/components/ValidatorCommissionRate.vue    | 209 +++---
 src/components/WasmVerification.vue           | 345 +++++----
 src/components/ad/AdBanner.vue                |  15 +-
 src/components/charts/DonutChart.vue          |   7 +-
 src/components/charts/PriceMarketChart.vue    |  67 +-
 src/components/charts/TxsInBlocksChart.vue    |  62 +-
 src/components/charts/apexChartConfig.ts      |  69 +-
 src/components/dynamic/ArrayBytesElement.vue  |   2 +-
 src/components/dynamic/ArrayElement.vue       |   2 +-
 src/components/dynamic/ArrayObjectElement.vue |   8 +-
 src/components/dynamic/ObjectElement.vue      |  12 +-
 src/components/dynamic/TextElement.vue        | 131 ++--
 src/components/dynamic/TokenElement.vue       |   6 +-
 src/components/dynamic/TxsElement.vue         |  46 +-
 src/components/dynamic/UInt8Array.vue         |   4 +-
 src/components/icons/IconCommunity.vue        |   7 +-
 src/components/icons/IconDocumentation.vue    |   7 +-
 src/components/icons/IconEcosystem.vue        |   7 +-
 src/components/icons/IconSupport.vue          |   7 +-
 src/components/icons/IconWeb.vue              |  12 +-
 src/layouts/blank.vue                         |   5 +-
 src/layouts/components/ChainProfile.vue       |  50 +-
 src/layouts/components/DefaultLayout.vue      | 212 +++---
 src/layouts/components/NavBarI18n.vue         | 107 ++-
 src/layouts/components/NavBarWallet.vue       |  35 +-
 src/layouts/components/NavFooter.vue          |  26 +-
 src/layouts/components/NavbarSearch.vue       |  43 +-
 .../components/NavbarThemeSwitcher.vue        |  53 +-
 src/layouts/components/Sponsors.vue           |  51 +-
 src/layouts/types.d.ts                        |  78 +-
 src/libs/address.ts                           |  19 +-
 src/libs/api/customization/atomone.ts         | 113 +--
 src/libs/api/customization/evmos.ts           | 104 +--
 src/libs/api/customization/nolus.ts           |  41 +-
 src/libs/api/customization/osmosis.ts         | 113 +--
 src/libs/api/customization/v0.46.0.ts         |  71 +-
 src/libs/api/customization/v0.50.0.ts         |  72 +-
 src/libs/api/customization/xion.ts            |  39 +-
 src/libs/api/index.ts                         |   6 +-
 src/libs/api/registry.ts                      |  55 +-
 src/libs/client.ts                            | 201 +++--
 src/libs/http.ts                              |   9 +-
 src/libs/utils.ts                             |  70 +-
 src/modules/[chain]/account/[address].vue     | 357 ++++-----
 src/modules/[chain]/account/index.vue         |  91 +--
 src/modules/[chain]/block/[height].vue        |  84 ++-
 src/modules/[chain]/block/index.vue           |  76 +-
 src/modules/[chain]/consensus/index.vue       | 104 +--
 src/modules/[chain]/cosmwasm/WasmClient.ts    | 215 +++---
 .../[chain]/cosmwasm/[code_id]/contracts.vue  |  54 +-
 .../cosmwasm/[code_id]/transactions.vue       | 501 +++++++------
 src/modules/[chain]/cosmwasm/index.vue        | 139 ++--
 src/modules/[chain]/faucet/index.vue          | 255 ++++---
 src/modules/[chain]/gov/[proposal_id].vue     | 127 ++--
 src/modules/[chain]/gov/index.vue             |  48 +-
 src/modules/[chain]/group/index.vue           |  14 +-
 src/modules/[chain]/ibc/connStore.ts          |  52 +-
 src/modules/[chain]/ibc/connection.vue        |  55 +-
 .../ibc/connection/[connection_id].vue        | 151 ++--
 src/modules/[chain]/ibc/connection/index.vue  |   4 +-
 src/modules/[chain]/index.vue                 | 265 ++++---
 src/modules/[chain]/indexStore.ts             |  65 +-
 src/modules/[chain]/nft/index.vue             |   6 +-
 src/modules/[chain]/nft/nftStore.ts           |  15 +-
 src/modules/[chain]/nft/types.ts              | 165 +++--
 src/modules/[chain]/params/index.vue          |  10 +-
 src/modules/[chain]/staking/[validator].vue   | 369 ++++------
 src/modules/[chain]/staking/index.vue         | 692 ++++++++----------
 src/modules/[chain]/statesync/index.vue       |  51 +-
 src/modules/[chain]/supply/index.vue          |  65 +-
 src/modules/[chain]/tx/[hash].vue             | 208 +++---
 src/modules/[chain]/tx/index.vue              | 130 ++--
 src/modules/[chain]/uptime/customize.vue      | 238 +++---
 src/modules/[chain]/uptime/index.vue          | 148 ++--
 src/modules/[chain]/widget/index.vue          |  50 +-
 src/modules/wallet/accounts.vue               | 268 ++++---
 src/modules/wallet/keplr.vue                  | 169 +++--
 src/modules/wallet/portfolio.vue              | 243 +++---
 src/modules/wallet/suggest.vue                | 290 ++++----
 src/modules/wallet/unisat.vue                 | 167 +++--
 src/modules/wallet/utils.ts                   |  55 +-
 src/pages/[...all].vue                        |  30 +-
 src/pages/index.vue                           | 104 +--
 src/plugins/i18n/locales/en.json              |   8 +-
 src/plugins/i18n/locales/es.json              |   2 +-
 src/plugins/i18n/locales/id.json              | 568 +++++++-------
 src/plugins/i18n/locales/ja.json              | 202 ++---
 src/plugins/i18n/locales/ko.json              |  76 +-
 src/router/index.ts                           |  26 +-
 src/stores/useBankStore.ts                    |   9 +-
 src/stores/useBaseStore.ts                    | 202 +++--
 src/stores/useBlockchain.ts                   |  50 +-
 src/stores/useCoinGecko.ts                    |   4 +-
 src/stores/useDashboard.ts                    | 129 ++--
 src/stores/useFormatter.ts                    | 183 +++--
 src/stores/useGovStore.ts                     |  23 +-
 src/stores/useParamsStore.ts                  |  75 +-
 src/stores/useStakingStore.ts                 | 104 ++-
 src/stores/useTxDialog.ts                     |  54 +-
 src/stores/useWalletStore.ts                  |  80 +-
 src/style.css                                 |  10 +-
 src/types/auth.ts                             |  31 +-
 src/types/bank.ts                             |  43 +-
 src/types/base.ts                             | 169 +++--
 src/types/common.ts                           |  85 ++-
 src/types/gov.ts                              |   4 +-
 src/types/group.ts                            |  68 +-
 src/types/ibc.ts                              | 176 +++--
 src/types/index.ts                            |  23 +-
 src/types/slashing.ts                         |  32 +-
 src/types/staking.ts                          | 122 ++-
 src/types/transaction.ts                      | 114 +--
 tailwind.config.js                            |   4 +-
 tsconfig.json                                 |   5 +-
 vite.config.ts                                |  24 +-
 vue3-json-viewer.d.ts                         |  36 +-
 138 files changed, 6038 insertions(+), 6213 deletions(-)

diff --git a/.prettierrc.json b/.prettierrc.json
index 0ed67ee771..ef7e9a5394 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -4,6 +4,9 @@
   "semi": true,
   "endOfLine": "auto",
   "bracketSpacing": true,
-  "TrailingCooma": true,
-  "arrowParens": "always"
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "singleAttributePerLine": false,
+  "printWidth": 120,
+  "useTabs": false
 }
diff --git a/chains/mainnet/axelar.json b/chains/mainnet/axelar.json
index 28bd6d986b..255f99187d 100644
--- a/chains/mainnet/axelar.json
+++ b/chains/mainnet/axelar.json
@@ -1,74 +1,70 @@
 {
-    "chain_name": "axelar",
-    "api": [
-        "https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
-    ],
-    "rpc": [
-        "https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"
-    ],
-    "snapshot_provider": "",
-    "sdk_version": "0.45.6",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "axelar",
-    "logo": "/logos/axelar.svg",
-    "theme_color": "#161723",
-    "assets": [
-        {
-            "base": "uaxl",
-            "symbol": "AXL",
-            "exponent": "6",
-            "coingecko_id": "axelar",
-            "logo": "/logos/axelar.svg"
-        },
-        {
-            "base": "uusdc",
-            "symbol": "axlUSDC",
-            "exponent": "6",
-            "coingecko_id": "usd-coin",
-            "logo": "/logos/usdc.svg"
-        },
-        {
-            "base": "uusdt",
-            "symbol": "axlUSDT",
-            "exponent": "6",
-            "coingecko_id": "tether",
-            "logo": "/logos/usdt.svg"
-        },
-        {
-            "base": "dai-wei",
-            "symbol": "axlDAI",
-            "exponent": "18",
-            "coingecko_id": "dai",
-            "logo": "/logos/dai.svg"
-        },
-        {
-            "base": "weth-wei",
-            "symbol": "axlWETH",
-            "exponent": "18",
-            "coingecko_id": "ethereum",
-            "logo": "/logos/weth.svg"
-        },
-        {
-            "base": "wmatic-wei",
-            "symbol": "axlWMATIC",
-            "exponent": "18",
-            "coingecko_id": "matic-network",
-            "logo": "/logos/wmatic.svg"
-        },
-        {
-            "base": "wavax-wei",
-            "symbol": "axlWAVAX",
-            "exponent": "18",
-            "coingecko_id": "avalanche-2",
-            "logo": "/logos/wavax.svg"
-        },
-        {
-            "base": "dot-planck",
-            "symbol": "axlDOT",
-            "exponent": "10",
-            "coingecko_id": "polkadot",
-            "logo": "/logos/dot.svg"
-        }
-    ]
+  "chain_name": "axelar",
+  "api": ["https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"],
+  "rpc": ["https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"],
+  "snapshot_provider": "",
+  "sdk_version": "0.45.6",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "axelar",
+  "logo": "/logos/axelar.svg",
+  "theme_color": "#161723",
+  "assets": [
+    {
+      "base": "uaxl",
+      "symbol": "AXL",
+      "exponent": "6",
+      "coingecko_id": "axelar",
+      "logo": "/logos/axelar.svg"
+    },
+    {
+      "base": "uusdc",
+      "symbol": "axlUSDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "/logos/usdc.svg"
+    },
+    {
+      "base": "uusdt",
+      "symbol": "axlUSDT",
+      "exponent": "6",
+      "coingecko_id": "tether",
+      "logo": "/logos/usdt.svg"
+    },
+    {
+      "base": "dai-wei",
+      "symbol": "axlDAI",
+      "exponent": "18",
+      "coingecko_id": "dai",
+      "logo": "/logos/dai.svg"
+    },
+    {
+      "base": "weth-wei",
+      "symbol": "axlWETH",
+      "exponent": "18",
+      "coingecko_id": "ethereum",
+      "logo": "/logos/weth.svg"
+    },
+    {
+      "base": "wmatic-wei",
+      "symbol": "axlWMATIC",
+      "exponent": "18",
+      "coingecko_id": "matic-network",
+      "logo": "/logos/wmatic.svg"
+    },
+    {
+      "base": "wavax-wei",
+      "symbol": "axlWAVAX",
+      "exponent": "18",
+      "coingecko_id": "avalanche-2",
+      "logo": "/logos/wavax.svg"
+    },
+    {
+      "base": "dot-planck",
+      "symbol": "axlDOT",
+      "exponent": "10",
+      "coingecko_id": "polkadot",
+      "logo": "/logos/dot.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/cosmos.json b/chains/mainnet/cosmos.json
index 954ec4bba4..91e03b71a2 100644
--- a/chains/mainnet/cosmos.json
+++ b/chains/mainnet/cosmos.json
@@ -1,26 +1,28 @@
 {
-    "chain_name": "cosmos",
-    "registry_name": "cosmoshub",
-    "api": [
-        {"provider": "cosmos.directory", "address": "https://rest.cosmos.directory/cosmoshub"},
-        {"provider": "publicnode", "address": "https://cosmos-rest.publicnode.com"},
-        {"provider": "silknode", "address": "https://cosmos.api.silknodes.io"}
-    ],
-    "rpc": [
-        {"provider": "icycro", "address": "https://cosmos-rpc.icycro.org"}, 
-        {"provider": "dragonstake", "address": "https://rpc.cosmos.dragonstake.io"}, 
-        {"provider": "Golden Ratio Staking", "address": "https://rpc-cosmoshub.goldenratiostaking.net"}
-    ],
-    "sdk_version": "0.45.1",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "cosmos",
-    "logo": "/logos/cosmos.svg",
-    "assets": [{
-        "base": "uatom",
-        "symbol": "ATOM",
-        "exponent": "6",
-        "coingecko_id": "cosmos", 
-        "logo": "/logos/cosmos.svg"
-    }]
+  "chain_name": "cosmos",
+  "registry_name": "cosmoshub",
+  "api": [
+    { "provider": "cosmos.directory", "address": "https://rest.cosmos.directory/cosmoshub" },
+    { "provider": "publicnode", "address": "https://cosmos-rest.publicnode.com" },
+    { "provider": "silknode", "address": "https://cosmos.api.silknodes.io" }
+  ],
+  "rpc": [
+    { "provider": "icycro", "address": "https://cosmos-rpc.icycro.org" },
+    { "provider": "dragonstake", "address": "https://rpc.cosmos.dragonstake.io" },
+    { "provider": "Golden Ratio Staking", "address": "https://rpc-cosmoshub.goldenratiostaking.net" }
+  ],
+  "sdk_version": "0.45.1",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "cosmos",
+  "logo": "/logos/cosmos.svg",
+  "assets": [
+    {
+      "base": "uatom",
+      "symbol": "ATOM",
+      "exponent": "6",
+      "coingecko_id": "cosmos",
+      "logo": "/logos/cosmos.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/neutron.json b/chains/mainnet/neutron.json
index 76fc3dd6d2..6d9594a908 100644
--- a/chains/mainnet/neutron.json
+++ b/chains/mainnet/neutron.json
@@ -1,30 +1,43 @@
 {
-    "chain_name": "neutron",
-    "api": [
-        {"provider": "Polkachu", "address": "https://neutron-api.polkachu.com"},
-        {"provider": "NodeStake", "address": "https://api.neutron.nodestake.top"},
-        {"provider": "Allnodes", "address": "https://neutron-rest.publicnode.com"}
-    ],
-    "rpc": [
-        {"provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com"}, 
-        {"provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top"},
-        {"provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443"}
-    ],
-    "provider_chain": {
-        "api": ["https://rest.cosmos.directory/cosmoshub"]
-    },
-    "features": ["dashboard", "blocks", "ibc", "cosmwasm", "uptime", "parameters", "state-sync", "consensus", "supply", "widget"],
-    "sdk_version": "0.45.1",
-    "coin_type": "118",
-    "min_tx_fee": "8000",
-    "assets": [{
-        "base": "untrn",
-        "symbol": "NTRN",
-        "exponent": "6",
-        "coingecko_id": "neutron",
-        "logo": "/logos/neutron.svg"
-    }],
-    "addr_prefix": "neutron",
-    "theme_color": "#161723",
-    "logo": "/logos/neutron.svg"
+  "chain_name": "neutron",
+  "api": [
+    { "provider": "Polkachu", "address": "https://neutron-api.polkachu.com" },
+    { "provider": "NodeStake", "address": "https://api.neutron.nodestake.top" },
+    { "provider": "Allnodes", "address": "https://neutron-rest.publicnode.com" }
+  ],
+  "rpc": [
+    { "provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com" },
+    { "provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top" },
+    { "provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443" }
+  ],
+  "provider_chain": {
+    "api": ["https://rest.cosmos.directory/cosmoshub"]
+  },
+  "features": [
+    "dashboard",
+    "blocks",
+    "ibc",
+    "cosmwasm",
+    "uptime",
+    "parameters",
+    "state-sync",
+    "consensus",
+    "supply",
+    "widget"
+  ],
+  "sdk_version": "0.45.1",
+  "coin_type": "118",
+  "min_tx_fee": "8000",
+  "assets": [
+    {
+      "base": "untrn",
+      "symbol": "NTRN",
+      "exponent": "6",
+      "coingecko_id": "neutron",
+      "logo": "/logos/neutron.svg"
+    }
+  ],
+  "addr_prefix": "neutron",
+  "theme_color": "#161723",
+  "logo": "/logos/neutron.svg"
 }
diff --git a/chains/mainnet/nolus.json b/chains/mainnet/nolus.json
index 81bdd48470..2c832db946 100644
--- a/chains/mainnet/nolus.json
+++ b/chains/mainnet/nolus.json
@@ -1,27 +1,29 @@
 {
-    "chain_name": "nolus",
-    "coingecko": "nolus",
-    "api": [
-        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317"},
-        {"provider": "LavenderFive", "address": "https://nolus-api.lavenderfive.com:443"},
-        {"provider": "Allnodes", "address": "https://nolus-rest.publicnode.com"}
-    ],
-    "rpc": [
-        {"provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657"}, 
-        {"provider": "LavenderFive", "address": "https://nolus-rpc.lavenderfive.com:443"},
-        {"provider": "Allnodes", "address": "https://nolus-rpc.publicnode.com:443"}
-    ],
-    "snapshot_provider": "",
-    "sdk_version": "v0.47.6",
-    "coin_type": "118",
-    "min_tx_fee": "0",
-    "addr_prefix": "nolus",
-    "logo": "/logos/nolus.svg",
-    "assets": [{
-        "base": "unls",
-        "symbol": "NLS",
-        "exponent": "6",
-        "coingecko_id": "nolus",
-        "logo": "/logos/nolus.svg"
-    }]
+  "chain_name": "nolus",
+  "coingecko": "nolus",
+  "api": [
+    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317" },
+    { "provider": "LavenderFive", "address": "https://nolus-api.lavenderfive.com:443" },
+    { "provider": "Allnodes", "address": "https://nolus-rest.publicnode.com" }
+  ],
+  "rpc": [
+    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657" },
+    { "provider": "LavenderFive", "address": "https://nolus-rpc.lavenderfive.com:443" },
+    { "provider": "Allnodes", "address": "https://nolus-rpc.publicnode.com:443" }
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "v0.47.6",
+  "coin_type": "118",
+  "min_tx_fee": "0",
+  "addr_prefix": "nolus",
+  "logo": "/logos/nolus.svg",
+  "assets": [
+    {
+      "base": "unls",
+      "symbol": "NLS",
+      "exponent": "6",
+      "coingecko_id": "nolus",
+      "logo": "/logos/nolus.svg"
+    }
+  ]
 }
diff --git a/chains/mainnet/osmosis.json b/chains/mainnet/osmosis.json
index 35669f39a9..449480d65d 100644
--- a/chains/mainnet/osmosis.json
+++ b/chains/mainnet/osmosis.json
@@ -1,32 +1,47 @@
 {
-    "chain_name": "osmosis",
-    "coingecko": "osmosis",
-    "api": ["https://lcd.osmosis.zone","https://api-osmosis-ia.cosmosia.notional.ventures", "https://osmosis-api.polkachu.com", "https://lcd-osmosis.blockapsis.com"],
-    "rpc": ["https://rpc.osmosis.zone", "https://rpc-osmosis-ia.cosmosia.notional.ventures:443", "https://osmosis-rpc.polkachu.com:443", "https://osmosis.validator.network:443", "https://rpc-osmosis.blockapsis.com:443"],
-    "snapshot_provider": "",
-    "sdk_version": "0.46.1",
-    "coin_type": "118",
-    "min_tx_fee": "800",
-    "addr_prefix": "osmo",
-    "logo": "/logos/osmosis.jpg",
-    "theme_color": "#812cd6",
-    "assets": [{
-        "base": "uosmo",
-        "symbol": "OSMO",
-        "exponent": "6",
-        "coingecko_id": "osmosis", 
-        "logo": "/logos/osmosis.jpg"
-    },{
-        "base": "uion",
-        "symbol": "ION",
-        "exponent": "6",
-        "coingecko_id": "ion", 
-        "logo": "/logos/osmosis.jpg"
-    },{
-        "base": "usomm",
-        "symbol": "SOMM",
-        "exponent": "6",
-        "coingecko_id": "somm", 
-        "logo": ""
-    }]
+  "chain_name": "osmosis",
+  "coingecko": "osmosis",
+  "api": [
+    "https://lcd.osmosis.zone",
+    "https://api-osmosis-ia.cosmosia.notional.ventures",
+    "https://osmosis-api.polkachu.com",
+    "https://lcd-osmosis.blockapsis.com"
+  ],
+  "rpc": [
+    "https://rpc.osmosis.zone",
+    "https://rpc-osmosis-ia.cosmosia.notional.ventures:443",
+    "https://osmosis-rpc.polkachu.com:443",
+    "https://osmosis.validator.network:443",
+    "https://rpc-osmosis.blockapsis.com:443"
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "0.46.1",
+  "coin_type": "118",
+  "min_tx_fee": "800",
+  "addr_prefix": "osmo",
+  "logo": "/logos/osmosis.jpg",
+  "theme_color": "#812cd6",
+  "assets": [
+    {
+      "base": "uosmo",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "/logos/osmosis.jpg"
+    },
+    {
+      "base": "uion",
+      "symbol": "ION",
+      "exponent": "6",
+      "coingecko_id": "ion",
+      "logo": "/logos/osmosis.jpg"
+    },
+    {
+      "base": "usomm",
+      "symbol": "SOMM",
+      "exponent": "6",
+      "coingecko_id": "somm",
+      "logo": ""
+    }
+  ]
 }
diff --git a/chains/testnet/bfhevm.json b/chains/testnet/bfhevm.json
index f3c7789d57..c136f030db 100644
--- a/chains/testnet/bfhevm.json
+++ b/chains/testnet/bfhevm.json
@@ -1,19 +1,21 @@
 {
-    "chain_name": "bfhevm_777-1",
-    "api": ["https://rest-testnet-bfhevm.xyz:443"],
-    "rpc": ["https://rpc-bfhevm.xyz:8443"],
-    "coingecko": "",
-    "snapshot_provider": "",
-    "sdk_version": "0.45.7",
-    "coin_type": "60",
-    "min_tx_fee": "700",
-    "addr_prefix": "bfh",
-    "logo": "",
-    "assets": [{
-        "base": "abfh",
-        "symbol": "BFH",
-        "exponent": "18",
-        "coingecko_id": "", 
-        "logo": ""
-    }]
-    }
\ No newline at end of file
+  "chain_name": "bfhevm_777-1",
+  "api": ["https://rest-testnet-bfhevm.xyz:443"],
+  "rpc": ["https://rpc-bfhevm.xyz:8443"],
+  "coingecko": "",
+  "snapshot_provider": "",
+  "sdk_version": "0.45.7",
+  "coin_type": "60",
+  "min_tx_fee": "700",
+  "addr_prefix": "bfh",
+  "logo": "",
+  "assets": [
+    {
+      "base": "abfh",
+      "symbol": "BFH",
+      "exponent": "18",
+      "coingecko_id": "",
+      "logo": ""
+    }
+  ]
+}
diff --git a/chains/testnet/crossfi.json b/chains/testnet/crossfi.json
index 5414f3f202..d602617509 100644
--- a/chains/testnet/crossfi.json
+++ b/chains/testnet/crossfi.json
@@ -1,11 +1,11 @@
 {
-    "chain_name": "crossfi-testnet-1",
-    "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
-    "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
-    "coingecko": "",
-    "snapshot_provider": "",
-    "sdk_version": "0.47.1",
-    "coin_type": "118",
-    "min_tx_fee": "500",
-    "addr_prefix": "crossfi"
-    }
\ No newline at end of file
+  "chain_name": "crossfi-testnet-1",
+  "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
+  "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
+  "coingecko": "",
+  "snapshot_provider": "",
+  "sdk_version": "0.47.1",
+  "coin_type": "118",
+  "min_tx_fee": "500",
+  "addr_prefix": "crossfi"
+}
diff --git a/env.d.ts b/env.d.ts
index f18e837985..33f49a00af 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-declare module '@personaxyz/ad-sdk';
\ No newline at end of file
+declare module '@personaxyz/ad-sdk';
diff --git a/index.html b/index.html
index 28138f8960..da6fcea71a 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ping Dashboard - Cosmos Blockchain Explorer And Web Wallet</title>
-    <meta name="description" content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub" />
-    <link rel="stylesheet" type="text/css" href="/loader.css" />    
+    <meta
+      name="description"
+      content="Ping Dashboard is a block explorer/web wallet for blockchains built on Cosmos SDK, Cosmoshub, Osmosis, Juno, Evmos, Injective, Canto and 70+ blockchains listed on ping.pub"
+    />
+    <link rel="stylesheet" type="text/css" href="/loader.css" />
   </head>
   <body>
     <div id="app">
@@ -26,19 +29,20 @@
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-SSBKVF3GMX"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
+      function gtag() {
+        dataLayer.push(arguments);
+      }
       gtag('js', new Date());
       // Set default consent to 'denied' as a placeholder
       // Determine actual values based on your own requirements
       gtag('consent', 'default', {
-        'ad_storage': 'denied',
-        'ad_user_data': 'denied',
-        'ad_personalization': 'denied',
-        'analytics_storage': 'denied'
+        ad_storage: 'denied',
+        ad_user_data: 'denied',
+        ad_personalization: 'denied',
+        analytics_storage: 'denied',
       });
       gtag('config', 'G-SSBKVF3GMX');
     </script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/@ping-pub/widget@latest/dist/widget.min.js"></script>
-
   </body>
 </html>
diff --git a/package.json b/package.json
index 87ef6398f7..f3147404cf 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "target": "",
   "scripts": {
     "dev": "vite",
+    "format": "prettier --write .",
     "serve": "vite",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
@@ -63,8 +64,10 @@
     "@types/semver": "7.5.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",
+    "husky": "^9.1.7",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
+    "pretty-quick": "^4.2.2",
     "sass": "^1.58.0",
     "shiki": "^1.0.0-beta.0",
     "typescript": "~4.9.5",
@@ -75,5 +78,11 @@
     "vite-plugin-pages": "^0.28.0",
     "vue-json-viewer": "3",
     "vue-tsc": "^1.0.12"
-  }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged"
+    }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }
diff --git a/postcss.config.js b/postcss.config.js
index 33ad091d26..12a703d900 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/public/test.html b/public/test.html
index 6b46c576e2..6edc088dc8 100644
--- a/public/test.html
+++ b/public/test.html
@@ -1,17 +1,17 @@
 <html>
-<head>
-   <title>Widget Test</title> 
-   <script src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js" type="module" ></script>
-</head>
-<body>
+  <head>
+    <title>Widget Test</title>
+    <script src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js" type="module"></script>
+  </head>
+  <body>
     <div class="p-5">
-    <div>
-    <ping-connect-wallet chain-id="kava_2222-10" hd-path="m/44'/118/0'/0/0"/>
-    </div>
-    <div>
+      <div>
+        <ping-connect-wallet chain-id="kava_2222-10" hd-path="m/44'/118/0'/0/0" />
+      </div>
+      <div>
         <label for="PingTokenConvert" class="btn">Buy Kava</label>
-        <ping-token-convert chain-name="kava" endpoint="https://api.data.kava.io" hd-path="m/44'/118/0'/0/0"/>
-    </div>
+        <ping-token-convert chain-name="kava" endpoint="https://api.data.kava.io" hd-path="m/44'/118/0'/0/0" />
+      </div>
     </div>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/src/components/CardParameter.vue b/src/components/CardParameter.vue
index d157a5fd7c..dc7e1b58e7 100644
--- a/src/components/CardParameter.vue
+++ b/src/components/CardParameter.vue
@@ -13,8 +13,8 @@ function calculateValue(value: any) {
   if (Array.isArray(value)) {
     return (value[0] && value[0].amount) || '-';
   }
-  if(String(value).search(/^\d+s$/g) > -1) {
-    return formatSeconds(value)
+  if (String(value).search(/^\d+s$/g) > -1) {
+    return formatSeconds(value);
   }
   const newValue = Number(value);
   if (`${newValue}` === 'NaN' || typeof value === 'boolean') {
@@ -28,8 +28,8 @@ function calculateValue(value: any) {
 }
 
 function formatTitle(v: string) {
-  if(!v) return ""
-  return v.replace(/_/g, " ")
+  if (!v) return '';
+  return v.replace(/_/g, ' ');
 }
 </script>
 <template>
@@ -38,14 +38,8 @@ function formatTitle(v: string) {
     v-if="props.cardItem?.items && props.cardItem?.items?.length > 0"
   >
     <div class="text-base mb-3 text-main">{{ props.cardItem?.title }}</div>
-    <div
-      class="grid grid-cols-2 md:!grid-cols-4 lg:!grid-cols-5 2xl:!grid-cols-6 gap-4"
-    >
-      <div
-        v-for="(item, index) of props.cardItem?.items"
-        :key="index"
-        class="rounded-sm bg-active px-4 py-2"
-      >
+    <div class="grid grid-cols-2 md:!grid-cols-4 lg:!grid-cols-5 2xl:!grid-cols-6 gap-4">
+      <div v-for="(item, index) of props.cardItem?.items" :key="index" class="rounded-sm bg-active px-4 py-2">
         <div class="text-xs mb-2 text-secondary capitalize">{{ formatTitle(item?.subtitle) }}</div>
         <div class="text-base text-main">{{ calculateValue(item?.value) }}</div>
       </div>
diff --git a/src/components/CardStatisticsVertical.vue b/src/components/CardStatisticsVertical.vue
index e4bbc75dfe..7bc36b5e2f 100644
--- a/src/components/CardStatisticsVertical.vue
+++ b/src/components/CardStatisticsVertical.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue';
-import { controlledComputed } from '@vueuse/core'
+import { controlledComputed } from '@vueuse/core';
 
 interface Props {
   title: string;
@@ -24,15 +24,9 @@ const isPositive = controlledComputed(
 <template>
   <div class="bg-base-100 shadow rounded p-4">
     <div class="flex items-center justify-center">
-      <div
-        v-if="props.icon"
-        class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center"
-      >
+      <div v-if="props.icon" class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center">
         <Icon :class="[`text-${props?.color}`]" :icon="props.icon" size="32" />
-        <div
-          class="absolute top-0 left-0 bottom-0 right-0 opacity-20"
-          :class="[`bg-${props?.color}`]"
-        ></div>
+        <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20" :class="[`bg-${props?.color}`]"></div>
       </div>
 
       <div
@@ -47,7 +41,7 @@ const isPositive = controlledComputed(
 
     <div class="">
       <h6 class="text-lg text-center font-semibold mt-2 mb-1">
-        {{ props.stats || '-'}}
+        {{ props.stats || '-' }}
       </h6>
       <p class="text-sm text-center">
         {{ props.title }}
diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index 53edb036be..0143df2876 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -16,12 +16,8 @@ const conf = computed(() => dashboardStore.chains[props.name] || {});
 const addFavor = (e: Event) => {
   e.stopPropagation();
   e.preventDefault();
-  dashboardStore.favoriteMap[props.name] =
-    !dashboardStore?.favoriteMap?.[props.name];
-  window.localStorage.setItem(
-    'favoriteMap',
-    JSON.stringify(dashboardStore.favoriteMap)
-  );
+  dashboardStore.favoriteMap[props.name] = !dashboardStore?.favoriteMap?.[props.name];
+  window.localStorage.setItem('favoriteMap', JSON.stringify(dashboardStore.favoriteMap));
 };
 </script>
 <template>
@@ -40,8 +36,7 @@ const addFavor = (e: Event) => {
       class="pl-4 text-xl"
       :class="{
         'text-warning': dashboardStore?.favoriteMap?.[props.name],
-        'text-gray-300 dark:text-gray-500':
-          !dashboardStore?.favoriteMap?.[props.name],
+        'text-gray-300 dark:text-gray-500': !dashboardStore?.favoriteMap?.[props.name],
       }"
     >
       <Icon icon="mdi-star" />
diff --git a/src/components/Countdown.vue b/src/components/Countdown.vue
index 26dc752a27..1303dcfdf3 100644
--- a/src/components/Countdown.vue
+++ b/src/components/Countdown.vue
@@ -7,26 +7,25 @@ const props = defineProps({
   css: { type: String },
 });
 
-const s = ref(0)
-
+const s = ref(0);
 </script>
 <template>
   <Countdown
     v-if="time"
     :time="time > 0 ? time : 0"
     v-slot="{ days, hours, minutes, seconds }"
-    class="countdown-container justify-items-center "
+    class="countdown-container justify-items-center"
   >
-    <span class="text-primary font-bold " :class="css">{{ days }}</span> days 
-    <span class="text-primary font-bold" :class="css">{{ hours }}</span> hours 
+    <span class="text-primary font-bold" :class="css">{{ days }}</span> days
+    <span class="text-primary font-bold" :class="css">{{ hours }}</span> hours
     <span class="text-primary font-bold" :class="css">{{ minutes }}</span> minutes
-      <span class="text-primary font-bold w-40" :class="css">
-        <Transition name="slide-up">
-          <span v-if="seconds % 2 === 0" class="countdown">{{ seconds }}</span> 
-          <span v-else="seconds % 2 === 1" class="countdown">{{ seconds }}</span>
-        </Transition>
-      </span>
-      <span class="ml-10">seconds</span>
+    <span class="text-primary font-bold w-40" :class="css">
+      <Transition name="slide-up">
+        <span v-if="seconds % 2 === 0" class="countdown">{{ seconds }}</span>
+        <span v-else="seconds % 2 === 1" class="countdown">{{ seconds }}</span>
+      </Transition>
+    </span>
+    <span class="ml-10">seconds</span>
   </Countdown>
 </template>
 
@@ -42,5 +41,4 @@ const s = ref(0)
   text-align: right;
   float: right;
 }
-
 </style>
diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue
index 28247b06ba..49aeb48dfb 100644
--- a/src/components/PaginationBar.vue
+++ b/src/components/PaginationBar.vue
@@ -2,49 +2,53 @@
 import { computed, ref } from 'vue';
 
 const props = defineProps({
-    total: { type: String },
-    limit: { type: Number },
-    callback: { type: Function, required: true },
+  total: { type: String },
+  limit: { type: Number },
+  callback: { type: Function, required: true },
 });
-const current = ref(1)
-const showSize = 3
+const current = ref(1);
+const showSize = 3;
 const pages = computed(() => {
-    const pages: { color: string, page: number }[] = []
-    const total = Number(props.total || 0)
-    if (total > 0 && props.limit && total > props.limit) {
-        let page = 0
-        while (true) {
-            if (page * props.limit >= total) break
-            page += 1
-            if (total / props.limit > 10 && page > showSize && page < (total / props.limit - showSize + 1)) {
-                if (!(page >= current.value - 1 && page <= current.value + 1)) {
-                    continue
-                }
-            }
-            pages.push({
-                color: page === current.value ? 'btn-primary' : '',
-                page: page,
-            })
+  const pages: { color: string; page: number }[] = [];
+  const total = Number(props.total || 0);
+  if (total > 0 && props.limit && total > props.limit) {
+    let page = 0;
+    while (true) {
+      if (page * props.limit >= total) break;
+      page += 1;
+      if (total / props.limit > 10 && page > showSize && page < total / props.limit - showSize + 1) {
+        if (!(page >= current.value - 1 && page <= current.value + 1)) {
+          continue;
         }
+      }
+      pages.push({
+        color: page === current.value ? 'btn-primary' : '',
+        page: page,
+      });
     }
-    return pages
-})
+  }
+  return pages;
+});
 
 function gotoPage(pageNum: number) {
-    current.value = pageNum
-    props.callback(pageNum)
+  current.value = pageNum;
+  props.callback(pageNum);
 }
-
 </script>
 <template>
-    <div class="my-5 text-center">
-        <div v-if="total && limit" class="btn-group">
-            <button v-for="{ page, color } in pages" :key="page"
-                class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{
-                    '!btn-primary': color === 'btn-primary',
-                }" @click="gotoPage(page)">
-                {{ page }}
-            </button>
-        </div>
+  <div class="my-5 text-center">
+    <div v-if="total && limit" class="btn-group">
+      <button
+        v-for="{ page, color } in pages"
+        :key="page"
+        class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white"
+        :class="{
+          '!btn-primary': color === 'btn-primary',
+        }"
+        @click="gotoPage(page)"
+      >
+        {{ page }}
+      </button>
     </div>
+  </div>
 </template>
diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 98b521064e..361b35267b 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -1,10 +1,5 @@
 <script lang="ts" setup>
-import {
-  useBlockchain,
-  useFormatter,
-  useStakingStore,
-  useTxDialog,
-} from '@/stores';
+import { useBlockchain, useFormatter, useStakingStore, useTxDialog } from '@/stores';
 import { select } from '@/components/dynamic/index';
 import type { PaginatedProposals } from '@/types';
 import ProposalProcess from './ProposalProcess.vue';
@@ -39,10 +34,9 @@ const voterStatusMap: Record<string, string> = {
 
 const proposalInfo = ref();
 
-function metaItem(metadata: string|undefined): { title: string; summary: string } {
-  return metadata ? JSON.parse(metadata) : {}
+function metaItem(metadata: string | undefined): { title: string; summary: string } {
+  return metadata ? JSON.parse(metadata) : {};
 }
-
 </script>
 <template>
   <div class="bg-white dark:bg-[#28334e] rounded text-sm">
@@ -70,15 +64,12 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
                 v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
-                {{ showType(item.content['@type']) }} 
+                {{ showType(item.content['@type']) }}
               </div>
             </div>
           </td>
           <td class="w-60">
-            <ProposalProcess
-              :pool="staking.pool"
-              :tally="item.final_tally_result"
-            ></ProposalProcess>
+            <ProposalProcess :pool="staking.pool" :tally="item.final_tally_result"></ProposalProcess>
           </td>
           <td class="w-36">
             <div class="pl-4">
@@ -138,19 +129,11 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
     </table>
 
     <div class="lg:!hidden">
-      <div
-        v-for="(item, index) in proposals?.proposals"
-        :key="index"
-        class="px-4 py-4"
-      >
-        <div
-          class="text-main text-base mb-1 flex justify-between hover:text-indigo-400"
-        >
-          <RouterLink
-            :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
-            class="flex-1 w-0 truncate mr-4"
-            >{{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}</RouterLink
-          >
+      <div v-for="(item, index) in proposals?.proposals" :key="index" class="px-4 py-4">
+        <div class="text-main text-base mb-1 flex justify-between hover:text-indigo-400">
+          <RouterLink :to="`/${chain.chainName}/gov/${item?.proposal_id}`" class="flex-1 w-0 truncate mr-4">{{
+            item?.content?.title || item?.title || metaItem(item?.metadata)?.title
+          }}</RouterLink>
           <label
             for="proposal-detail-modal"
             class="text-main text-base hover:text-indigo-400 cursor-pointer"
@@ -170,18 +153,13 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             </div>
           </div>
 
-          <div
-            class="truncate text-xs text-gray-500 dark:text-gray-400 flex items-center justify-end"
-          >
+          <div class="truncate text-xs text-gray-500 dark:text-gray-400 flex items-center justify-end">
             {{ format.toDay(item.voting_end_time, 'from') }}
           </div>
         </div>
 
         <div>
-          <ProposalProcess
-            :pool="staking.pool"
-            :tally="item.final_tally_result"
-          ></ProposalProcess>
+          <ProposalProcess :pool="staking.pool" :tally="item.final_tally_result"></ProposalProcess>
         </div>
 
         <div class="mt-4" v-if="statusMap?.[item?.status] === 'VOTING'">
@@ -225,7 +203,6 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
 
               <span v-else>Vote</span></label
             >
-           
           </div>
         </div>
       </div>
@@ -234,17 +211,24 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
     <input type="checkbox" id="proposal-detail-modal" class="modal-toggle" />
     <label for="proposal-detail-modal" class="modal">
       <label class="modal-box !w-11/12 !max-w-5xl" for="">
-        <label
-          for="proposal-detail-modal"
-          class="btn btn-sm btn-circle absolute right-2 top-2"
-          >✕</label
-        >
+        <label for="proposal-detail-modal" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
         <h3 class="font-bold text-lg">Description</h3>
         <p class="py-4">
           <Component
-            v-if="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
-            :is="select(proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary, 'horizontal')"
-            :value="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
+            v-if="
+              proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary
+            "
+            :is="
+              select(
+                proposalInfo?.content?.description ||
+                  proposalInfo?.summary ||
+                  metaItem(proposalInfo?.metadata)?.summary,
+                'horizontal'
+              )
+            "
+            :value="
+              proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary
+            "
           >
           </Component>
         </p>
diff --git a/src/components/ProposalProcess.vue b/src/components/ProposalProcess.vue
index b970feca4b..893f440d0f 100644
--- a/src/components/ProposalProcess.vue
+++ b/src/components/ProposalProcess.vue
@@ -15,41 +15,21 @@ const props = defineProps({
 });
 const total = computed(() => props.pool?.bonded_tokens);
 const format = useFormatter();
-const yes = computed(() =>
-  format.calculatePercent(props.tally?.yes, total.value)
-);
-const no = computed(() =>
-  format.calculatePercent(props.tally?.no, total.value)
-);
-const abstain = computed(() =>
-  format.calculatePercent(props.tally?.abstain, total.value)
-);
-const veto = computed(() =>
-  format.calculatePercent(props.tally?.no_with_veto, total.value)
-);
+const yes = computed(() => format.calculatePercent(props.tally?.yes, total.value));
+const no = computed(() => format.calculatePercent(props.tally?.no, total.value));
+const abstain = computed(() => format.calculatePercent(props.tally?.abstain, total.value));
+const veto = computed(() => format.calculatePercent(props.tally?.no_with_veto, total.value));
 </script>
 
 <template>
   <div class="progress rounded-[3px] h-6 text-xs flex items-center">
-    <div
-      class="h-6 bg-yes flex items-center pl-2 text-white overflow-hidden"
-      :style="`width: ${yes}`"
-      :title="yes"
-    >
+    <div class="h-6 bg-yes flex items-center pl-2 text-white overflow-hidden" :style="`width: ${yes}`" :title="yes">
       {{ yes }}
     </div>
-    <div
-      class="h-6 bg-no flex items-center text-white overflow-hidden"
-      :style="`width: ${no}`"
-      :title="no"
-    >
+    <div class="h-6 bg-no flex items-center text-white overflow-hidden" :style="`width: ${no}`" :title="no">
       {{ no }}
     </div>
-    <div
-      class="h-6 bg-[#B71C1C] flex items-center text-white overflow-hidden"
-      :style="`width: ${veto};`"
-      :title="veto"
-    >
+    <div class="h-6 bg-[#B71C1C] flex items-center text-white overflow-hidden" :style="`width: ${veto};`" :title="veto">
       {{ veto }}
     </div>
     <div
diff --git a/src/components/TxDialog.vue b/src/components/TxDialog.vue
index 3617564b97..7f53d52561 100644
--- a/src/components/TxDialog.vue
+++ b/src/components/TxDialog.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import { useTxDialog, useBlockchain } from '@/stores';
 const store = useTxDialog();
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 </script>
 <template>
   <ping-tx-dialog
     :type="store.type"
     :sender="store.sender"
     :endpoint="store.endpoint"
-    :params='store.params'
+    :params="store.params"
     :hd-path="store.hdPaths"
     :registry-name="chainStore.current?.prettyName || chainStore.chainName"
     @view="store.view"
diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index a870f601e2..c1ae5be54d 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -2,24 +2,15 @@
 import type { PropType } from 'vue';
 
 const props = defineProps({
-  blocks: { type: Array as PropType<{height:string, color: string}[]> },
+  blocks: { type: Array as PropType<{ height: string; color: string }[]> },
 });
-
 </script>
 <template>
   <div class="flex gap-0.5">
     <div class="cursor-default" v-for="(item, index) in blocks" :key="index">
-      <div class="tooltip" 
-          :data-tip="item.height" 
-          :class="item.color"
-          style="width: 3px;"
-      >
-        &nbsp;
-      </div>
+      <div class="tooltip" :data-tip="item.height" :class="item.color" style="width: 3px">&nbsp;</div>
     </div>
   </div>
 </template>
 
-<style>
-  
-</style>
+<style></style>
diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 99b88c560a..664df2be13 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -5,142 +5,127 @@ import { useFormatter } from '@/stores';
 import type { CommissionRate } from '@/types';
 
 const props = defineProps({
-    commission: { type: Object as PropType<CommissionRate> },
+  commission: { type: Object as PropType<CommissionRate> },
 });
 
-let rate = computed(
-    () => Number(props.commission?.commission_rates.rate || 0) * 100
-);
-let change = computed(
-    () => Number(props.commission?.commission_rates.max_change_rate || 0) * 100
-);
-let max = computed(
-    () => Number(props.commission?.commission_rates.max_rate || 1) * 100
-);
+let rate = computed(() => Number(props.commission?.commission_rates.rate || 0) * 100);
+let change = computed(() => Number(props.commission?.commission_rates.max_change_rate || 0) * 100);
+let max = computed(() => Number(props.commission?.commission_rates.max_rate || 1) * 100);
 
 const left = rate;
 const right = computed(() => max.value - rate.value);
 
-const s1 = computed(() =>
-    left.value > change.value ? left.value - change.value : 0
-);
-const s2 = computed(() =>
-    left.value > change.value ? change.value : left.value
-);
+const s1 = computed(() => (left.value > change.value ? left.value - change.value : 0));
+const s2 = computed(() => (left.value > change.value ? change.value : left.value));
 const s3 = 2;
-const s4 = computed(() =>
-    right.value > change.value ? change.value : right.value
-);
-const s5 = computed(() =>
-    right.value > change.value ? right.value - change.value : 0
-);
+const s4 = computed(() => (right.value > change.value ? change.value : right.value));
+const s5 = computed(() => (right.value > change.value ? right.value - change.value : 0));
 
 const series = computed(() => [s1.value, s2.value, s3, s4.value, s5.value]);
 
 const format = useFormatter();
 
 const chartConfig = computed(() => {
+  const secondaryText = `hsl(var(--bc))`;
+  const primaryText = `hsl(var(--bc))`;
 
-    const secondaryText = `hsl(var(--bc))`;
-    const primaryText = `hsl(var(--bc))`;
-
-    return {
-        chart: {
-            width: '200px',
-            sparkline: { enabled: false },
-        },
-        colors: ['rgba(109,120,141,0.2)', 'rgba(114,225,40,0.2)', 'rgba(114,225,40,1)', 'rgba(114,225,40,0.2)', 'rgba(109,120,141,0.2)'],
-        legend: { show: false },
-        tooltip: { enabled: false },
-        dataLabels: { enabled: false },
-        stroke: {
-            width: 3,
-            lineCap: 'round',
-            colors: ['hsl(var(--b1))'],
-        },
-        labels: [
-            'Available',
-            'Daily Change',
-            'Commission Rate',
-            'Daily Change',
-            'Available',
-        ],
-        states: {
-            hover: {
-                filter: { type: 'none' },
+  return {
+    chart: {
+      width: '200px',
+      sparkline: { enabled: false },
+    },
+    colors: [
+      'rgba(109,120,141,0.2)',
+      'rgba(114,225,40,0.2)',
+      'rgba(114,225,40,1)',
+      'rgba(114,225,40,0.2)',
+      'rgba(109,120,141,0.2)',
+    ],
+    legend: { show: false },
+    tooltip: { enabled: false },
+    dataLabels: { enabled: false },
+    stroke: {
+      width: 3,
+      lineCap: 'round',
+      colors: ['hsl(var(--b1))'],
+    },
+    labels: ['Available', 'Daily Change', 'Commission Rate', 'Daily Change', 'Available'],
+    states: {
+      hover: {
+        filter: { type: 'none' },
+      },
+      active: {
+        filter: { type: 'none' },
+      },
+    },
+    plotOptions: {
+      pie: {
+        endAngle: 130,
+        startAngle: -130,
+        customScale: 0.9,
+        donut: {
+          size: '83%',
+          labels: {
+            show: true,
+            name: {
+              offsetY: 25,
+              fontSize: '1rem',
+              color: secondaryText,
             },
-            active: {
-                filter: { type: 'none' },
+            value: {
+              offsetY: -15,
+              fontWeight: 500,
+              fontSize: '2.125rem',
+              formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
+              color: primaryText,
             },
-        },
-        plotOptions: {
-            pie: {
-                endAngle: 130,
-                startAngle: -130,
-                customScale: 0.9,
-                donut: {
-                    size: '83%',
-                    labels: {
-                        show: true,
-                        name: {
-                            offsetY: 25,
-                            fontSize: '1rem',
-                            color: secondaryText,
-                        },
-                        value: {
-                            offsetY: -15,
-                            fontWeight: 500,
-                            fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
-                            color: primaryText,
-                        },
-                        total: {
-                            show: true,
-                            label: 'Commission Rate',
-                            fontSize: '1rem',
-                            color: secondaryText,
-                            formatter: () => `${rate.value.toFixed(1)}%`,
-                        },
-                    },
-                },
+            total: {
+              show: true,
+              label: 'Commission Rate',
+              fontSize: '1rem',
+              color: secondaryText,
+              formatter: () => `${rate.value.toFixed(1)}%`,
             },
+          },
         },
-        responsive: [
-            {
-                breakpoint: 1709,
-                options: {
-                    chart: { height: 237 },
-                },
-            },
-        ],
-    };
+      },
+    },
+    responsive: [
+      {
+        breakpoint: 1709,
+        options: {
+          chart: { height: 237 },
+        },
+      },
+    ],
+  };
 });
 </script>
 
 <template>
-    <div class="bg-base-100 rounded shadow p-4">
-        <div class="text-lg text-main font-semibold mb-1">Commission Rate</div>
-        <div class="text-sm text-gray-500 dark:text-gray-400">
-            {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+  <div class="bg-base-100 rounded shadow p-4">
+    <div class="text-lg text-main font-semibold mb-1">Commission Rate</div>
+    <div class="text-sm text-gray-500 dark:text-gray-400">
+      {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+    </div>
+    <div class="w-80 m-auto">
+      <ApexCharts type="donut" :options="chartConfig" :series="series" />
+    </div>
+    <div>
+      <div class="flex items-center justify-center flex-wrap gap-x-3">
+        <div class="flex items-center gap-x-2">
+          <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
+          <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
         </div>
-        <div class="w-80 m-auto">
-            <ApexCharts type="donut" :options="chartConfig" :series="series" />
+        <div class="flex items-center gap-x-2">
+          <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>
+          <span class="text-caption">24h: ±{{ change }}%</span>
         </div>
-        <div>
-            <div class="flex items-center justify-center flex-wrap gap-x-3">
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
-                </div>
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>
-                    <span class="text-caption">24h: ±{{ change }}%</span>
-                </div>
-                <div class="flex items-center gap-x-2">
-                    <div class="bg-secondary w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Max:{{ max }}%</span>
-                </div>
-            </div>
+        <div class="flex items-center gap-x-2">
+          <div class="bg-secondary w-[6px] h-[6px] rounded-full"></div>
+          <span class="text-caption">Max:{{ max }}%</span>
         </div>
+      </div>
     </div>
+  </div>
 </template>
diff --git a/src/components/WasmVerification.vue b/src/components/WasmVerification.vue
index 269d73e3f2..85fef7a497 100644
--- a/src/components/WasmVerification.vue
+++ b/src/components/WasmVerification.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { get, post } from "@/libs/http"
-import { useBaseStore, useTxDialog } from "@/stores";
-import { computed, onMounted, ref } from "vue";
-import TextElement from "@/components/dynamic/TextElement.vue";
+import { get, post } from '@/libs/http';
+import { useBaseStore, useTxDialog } from '@/stores';
+import { computed, onMounted, ref } from 'vue';
+import TextElement from '@/components/dynamic/TextElement.vue';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-import { codeToHtml } from 'shiki'
-import { useWasmStore } from "@/modules/[chain]/cosmwasm/WasmStore";
-import { toBase64 } from "@cosmjs/encoding";
+import { codeToHtml } from 'shiki';
+import { useWasmStore } from '@/modules/[chain]/cosmwasm/WasmStore';
+import { toBase64 } from '@cosmjs/encoding';
 
-import { JsonViewer } from "vue3-json-viewer"
-import { CosmjsOfflineSigner } from "@leapwallet/cosmos-snap-provider";
+import { JsonViewer } from 'vue3-json-viewer';
+import { CosmjsOfflineSigner } from '@leapwallet/cosmos-snap-provider';
 
 interface Verification {
   chainId?: string;
@@ -29,13 +29,13 @@ interface SourceCode<T> {
 interface Argument {
   format?: string;
   type: string;
-  properties: Record<string, Argument>
+  properties: Record<string, Argument>;
 }
 
 interface Method {
   type: string;
   required: string[];
-  properties: Record<string, Argument>
+  properties: Record<string, Argument>;
   additionalProperties: boolean;
 }
 
@@ -49,7 +49,7 @@ const props = defineProps({
   contract: { type: String },
 });
 
-const baseurl = "https://prod.compiler.welldonestudio.io"
+const baseurl = 'https://prod.compiler.welldonestudio.io';
 
 const verification = ref<Verification>({});
 const sourceCode = ref<SourceCode<string>[]>([]);
@@ -59,206 +59,241 @@ const baseStore = useBaseStore();
 const dialog = useTxDialog();
 const result = ref<Record<string, any>>({});
 
-
 function fetchVerification() {
-  const url = `${baseurl}/deploy-histories/${chain_id.value}?contract=${props.contract}`
-  get(url).then((x) => {
-    console.log("verification:", x)
-    verification.value = x
-  }).catch(e => {
-    console.error(e)
-  })
+  const url = `${baseurl}/deploy-histories/${chain_id.value}?contract=${props.contract}`;
+  get(url)
+    .then((x) => {
+      console.log('verification:', x);
+      verification.value = x;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
 
 function fetchSchema() {
-  const base = useBaseStore()
-  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-  const url = `${baseurl}/schemas/${chainId}?contract=${props.contract}`
-  get(url).then(async (x) => {
-    console.log("schema:", x)
-    schemas.value = x.sourceCodes
-  }).catch(e => {
-    console.error(e)
-  })
+  const base = useBaseStore();
+  const chainId = base.latest?.block?.header?.chain_id || 'neutron-1';
+  const url = `${baseurl}/schemas/${chainId}?contract=${props.contract}`;
+  get(url)
+    .then(async (x) => {
+      console.log('schema:', x);
+      schemas.value = x.sourceCodes;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
-  
+
 function fetchSourceCode() {
-  const base = useBaseStore()
-  const chainId = base.latest?.block?.header?.chain_id || "neutron-1"
-  const url = `${baseurl}/source-codes/${chainId}?contract=${props.contract}`
-  const theme = baseStore.theme === 'dark' ? 'material-theme' : 'github-light'
-  get(url).then(async (x) => {
-    console.log("source codes:", x)
-    for (let i = 0; i < x.sourceCodes.length; i++) {
-      const sc = x.sourceCodes[i];
-      sc.sourceCode = await codeToHtml(sc.sourceCode, {lang: sc.path.endsWith('.toml')?'toml':'rust', theme})
-    }
-    sourceCode.value = x.sourceCodes
-  }).catch(e => {
-    console.error(e)
-  })
+  const base = useBaseStore();
+  const chainId = base.latest?.block?.header?.chain_id || 'neutron-1';
+  const url = `${baseurl}/source-codes/${chainId}?contract=${props.contract}`;
+  const theme = baseStore.theme === 'dark' ? 'material-theme' : 'github-light';
+  get(url)
+    .then(async (x) => {
+      console.log('source codes:', x);
+      for (let i = 0; i < x.sourceCodes.length; i++) {
+        const sc = x.sourceCodes[i];
+        sc.sourceCode = await codeToHtml(sc.sourceCode, { lang: sc.path.endsWith('.toml') ? 'toml' : 'rust', theme });
+      }
+      sourceCode.value = x.sourceCodes;
+    })
+    .catch((e) => {
+      console.error(e);
+    });
 }
 
-const base = useBaseStore()
-const chain_id = ref("")
+const base = useBaseStore();
+const chain_id = ref('');
 base.$subscribe((m, s) => {
   if (chain_id.value !== s.latest?.block?.header?.chain_id) {
-    chain_id.value = s.latest?.block?.header?.chain_id || "unknown"
+    chain_id.value = s.latest?.block?.header?.chain_id || 'unknown';
     fetchVerification();
     fetchSchema();
     fetchSourceCode();
   }
-})
+});
 
 function verify() {
+  const base = useBaseStore();
+  const id = base.latest?.block?.header?.chain_id || 'unknown';
+  const data = { contractAddress: props.contract, chainId: id };
 
-    const base = useBaseStore()
-    const id =  base.latest?.block?.header?.chain_id || "unknown"
-    const data = {"contractAddress": props.contract, "chainId": id}
-
-    post(`${baseurl}/verification/neutron`, data).then((x)=> {
-        if(x.result) {
-          verification.value = x.result
-          fetchSchema();
-          fetchSourceCode();
-        }
-    })
+  post(`${baseurl}/verification/neutron`, data).then((x) => {
+    if (x.result) {
+      verification.value = x.result;
+      fetchSchema();
+      fetchSourceCode();
+    }
+  });
 }
 
-const tab = ref('verification')
+const tab = ref('verification');
 function selectTab(tabName: string) {
-  tab.value = tabName
+  tab.value = tabName;
 }
 
 const executions = computed(() => {
   return schemas.value
-      .filter(x => x.path.indexOf('execute_msg')>-1 || x.path.indexOf('query_msg')>-1)
-      .map(x => JSON.parse(x.sourceCode||"{}") as Schema)
+    .filter((x) => x.path.indexOf('execute_msg') > -1 || x.path.indexOf('query_msg') > -1)
+    .map((x) => JSON.parse(x.sourceCode || '{}') as Schema);
   // if(raw && raw.sourceCode) {
   //   return JSON.parse(raw.sourceCode) as Schema
-  // } 
+  // }
   // return {} as Schema
-})
+});
 
 const queries = computed(() => {
-  let raw = schemas.value.find(x => x.path.indexOf('query_msg')>-1)
-  if(raw && raw.sourceCode) {
-    return JSON.parse(raw.sourceCode) as Schema
-  } 
-  return {} as Schema
-})
+  let raw = schemas.value.find((x) => x.path.indexOf('query_msg') > -1);
+  if (raw && raw.sourceCode) {
+    return JSON.parse(raw.sourceCode) as Schema;
+  }
+  return {} as Schema;
+});
 
 function callFunction(title: string, method: string, arg: Argument) {
-  if(!props.contract) return
+  if (!props.contract) return;
 
   // console.log("callFunction", title, method, arg)
 
-  let args = {} as Record<string, any>
-  if(arg.properties) Object.keys(arg.properties).forEach(k => {
-    const input = document.querySelector(`input[name="${method}-${k}"]`) as HTMLInputElement
-    if (input) {
-      args[k] = input.value
-    }
-  })
+  let args = {} as Record<string, any>;
+  if (arg.properties)
+    Object.keys(arg.properties).forEach((k) => {
+      const input = document.querySelector(`input[name="${method}-${k}"]`) as HTMLInputElement;
+      if (input) {
+        args[k] = input.value;
+      }
+    });
 
   //console.log("args", arg.properties, JSON.stringify(args))
 
-  if(title === 'ExecuteMsg') {
-    let execution = {} as Record<string, any>
-    execution[method] = args 
-    console.log("execution", execution)
-    dialog.open('wasm_execute_contract', { contract: props.contract, execution})
+  if (title === 'ExecuteMsg') {
+    let execution = {} as Record<string, any>;
+    execution[method] = args;
+    console.log('execution', execution);
+    dialog.open('wasm_execute_contract', { contract: props.contract, execution });
   } else {
     // QueryMsg
     wasmStore.wasmClient
       .getWasmContractSmartQuery(props.contract, `{"${method}": ${JSON.stringify(args)}}`)
       .then((x) => {
-          result.value[`${title}-${method}`] = x;
+        result.value[`${title}-${method}`] = x;
       })
       .catch((err) => {
         result.value[`${title}-${method}`] = err;
       });
   }
 }
-
 </script>
 <template>
-    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <div role="tablist" class="tabs tabs-boxed">
-          <a role="tab" class="tab tooltip tooltip-right tooltip-success" data-tip="Powered By WELLDONE Studio">
-            <div class="w-8 rounded">
-              <img src="../assets/images/welldone-logo.svg"  alt="Powered By WELLDONE Studio"/>
-            </div>
-          </a>
-          <a role="tab" class="tab" :class="{'tab-active': tab==='verification'}" @click="selectTab('verification')">Verification</a>
-          <a role="tab" class="tab" :class="{'tab-active': tab==='executions'}" @click="selectTab('executions')">Functions</a> 
-          <a role="tab" class="tab" :class="{'tab-active': tab==='source_code'}" @click="selectTab('source_code')">Source Code</a>
+  <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+    <div role="tablist" class="tabs tabs-boxed">
+      <a role="tab" class="tab tooltip tooltip-right tooltip-success" data-tip="Powered By WELLDONE Studio">
+        <div class="w-8 rounded">
+          <img src="../assets/images/welldone-logo.svg" alt="Powered By WELLDONE Studio" />
         </div>
-        <div class="">
-          <div v-if="tab === 'verification'"><DynamicComponent :value="verification"/></div>
-          <div v-if="tab === 'executions'" class="">
-            <div v-for="{title, oneOf} in executions" class="join join-vertical w-full mt-2">
-              <div v-if="oneOf" v-for="m in oneOf">
-                <div v-for="(props, method) in m.properties" class="collapse collapse-arrow join-item border border-base-300">
-                  <input type="radio" name="my-accordion-1" :checked="false"/> 
-                  <div class="collapse-title font-medium">
-                    {{title}}::{{ method }}
-                  </div>
-                  <div class="collapse-content"> 
-                    <div v-for="(p, name) in props.properties" class="form-control pb-2">
-                      <label class="label">
-                          <span class="label-text">{{ name }}</span>
-                          <span></span>
-                      </label>
-                      <input :name="`${method}-${name}`" type="text" :placeholder="p.format" class="input input-sm border border-gray-300 dark:border-gray-600 w-full" />
-                    </div>
-                    <div>
-                      <label v-if="title==='ExecuteMsg'" for="wasm_execute_contract" class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
-                      <label v-else class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
-                    </div>
-                    <div v-if="result[`${title}-${method}`]" class="mt-2">
-                      <JsonViewer :value="result[`${title}-${method}`]" :theme="baseStore.theme||'dark'" style="background: transparent;" copyable boxed sort :expand-depth="5"/>
-                    </div>
-                  </div>
+      </a>
+      <a role="tab" class="tab" :class="{ 'tab-active': tab === 'verification' }" @click="selectTab('verification')"
+        >Verification</a
+      >
+      <a role="tab" class="tab" :class="{ 'tab-active': tab === 'executions' }" @click="selectTab('executions')"
+        >Functions</a
+      >
+      <a role="tab" class="tab" :class="{ 'tab-active': tab === 'source_code' }" @click="selectTab('source_code')"
+        >Source Code</a
+      >
+    </div>
+    <div class="">
+      <div v-if="tab === 'verification'"><DynamicComponent :value="verification" /></div>
+      <div v-if="tab === 'executions'" class="">
+        <div v-for="{ title, oneOf } in executions" class="join join-vertical w-full mt-2">
+          <div v-if="oneOf" v-for="m in oneOf">
+            <div
+              v-for="(props, method) in m.properties"
+              class="collapse collapse-arrow join-item border border-base-300"
+            >
+              <input type="radio" name="my-accordion-1" :checked="false" />
+              <div class="collapse-title font-medium">{{ title }}::{{ method }}</div>
+              <div class="collapse-content">
+                <div v-for="(p, name) in props.properties" class="form-control pb-2">
+                  <label class="label">
+                    <span class="label-text">{{ name }}</span>
+                    <span></span>
+                  </label>
+                  <input
+                    :name="`${method}-${name}`"
+                    type="text"
+                    :placeholder="p.format"
+                    class="input input-sm border border-gray-300 dark:border-gray-600 w-full"
+                  />
+                </div>
+                <div>
+                  <label
+                    v-if="title === 'ExecuteMsg'"
+                    for="wasm_execute_contract"
+                    class="btn btn-sm"
+                    @click="callFunction(title, method, props)"
+                    >{{ method }}</label
+                  >
+                  <label v-else class="btn btn-sm" @click="callFunction(title, method, props)">{{ method }}</label>
+                </div>
+                <div v-if="result[`${title}-${method}`]" class="mt-2">
+                  <JsonViewer
+                    :value="result[`${title}-${method}`]"
+                    :theme="baseStore.theme || 'dark'"
+                    style="background: transparent"
+                    copyable
+                    boxed
+                    sort
+                    :expand-depth="5"
+                  />
                 </div>
               </div>
             </div>
           </div>
-          <div v-if="tab === 'source_code'" class="mt-2 join join-vertical w-full">
-            <div v-for="sc in sourceCode.filter(x => !x.isDirectory)" class="collapse collapse-arrow join-item border border-base-300">
-              <input type="radio" name="sourceCodeAccordion" :checked="false"/> 
-              <div class="collapse-title font-medium">{{sc.path}}</div>
-              <div class="collapse-content overflow-auto" v-html="sc.sourceCode"></div>
-            </div>
-          </div>
-        </div>
-        <div v-show="tab === 'verification'" class="text-center">
-            <div v-if="Object.keys(verification).length == 0" >
-               Haven't found verification
-            </div>
-            <button class="btn btn-primary mt-5" @click="verify" v-show="tab === 'verification'" :disabled="verification.error !== undefined">verify</button>
         </div>
-
-        <!-- alert-info -->
+      </div>
+      <div v-if="tab === 'source_code'" class="mt-2 join join-vertical w-full">
         <div
-          class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
+          v-for="sc in sourceCode.filter((x) => !x.isDirectory)"
+          class="collapse collapse-arrow join-item border border-base-300"
         >
-          <div
-            class="drop-shadow-md px-4 pt-2 pb-2"
-            style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px"
-          >
-            <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
-          </div>
-          <div class="px-4 py-4">
-            <ul style="list-style-type: disc" class="pl-8">
-              <li>
-                {{ $t('cosmwasm.tips_description_1') }}
-              </li>
-              <li>
-                <a href="https://docs.welldonestudio.io/code/verification-api/" target="_blank">Link to Verification API Manual</a>
-              </li>
-            </ul>
-          </div>
+          <input type="radio" name="sourceCodeAccordion" :checked="false" />
+          <div class="collapse-title font-medium">{{ sc.path }}</div>
+          <div class="collapse-content overflow-auto" v-html="sc.sourceCode"></div>
         </div>
+      </div>
+    </div>
+    <div v-show="tab === 'verification'" class="text-center">
+      <div v-if="Object.keys(verification).length == 0">Haven't found verification</div>
+      <button
+        class="btn btn-primary mt-5"
+        @click="verify"
+        v-show="tab === 'verification'"
+        :disabled="verification.error !== undefined"
+      >
+        verify
+      </button>
+    </div>
+
+    <!-- alert-info -->
+    <div class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info">
+      <div class="drop-shadow-md px-4 pt-2 pb-2" style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px">
+        <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
+      </div>
+      <div class="px-4 py-4">
+        <ul style="list-style-type: disc" class="pl-8">
+          <li>
+            {{ $t('cosmwasm.tips_description_1') }}
+          </li>
+          <li>
+            <a href="https://docs.welldonestudio.io/code/verification-api/" target="_blank"
+              >Link to Verification API Manual</a
+            >
+          </li>
+        </ul>
+      </div>
     </div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/src/components/ad/AdBanner.vue b/src/components/ad/AdBanner.vue
index 73a01f6219..517bd25d4c 100644
--- a/src/components/ad/AdBanner.vue
+++ b/src/components/ad/AdBanner.vue
@@ -1,18 +1,17 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { useRoute } from 'vue-router'
-const route = useRoute()
+import { useRoute } from 'vue-router';
+const route = useRoute();
 
 const aa = computed(() => {
-  const hostname = location.hostname
+  const hostname = location.hostname;
   if (hostname === 'testnet.ping.pub') {
-    return '2396360'
+    return '2396360';
   } else if (hostname === 'ping.pub') {
-    return '2395639'
+    return '2395639';
   } else {
-    return '2396360'
+    return '2396360';
   }
 });
 </script>
-<template>
-</template>
+<template></template>
diff --git a/src/components/charts/DonutChart.vue b/src/components/charts/DonutChart.vue
index bfc5e41d4b..8634f86d98 100644
--- a/src/components/charts/DonutChart.vue
+++ b/src/components/charts/DonutChart.vue
@@ -15,10 +15,5 @@ const expenseRationChartConfig = computed(() => {
 </script>
 
 <template>
-  <ApexCharts
-    type="donut"
-    height="410"
-    :options="expenseRationChartConfig"
-    :series="series"
-  />
+  <ApexCharts type="donut" height="410" :options="expenseRationChartConfig" :series="series" />
 </template>
diff --git a/src/components/charts/PriceMarketChart.vue b/src/components/charts/PriceMarketChart.vue
index 8b6ffc0090..543adaaaaf 100644
--- a/src/components/charts/PriceMarketChart.vue
+++ b/src/components/charts/PriceMarketChart.vue
@@ -8,51 +8,44 @@ import { useBaseStore } from '@/stores';
 const store = useIndexModule();
 const baseStore = useBaseStore();
 const chartConfig = computed(() => {
-    const theme = baseStore.theme;
-    const labels = store.marketData.prices.map((item: any) => item[0]);
-    return getMarketPriceChartConfig(theme, labels);
+  const theme = baseStore.theme;
+  const labels = store.marketData.prices.map((item: any) => item[0]);
+  return getMarketPriceChartConfig(theme, labels);
 });
 const kind = ref('price');
 const series = computed(() => {
-    return [
-        {
-            name: kind.value === 'price' ? 'Price' : 'Volume',
-            data:
-                kind.value === 'price'
-                    ? store.marketData.prices.map((item: any) => item[1])
-                    : store.marketData.total_volumes.map(
-                          (item: any) => item[1]
-                      ),
-        },
-    ];
+  return [
+    {
+      name: kind.value === 'price' ? 'Price' : 'Volume',
+      data:
+        kind.value === 'price'
+          ? store.marketData.prices.map((item: any) => item[1])
+          : store.marketData.total_volumes.map((item: any) => item[1]),
+    },
+  ];
 });
 
 function changeChart(type: string) {
-    kind.value = type;
+  kind.value = type;
 }
 </script>
 
 <template>
-    <div class="tabs tabs-boxed bg-transparent justify-end">
-        <a
-            class="tab text-xs mr-2 text-gray-400 uppercase"
-            :class="{ 'tab-active': kind === 'price' }"
-            @click="changeChart('price')"
-        >
-            Price
-        </a>
-        <a
-            class="tab text-xs text-gray-400 uppercase"
-            :class="{ 'tab-active': kind === 'volume' }"
-            @click="changeChart('volume')"
-        >
-            Volume
-        </a>
-    </div>
-    <ApexCharts
-        type="area"
-        height="230"
-        :options="chartConfig"
-        :series="series"
-    />
+  <div class="tabs tabs-boxed bg-transparent justify-end">
+    <a
+      class="tab text-xs mr-2 text-gray-400 uppercase"
+      :class="{ 'tab-active': kind === 'price' }"
+      @click="changeChart('price')"
+    >
+      Price
+    </a>
+    <a
+      class="tab text-xs text-gray-400 uppercase"
+      :class="{ 'tab-active': kind === 'volume' }"
+      @click="changeChart('volume')"
+    >
+      Volume
+    </a>
+  </div>
+  <ApexCharts type="area" height="230" :options="chartConfig" :series="series" />
 </template>
diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
index 6e630782a9..685d455568 100644
--- a/src/components/charts/TxsInBlocksChart.vue
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -6,39 +6,43 @@ import { useBaseStore } from '@/stores';
 const baseStore = useBaseStore();
 
 const options = computed(() => {
-    return {
-        chart: {
-            type: 'bar',
-            height: 150
-        },
-        plotOptions: {
-            bar: {
-                // borderRadius: 4,
-                horizontal: false,
-            }
-        },
-        dataLabels: {
-          enabled: false
-        },
-        colors: ['#5A67D8'],
-        xaxis: {
-            labels: {
-                show: false,
-                rotate: -45
-            },
-            show: false,
-            categories: baseStore.recents.map((x) => x.block.header.height).concat(Array(50-baseStore.recents.length).fill('')),
-        }
-    };
+  return {
+    chart: {
+      type: 'bar',
+      height: 150,
+    },
+    plotOptions: {
+      bar: {
+        // borderRadius: 4,
+        horizontal: false,
+      },
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    colors: ['#5A67D8'],
+    xaxis: {
+      labels: {
+        show: false,
+        rotate: -45,
+      },
+      show: false,
+      categories: baseStore.recents
+        .map((x) => x.block.header.height)
+        .concat(Array(50 - baseStore.recents.length).fill('')),
+    },
+  };
 });
 const series = computed(() => {
-    return [{
-        name: 'Txs',
-        data: baseStore.recents?.map((x) => x.block.data.txs.length) || []
-    }]
+  return [
+    {
+      name: 'Txs',
+      data: baseStore.recents?.map((x) => x.block.data.txs.length) || [],
+    },
+  ];
 });
 </script>
 
 <template>
-    <ApexCharts type="bar" height="150" :options="options" :series="series" />
+  <ApexCharts type="bar" height="150" :options="options" :series="series" />
 </template>
diff --git a/src/components/charts/apexChartConfig.ts b/src/components/charts/apexChartConfig.ts
index 6e8a78ad77..c2f8ca4203 100644
--- a/src/components/charts/apexChartConfig.ts
+++ b/src/components/charts/apexChartConfig.ts
@@ -1,7 +1,7 @@
 import { useBlockchain } from '@/stores';
 import numeral from 'numeral';
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 
 const themeColors = (theme: string) => {
   if (theme === 'light') {
@@ -183,12 +183,8 @@ export const colorVariables = (theme: string) => {
   };
 };
 /// Price Chart config
-export const getMarketPriceChartConfig = (
-  theme: string,
-  categories: string[]
-) => {
-  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } =
-    colorVariables(theme);
+export const getMarketPriceChartConfig = (theme: string, categories: string[]) => {
+  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } = colorVariables(theme);
 
   return {
     chart: {
@@ -260,16 +256,56 @@ export const getMarketPriceChartConfig = (
 };
 
 // const donutColors = Array.from({length: 19}, () => (`#${Math.floor(Math.random()*16777215+100000).toString(16)}`))
-const donutColors = ["#bbe81a", "#ff5f0b", "#43ebef", "#1999e5", "#230b2c", "#628be8", "#aa5343", "#c9fa89", "#e88ea8", "#72e4a2", "#38cd87", "#515e13", "#7bf8f5", "#83dd6e", "#e8b203", "#7d11d5", "#3e4927", "#f303e2", "#249493", "#50e5e6", "#11deb2", "#a2f9c7", "#2a7bdc", "#47383a", "#226da4", "#966319", "#1bdf99", "#f3ab0c", "#961f50", "#832efd", "#875287", "#4bebe7", "#1d3d2e", "#9caea4", "#2772f5", "#938bf1", "#6228a5", "#24fea5", "#c9bbc8", "#e27225", "#54bd9f", "#babb2d", "#bcf591", "#803b36", "#124f03"]
+const donutColors = [
+  '#bbe81a',
+  '#ff5f0b',
+  '#43ebef',
+  '#1999e5',
+  '#230b2c',
+  '#628be8',
+  '#aa5343',
+  '#c9fa89',
+  '#e88ea8',
+  '#72e4a2',
+  '#38cd87',
+  '#515e13',
+  '#7bf8f5',
+  '#83dd6e',
+  '#e8b203',
+  '#7d11d5',
+  '#3e4927',
+  '#f303e2',
+  '#249493',
+  '#50e5e6',
+  '#11deb2',
+  '#a2f9c7',
+  '#2a7bdc',
+  '#47383a',
+  '#226da4',
+  '#966319',
+  '#1bdf99',
+  '#f3ab0c',
+  '#961f50',
+  '#832efd',
+  '#875287',
+  '#4bebe7',
+  '#1d3d2e',
+  '#9caea4',
+  '#2772f5',
+  '#938bf1',
+  '#6228a5',
+  '#24fea5',
+  '#c9bbc8',
+  '#e27225',
+  '#54bd9f',
+  '#babb2d',
+  '#bcf591',
+  '#803b36',
+  '#124f03',
+];
 
-
-export const getDonutChartConfig = (
-  theme: string,
-  labels: string[]
-) => {
-
-  const { themeSecondaryTextColor, themePrimaryTextColor } =
-    colorVariables(theme);
+export const getDonutChartConfig = (theme: string, labels: string[]) => {
+  const { themeSecondaryTextColor, themePrimaryTextColor } = colorVariables(theme);
 
   return {
     stroke: { width: 0 },
@@ -359,4 +395,3 @@ export const getDonutChartConfig = (
     ],
   };
 };
-
diff --git a/src/components/dynamic/ArrayBytesElement.vue b/src/components/dynamic/ArrayBytesElement.vue
index ed923cb6df..7746fde504 100644
--- a/src/components/dynamic/ArrayBytesElement.vue
+++ b/src/components/dynamic/ArrayBytesElement.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 <template>
   <div>
-    <div v-for="(item,index) of props.value" :key="index">
+    <div v-for="(item, index) of props.value" :key="index">
       {{ toBase64(item) }}
     </div>
   </div>
diff --git a/src/components/dynamic/ArrayElement.vue b/src/components/dynamic/ArrayElement.vue
index 8b5b8e15be..61b0c86f95 100644
--- a/src/components/dynamic/ArrayElement.vue
+++ b/src/components/dynamic/ArrayElement.vue
@@ -3,7 +3,7 @@ import ArrayBytesElement from './ArrayBytesElement.vue';
 import ArrayObjectElement from './ArrayObjectElement.vue';
 import TextElement from './TextElement.vue';
 import ArrayCoinElement from './ArrayCoinElement.vue';
-import ArrayStringElement from './ArrayStringElement.vue'
+import ArrayStringElement from './ArrayStringElement.vue';
 
 const props = defineProps({
   value: { type: Array<Object> },
diff --git a/src/components/dynamic/ArrayObjectElement.vue b/src/components/dynamic/ArrayObjectElement.vue
index c759a08da5..404c08f7fb 100644
--- a/src/components/dynamic/ArrayObjectElement.vue
+++ b/src/components/dynamic/ArrayObjectElement.vue
@@ -18,15 +18,11 @@ const header = computed(() => {
 });
 </script>
 <template>
-  <div class="overflow-auto max-h-96 ">
+  <div class="overflow-auto max-h-96">
     <table class="table table-xs table-compact table-pin-rows w-full">
       <thead v-if="thead">
         <tr>
-          <th
-            v-for="(item, index) in header"
-            :key="index"
-            class="text-left capitalize"
-          >
+          <th v-for="(item, index) in header" :key="index" class="text-left capitalize">
             {{ item.replace(/_/g, ' ') }}
           </th>
         </tr>
diff --git a/src/components/dynamic/ObjectElement.vue b/src/components/dynamic/ObjectElement.vue
index 008537df9d..15408940cd 100644
--- a/src/components/dynamic/ObjectElement.vue
+++ b/src/components/dynamic/ObjectElement.vue
@@ -8,18 +8,12 @@ const props = defineProps(['value']);
     <table class="table table-compact w-full text-sm">
       <tbody>
         <tr v-for="(v, k) of value">
-          <td
-            class="capitalize whitespace-break-spaces min-w-max"
-          >
+          <td class="capitalize whitespace-break-spaces min-w-max">
             {{ String(k).replaceAll('_', ' ') }}
           </td>
           <td class="w-4/5">
-            <div class="overflow-hidden w-auto whitespace-normal" >
-              <Component
-                v-if="v"
-                :is="select(v, 'horizontal')"
-                :value="v"
-              ></Component>
+            <div class="overflow-hidden w-auto whitespace-normal">
+              <Component v-if="v" :is="select(v, 'horizontal')" :value="v"></Component>
             </div>
           </td>
         </tr>
diff --git a/src/components/dynamic/TextElement.vue b/src/components/dynamic/TextElement.vue
index 4354a554f2..d214603026 100644
--- a/src/components/dynamic/TextElement.vue
+++ b/src/components/dynamic/TextElement.vue
@@ -6,90 +6,112 @@ import { computed, onMounted, ref } from 'vue';
 
 import { fromBase64, toHex } from '@cosmjs/encoding';
 
-import { registry as nameMatcha } from "@leapwallet/name-matcha"
+import { registry as nameMatcha } from '@leapwallet/name-matcha';
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 const props = defineProps(['value']);
 const format = useFormatter();
 function isMD() {
-  if (
-    props.value &&
-    (String(props.value).indexOf('\n') > -1 || String(props.value).indexOf('\\n') > -1)
-  ) {
+  if (props.value && (String(props.value).indexOf('\n') > -1 || String(props.value).indexOf('\\n') > -1)) {
     return true;
   }
   return false;
 }
 
 function isAddress() {
-  return isBech32Address(props.value) && String(props.value).indexOf('valoper1') === -1
+  return isBech32Address(props.value) && String(props.value).indexOf('valoper1') === -1;
 }
 
 const text = computed(() => {
-  if(!props.value) return ""
-  const v = String(props.value)
-  switch(true) {
-    case v.length === 28 && v.endsWith("="): {
-      return format.validator(v) || v
+  if (!props.value) return '';
+  const v = String(props.value);
+  switch (true) {
+    case v.length === 28 && v.endsWith('='): {
+      return format.validator(v) || v;
     }
     // 2023-06-12T03:09:38.253756368Z
     case v.search(/^[1-9]\d{3}-\d{1,2}-\d{1,2}T\d{1,2}:\d{2}:\d{2}[.\d]*Z$/g) > -1: {
-      return new Date(v).toLocaleString(navigator.language)
+      return new Date(v).toLocaleString(navigator.language);
     }
     case toHexOutput.value:
-      return toHex(fromBase64(v)).toUpperCase()
+      return toHex(fromBase64(v)).toUpperCase();
   }
-  return v
-})
+  return v;
+});
 
-const names = ref([] as {name?: any, provider?: string}[])
+const names = ref([] as { name?: any; provider?: string }[]);
 
 onMounted(() => {
-  if(isAddress()) nameMatcha.lookupAll(props.value).then(re => {
-
-    names.value = Object.keys(re).map(key => ({name: re[key], provider: key})).filter( x => x.name)
-  })
-})
-const toHexOutput = ref(false)
+  if (isAddress())
+    nameMatcha.lookupAll(props.value).then((re) => {
+      names.value = Object.keys(re)
+        .map((key) => ({ name: re[key], provider: key }))
+        .filter((x) => x.name);
+    });
+});
+const toHexOutput = ref(false);
 const isConvertable = computed(() => {
-  return String(props.value).endsWith('=') && props.value.length !== 28
-})
-
+  return String(props.value).endsWith('=') && props.value.length !== 28;
+});
 </script>
 <template>
-  <MdEditor
-    v-if="isMD()"
-    :model-value="format.multiLine(value)"
-    previewOnly
-    class="md-editor-recover"
-  ></MdEditor>
+  <MdEditor v-if="isMD()" :model-value="format.multiLine(value)" previewOnly class="md-editor-recover"></MdEditor>
   <span v-else-if="isAddress()" class="flex">
     <RouterLink :to="`/${chainStore.chainName}/account/${text}`">{{ text }}</RouterLink>
-    <div v-for="{name, provider} in names">
-      <span class="text-xs truncate relative py-1 px-2 p2-4 w-fit ml-2 rounded text-success tooltip" :data-tip="provider" :title="provider">
+    <div v-for="{ name, provider } in names">
+      <span
+        class="text-xs truncate relative py-1 px-2 p2-4 w-fit ml-2 rounded text-success tooltip"
+        :data-tip="provider"
+        :title="provider"
+      >
         <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-success"></span>
         <button>{{ name }}</button>
       </span>
     </div>
-  </span>  
-  <span v-else class="flex"><span class="break-words max-w-5xl">{{ text }}</span>
+  </span>
+  <span v-else class="flex"
+    ><span class="break-words max-w-5xl">{{ text }}</span>
     <span v-if="isConvertable" @click="toHexOutput = !toHexOutput" class="ml-2 cursor-pointer">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-        <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        class="w-4 h-4"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+        />
       </svg>
-    </span> 
+    </span>
   </span>
 </template>
 
 <style lang="scss">
 .md-editor-recover {
-  .h1,h1 {
+  .h1,
+  h1 {
     font-size: 2rem;
   }
-  .h2,h2 {
+  .h2,
+  h2 {
     font-size: 1.5rem;
   }
-  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
     font-weight: 500;
@@ -104,10 +126,15 @@ const isConvertable = computed(() => {
     margin-inline-end: 0px;
     padding-inline-start: 40px;
   }
-  dl, ol, ul {
+  dl,
+  ol,
+  ul {
     margin-top: 0;
   }
-  address, dl, ol, ul {
+  address,
+  dl,
+  ol,
+  ul {
     margin-bottom: 1rem;
   }
   p {
@@ -115,11 +142,21 @@ const isConvertable = computed(() => {
     margin-bottom: 1rem;
   }
   a {
-      color: #666cff !important;
+    color: #666cff !important;
   }
-  .h1 > a, .h2> a, .h3> a, .h4> a, .h5> a, .h6> a, h1> a, h2> a, h3> a, h4> a, h5> a, h6> a { 
+  .h1 > a,
+  .h2 > a,
+  .h3 > a,
+  .h4 > a,
+  .h5 > a,
+  .h6 > a,
+  h1 > a,
+  h2 > a,
+  h3 > a,
+  h4 > a,
+  h5 > a,
+  h6 > a {
     color: inherit !important;
   }
-
 }
 </style>
diff --git a/src/components/dynamic/TokenElement.vue b/src/components/dynamic/TokenElement.vue
index 3ddf969367..7fcbf3323e 100644
--- a/src/components/dynamic/TokenElement.vue
+++ b/src/components/dynamic/TokenElement.vue
@@ -1,10 +1,6 @@
 <script lang="ts" setup>
-
 const props = defineProps(['value']);
-
 </script>
 <template>
-  <div class="overflow-auto">
-      {{ value["amount"] }} {{ value["denom"] }}
-  </div>
+  <div class="overflow-auto">{{ value['amount'] }} {{ value['denom'] }}</div>
 </template>
diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index d16621cc3d..fa38232eb2 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -9,21 +9,23 @@ const props = defineProps({
 });
 
 const txs = computed(() => {
-  return props.value?.map((x) => {
-    const tx_bytes = fromBase64(x);
-    let tx = null
-    let injected = 'Standard'
-    try {
-      tx = decodeTxRaw(fromBase64(x))
-    } catch(e) {
-      injected = 'Injected'
-    } 
-    return {
-      hash: hashTx(tx_bytes),
-      tx,
-      injected
-    }
-  }) || []
+  return (
+    props.value?.map((x) => {
+      const tx_bytes = fromBase64(x);
+      let tx = null;
+      let injected = 'Standard';
+      try {
+        tx = decodeTxRaw(fromBase64(x));
+      } catch (e) {
+        injected = 'Injected';
+      }
+      return {
+        hash: hashTx(tx_bytes),
+        tx,
+        injected,
+      };
+    }) || []
+  );
 });
 
 const format = useFormatter();
@@ -35,7 +37,7 @@ const chain = useBlockchain();
       <thead>
         <tr>
           <th>Type</th>
-          <th style="position: relative; z-index: 2;">Hash</th>
+          <th style="position: relative; z-index: 2">Hash</th>
           <th>Msgs</th>
           <th>Memo</th>
         </tr>
@@ -44,21 +46,19 @@ const chain = useBlockchain();
         <tr v-for="item in txs">
           <td>{{ item.injected }}</td>
           <td>
-            <span v-if="item.injected ==='Injected'">{{ item.hash }}</span>
+            <span v-if="item.injected === 'Injected'">{{ item.hash }}</span>
             <RouterLink v-else :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
               item.hash
             }}</RouterLink>
           </td>
           <td>
             <span v-if="item.tx">
-              {{
-                format.messages(
-                  item.tx.body.messages.map((x) => ({ '@type': x.typeUrl }))
-                )
-              }}
+              {{ format.messages(item.tx.body.messages.map((x) => ({ '@type': x.typeUrl }))) }}
             </span>
           </td>
-          <td><span v-if="item.tx">{{ item.tx.body.memo }}</span></td>
+          <td>
+            <span v-if="item.tx">{{ item.tx.body.memo }}</span>
+          </td>
         </tr>
       </tbody>
     </table>
diff --git a/src/components/dynamic/UInt8Array.vue b/src/components/dynamic/UInt8Array.vue
index 7c26863a8d..a2d0fa2f19 100644
--- a/src/components/dynamic/UInt8Array.vue
+++ b/src/components/dynamic/UInt8Array.vue
@@ -13,7 +13,5 @@ function change() {
 }
 </script>
 <template>
-  <span
-    >{{ text }} <VIcon size="12" icon="mdi-cached" @click="change()"
-  /></span>
+  <span>{{ text }} <VIcon size="12" icon="mdi-cached" @click="change()" /></span>
 </template>
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
index ea8ddefb97..2dc8b05525 100644
--- a/src/components/icons/IconCommunity.vue
+++ b/src/components/icons/IconCommunity.vue
@@ -1,10 +1,5 @@
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="20"
-    fill="currentColor"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
     <path
       d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
     />
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
index 63a85340aa..6d4791cfbc 100644
--- a/src/components/icons/IconDocumentation.vue
+++ b/src/components/icons/IconDocumentation.vue
@@ -1,10 +1,5 @@
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="17"
-    fill="currentColor"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
     <path
       d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
     />
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
index 385a2029d7..c3a4f078c0 100644
--- a/src/components/icons/IconEcosystem.vue
+++ b/src/components/icons/IconEcosystem.vue
@@ -1,10 +1,5 @@
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="18"
-    height="20"
-    fill="currentColor"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
     <path
       d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
     />
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
index 7db961e4d4..7452834d3e 100644
--- a/src/components/icons/IconSupport.vue
+++ b/src/components/icons/IconSupport.vue
@@ -1,10 +1,5 @@
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="20"
-    fill="currentColor"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
     <path
       d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
     />
diff --git a/src/components/icons/IconWeb.vue b/src/components/icons/IconWeb.vue
index 5e0cd0ca6e..e3a9f01be9 100644
--- a/src/components/icons/IconWeb.vue
+++ b/src/components/icons/IconWeb.vue
@@ -1 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" tag="i" class="v-icon notranslate v-theme--light v-icon--size-default iconify iconify--mdi" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"></path></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  aria-hidden="true"
+  role="img"
+  tag="i"
+  class="v-icon notranslate v-theme--light v-icon--size-default iconify iconify--mdi"
+  width="1em"
+  height="1em"
+  viewBox="0 0 24 24"
+><path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"></path></svg>
diff --git a/src/layouts/blank.vue b/src/layouts/blank.vue
index a890f3b4be..2c6831135f 100644
--- a/src/layouts/blank.vue
+++ b/src/layouts/blank.vue
@@ -1,12 +1,11 @@
 <script lang="ts">
-import { defineComponent, resolveComponent, h } from 'vue'
+import { defineComponent, resolveComponent, h } from 'vue';
 
 export default defineComponent({
   setup() {
     const routerView = resolveComponent('router-view');
 
-    return () =>
-      h('div', { class: 'layout-wrapper layout-blank' }, h(routerView));
+    return () => h('div', { class: 'layout-wrapper layout-blank' }, h(routerView));
   },
 });
 </script>
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index caecee9166..5fb4afcc91 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -17,45 +17,33 @@ function changeEndpoint(item: Endpoint) {
       <div class="p-1 relative mr-3 cursor-pointer">
         <img v-lazy="chainStore.logo" class="w-9 h-9 rounded-full" />
         <div
-          class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow" :class="{
+          class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow"
+          :class="{
             'bg-success': baseStore.connected,
-            'bg-error': !baseStore.connected
+            'bg-error': !baseStore.connected,
           }"
         ></div>
       </div>
       <div class="flex-1 w-0">
         <div
-          :key="
-            baseStore.latest?.block?.header?.height ||
-            chainStore.chainName ||
-            ''
-          "
+          :key="baseStore.latest?.block?.header?.height || chainStore.chainName || ''"
           class="capitalize whitespace-nowrap text-base font-semibold text-gray-600 dark:text-gray-200 hidden md:!block"
         >
-          {{ 
+          {{
             baseStore.latest?.block?.header?.height
               ? `#${baseStore.latest.block.header.height}`
-              : chainStore.chainName  || '' 
-          }} <span class="text-error">{{ baseStore.connected ? '' : 'disconnected' }}</span>
+              : chainStore.chainName || ''
+          }}
+          <span class="text-error">{{ baseStore.connected ? '' : 'disconnected' }}</span>
         </div>
-        <div
-          class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap hidden md:!block"
-        >
+        <div class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap hidden md:!block">
           {{ chainStore.connErr || chainStore.endpoint.address }}
         </div>
       </div>
     </label>
-    <div
-      tabindex="0"
-      class="dropdown-content -left-6 w-80 menu shadow bg-base-200 rounded-box overflow-auto"
-    >
+    <div tabindex="0" class="dropdown-content -left-6 w-80 menu shadow bg-base-200 rounded-box overflow-auto">
       <!-- rest -->
-      <div
-        class="px-4 py-2 text-sm text-gray-400"
-        v-if="chainStore.current?.endpoints?.rest"
-      >
-        Rest Endpoint
-      </div>
+      <div class="px-4 py-2 text-sm text-gray-400" v-if="chainStore.current?.endpoints?.rest">Rest Endpoint</div>
       <div
         v-for="(item, index) in chainStore.current?.endpoints?.rest"
         class="px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-[#384059] cursor-pointer"
@@ -82,14 +70,18 @@ function changeEndpoint(item: Endpoint) {
       <div class="px-4 py-2 text-sm text-gray-400">Information</div>
       <div class="w-full">
         <div class="py-2 px-4">
-          Chain Id: {{ baseStore.latest.block?.header.chain_id && baseStore.connected
-                        ? baseStore.latest.block.header.chain_id
-                        : 'N/A' }}
+          Chain Id:
+          {{
+            baseStore.latest.block?.header.chain_id && baseStore.connected
+              ? baseStore.latest.block.header.chain_id
+              : 'N/A'
+          }}
         </div>
         <div class="py-2 px-4">
-          Height: {{ baseStore.latest.block?.header.height && baseStore.connected
-                      ? baseStore.latest.block.header.height
-                      : '0' }}
+          Height:
+          {{
+            baseStore.latest.block?.header.height && baseStore.connected ? baseStore.latest.block.header.height : '0'
+          }}
         </div>
       </div>
       <!-- bottom-->
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index df0be7c113..b3dc2386ba 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -25,10 +25,10 @@ blockchain.randomSetupEndpoint();
 const baseStore = useBaseStore();
 
 const current = ref(''); // the current chain
-const temp = ref('')
+const temp = ref('');
 blockchain.$subscribe((m, s) => {
   if (current.value === s.chainName && temp.value != s.endpoint.address) {
-    temp.value = s.endpoint.address
+    temp.value = s.endpoint.address;
     blockchain.initial();
   }
   if (current.value != s.chainName) {
@@ -57,24 +57,24 @@ function isNavTitle(nav: VerticalNavItems | any): nav is NavSectionTitle {
   return (<NavSectionTitle>nav).heading !== undefined;
 }
 function selected(route: any, nav: NavLink) {
-  const b = route.path === nav.to?.path || route.path.startsWith(nav.to?.path) && nav.title.indexOf('dashboard') === -1
-  return b
+  const b =
+    route.path === nav.to?.path || (route.path.startsWith(nav.to?.path) && nav.title.indexOf('dashboard') === -1);
+  return b;
 }
 const blocktime = computed(() => {
-  return dayjs(baseStore.latest?.block?.header?.time)
+  return dayjs(baseStore.latest?.block?.header?.time);
 });
 
 const behind = computed(() => {
-  const current = dayjs().subtract(10, 'minute')
-  return blocktime.value.isBefore(current)
+  const current = dayjs().subtract(10, 'minute');
+  return blocktime.value.isBefore(current);
 });
 
-dayjs()
+dayjs();
 
 const show_ad = computed(() => {
-  return location.hostname.indexOf('ping.pub') > -1
-})
-
+  return location.hostname.indexOf('ping.pub') > -1;
+});
 </script>
 
 <template>
@@ -82,31 +82,41 @@ const show_ad = computed(() => {
     <!-- sidebar -->
     <div
       class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
-      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }">
+      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }"
+    >
       <div class="flex justify-between mt-1 pl-4 py-4 mb-1">
         <RouterLink to="/" class="flex items-center">
           <img class="w-10 h-10" src="../../assets/logo.svg" />
-          <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">
-            Ping.pub
-          </h1>
+          <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">Ping.pub</h1>
         </RouterLink>
         <div class="pr-4 cursor-pointer xl:!hidden" @click="sidebarShow = false">
           <Icon icon="mdi-close" class="text-2xl" />
         </div>
       </div>
       <div v-for="(item, index) of blockchain.computedChainMenu" :key="index" class="px-2">
-        <div v-if="isNavGroup(item)" :tabindex="index" class="collapse" :class="{
-          'collapse-arrow': index > 0 && item?.children?.length > 0,
-          'collapse-open': index === 0 && sidebarOpen,
-          'collapse-close': index === 0 && !sidebarOpen,
-        }">
+        <div
+          v-if="isNavGroup(item)"
+          :tabindex="index"
+          class="collapse"
+          :class="{
+            'collapse-arrow': index > 0 && item?.children?.length > 0,
+            'collapse-open': index === 0 && sidebarOpen,
+            'collapse-close': index === 0 && !sidebarOpen,
+          }"
+        >
           <input v-if="index > 0" type="checkbox" class="cursor-pointer !h-10 block" @click="changeOpen(index)" />
           <div
-            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
-              'text-yellow-500': item?.title === 'Favorite',
-              'text-blue-500': item?.title !== 'Favorite',
-            }" />
+            class="collapse-title !py-0 px-4 flex items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+          >
+            <Icon
+              v-if="item?.icon?.icon"
+              :icon="item?.icon?.icon"
+              class="text-xl mr-2"
+              :class="{
+                'text-yellow-500': item?.title === 'Favorite',
+                'text-blue-500': item?.title !== 'Favorite',
+              }"
+            />
             <img v-if="item?.icon?.image" :src="item?.icon?.image" class="w-6 h-6 rounded-full mr-3" />
             <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
               {{ item?.title }}
@@ -117,51 +127,77 @@ const show_ad = computed(() => {
           </div>
           <div class="collapse-content">
             <div v-for="(el, key) of item?.children" class="menu bg-base-100 w-full !p-0">
-              <RouterLink v-if="isNavLink(el)" @click="sidebarShow = false"
+              <RouterLink
+                v-if="isNavLink(el)"
+                @click="sidebarShow = false"
                 class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
                 :class="{
                   '!bg-primary': selected($route, el),
-                }" :to="el.to">
-                <Icon v-if="!el?.icon?.image" icon="mdi:chevron-right" class="mr-2 ml-3" :class="{
-                  'text-white':
-                    $route.path === el?.to?.path &&
-                    item?.title !== 'Favorite',
-                }" />
-                <img v-if="el?.icon?.image" :src="el?.icon?.image" class="w-6 h-6 rounded-full mr-3 ml-4 " :class="{
-                  'border border-gray-300 bg-white': selected($route, el),
-                }" />
-                <div class="text-base capitalize text-gray-500 dark:text-gray-300" :class="{
-                  '!text-white': selected($route, el),
-                }">
+                }"
+                :to="el.to"
+              >
+                <Icon
+                  v-if="!el?.icon?.image"
+                  icon="mdi:chevron-right"
+                  class="mr-2 ml-3"
+                  :class="{
+                    'text-white': $route.path === el?.to?.path && item?.title !== 'Favorite',
+                  }"
+                />
+                <img
+                  v-if="el?.icon?.image"
+                  :src="el?.icon?.image"
+                  class="w-6 h-6 rounded-full mr-3 ml-4"
+                  :class="{
+                    'border border-gray-300 bg-white': selected($route, el),
+                  }"
+                />
+                <div
+                  class="text-base capitalize text-gray-500 dark:text-gray-300"
+                  :class="{
+                    '!text-white': selected($route, el),
+                  }"
+                >
                   {{ item?.title === 'Favorite' ? el?.title : $t(el?.title) }}
                 </div>
               </RouterLink>
             </div>
-            <div v-if="index === 0 && dashboard.networkType === NetworkType.Testnet"
-              class="menu bg-base-100 w-full !p-0">
+            <div
+              v-if="index === 0 && dashboard.networkType === NetworkType.Testnet"
+              class="menu bg-base-100 w-full !p-0"
+            >
               <RouterLink
                 class="hover:bg-gray-100 dark:hover:bg-[#373f59] rounded cursor-pointer px-3 py-2 flex items-center"
-                :to="`/${blockchain.chainName}/faucet`">
+                :to="`/${blockchain.chainName}/faucet`"
+              >
                 <Icon icon="mdi:chevron-right" class="mr-2 ml-3"></Icon>
-                <div class="text-base capitalize text-gray-500 dark:text-gray-300">
-                  Faucet
-                </div>
-                <div class="badge badge-sm text-white border-none badge-error ml-auto">
-                  New
-                </div>
+                <div class="text-base capitalize text-gray-500 dark:text-gray-300">Faucet</div>
+                <div class="badge badge-sm text-white border-none badge-error ml-auto">New</div>
               </RouterLink>
             </div>
           </div>
         </div>
 
-        <RouterLink v-if="isNavLink(item)" :to="item?.to" @click="sidebarShow = false"
-          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]">
-          <Icon v-if="item?.icon?.icon" :icon="item?.icon?.icon" class="text-xl mr-2" :class="{
-            'text-yellow-500': item?.title === 'Favorite',
-            'text-blue-500': item?.title !== 'Favorite',
-          }" />
-          <img v-if="item?.icon?.image" :src="item?.icon?.image"
-            class="w-6 h-6 rounded-full mr-3 border border-blue-100" />
+        <RouterLink
+          v-if="isNavLink(item)"
+          :to="item?.to"
+          @click="sidebarShow = false"
+          class="cursor-pointer rounded-lg px-4 flex items-center py-2 hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
+          <Icon
+            v-if="item?.icon?.icon"
+            :icon="item?.icon?.icon"
+            class="text-xl mr-2"
+            :class="{
+              'text-yellow-500': item?.title === 'Favorite',
+              'text-blue-500': item?.title !== 'Favorite',
+            }"
+          />
+          <img
+            v-if="item?.icon?.image"
+            :src="item?.icon?.image"
+            class="w-6 h-6 rounded-full mr-3 border border-blue-100"
+          />
           <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
             {{ item?.title }}
           </div>
@@ -174,41 +210,43 @@ const show_ad = computed(() => {
         </div>
       </div>
       <div class="px-2">
-        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
-          Tools
-        </div>
-        <RouterLink to="/wallet/suggest"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">Tools</div>
+        <RouterLink
+          to="/wallet/suggest"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
-            Wallet Helper
-          </div>
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">Wallet Helper</div>
         </RouterLink>
         <div v-if="showDiscord" class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
           {{ $t('module.sponsors') }}
         </div>
         <Sponsors v-if="showDiscord" />
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
-        <a href="https://twitter.com/ping_pub" target="_blank"
-          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <a
+          href="https://twitter.com/ping_pub"
+          target="_blank"
+          class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:twitter" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
-            Twitter
-          </div>
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">Twitter</div>
         </a>
-        <a v-if="showDiscord" href="https://discord.com/invite/CmjYVSr6GW" target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <a
+          v-if="showDiscord"
+          href="https://discord.com/invite/CmjYVSr6GW"
+          target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:discord" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
-            Discord
-          </div>
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">Discord</div>
         </a>
-        <a href="https://github.com/ping-pub/explorer/discussions" target="_blank"
-          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]">
+        <a
+          href="https://github.com/ping-pub/explorer/discussions"
+          target="_blank"
+          class="py-2 px-4 flex items-center rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-[#373f59]"
+        >
           <Icon icon="mdi:frequently-asked-questions" class="text-xl mr-2" />
-          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">
-            FAQ
-          </div>
+          <div class="text-base capitalize flex-1 text-gray-600 dark:text-gray-200">FAQ</div>
         </a>
       </div>
     </div>
@@ -231,13 +269,21 @@ const show_ad = computed(() => {
       </div>
 
       <!-- 👉 Pages -->
-      <div style="min-height: calc(100vh - 180px);">
+      <div style="min-height: calc(100vh - 180px)">
         <div v-if="behind" class="alert alert-error mb-4">
           <div class="flex gap-2">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-              class="stroke-current flex-shrink-0 w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current flex-shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
             </svg>
             <span>{{ $t('pages.out_of_sync') }} {{ blocktime.format() }} ({{ blocktime.fromNow() }})</span>
           </div>
diff --git a/src/layouts/components/NavBarI18n.vue b/src/layouts/components/NavBarI18n.vue
index 2cac260145..fa61853e18 100644
--- a/src/layouts/components/NavBarI18n.vue
+++ b/src/layouts/components/NavBarI18n.vue
@@ -4,81 +4,68 @@ import { Icon } from '@iconify/vue';
 import { useI18n } from 'vue-i18n';
 
 const i18nLangs: Array<{ label: string; i18nLang: string }> = [
-    {
-        label: 'English',
-        i18nLang: 'en',
-    },
-    {
-        label: '中文',
-        i18nLang: 'zh',
-    },
-    {
-        label: 'Indonesian',
-        i18nLang: 'id',
-    },
-    {
-        label: '日本語',
-        i18nLang: 'ja',
-    },
-    {
-        label: '한국인',
-        i18nLang: 'ko',
-    },
-    {
-        label: 'Deutsch',
-        i18nLang: 'de',
-    },
-    {
-        label: 'Español',
-        i18nLang: 'es',
-    },
+  {
+    label: 'English',
+    i18nLang: 'en',
+  },
+  {
+    label: '中文',
+    i18nLang: 'zh',
+  },
+  {
+    label: 'Indonesian',
+    i18nLang: 'id',
+  },
+  {
+    label: '日本語',
+    i18nLang: 'ja',
+  },
+  {
+    label: '한국인',
+    i18nLang: 'ko',
+  },
+  {
+    label: 'Deutsch',
+    i18nLang: 'de',
+  },
+  {
+    label: 'Español',
+    i18nLang: 'es',
+  },
 ];
 
 let locale = ref(useI18n({ useScope: 'global' }).locale);
 watch(locale, (val) => {
-    document.documentElement.setAttribute('lang', val as string);
+  document.documentElement.setAttribute('lang', val as string);
 });
 
 let currentLang = ref(localStorage.getItem('lang') || 'en');
 
 watch(currentLang, (val: string) => {
-    document.documentElement.setAttribute('lang', val as string);
+  document.documentElement.setAttribute('lang', val as string);
 });
 
 const handleLangChange = (lang: string) => {
-    locale.value = lang;
-    currentLang.value = lang;
-    localStorage.setItem('lang', lang);
+  locale.value = lang;
+  currentLang.value = lang;
+  localStorage.setItem('lang', lang);
 };
 </script>
 
 <template>
-    <div
-        class="dropdown"
-        :class="
-            currentLang === 'ar'
-                ? 'dropdown-right'
-                : 'dropdown-bottom dropdown-end'
-        "
-    >
-        <label tabindex="0" class="btn btn-ghost btn-circle btn-sm mx-1">
-            <Icon
-                icon="mdi-translate"
-                class="text-2xl text-gray-500 dark:text-gray-400"
-            />
-        </label>
-        <ul
-            tabindex="0"
-            class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-40"
+  <div class="dropdown" :class="currentLang === 'ar' ? 'dropdown-right' : 'dropdown-bottom dropdown-end'">
+    <label tabindex="0" class="btn btn-ghost btn-circle btn-sm mx-1">
+      <Icon icon="mdi-translate" class="text-2xl text-gray-500 dark:text-gray-400" />
+    </label>
+    <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-40">
+      <li v-for="lang in i18nLangs" :key="lang.i18nLang">
+        <a
+          class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
+          :class="{ 'text-primary': currentLang === lang.i18nLang }"
+          @click="handleLangChange(lang.i18nLang)"
+          >{{ lang.label }}</a
         >
-            <li v-for="lang in i18nLangs" :key="lang.i18nLang">
-                <a
-                    class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
-                    :class="{ 'text-primary': currentLang === lang.i18nLang }"
-                    @click="handleLangChange(lang.i18nLang)"
-                    >{{ lang.label }}</a
-                >
-            </li>
-        </ul>
-    </div>
+      </li>
+    </ul>
+  </div>
 </template>
diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index fc52e61674..3dcad31236 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vue-router';
 import { useBaseStore, useBlockchain, useWalletStore } from '@/stores';
 import { Icon } from '@iconify/vue';
 import { ref, computed } from 'vue';
@@ -39,19 +39,17 @@ const params = computed(() => {
   if (chainStore.chainName == 'side') {
     return JSON.stringify({
       wallet: ['okex', 'unisat'],
-   });
+    });
   }
-  return "";
+  return '';
 });
-
 </script>
 
 <template>
   <div class="dropdown dropdown-hover dropdown-end">
     <label tabindex="0" class="btn btn-sm btn-primary m-1 lowercase truncate !inline-flex text-xs md:!text-sm">
       <Icon icon="mdi:wallet" />
-      <span class="ml-1 hidden md:block">
-        {{ walletStore.shortAddress || 'Wallet' }}</span>
+      <span class="ml-1 hidden md:block"> {{ walletStore.shortAddress || 'Wallet' }}</span>
     </label>
     <div tabindex="0" class="dropdown-content menu shadow p-2 bg-base-100 rounded w-52 md:!w-64 overflow-auto">
       <label v-if="!walletStore?.currentAddress" for="PingConnectWallet" class="btn btn-sm btn-primary">
@@ -61,9 +59,12 @@ const params = computed(() => {
         {{ walletStore.connectedWallet?.wallet }}
       </div>
       <div>
-        <a v-if="walletStore.currentAddress"
+        <a
+          v-if="walletStore.currentAddress"
           class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          style="overflow-wrap: anywhere" @click="copyAdress(walletStore.currentAddress)">
+          style="overflow-wrap: anywhere"
+          @click="copyAdress(walletStore.currentAddress)"
+        >
           {{ walletStore.currentAddress }}
         </a>
         <div class="divider mt-1 mb-1"></div>
@@ -74,9 +75,12 @@ const params = computed(() => {
           <div class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer">Portfolio</div>
         </RouterLink>
         <div v-if="walletStore.currentAddress" class="divider mt-1 mb-1"></div>
-        <a v-if="walletStore.currentAddress"
+        <a
+          v-if="walletStore.currentAddress"
           class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          @click="walletStore.disconnect()">Disconnect</a>
+          @click="walletStore.disconnect()"
+          >Disconnect</a
+        >
       </div>
     </div>
     <div class="toast" v-show="showCopyToast === 1">
@@ -95,9 +99,14 @@ const params = computed(() => {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet :chain-id="baseStore.currentChainId || 'cosmoshub-4'" :hd-path="chainStore.defaultHDPath"
-      :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
-      @keplr-config="walletStore.suggestChain()"  :params="params" />
+    <ping-connect-wallet
+      :chain-id="baseStore.currentChainId || 'cosmoshub-4'"
+      :hd-path="chainStore.defaultHDPath"
+      :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'"
+      @connect="walletStateChange"
+      @keplr-config="walletStore.suggestChain()"
+      :params="params"
+    />
   </Teleport>
 </template>
 
diff --git a/src/layouts/components/NavFooter.vue b/src/layouts/components/NavFooter.vue
index babc284e1a..126dce51b0 100644
--- a/src/layouts/components/NavFooter.vue
+++ b/src/layouts/components/NavFooter.vue
@@ -1,37 +1,23 @@
 <template>
   <!-- footer -->
-  <footer
-    class="flex items-center h-12 mt-5 text-sm bg-gray-100 dark:bg-[#171d30] py-2 z-10 w-full"
-  >
+  <footer class="flex items-center h-12 mt-5 text-sm bg-gray-100 dark:bg-[#171d30] py-2 z-10 w-full">
     <div class="flex flex-1">
       &copy;&nbsp;
-      {{ new Date().getFullYear() }}&nbsp;
-      Made With&nbsp;
-      <img src="../../assets/images/heart.svg" />&nbsp;
-      By&nbsp;
-      <a
-        class="link link-primary no-underline"
-        href="https://ping.pub"
-        target="_blank"
-        rel="noopener noreferrer"
+      {{ new Date().getFullYear() }}&nbsp; Made With&nbsp; <img src="../../assets/images/heart.svg" />&nbsp; By&nbsp;
+      <a class="link link-primary no-underline" href="https://ping.pub" target="_blank" rel="noopener noreferrer"
         >Ping.pub</a
       >
     </div>
-    <div
-      class="hidden md:!block"
-    >
+    <div class="hidden md:!block">
       <a
         class="link link-primary no-underline mr-4"
         href="https://github.com/ping-pub/explorer/blob/master/LICENSE"
         target="noopener noreferrer"
         >License</a
       >
-      <a
-        class="link link-primary no-underline"
-        href="https://github.com/ping-pub/explorer"
-        target="noopener noreferrer"
+      <a class="link link-primary no-underline" href="https://github.com/ping-pub/explorer" target="noopener noreferrer"
         >Github</a
       >
     </div>
   </footer>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/layouts/components/NavbarSearch.vue b/src/layouts/components/NavbarSearch.vue
index d4202878db..cc77263a91 100644
--- a/src/layouts/components/NavbarSearch.vue
+++ b/src/layouts/components/NavbarSearch.vue
@@ -61,14 +61,8 @@ function confirm() {
 </script>
 <template>
   <div>
-    <button
-      class="btn btn-ghost btn-circle btn-sm mx-1"
-      @click="openSearchModal"
-    >
-      <Icon
-        icon="mdi:magnify"
-        class="text-2xl text-gray-500 dark:text-gray-400"
-      />
+    <button class="btn btn-ghost btn-circle btn-sm mx-1" @click="openSearchModal">
+      <Icon icon="mdi:magnify" class="text-2xl text-gray-500 dark:text-gray-400" />
     </button>
 
     <!-- modal -->
@@ -77,29 +71,15 @@ function confirm() {
       class="cursor-pointer modal !pointer-events-auto !opacity-100 !visible"
       @click="closeSearchModal"
     >
-      <div
-        class="relative modal-box cursor-default"
-        @click="(event) => preventClick(event)"
-      >
+      <div class="relative modal-box cursor-default" @click="(event) => preventClick(event)">
         <!-- header -->
         <div class="flex items-center justify-between">
-          <div
-            class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline"
-          >
+          <div class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline">
             <span class="mr-2">Search</span>
-            <span class="capitalize text-sm md:!text-base"
-              >Height/Transaction/Account Address</span
-            >
+            <span class="capitalize text-sm md:!text-base">Height/Transaction/Account Address</span>
           </div>
-          <label
-            htmlFor="modal-pool-modal"
-            class="cursor-pointer"
-            @click="closeSearchModal"
-          >
-            <Icon
-              icon="zondicons:close-outline"
-              class="text-2xl text-gray-500 dark:text-gray-400"
-            />
+          <label htmlFor="modal-pool-modal" class="cursor-pointer" @click="closeSearchModal">
+            <Icon icon="zondicons:close-outline" class="text-2xl text-gray-500 dark:text-gray-400" />
           </label>
         </div>
         <!-- body -->
@@ -110,19 +90,14 @@ function confirm() {
               v-model="searchQuery"
               placeholder="Height/Transaction/Account Address"
             />
-            <div
-              class="mt-2 text-right text-sm text-error"
-              v-show="errorMessage"
-            >
+            <div class="mt-2 text-right text-sm text-error" v-show="errorMessage">
               {{ errorMessage }}
             </div>
           </div>
         </div>
         <!-- foot -->
         <div class="mt-6">
-          <button class="w-full btn btn-primary" @click="confirm">
-            Confirm
-          </button>
+          <button class="w-full btn btn-primary" @click="confirm">Confirm</button>
         </div>
       </div>
     </div>
diff --git a/src/layouts/components/NavbarThemeSwitcher.vue b/src/layouts/components/NavbarThemeSwitcher.vue
index dca49ed1e3..2031086796 100644
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -4,45 +4,42 @@ import { onMounted, computed } from 'vue';
 import { useBaseStore } from '@/stores';
 
 const themeMap: Record<string, string> = {
-    system: 'mdi-laptop',
-    light: 'mdi-weather-sunny',
-    dark: 'mdi-weather-night',
+  system: 'mdi-laptop',
+  light: 'mdi-weather-sunny',
+  dark: 'mdi-weather-night',
 };
 const baseStore = useBaseStore();
 const theme = computed(() => {
-    return baseStore.theme;
+  return baseStore.theme;
 });
 
 const changeMode = (val?: 'dark' | 'light') => {
-    let value: 'dark' | 'light' = 'dark';
-    const currentValue: 'dark' | 'light' = val || theme.value;
-    if (currentValue === 'dark') {
-        value = 'light';
-    }
-    if (value === 'light') {
-        document.documentElement.classList.add('light');
-        document.documentElement.classList.remove('dark');
-    } else {
-        document.documentElement.classList.add('dark');
-        document.documentElement.classList.remove('light');
-    }
-    document.documentElement.setAttribute('data-theme', value);
-    window.localStorage.setItem('theme', value);
-    baseStore.theme = value;
+  let value: 'dark' | 'light' = 'dark';
+  const currentValue: 'dark' | 'light' = val || theme.value;
+  if (currentValue === 'dark') {
+    value = 'light';
+  }
+  if (value === 'light') {
+    document.documentElement.classList.add('light');
+    document.documentElement.classList.remove('dark');
+  } else {
+    document.documentElement.classList.add('dark');
+    document.documentElement.classList.remove('light');
+  }
+  document.documentElement.setAttribute('data-theme', value);
+  window.localStorage.setItem('theme', value);
+  baseStore.theme = value;
 };
 
 onMounted(() => {
-    changeMode(theme.value === 'light' ? 'dark' : 'light');
+  changeMode(theme.value === 'light' ? 'dark' : 'light');
 });
 </script>
 
 <template>
-    <div class="tooltip tooltip-bottom delay-1000">
-        <button
-            class="btn btn-ghost btn-circle btn-sm mx-1"
-            @click="changeMode()"
-        >
-            <Icon :icon="themeMap?.[theme]" class="text-2xl text-gray-500 dark:text-gray-400" />
-        </button>
-    </div>
+  <div class="tooltip tooltip-bottom delay-1000">
+    <button class="btn btn-ghost btn-circle btn-sm mx-1" @click="changeMode()">
+      <Icon :icon="themeMap?.[theme]" class="text-2xl text-gray-500 dark:text-gray-400" />
+    </button>
+  </div>
 </template>
diff --git a/src/layouts/components/Sponsors.vue b/src/layouts/components/Sponsors.vue
index 51fe278581..e41151f28b 100644
--- a/src/layouts/components/Sponsors.vue
+++ b/src/layouts/components/Sponsors.vue
@@ -1,25 +1,28 @@
 <template>
-    <div>
-        <a href="https://cosmos.network" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/cosmos.svg" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Cosmos Hub
-            </div>
-        </a>
-        <a href="https://osmosis.zone" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/osmosis.jpg" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Osmosis
-            </div>
-        </a>
-        <a href="https://celestia.org" target="_blank"
-            class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]">
-            <img src="https://ping.pub/logos/celestia.png" class="w-6 h-6 rounded-full mr-3" />
-            <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">
-                Celestia
-            </div>
-        </a>
-    </div>
-</template>
\ No newline at end of file
+  <div>
+    <a
+      href="https://cosmos.network"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img src="https://ping.pub/logos/cosmos.svg" class="w-6 h-6 rounded-full mr-3" />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">Cosmos Hub</div>
+    </a>
+    <a
+      href="https://osmosis.zone"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img src="https://ping.pub/logos/osmosis.jpg" class="w-6 h-6 rounded-full mr-3" />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">Osmosis</div>
+    </a>
+    <a
+      href="https://celestia.org"
+      target="_blank"
+      class="py-2 px-4 flex items-center cursor-pointer rounded-lg hover:bg-gray-100 dark:hover:bg-[#373f59]"
+    >
+      <img src="https://ping.pub/logos/celestia.png" class="w-6 h-6 rounded-full mr-3" />
+      <div class="text-sm capitalize flex-1 text-gray-600 dark:text-gray-200">Celestia</div>
+    </a>
+  </div>
+</template>
diff --git a/src/layouts/types.d.ts b/src/layouts/types.d.ts
index f109461e98..07b74717ea 100644
--- a/src/layouts/types.d.ts
+++ b/src/layouts/types.d.ts
@@ -1,59 +1,59 @@
 // 👉 Vertical nav section title
 export interface NavSectionTitle extends Partial<AclProperties> {
-    heading: string
+  heading: string;
 }
 
 // 👉 Vertical nav link
-declare type ATagTargetAttrValues = '_blank' | '_self' | '_parent' | '_top' | 'framename'
+declare type ATagTargetAttrValues = '_blank' | '_self' | '_parent' | '_top' | 'framename';
 declare type ATagRelAttrValues =
-    | 'alternate'
-    | 'author'
-    | 'bookmark'
-    | 'external'
-    | 'help'
-    | 'license'
-    | 'next'
-    | 'nofollow'
-    | 'noopener'
-    | 'noreferrer'
-    | 'prev'
-    | 'search'
-    | 'tag'
+  | 'alternate'
+  | 'author'
+  | 'bookmark'
+  | 'external'
+  | 'help'
+  | 'license'
+  | 'next'
+  | 'nofollow'
+  | 'noopener'
+  | 'noreferrer'
+  | 'prev'
+  | 'search'
+  | 'tag';
 
 export interface NavLinkProps {
-    to?: RouteLocationRaw | string | null
-    href?: string
-    target?: ATagTargetAttrValues
-    rel?: ATagRelAttrValues
-    i18n?: boolean
+  to?: RouteLocationRaw | string | null;
+  href?: string;
+  target?: ATagTargetAttrValues;
+  rel?: ATagRelAttrValues;
+  i18n?: boolean;
 }
 
 export interface Icon {
-    icon?: string,
-    image?: string,
-    size: string,
+  icon?: string;
+  image?: string;
+  size: string;
 }
 
 export interface NavLink extends NavLinkProps {
-    title: string
-    icon?: Icon
-    badgeContent?: string | number
-    badgeClass?: string
-    disable?: boolean
-    order?: number
+  title: string;
+  icon?: Icon;
+  badgeContent?: string | number;
+  badgeClass?: string;
+  disable?: boolean;
+  order?: number;
 }
 
 // 👉 Vertical nav group
 export interface NavGroup {
-    title: string
-    icon?: Icon
-    badgeContent?: string | number
-    badgeClass?: string
-    children: (NavLink | NavGroup)[]
-    disable?: boolean
-    order?: number
-    i18n?: boolean
+  title: string;
+  icon?: Icon;
+  badgeContent?: string | number;
+  badgeClass?: string;
+  children: (NavLink | NavGroup)[];
+  disable?: boolean;
+  order?: number;
+  i18n?: boolean;
 }
 
-export declare type VerticalNavItems = (NavLink | NavGroup | NavSectionTitle)[]
-export declare type HorizontalNavItems = (NavLink | NavGroup)[]
\ No newline at end of file
+export declare type VerticalNavItems = (NavLink | NavGroup | NavSectionTitle)[];
+export declare type HorizontalNavItems = (NavLink | NavGroup)[];
diff --git a/src/libs/address.ts b/src/libs/address.ts
index 1bd5f46b88..1edcd0ab8b 100644
--- a/src/libs/address.ts
+++ b/src/libs/address.ts
@@ -1,10 +1,4 @@
-import {
-  fromBase64,
-  fromBech32,
-  toBase64,
-  toBech32,
-  toHex,
-} from '@cosmjs/encoding';
+import { fromBase64, fromBech32, toBase64, toBech32, toHex } from '@cosmjs/encoding';
 import { Ripemd160, sha256 } from '@cosmjs/crypto';
 
 export function decodeAddress(address: string) {
@@ -25,10 +19,7 @@ export function operatorAddressToAccount(operAddress?: string) {
   return toBech32(prefix.replace('valoper', ''), data);
 }
 
-export function consensusPubkeyToHexAddress(consensusPubkey?: {
-  '@type': string;
-  key: string;
-}) {
+export function consensusPubkeyToHexAddress(consensusPubkey?: { '@type': string; key: string }) {
   if (!consensusPubkey) return '';
   let raw = '';
   if (consensusPubkey['@type'] === '/cosmos.crypto.ed25519.PubKey') {
@@ -45,7 +36,6 @@ export function consensusPubkeyToHexAddress(consensusPubkey?: {
 
 // not work as expected, will fix later or remove
 export function consumerKeyToBase64Address(consumerKey?: Record<string, string>) {
-
   if (!consumerKey) return '';
   let raw = '';
   if (consumerKey.ed25519) {
@@ -60,10 +50,7 @@ export function consumerKeyToBase64Address(consumerKey?: Record<string, string>)
   return raw;
 }
 
-export function pubKeyToValcons(
-  consensusPubkey: { '@type': string; key: string },
-  prefix: string
-) {
+export function pubKeyToValcons(consensusPubkey: { '@type': string; key: string }, prefix: string) {
   if (consensusPubkey && consensusPubkey.key) {
     const pubkey = fromBase64(consensusPubkey.key);
     if (pubkey) {
diff --git a/src/libs/api/customization/atomone.ts b/src/libs/api/customization/atomone.ts
index 5e03678cd9..bdcd8eefa8 100644
--- a/src/libs/api/customization/atomone.ts
+++ b/src/libs/api/customization/atomone.ts
@@ -1,68 +1,71 @@
-import type{ RequestRegistry } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
 // import dayjs from 'dayjs'
-import { adapter } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import { adapter } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'atomone'
+export const name = 'atomone';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        //p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    //p.proposal_id = p.id
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
-    // mint_inflation: { 
-    //     url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
-    //     adapter: async (data: any) => {
-    //         const [first] = data
-    //         return {inflation: String(Number(first?.apr|| "0")/100.0)}
-    //     } 
-    // },
-    gov_params_voting: { url: '/atomone/gov/v1beta1/params/voting', adapter },
-    gov_params_tally: { url: '/atomone/gov/v1beta1/params/tallying', adapter },
-    gov_params_deposit: { url: '/atomone/gov/v1beta1/params/deposit', adapter },
-    gov_proposals: { url: '/atomone/gov/v1beta1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  // mint_inflation: {
+  //     url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`,
+  //     adapter: async (data: any) => {
+  //         const [first] = data
+  //         return {inflation: String(Number(first?.apr|| "0")/100.0)}
+  //     }
+  // },
+  gov_params_voting: { url: '/atomone/gov/v1beta1/params/voting', adapter },
+  gov_params_tally: { url: '/atomone/gov/v1beta1/params/tallying', adapter },
+  gov_params_deposit: { url: '/atomone/gov/v1beta1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/atomone/gov/v1beta1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/atomone/gov/v1beta1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/evmos.ts b/src/libs/api/customization/evmos.ts
index 09f8c52701..fd2a4fe096 100644
--- a/src/libs/api/customization/evmos.ts
+++ b/src/libs/api/customization/evmos.ts
@@ -1,59 +1,65 @@
-import type{ RequestRegistry } from '../registry'
-import { adapter } from '../registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import type { RequestRegistry } from '../registry';
+import { adapter } from '../registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'evmos'
+export const name = 'evmos';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: async (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
-    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
-    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
-    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  mint_inflation: {
+    url: '/evmos/inflation/v1/inflation_rate',
+    adapter: async (data: any) => ({ inflation: (Number(data.inflation_rate || 0) / 100).toFixed(2) }),
+  },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/nolus.ts b/src/libs/api/customization/nolus.ts
index 3418d220af..773e5d993f 100644
--- a/src/libs/api/customization/nolus.ts
+++ b/src/libs/api/customization/nolus.ts
@@ -1,24 +1,24 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import type { RequestRegistry } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
-import { adapter } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry';
 
 // Blockchain Name
 export const name = 'nolus';
 
 function proposalAdapter(p: any): GovProposal {
   if (p) {
-    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-    p.proposal_id = p.id
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
     p.final_tally_result = {
       yes: p.final_tally_result?.yes_count,
       no: p.final_tally_result?.no_count,
       no_with_veto: p.final_tally_result?.no_with_veto_count,
       abstain: p.final_tally_result?.abstain_count,
-    }
+    };
   }
-  return p
+  return p;
 }
 
 // nolus custom request
@@ -27,31 +27,32 @@ export const requests: Partial<RequestRegistry> = {
     url: '/nolus/mint/v1beta1/annual_inflation',
     adapter: async (data: any): Promise<any> => {
       try {
-        const client = CosmosRestClient.newDefault(useBlockchain().endpoint.address)
-        const staking = await client.getStakingPool()
+        const client = CosmosRestClient.newDefault(useBlockchain().endpoint.address);
+        const staking = await client.getStakingPool();
         const inflation = Number(data.annual_inflation) / Number(staking.pool.bonded_tokens) || 0;
         return { inflation: inflation.toString() };
       } catch (error) {
-        console.log("Error in adapter:", error);
-        return { inflation: "0" };
+        console.log('Error in adapter:', error);
+        return { inflation: '0' };
       }
-    }
+    },
   },
   gov_proposals: {
-    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
         proposals,
-        pagination: source.pagination
-      }
-    }
+        pagination: source.pagination,
+      };
+    },
   },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
     adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
       return {
-        proposal: proposalAdapter(source.proposal)
-      }
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
@@ -61,5 +62,5 @@ export const requests: Partial<RequestRegistry> = {
   gov_proposals_tally: { url: '/cosmos/gov/v1/proposals/{proposal_id}/tally', adapter },
   gov_proposals_votes: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes', adapter },
   gov_proposals_votes_voter: { url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}', adapter },
-  bank_supply_by_denom: { url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter }
+  bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
 };
diff --git a/src/libs/api/customization/osmosis.ts b/src/libs/api/customization/osmosis.ts
index 60c7e56a3a..8f86450466 100644
--- a/src/libs/api/customization/osmosis.ts
+++ b/src/libs/api/customization/osmosis.ts
@@ -1,68 +1,73 @@
-import type{ RequestRegistry } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
 // import dayjs from 'dayjs'
-import { adapter } from '@/libs/api/registry'
-import type { GovProposal, PaginatedProposals } from '@/types'
+import { adapter } from '@/libs/api/registry';
+import type { GovProposal, PaginatedProposals } from '@/types';
 
 // which registry is store
-export const store = 'name' // name or version
+export const store = 'name'; // name or version
 // Blockchain Name
-export const name = 'osmosis'
+export const name = 'osmosis';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 // osmosis custom request
 export const requests: Partial<RequestRegistry> = {
-    mint_inflation: { 
-        url: `https://public-osmosis-api.numia.xyz/apr?start_date=${new Date(new Date().getTime() - 186400*1000).toISOString().split('T')[0]}&end_date=${new Date().toISOString().split('T')[0]}`, 
-        adapter: async (data: any) => {
-            const [first] = data
-            return {inflation: String(Number(first?.apr|| "0")/100.0)}
-        } 
+  mint_inflation: {
+    url: `https://public-osmosis-api.numia.xyz/apr?start_date=${
+      new Date(new Date().getTime() - 186400 * 1000).toISOString().split('T')[0]
+    }&end_date=${new Date().toISOString().split('T')[0]}`,
+    adapter: async (data: any) => {
+      const [first] = data;
+      return { inflation: String(Number(first?.apr || '0') / 100.0) };
     },
-    gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
-    gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
-    gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-    gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+  },
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
-          proposals,
-          pagination: source.pagination
-      }
-    }},
-    gov_proposals_proposal_id: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}',
-      adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-          return {
-              proposal: proposalAdapter(source.proposal)
-          }
-      },
+        proposals,
+        pagination: source.pagination,
+      };
     },
-    gov_proposals_deposits: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
-      adapter,
-    },
-    gov_proposals_tally: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
-      adapter,
-    },
-    gov_proposals_votes: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
-      adapter,
-    },
-    gov_proposals_votes_voter: {
-      url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
-      adapter,
+  },
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
-}
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+};
diff --git a/src/libs/api/customization/v0.46.0.ts b/src/libs/api/customization/v0.46.0.ts
index 36aa780553..d704830957 100644
--- a/src/libs/api/customization/v0.46.0.ts
+++ b/src/libs/api/customization/v0.46.0.ts
@@ -1,51 +1,54 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import { adapter } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
+import { adapter } from '@/libs/api/registry';
 import type {
-    GovParams,
-    GovProposal,
-    GovVote,
-    PaginatedProposalDeposit,
-    PaginatedProposalVotes,
-    PaginatedProposals,
-    Tally,
-  } from '@/types/';
+  GovParams,
+  GovProposal,
+  GovVote,
+  PaginatedProposalDeposit,
+  PaginatedProposalVotes,
+  PaginatedProposals,
+  Tally,
+} from '@/types/';
 
 // which registry is store
-export const store = 'version' // name or version
+export const store = 'version'; // name or version
 // Cosmos SDK version
-export const name = 'v0.46.7'
+export const name = 'v0.46.7';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
-    return {
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
+      return {
         proposals,
-        pagination: source.pagination
-    }
-  }},
+        pagination: source.pagination,
+      };
+    },
+  },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
-    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-        return {
-            proposal: proposalAdapter(source.proposal)
-        }
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -64,4 +67,4 @@ export const requests: Partial<RequestRegistry> = {
     url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
     adapter,
   },
-}
+};
diff --git a/src/libs/api/customization/v0.50.0.ts b/src/libs/api/customization/v0.50.0.ts
index fec605ba27..9541c5f9bf 100644
--- a/src/libs/api/customization/v0.50.0.ts
+++ b/src/libs/api/customization/v0.50.0.ts
@@ -1,53 +1,55 @@
-import type { RequestRegistry } from '@/libs/api/registry'
-import { adapter } from '@/libs/api/registry'
+import type { RequestRegistry } from '@/libs/api/registry';
+import { adapter } from '@/libs/api/registry';
 import type {
-    GovParams,
-    GovProposal,
-    GovVote,
-    PaginatedProposalDeposit,
-    PaginatedProposalVotes,
-    PaginatedProposals,
-    Tally,
-  } from '@/types/';
+  GovParams,
+  GovProposal,
+  GovVote,
+  PaginatedProposalDeposit,
+  PaginatedProposalVotes,
+  PaginatedProposals,
+  Tally,
+} from '@/types/';
 
 // which registry is store
-export const store = 'version' // name or version
+export const store = 'version'; // name or version
 // Cosmos SDK version
-export const name = 'v0.50.0'
+export const name = 'v0.50.0';
 
 function proposalAdapter(p: any): GovProposal {
-    if(p) {
-        if(p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-        p.proposal_id = p.id
-        p.final_tally_result = {
-            yes: p.final_tally_result?.yes_count,
-            no: p.final_tally_result?.no_count,
-            no_with_veto: p.final_tally_result?.no_with_veto_count,
-            abstain: p.final_tally_result?.abstain_count,
-        }
-    }
-    return p
+  if (p) {
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
+    p.final_tally_result = {
+      yes: p.final_tally_result?.yes_count,
+      no: p.final_tally_result?.no_count,
+      no_with_veto: p.final_tally_result?.no_with_veto_count,
+      abstain: p.final_tally_result?.abstain_count,
+    };
+  }
+  return p;
 }
 
 export const requests: Partial<RequestRegistry> = {
-  
   bank_supply_by_denom: { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter },
   gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
-  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
-    return {
+  gov_proposals: {
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
+      return {
         proposals,
-        pagination: source.pagination
-    }
-  }},
+        pagination: source.pagination,
+      };
+    },
+  },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
-    adapter: async (source: any): Promise<{proposal: GovProposal}> => {
-        return {
-            proposal: proposalAdapter(source.proposal)
-        }
+    adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
+      return {
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -66,4 +68,4 @@ export const requests: Partial<RequestRegistry> = {
     url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
     adapter,
   },
-}
+};
diff --git a/src/libs/api/customization/xion.ts b/src/libs/api/customization/xion.ts
index 4544d270ba..408923d935 100644
--- a/src/libs/api/customization/xion.ts
+++ b/src/libs/api/customization/xion.ts
@@ -1,11 +1,8 @@
 import type { RequestRegistry } from '@/libs/api/registry';
-import { adapter } from '@/libs/api/registry'
+import { adapter } from '@/libs/api/registry';
 import { CosmosRestClient } from '@/libs/client';
 import { useBlockchain } from '@/stores';
-import type {
-  GovProposal,
-  PaginatedProposals,
-} from '@/types/';
+import type { GovProposal, PaginatedProposals } from '@/types/';
 
 // which registry is store
 export const store = 'name'; // name or version
@@ -14,16 +11,16 @@ export const name = 'xion';
 
 export function proposalAdapter(p: any): GovProposal {
   if (p) {
-    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0]
-    p.proposal_id = p.id
+    if (p.messages && p.messages.length >= 1) p.content = p.messages[0].content || p.messages[0];
+    p.proposal_id = p.id;
     p.final_tally_result = {
       yes: p.final_tally_result?.yes_count,
       no: p.final_tally_result?.no_count,
       no_with_veto: p.final_tally_result?.no_with_veto_count,
       abstain: p.final_tally_result?.abstain_count,
-    }
+    };
   }
-  return p
+  return p;
 }
 
 // xion custom request
@@ -33,20 +30,21 @@ export const requests: Partial<RequestRegistry> = {
   gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
   gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
   gov_proposals: {
-    url: '/cosmos/gov/v1/proposals', adapter: async (source: any): Promise<PaginatedProposals> => {
-      const proposals = source.proposals.map((p: any) => proposalAdapter(p))
+    url: '/cosmos/gov/v1/proposals',
+    adapter: async (source: any): Promise<PaginatedProposals> => {
+      const proposals = source.proposals.map((p: any) => proposalAdapter(p));
       return {
         proposals,
-        pagination: source.pagination
-      }
-    }
+        pagination: source.pagination,
+      };
+    },
   },
   gov_proposals_proposal_id: {
     url: '/cosmos/gov/v1/proposals/{proposal_id}',
     adapter: async (source: any): Promise<{ proposal: GovProposal }> => {
       return {
-        proposal: proposalAdapter(source.proposal)
-      }
+        proposal: proposalAdapter(source.proposal),
+      };
     },
   },
   gov_proposals_deposits: {
@@ -69,9 +67,7 @@ export const requests: Partial<RequestRegistry> = {
     url: '/cosmos/mint/v1beta1/inflation',
     adapter: async (data: any): Promise<{ inflation: string }> => {
       try {
-        const client = CosmosRestClient.newDefault(
-          useBlockchain().endpoint.address
-        );
+        const client = CosmosRestClient.newDefault(useBlockchain().endpoint.address);
 
         // Get distribution params to fetch community tax
         const { params } = await client.getDistributionParams().catch((e) => {
@@ -85,8 +81,7 @@ export const requests: Partial<RequestRegistry> = {
         const communityTax = params.community_tax;
 
         // apr calcuation is inflation * (1 - communityTax)
-        const adjustedInflation =
-          parseFloat(data.inflation) * (1 - parseFloat(communityTax));
+        const adjustedInflation = parseFloat(data.inflation) * (1 - parseFloat(communityTax));
 
         return { inflation: adjustedInflation.toString() };
       } catch (e) {
@@ -99,4 +94,4 @@ export const requests: Partial<RequestRegistry> = {
       }
     },
   },
-}
+};
diff --git a/src/libs/api/index.ts b/src/libs/api/index.ts
index cdf9c9ea73..034fbe561b 100644
--- a/src/libs/api/index.ts
+++ b/src/libs/api/index.ts
@@ -1,7 +1,4 @@
-import {
-  type RequestRegistry,
-  adapter,
-} from './registry';
+import { type RequestRegistry, adapter } from './registry';
 
 export const DEFAULT: RequestRegistry = {
   auth_params: { url: '/cosmos/auth/v1beta1/params', adapter },
@@ -228,5 +225,4 @@ export const DEFAULT: RequestRegistry = {
     url: '/cosmos/group/v1/proposals_by_group_policy/{address}',
     adapter,
   },
-
 };
diff --git a/src/libs/api/registry.ts b/src/libs/api/registry.ts
index 9e975bf431..b519a8a830 100644
--- a/src/libs/api/registry.ts
+++ b/src/libs/api/registry.ts
@@ -16,16 +16,8 @@ import type {
   PaginatedIBCConnections,
   PaginatedTendermintValidator,
 } from '@/types';
-import type {
-  BankParams,
-  PaginatedBalances,
-  PaginatedDenomMetadata,
-  PaginatedSupply,
-} from '@/types/bank';
-import type {
-  DistributionParams,
-  PaginatedSlashes,
-} from '@/types/distribution';
+import type { BankParams, PaginatedBalances, PaginatedDenomMetadata, PaginatedSupply } from '@/types/bank';
+import type { DistributionParams, PaginatedSlashes } from '@/types/distribution';
 import type {
   GovParams,
   GovProposal,
@@ -47,7 +39,7 @@ import type {
   Validator,
 } from '@/types/staking';
 import type { PaginatedTxs, Tx, TxResponse } from '@/types';
-import semver from 'semver'
+import semver from 'semver';
 export interface Request<T> {
   url: string;
   adapter: (source: any) => Promise<T>;
@@ -80,10 +72,10 @@ export interface RequestRegistry extends AbstractRegistry {
   distribution_community_pool: Request<{ pool: Coin[] }>;
   distribution_delegator_rewards: Request<{
     rewards: {
-      validator_address: string, 
-      reward: Coin[]
-    }[],
-    total: Coin[]
+      validator_address: string;
+      reward: Coin[];
+    }[];
+    total: Coin[];
   }>;
 
   mint_inflation: Request<{ inflation: string }>;
@@ -95,7 +87,7 @@ export interface RequestRegistry extends AbstractRegistry {
   }>;
   mint_annual_provisions: Request<{ annual_provisions: string }>;
 
-  slashing_params: Request<{params: SlashingParam}>;
+  slashing_params: Request<{ params: SlashingParam }>;
   slashing_signing_info: Request<PaginatedSigningInfo>;
 
   gov_params_voting: Request<GovParams>;
@@ -129,7 +121,7 @@ export interface RequestRegistry extends AbstractRegistry {
   base_tendermint_validatorsets_latest: Request<PaginatedTendermintValidator>;
   base_tendermint_validatorsets_height: Request<PaginatedTendermintValidator>;
 
-  params: Request<{param: any}>;
+  params: Request<{ param: any }>;
 
   group_groups: Request<PaginatedGroups>;
   group_groups_by_admin: Request<PaginatedGroups>;
@@ -163,9 +155,11 @@ export interface RequestRegistry extends AbstractRegistry {
   ibc_core_connection_connections: Request<PaginatedIBCConnections>;
   ibc_core_connection_connections_connection_id: Request<ConnectionWithProof>;
   ibc_core_connection_connections_connection_id_client_state: Request<ClientStateWithProof>;
-  interchain_security_ccv_provider_validator_consumer_addr: Request<{consumer_address: string}>
-  interchain_security_provider_opted_in_validators: Request<{validators_provider_addresses: string[]}>
-  interchain_security_consumer_validators: Request<{validators: {provider_address: string, consumer_key: {ed25519: string}, power: string}[]}>
+  interchain_security_ccv_provider_validator_consumer_addr: Request<{ consumer_address: string }>;
+  interchain_security_provider_opted_in_validators: Request<{ validators_provider_addresses: string[] }>;
+  interchain_security_consumer_validators: Request<{
+    validators: { provider_address: string; consumer_key: { ed25519: string }; power: string }[];
+  }>;
 }
 
 export function adapter<T>(source: any): Promise<T> {
@@ -176,10 +170,7 @@ export interface ApiProfileRegistry {
   [key: string]: RequestRegistry;
 }
 
-export function withCustomRequest<T extends RequestRegistry>(
-  target: T,
-  source?: Partial<T>
-): T {
+export function withCustomRequest<T extends RequestRegistry>(target: T, source?: Partial<T>): T {
   return source ? Object.assign({}, target, source) : target;
 }
 
@@ -189,15 +180,13 @@ export const VERSION_REGISTRY: ApiProfileRegistry = {};
 export const NAME_REGISTRY: ApiProfileRegistry = {};
 
 export function registryVersionProfile(version: string, requests: RequestRegistry) {
-  VERSION_REGISTRY[version] = requests
+  VERSION_REGISTRY[version] = requests;
 }
 
 export function registryChainProfile(version: string, requests: RequestRegistry) {
-  NAME_REGISTRY[version] = requests
+  NAME_REGISTRY[version] = requests;
 }
-export function findApiProfileByChain(
-  name: string,
-): RequestRegistry {
+export function findApiProfileByChain(name: string): RequestRegistry {
   const url = NAME_REGISTRY[name];
   // if (!url) {
   //   throw new Error(`Unsupported version or name: ${name}`);
@@ -205,13 +194,11 @@ export function findApiProfileByChain(
   return url;
 }
 
-export function findApiProfileBySDKVersion(
-  version: string,
-): RequestRegistry | undefined {
+export function findApiProfileBySDKVersion(version: string): RequestRegistry | undefined {
   let closestVersion: string | null = null;
-  const chain_version = version.match(/(\d+\.\d+\.?\d*)/g) || [""];
+  const chain_version = version.match(/(\d+\.\d+\.?\d*)/g) || [''];
   for (const k in VERSION_REGISTRY) {
-    const key = k.replace('v', "")
+    const key = k.replace('v', '');
     if (semver.lte(key, chain_version[0])) {
       if (!closestVersion || semver.gt(key, closestVersion)) {
         closestVersion = k;
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 99275e81dc..e9ae6249e7 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -11,8 +11,8 @@ import {
   registryVersionProfile,
   withCustomRequest,
 } from './api/registry';
-import { PageRequest,type Coin } from '@/types';
-import semver from 'semver'
+import { PageRequest, type Coin } from '@/types';
+import semver from 'semver';
 
 export class BaseRestClient<R extends AbstractRegistry> {
   version: string;
@@ -21,17 +21,17 @@ export class BaseRestClient<R extends AbstractRegistry> {
   constructor(endpoint: string, registry: R, version?: string) {
     this.endpoint = endpoint;
     this.registry = registry;
-    this.version = version || 'v0.40'
+    this.version = version || 'v0.40';
   }
-  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => Promise<T> ) {
-    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
+  async request<T>(request: Request<T>, args: Record<string, any>, query = '', adapter?: (source: any) => Promise<T>) {
+    let url = `${request.url.startsWith('http') ? '' : this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });
-    return fetchData<T>(url, adapter||request.adapter);
+    return fetchData<T>(url, adapter || request.adapter);
   }
-  async get<T>(request: Request<T>, args: Record<string, any>, query = '' ) {
-    let url = `${request.url.startsWith("http")?'':this.endpoint}${request.url}${query}`;
+  async get<T>(request: Request<T>, args: Record<string, any>, query = '') {
+    let url = `${request.url.startsWith('http') ? '' : this.endpoint}${request.url}${query}`;
     Object.keys(args).forEach((k) => {
       url = url.replace(`{${k}}`, args[k] || '');
     });
@@ -42,41 +42,41 @@ export class BaseRestClient<R extends AbstractRegistry> {
 // dynamic all custom request implementations
 function registeCustomRequest() {
   const extensions: Record<string, any> = import.meta.glob('./api/customization/*.ts', { eager: true });
-  Object.values(extensions).forEach(m => {
-    if(m.store === 'version') {
-      registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests))
+  Object.values(extensions).forEach((m) => {
+    if (m.store === 'version') {
+      registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests));
     } else {
       registryChainProfile(m.name, withCustomRequest(DEFAULT, m.requests));
     }
   });
 }
-    
-registeCustomRequest()
+
+registeCustomRequest();
 
 export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   static newDefault(endpoint: string) {
-    return new CosmosRestClient(endpoint, DEFAULT)
+    return new CosmosRestClient(endpoint, DEFAULT);
   }
 
   static newStrategy(endpoint: string, chain: any) {
     // sdk version of current chain
-    const ver = localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk
-    let profile
-    if(chain) {
+    const ver = localStorage.getItem(`sdk_version_${chain.chainName}`) || chain.versions?.cosmosSdk;
+    let profile;
+    if (chain) {
       // find by name first
-      profile = findApiProfileByChain(chain.chainName)
+      profile = findApiProfileByChain(chain.chainName);
       // if not found. try sdk version
-      if(!profile && chain.versions?.cosmosSdk) {
-        profile = findApiProfileBySDKVersion(ver)
+      if (!profile && chain.versions?.cosmosSdk) {
+        profile = findApiProfileBySDKVersion(ver);
       }
     }
-    return new CosmosRestClient(endpoint, profile || DEFAULT, ver)
+    return new CosmosRestClient(endpoint, profile || DEFAULT, ver);
   }
 
   // Auth Module
   async getAuthAccounts(page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
     return this.request(this.registry.auth_accounts, {}, query);
   }
   async getAuthAccount(address: string) {
@@ -92,20 +92,23 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getBankDenomMetadata() {
     return this.request(this.registry.bank_denoms_metadata, {});
   }
-  async getBankSupply(page?: PageRequest) {    
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
+  async getBankSupply(page?: PageRequest) {
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
     return this.request(this.registry.bank_supply, {}, query);
   }
   async getBankSupplyByDenom(denom: string) {
     let supply;
-    try{
-       supply = await this.request(this.registry.bank_supply_by_denom, { denom });
-    } catch(err) {
+    try {
+      supply = await this.request(this.registry.bank_supply_by_denom, { denom });
+    } catch (err) {
       // will move this to sdk version profile later
-      supply = await this.request({url: "/cosmos/bank/v1beta1/supply/by_denom?denom={denom}", adapter } as Request<{ amount: Coin }>, { denom });
+      supply = await this.request(
+        { url: '/cosmos/bank/v1beta1/supply/by_denom?denom={denom}', adapter } as Request<{ amount: Coin }>,
+        { denom }
+      );
     }
-    return supply
+    return supply;
   }
   // Distribution Module
   async getDistributionParams() {
@@ -125,10 +128,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     });
   }
   async getDistributionValidatorOutstandingRewards(validator_address: string) {
-    return this.request(
-      this.registry.distribution_validator_outstanding_rewards,
-      { validator_address }
-    );
+    return this.request(this.registry.distribution_validator_outstanding_rewards, { validator_address });
   }
   async getDistributionValidatorSlashes(validator_address: string) {
     return this.request(this.registry.distribution_validator_slashes, {
@@ -145,8 +145,8 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   }
   // Gov
   async getParams(subspace: string, key: string) {
-    console.log(this.registry.params, subspace, key)
-    return this.request(this.registry.params, {subspace, key});
+    console.log(this.registry.params, subspace, key);
+    return this.request(this.registry.params, { subspace, key });
   }
   async getGovParamsVoting() {
     return this.request(this.registry.gov_params_voting, {});
@@ -158,9 +158,9 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.gov_params_tally, {});
   }
   async getGovProposals(status: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    page.reverse = true
-    const query =`?proposal_status={status}&${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    page.reverse = true;
+    const query = `?proposal_status={status}&${page.toQueryString()}`;
     return this.request(this.registry.gov_proposals, { status }, query);
   }
   async getGovProposal(proposal_id: string) {
@@ -173,20 +173,20 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   }
   async getGovProposalTally(proposal_id: string) {
     return this.request(this.registry.gov_proposals_tally, { proposal_id }, undefined, (source: any) => {
-      return Promise.resolve({ tally: {
-        yes: source.tally.yes || source.tally.yes_count,
-        abstain: source.tally.abstain || source.tally.abstain_count,
-        no: source.tally.no || source.tally.no_count,
-        no_with_veto: source.tally.no_with_veto || source.tally.no_with_veto_count,
+      return Promise.resolve({
+        tally: {
+          yes: source.tally.yes || source.tally.yes_count,
+          abstain: source.tally.abstain || source.tally.abstain_count,
+          no: source.tally.no || source.tally.no_count,
+          no_with_veto: source.tally.no_with_veto || source.tally.no_with_veto_count,
         },
-        });
-      }
-    );
+      });
+    });
   }
   async getGovProposalVotes(proposal_id: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    page.reverse = true
-    const query =`?proposal_status={status}&${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    page.reverse = true;
+    const query = `?proposal_status={status}&${page.toQueryString()}`;
     return this.request(this.registry.gov_proposals_votes, { proposal_id }, query);
   }
   async getGovProposalVotesVoter(proposal_id: string, voter: string) {
@@ -229,34 +229,29 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     });
   }
   async getStakingValidatorsDelegations(validator_addr: string, page?: PageRequest) {
-    if(!page) {
-      page = new PageRequest()
+    if (!page) {
+      page = new PageRequest();
       // page.reverse = true
-      page.count_total = true
-      page.offset = 0
-    } 
-    const query =`?${page.toQueryString()}`;
-    return this.request(this.registry.staking_validators_delegations, {
-      validator_addr,
-    }, query);
-  }
-  async getStakingValidatorsDelegationsDelegator(
-    validator_addr: string,
-    delegator_addr: string
-  ) {
+      page.count_total = true;
+      page.offset = 0;
+    }
+    const query = `?${page.toQueryString()}`;
     return this.request(
-      this.registry.staking_validators_delegations_delegator,
-      { validator_addr, delegator_addr }
+      this.registry.staking_validators_delegations,
+      {
+        validator_addr,
+      },
+      query
     );
   }
-  async getStakingValidatorsDelegationsUnbonding(
-    validator_addr: string,
-    delegator_addr: string
-  ) {
-    return this.request(
-      this.registry.staking_validators_delegations_unbonding_delegations,
-      { validator_addr, delegator_addr }
-    );
+  async getStakingValidatorsDelegationsDelegator(validator_addr: string, delegator_addr: string) {
+    return this.request(this.registry.staking_validators_delegations_delegator, { validator_addr, delegator_addr });
+  }
+  async getStakingValidatorsDelegationsUnbonding(validator_addr: string, delegator_addr: string) {
+    return this.request(this.registry.staking_validators_delegations_unbonding_delegations, {
+      validator_addr,
+      delegator_addr,
+    });
   }
 
   //tendermint
@@ -273,22 +268,28 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.base_tendermint_node_info, {});
   }
   async getBaseValidatorsetAt(height: string | number, offset: number) {
-    const query = `?pagination.limit=100&pagination.offset=${offset}`
-    return this.request(this.registry.base_tendermint_validatorsets_height, {
-      height,
-    }, query);
+    const query = `?pagination.limit=100&pagination.offset=${offset}`;
+    return this.request(
+      this.registry.base_tendermint_validatorsets_height,
+      {
+        height,
+      },
+      query
+    );
   }
   async getBaseValidatorsetLatest(offset: number) {
-    const query = `?pagination.limit=100&pagination.offset=${offset}`
+    const query = `?pagination.limit=100&pagination.offset=${offset}`;
     return this.request(this.registry.base_tendermint_validatorsets_latest, {}, query);
   }
   // tx
   async getTxsBySender(sender: string, page?: PageRequest) {
-    if(!page) page = new PageRequest()
+    if (!page) page = new PageRequest();
 
-    let query = `?events=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+    let query = `?events=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${
+      page.offset || 0
+    }`;
     if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
-      query = `?query=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset||0}`;
+      query = `?query=message.sender='${sender}'&pagination.limit=${page.limit}&pagination.offset=${page.offset || 0}`;
     }
     return this.request(this.registry.tx_txs, {}, query);
   }
@@ -297,11 +298,11 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   // query ibc receiving msgs
   // ?&pagination.reverse=true&events=recv_packet.packet_dst_channel='${channel}'&events=recv_packet.packet_dst_port='${port}'
   async getTxs(query: string, params: any, page?: PageRequest) {
-    if(!page) page = new PageRequest()
+    if (!page) page = new PageRequest();
     if (semver.gte(this.version.replaceAll('v', ''), '0.50.0')) {
-      let query_edit = query.replaceAll('events=', 'query=')    
+      let query_edit = query.replaceAll('events=', 'query=');
       return this.request(this.registry.tx_txs, params, `${query_edit}&${page.toQueryString()}`);
-    } else { 
+    } else {
       return this.request(this.registry.tx_txs, params, `${query}&${page.toQueryString()}`);
     }
   }
@@ -330,21 +331,15 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     });
   }
   async getIBCConnections(page?: PageRequest) {
-    if(!page) page = new PageRequest()
-    const query =`?${page.toQueryString()}`;
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
     return this.request(this.registry.ibc_core_connection_connections, {}, query);
   }
   async getIBCConnectionsById(connection_id: string) {
-    return this.request(
-      this.registry.ibc_core_connection_connections_connection_id,
-      { connection_id }
-    );
+    return this.request(this.registry.ibc_core_connection_connections_connection_id, { connection_id });
   }
   async getIBCConnectionsClientState(connection_id: string) {
-    return this.request(
-      this.registry.ibc_core_connection_connections_connection_id_client_state,
-      { connection_id }
-    );
+    return this.request(this.registry.ibc_core_connection_connections_connection_id_client_state, { connection_id });
   }
   async getIBCConnectionsChannels(connection_id: string) {
     return this.request(this.registry.ibc_core_channel_connections_channels, {
@@ -355,10 +350,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return this.request(this.registry.ibc_core_channel_channels, {});
   }
   async getIBCChannelAcknowledgements(channel_id: string, port_id: string) {
-    return this.request(
-      this.registry.ibc_core_channel_channels_acknowledgements,
-      { channel_id, port_id }
-    );
+    return this.request(this.registry.ibc_core_channel_channels_acknowledgements, { channel_id, port_id });
   }
   async getIBCChannelNextSequence(channel_id: string, port_id: string) {
     return this.request(this.registry.ibc_core_channel_channels_next_sequence, {
@@ -367,12 +359,15 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     });
   }
   async getInterchainSecurityValidatorRotatedKey(chain_id: string, provider_address: string) {
-    return this.request(this.registry.interchain_security_ccv_provider_validator_consumer_addr, {chain_id, provider_address});
+    return this.request(this.registry.interchain_security_ccv_provider_validator_consumer_addr, {
+      chain_id,
+      provider_address,
+    });
   }
   async getInterchainSecurityProviderOptedInValidators(chain_id: string) {
-    return this.request(this.registry.interchain_security_provider_opted_in_validators, {chain_id});
+    return this.request(this.registry.interchain_security_provider_opted_in_validators, { chain_id });
   }
   async getInterchainSecurityConsumerValidators(chain_id: string) {
-    return this.request(this.registry.interchain_security_consumer_validators, {chain_id});
+    return this.request(this.registry.interchain_security_consumer_validators, { chain_id });
   }
 }
diff --git a/src/libs/http.ts b/src/libs/http.ts
index 49bb967d40..6c744efe09 100644
--- a/src/libs/http.ts
+++ b/src/libs/http.ts
@@ -1,9 +1,6 @@
 import fetch from 'cross-fetch';
 
-export async function fetchData<T>(
-  url: string,
-  adapter: (source: any) => Promise<T>
-): Promise<T> {
+export async function fetchData<T>(url: string, adapter: (source: any) => Promise<T>): Promise<T> {
   const response = await fetch(url);
   if (!response.ok) {
     throw new Error(`HTTP error: ${response.status}, ${response.statusText}`);
@@ -29,11 +26,11 @@ try {
 }
 // */
 export async function get(url: string) {
-  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).json();
+  return (await fetch(url, { referrerPolicy: 'origin-when-cross-origin' })).json();
 }
 
 export async function getB(url: string) {
-  return (await fetch(url, {referrerPolicy: 'origin-when-cross-origin'})).arrayBuffer();
+  return (await fetch(url, { referrerPolicy: 'origin-when-cross-origin' })).arrayBuffer();
 }
 
 export async function post(url: string, data: any) {
diff --git a/src/libs/utils.ts b/src/libs/utils.ts
index d7548afacf..6fab7ed066 100644
--- a/src/libs/utils.ts
+++ b/src/libs/utils.ts
@@ -30,26 +30,7 @@ export function uint8ArrayToString(arr: Uint8Array) {
   return str;
 }
 
-const COUNT_ABBRS = [
-  '',
-  'K',
-  'M',
-  'B',
-  't',
-  'q',
-  's',
-  'S',
-  'o',
-  'n',
-  'd',
-  'U',
-  'D',
-  'T',
-  'Qt',
-  'Qd',
-  'Sd',
-  'St',
-];
+const COUNT_ABBRS = ['', 'K', 'M', 'B', 't', 'q', 's', 'S', 'o', 'n', 'd', 'U', 'D', 'T', 'Qt', 'Qd', 'Sd', 'St'];
 
 export function formatNumber(count: number, withAbbr = false, decimals = 2) {
   const i = count === 0 ? count : Math.floor(Math.log(count) / Math.log(1000));
@@ -60,24 +41,15 @@ export function formatNumber(count: number, withAbbr = false, decimals = 2) {
   return result;
 }
 
-export function formatTokenAmount(
-  assets: any,
-  tokenAmount: any,
-  decimals = 2,
-  tokenDenom = 'uatom',
-  format = true
-) {
-  const denom = typeof tokenDenom === 'string'
-    ? tokenDenom
-    // @ts-ignore
-    : tokenDenom?.denom_trace?.base_denom;
+export function formatTokenAmount(assets: any, tokenAmount: any, decimals = 2, tokenDenom = 'uatom', format = true) {
+  const denom =
+    typeof tokenDenom === 'string'
+      ? tokenDenom
+      : // @ts-ignore
+        tokenDenom?.denom_trace?.base_denom;
   let amount = 0;
   const asset = assets.find((a: any) => a.base === denom);
-  let exp = asset
-    ? asset.exponent
-    : String(denom).startsWith('gravity')
-    ? 18
-    : 6;
+  let exp = asset ? asset.exponent : String(denom).startsWith('gravity') ? 18 : 6;
   const config = Object.values(getLocalChains());
 
   amount = Number(Number(tokenAmount)) / 10 ** exp;
@@ -120,24 +92,24 @@ export function isHexAddress(v: any) {
 }
 
 export function isBech32Address(v?: string) {
-  if(!v) return ""
-  const pattern = /^[a-z\d]+1[a-z\d]{38}$/g
-  return String(v).search(pattern) > -1
+  if (!v) return '';
+  const pattern = /^[a-z\d]+1[a-z\d]{38}$/g;
+  return String(v).search(pattern) > -1;
 }
 
 export function formatSeconds(value?: string) {
-  if(!value) return ''
-  const duration = Number(value.replace(/s/, ''))
-  if(duration > 24*60*60) {
-    return `${(duration / ( 24 * 60 * 60)).toFixed()} days`
+  if (!value) return '';
+  const duration = Number(value.replace(/s/, ''));
+  if (duration > 24 * 60 * 60) {
+    return `${(duration / (24 * 60 * 60)).toFixed()} days`;
   }
-  if(duration > 60*60) {
-    return `${(duration / (60 * 60)).toFixed()} hours`
-  }    
-  if(duration > 60) {
-    return `${duration / 60} mins`
+  if (duration > 60 * 60) {
+    return `${(duration / (60 * 60)).toFixed()} hours`;
   }
-  return value
+  if (duration > 60) {
+    return `${duration / 60} mins`;
+  }
+  return value;
 }
 
 export function hexToRgb(hex: string) {
diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index efb7e02752..b9fdd7f908 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -1,23 +1,12 @@
 <script lang="ts" setup>
-import {
-  useBlockchain,
-  useFormatter,
-  useStakingStore,
-  useTxDialog,
-} from '@/stores';
+import { useBlockchain, useFormatter, useStakingStore, useTxDialog } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import DonutChart from '@/components/charts/DonutChart.vue';
 import { computed, ref } from '@vue/reactivity';
 import { onMounted } from 'vue';
 import { Icon } from '@iconify/vue';
 
-import type {
-  AuthAccount,
-  Delegation,
-  TxResponse,
-  DelegatorRewards,
-  UnbondingResponses,
-} from '@/types';
+import type { AuthAccount, Delegation, TxResponse, DelegatorRewards, UnbondingResponses } from '@/types';
 import type { Coin } from '@cosmjs/amino';
 import Countdown from '@/components/Countdown.vue';
 import { fromBase64 } from '@cosmjs/encoding';
@@ -81,13 +70,12 @@ const totalValue = computed(() => {
   });
   unbonding.value?.forEach((x) => {
     x.entries?.forEach((y) => {
-      value += format.tokenValueNumber({amount: y.balance, denom: stakingStore.params.bond_denom});
+      value += format.tokenValueNumber({ amount: y.balance, denom: stakingStore.params.bond_denom });
     });
   });
   return format.formatNumber(value, '0,0.00');
 });
 
-
 function loadAccount(address: string) {
   blockchain.rpc.getAuthAccount(address).then((x) => {
     account.value = x.account;
@@ -113,7 +101,7 @@ function loadAccount(address: string) {
     });
   });
 
-  const receivedQuery =  `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
+  const receivedQuery = `?&pagination.reverse=true&events=coin_received.receiver='${address}'&pagination.limit=5`;
   blockchain.rpc.getTxs(receivedQuery, {}).then((x) => {
     recentReceived.value = x.tx_responses;
   });
@@ -123,11 +111,12 @@ function updateEvent() {
   loadAccount(props.address);
 }
 
-function mapAmount(events:{type: string, attributes: {key: string, value: string}[]}[]) {
-  if(!events) return []
-  return events.find(x => x.type==='coin_received')?.attributes
-    .filter(x => x.key === 'YW1vdW50'|| x.key === `amount`)
-    .map(x => x.key==='amount'? x.value : String.fromCharCode(...fromBase64(x.value)))
+function mapAmount(events: { type: string; attributes: { key: string; value: string }[] }[]) {
+  if (!events) return [];
+  return events
+    .find((x) => x.type === 'coin_received')
+    ?.attributes.filter((x) => x.key === 'YW1vdW50' || x.key === `amount`)
+    .map((x) => (x.key === 'amount' ? x.value : String.fromCharCode(...fromBase64(x.value))));
 }
 </script>
 <template>
@@ -137,17 +126,9 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
       <div class="flex items-center">
         <!-- img -->
         <div class="inline-flex relative w-11 h-11 rounded-md">
-          <div
-            class="w-11 h-11 absolute rounded-md opacity-10 bg-primary"
-          ></div>
-          <div
-            class="w-full inline-flex items-center align-middle flex-none justify-center"
-          >
-            <Icon
-              icon="mdi-qrcode"
-              class="text-primary"
-              style="width: 27px; height: 27px"
-            />
+          <div class="w-11 h-11 absolute rounded-md opacity-10 bg-primary"></div>
+          <div class="w-full inline-flex items-center align-middle flex-none justify-center">
+            <Icon icon="mdi-qrcode" class="text-primary" style="width: 27px; height: 27px" />
           </div>
         </div>
         <!-- content -->
@@ -164,48 +145,37 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
         <h2 class="card-title mb-4">{{ $t('account.assets') }}</h2>
         <!-- button -->
         <div class="flex justify-end mb-4 pr-5">
-            <label
-              for="send"
-              class="btn btn-primary btn-sm mr-2"
-              @click="dialog.open('send', {}, updateEvent)"
-              >{{ $t('account.btn_send') }}</label
-            >
-            <label
-              for="transfer"
-              class="btn btn-primary btn-sm"
-              @click="
-                dialog.open(
-                  'transfer',
-                  {
-                    chain_name: blockchain.current?.prettyName,
-                  },
-                  updateEvent
-                )
-              "
-              >{{ $t('account.btn_transfer') }}</label
-            >
-          </div>
+          <label for="send" class="btn btn-primary btn-sm mr-2" @click="dialog.open('send', {}, updateEvent)">{{
+            $t('account.btn_send')
+          }}</label>
+          <label
+            for="transfer"
+            class="btn btn-primary btn-sm"
+            @click="
+              dialog.open(
+                'transfer',
+                {
+                  chain_name: blockchain.current?.prettyName,
+                },
+                updateEvent
+              )
+            "
+            >{{ $t('account.btn_transfer') }}</label
+          >
+        </div>
       </div>
       <div class="grid md:!grid-cols-3">
         <div class="md:!col-span-1">
           <DonutChart :series="totalAmountByCategory" :labels="labels" />
         </div>
-        <div class="mt-4 md:!col-span-2 md:!mt-0 md:!ml-4">          
+        <div class="mt-4 md:!col-span-2 md:!mt-0 md:!ml-4">
           <!-- list-->
           <div class="">
             <!--balances  -->
-            <div
-              class="flex items-center px-4 mb-2"
-              v-for="(balanceItem, index) in balances"
-              :key="index"
-            >
-              <div
-                class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4"
-              >
+            <div class="flex items-center px-4 mb-2" v-for="(balanceItem, index) in balances" :key="index">
+              <div class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4">
                 <Icon icon="mdi-account-cash" class="text-info" size="20" />
-                <div
-                  class="absolute top-0 bottom-0 left-0 right-0 bg-info opacity-20"
-                ></div>
+                <div class="absolute top-0 bottom-0 left-0 right-0 bg-info opacity-20"></div>
               </div>
               <div class="flex-1">
                 <div class="text-sm font-semibold">
@@ -215,68 +185,35 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                   {{ format.calculatePercent(balanceItem.amount, totalAmount) }}
                 </div>
               </div>
-              <div
-                class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
-              >
-                <span
-                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"
-                ></span>
-                ${{ format.tokenValue(balanceItem) }}                
+              <div class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2">
+                <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"></span>
+                ${{ format.tokenValue(balanceItem) }}
               </div>
             </div>
             <!--delegations  -->
-            <div
-              class="flex items-center px-4 mb-2"
-              v-for="(delegationItem, index) in delegations"
-              :key="index"
-            >
-              <div
-                class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4"
-              >
+            <div class="flex items-center px-4 mb-2" v-for="(delegationItem, index) in delegations" :key="index">
+              <div class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4">
                 <Icon icon="mdi-user-clock" class="text-warning" size="20" />
-                <div
-                  class="absolute top-0 bottom-0 left-0 right-0 bg-warning opacity-20"
-                ></div>
+                <div class="absolute top-0 bottom-0 left-0 right-0 bg-warning opacity-20"></div>
               </div>
               <div class="flex-1">
                 <div class="text-sm font-semibold">
                   {{ format.formatToken(delegationItem?.balance) }}
                 </div>
                 <div class="text-xs">
-                  {{
-                    format.calculatePercent(
-                      delegationItem?.balance?.amount,
-                      totalAmount
-                    )
-                  }}
+                  {{ format.calculatePercent(delegationItem?.balance?.amount, totalAmount) }}
                 </div>
               </div>
-              <div
-                class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
-              >
-                <span
-                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"
-                ></span>
-                ${{ format.tokenValue(delegationItem?.balance) }}                
+              <div class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2">
+                <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"></span>
+                ${{ format.tokenValue(delegationItem?.balance) }}
               </div>
             </div>
             <!-- rewards.total -->
-            <div
-              class="flex items-center px-4 mb-2"
-              v-for="(rewardItem, index) in rewards.total"
-              :key="index"
-            >
-              <div
-                class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4"
-              >
-                <Icon
-                  icon="mdi-account-arrow-up"
-                  class="text-success"
-                  size="20"
-                />
-                <div
-                  class="absolute top-0 bottom-0 left-0 right-0 bg-success opacity-20"
-                ></div>
+            <div class="flex items-center px-4 mb-2" v-for="(rewardItem, index) in rewards.total" :key="index">
+              <div class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4">
+                <Icon icon="mdi-account-arrow-up" class="text-success" size="20" />
+                <div class="absolute top-0 bottom-0 left-0 right-0 bg-success opacity-20"></div>
               </div>
               <div class="flex-1">
                 <div class="text-sm font-semibold">
@@ -284,28 +221,17 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 </div>
                 <div class="text-xs">{{ format.calculatePercent(rewardItem.amount, totalAmount) }}</div>
               </div>
-              <div
-                class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
-              >
-                <span
-                  class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary  dark:invert text-sm"
-                ></span>${{ format.tokenValue(rewardItem) }}
-                
+              <div class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2">
+                <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert text-sm"></span>${{
+                  format.tokenValue(rewardItem)
+                }}
               </div>
             </div>
             <!-- mdi-account-arrow-right -->
             <div class="flex items-center px-4">
-              <div
-                class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4"
-              >
-                <Icon
-                  icon="mdi-account-arrow-right"
-                  class="text-error"
-                  size="20"
-                />
-                <div
-                  class="absolute top-0 bottom-0 left-0 right-0 bg-error opacity-20"
-                ></div>
+              <div class="w-9 h-9 rounded overflow-hidden flex items-center justify-center relative mr-4">
+                <Icon icon="mdi-account-arrow-right" class="text-error" size="20" />
+                <div class="absolute top-0 bottom-0 left-0 right-0 bg-error opacity-20"></div>
               </div>
               <div class="flex-1">
                 <div class="text-sm font-semibold">
@@ -320,15 +246,14 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                   {{ format.calculatePercent(unbondingTotal, totalAmount) }}
                 </div>
               </div>
-              <div
-                class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2"
-              >
+              <div class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary dark:invert mr-2">
                 <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-primary dark:invert"></span>
-                ${{format.tokenValue({
-                      amount: String(unbondingTotal),
-                      denom: stakingStore.params.bond_denom,
-                    })
-                  }}                
+                ${{
+                  format.tokenValue({
+                    amount: String(unbondingTotal),
+                    denom: stakingStore.params.bond_denom,
+                  })
+                }}
               </div>
             </div>
           </div>
@@ -344,18 +269,12 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
       <div class="flex justify-between">
         <h2 class="card-title mb-4">{{ $t('account.delegations') }}</h2>
         <div class="flex justify-end mb-4">
-          <label
-            for="delegate"
-            class="btn btn-primary btn-sm mr-2"
-            @click="dialog.open('delegate', {}, updateEvent)"
-            >{{ $t('account.btn_delegate') }}</label
-          >
-          <label
-            for="withdraw"
-            class="btn btn-primary btn-sm"
-            @click="dialog.open('withdraw', {}, updateEvent)"
-            >{{ $t('account.btn_withdraw') }}</label
-          >
+          <label for="delegate" class="btn btn-primary btn-sm mr-2" @click="dialog.open('delegate', {}, updateEvent)">{{
+            $t('account.btn_delegate')
+          }}</label>
+          <label for="withdraw" class="btn btn-primary btn-sm" @click="dialog.open('withdraw', {}, updateEvent)">{{
+            $t('account.btn_withdraw')
+          }}</label>
         </div>
       </div>
       <div class="overflow-x-auto">
@@ -369,15 +288,16 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="delegations.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_delegations') }}</div></td></tr>
+            <tr v-if="delegations.length === 0">
+              <td colspan="10">
+                <div class="text-center">{{ $t('account.no_delegations') }}</div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in delegations" :key="index">
               <td class="text-caption text-primary py-3">
-                <RouterLink
-                  :to="`/${chain}/staking/${v.delegation.validator_address}`"
-                  >{{
-                    format.validatorFromBech32(v.delegation.validator_address) || v.delegation.validator_address
-                  }}</RouterLink
-                >
+                <RouterLink :to="`/${chain}/staking/${v.delegation.validator_address}`">{{
+                  format.validatorFromBech32(v.delegation.validator_address) || v.delegation.validator_address
+                }}</RouterLink>
               </td>
               <td class="py-3">
                 {{ format.formatToken(v.balance, true, '0,0.[000000]') }}
@@ -385,10 +305,7 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
               <td class="py-3">
                 {{
                   format.formatTokens(
-                    rewards?.rewards?.find(
-                      (x) =>
-                        x.validator_address === v.delegation.validator_address
-                    )?.reward
+                    rewards?.rewards?.find((x) => x.validator_address === v.delegation.validator_address)?.reward
                   )
                 }}
               </td>
@@ -445,10 +362,7 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
     </div>
 
     <!-- Unbonding Delegations -->
-    <div
-      class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow"
-      v-if="unbonding && unbonding.length > 0"
-    >
+    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow" v-if="unbonding && unbonding.length > 0">
       <h2 class="card-title mb-4">{{ $t('account.unbonding_delegations') }}</h2>
       <div class="overflow-x-auto">
         <table class="table text-sm w-full">
@@ -461,47 +375,42 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm" v-for="(v, index) in unbonding" :key="index">
-              <tr>
-                <td class="text-caption text-primary py-3 bg-slate-200" colspan="10">
-                  <RouterLink
-                    :to="`/${chain}/staking/${v.validator_address}`"
-                    >{{
-                      v.validator_address
-                    }}</RouterLink
-                  >
-                </td>
-              </tr>
-              <tr v-for="entry in v.entries">
-                <td class="py-3">{{ entry.creation_height }}</td>
-                <td class="py-3">
-                  {{
-                    format.formatToken(
-                      {
-                        amount: entry.initial_balance,
-                        denom: stakingStore.params.bond_denom,
-                      },
-                      true,
-                      '0,0.[00]'
-                    )
-                  }}
-                </td>
-                <td class="py-3">
-                  {{
-                    format.formatToken(
-                      {
-                        amount: entry.balance,
-                        denom: stakingStore.params.bond_denom,
-                      },
-                      true,
-                      '0,0.[00]'
-                    )
-                  }}
-                </td>
-                <td class="py-3">
-                  <Countdown :time="new Date(entry.completion_time).getTime() - new Date().getTime()" />
-                </td>
-              </tr>
-          </tbody>          
+            <tr>
+              <td class="text-caption text-primary py-3 bg-slate-200" colspan="10">
+                <RouterLink :to="`/${chain}/staking/${v.validator_address}`">{{ v.validator_address }}</RouterLink>
+              </td>
+            </tr>
+            <tr v-for="entry in v.entries">
+              <td class="py-3">{{ entry.creation_height }}</td>
+              <td class="py-3">
+                {{
+                  format.formatToken(
+                    {
+                      amount: entry.initial_balance,
+                      denom: stakingStore.params.bond_denom,
+                    },
+                    true,
+                    '0,0.[00]'
+                  )
+                }}
+              </td>
+              <td class="py-3">
+                {{
+                  format.formatToken(
+                    {
+                      amount: entry.balance,
+                      denom: stakingStore.params.bond_denom,
+                    },
+                    true,
+                    '0,0.[00]'
+                  )
+                }}
+              </td>
+              <td class="py-3">
+                <Countdown :time="new Date(entry.completion_time).getTime() - new Date().getTime()" />
+              </td>
+            </tr>
+          </tbody>
         </table>
       </div>
     </div>
@@ -520,7 +429,11 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="txs.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_transactions') }}</div></td></tr>
+            <tr v-if="txs.length === 0">
+              <td colspan="10">
+                <div class="text-center">{{ $t('account.no_transactions') }}</div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in txs" :key="index">
               <td class="text-sm py-3">
                 <RouterLink :to="`/${chain}/block/${v.height}`" class="text-primary dark:invert">{{
@@ -536,14 +449,13 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
                 <div class="mr-2">
                   {{ format.messages(v.tx.body.messages) }}
                 </div>
-                <Icon
-                  v-if="v.code === 0"
-                  icon="mdi-check"
-                  class="text-success text-lg"
-                />
+                <Icon v-if="v.code === 0" icon="mdi-check" class="text-success text-lg" />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </td>
-              <td class="py-3">{{ format.toLocaleDate(v.timestamp) }} <span class=" text-xs">({{ format.toDay(v.timestamp, 'from') }})</span> </td>
+              <td class="py-3">
+                {{ format.toLocaleDate(v.timestamp) }}
+                <span class="text-xs">({{ format.toDay(v.timestamp, 'from') }})</span>
+              </td>
             </tr>
           </tbody>
         </table>
@@ -564,7 +476,11 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
             </tr>
           </thead>
           <tbody class="text-sm">
-            <tr v-if="recentReceived.length === 0"><td colspan="10"><div class="text-center">{{ $t('account.no_transactions') }}</div></td></tr>
+            <tr v-if="recentReceived.length === 0">
+              <td colspan="10">
+                <div class="text-center">{{ $t('account.no_transactions') }}</div>
+              </td>
+            </tr>
             <tr v-for="(v, index) in recentReceived" :key="index">
               <td class="text-sm py-3">
                 <RouterLink :to="`/${chain}/block/${v.height}`" class="text-primary dark:invert">{{
@@ -578,16 +494,15 @@ function mapAmount(events:{type: string, attributes: {key: string, value: string
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
-                  {{ mapAmount(v.events)?.join(", ")}}
+                  {{ mapAmount(v.events)?.join(', ') }}
                 </div>
-                <Icon
-                  v-if="v.code === 0"
-                  icon="mdi-check"
-                  class="text-success text-lg"
-                />
+                <Icon v-if="v.code === 0" icon="mdi-check" class="text-success text-lg" />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </td>
-              <td class="py-3">{{ format.toLocaleDate(v.timestamp) }} <span class=" text-xs">({{ format.toDay(v.timestamp, 'from') }})</span> </td>
+              <td class="py-3">
+                {{ format.toLocaleDate(v.timestamp) }}
+                <span class="text-xs">({{ format.toDay(v.timestamp, 'from') }})</span>
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/src/modules/[chain]/account/index.vue b/src/modules/[chain]/account/index.vue
index fe1ecb0815..6e73c20020 100644
--- a/src/modules/[chain]/account/index.vue
+++ b/src/modules/[chain]/account/index.vue
@@ -6,72 +6,73 @@ import { onMounted } from 'vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 
-const accounts = ref([] as AuthAccount[])
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const accounts = ref([] as AuthAccount[]);
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 
 onMounted(() => {
-  pageload(1)
+  pageload(1);
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
-  chainStore.rpc.getAuthAccounts(pageRequest.value).then(x => {
-    accounts.value = x.accounts
-    pageResponse.value = x.pagination
+  pageRequest.value.setPage(p);
+  chainStore.rpc.getAuthAccounts(pageRequest.value).then((x) => {
+    accounts.value = x.accounts;
+    pageResponse.value = x.pagination;
   });
 }
 
 function showType(v: string) {
-    return v.replace("/cosmos.auth.v1beta1.", "")
+  return v.replace('/cosmos.auth.v1beta1.', '');
 }
 function findField(v: any, field: string) {
-    if(!v || Array.isArray(v) || typeof v === 'string') return null
-    const fields = Object.keys(v)
-    if(fields.includes(field)) {
-        return v[field]
-    }
-    for(let i= 0; i < fields.length; i++) {
-        const re: any = findField(v[fields[i]], field)
-        if(re) return re
-    }
+  if (!v || Array.isArray(v) || typeof v === 'string') return null;
+  const fields = Object.keys(v);
+  if (fields.includes(field)) {
+    return v[field];
+  }
+  for (let i = 0; i < fields.length; i++) {
+    const re: any = findField(v[fields[i]], field);
+    if (re) return re;
+  }
 }
 function showAddress(v: any) {
-    return findField(v, 'address')
+  return findField(v, 'address');
 }
 function showAccountNumber(v: any) {
-    return findField(v, 'account_number')
+  return findField(v, 'account_number');
 }
 function showSequence(v: any) {
-    return findField(v, 'sequence')
+  return findField(v, 'sequence');
 }
 function showPubkey(v: any) {
-    return findField(v, 'pub_key')
+  return findField(v, 'pub_key');
 }
-
 </script>
 <template>
-    <div class=" overflow-x-auto">
-        <table class="table table-compact">
-            <thead>
-                <tr>
-                    <td>{{ $t('account.type') }}</td>
-                    <td>{{ $t('account.address') }}</td>
-                    <td>{{ $t('account.acc_num') }}</td>
-                    <td>{{ $t('account.sequence') }}</td>
-                    <td>{{ $t('account.pub_key') }}</td>
-                </tr>
-            </thead>
-            <tr v-for="acc in accounts">
-                <td>{{ showType(acc['@type']) }}</td>
-                <td><RouterLink :to="`/${chain}/account/${showAddress(acc)}`">{{ showAddress(acc) }}</RouterLink></td>
-                <td>{{ showAccountNumber(acc) }}</td>
-                <td>{{ showSequence(acc) }}</td>
-                <td>{{ showPubkey(acc) }}</td>
-            </tr>
-        </table>
-        <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
-    </div>
+  <div class="overflow-x-auto">
+    <table class="table table-compact">
+      <thead>
+        <tr>
+          <td>{{ $t('account.type') }}</td>
+          <td>{{ $t('account.address') }}</td>
+          <td>{{ $t('account.acc_num') }}</td>
+          <td>{{ $t('account.sequence') }}</td>
+          <td>{{ $t('account.pub_key') }}</td>
+        </tr>
+      </thead>
+      <tr v-for="acc in accounts">
+        <td>{{ showType(acc['@type']) }}</td>
+        <td>
+          <RouterLink :to="`/${chain}/account/${showAddress(acc)}`">{{ showAddress(acc) }}</RouterLink>
+        </td>
+        <td>{{ showAccountNumber(acc) }}</td>
+        <td>{{ showSequence(acc) }}</td>
+        <td>{{ showPubkey(acc) }}</td>
+      </tr>
+    </table>
+    <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
+  </div>
 </template>
diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index 295580ef88..b5105cd2ad 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -12,9 +12,9 @@ import Countdown from '@/components/Countdown.vue';
 const props = defineProps(['height', 'chain']);
 
 const store = useBaseStore();
-const format = useFormatter()
-const current = ref({} as Block)
-const target = ref(Number(props.height || 0))
+const format = useFormatter();
+const current = ref({} as Block);
+const target = ref(Number(props.height || 0));
 
 const height = computed(() => {
   return Number(current.value.block?.header?.height || props.height || 0);
@@ -22,40 +22,40 @@ const height = computed(() => {
 
 const isFutureBlock = computed({
   get: () => {
-    const latest = store.latest?.block?.header.height
-    const isFuture = latest ? target.value > Number(latest) : true
-    if (!isFuture && !current.value.block_id) store.fetchBlock(target.value).then(x => current.value = x)
-    return isFuture
+    const latest = store.latest?.block?.header.height;
+    const isFuture = latest ? target.value > Number(latest) : true;
+    if (!isFuture && !current.value.block_id) store.fetchBlock(target.value).then((x) => (current.value = x));
+    return isFuture;
   },
-  set: val => {
-    console.log(val)
-  }
-})
+  set: (val) => {
+    console.log(val);
+  },
+});
 
 const remainingBlocks = computed(() => {
-  const latest = store.latest?.block?.header.height
-  return latest ? Number(target.value) - Number(latest) : 0
-})
+  const latest = store.latest?.block?.header.height;
+  return latest ? Number(target.value) - Number(latest) : 0;
+});
 
 const estimateTime = computed(() => {
-  const seconds = Number((remainingBlocks.value * store.blocktime).toFixed(2))
-  return seconds
-})
+  const seconds = Number((remainingBlocks.value * store.blocktime).toFixed(2));
+  return seconds;
+});
 
 const estimateDate = computed(() => {
-  return new Date(new Date().getTime() + estimateTime.value)
-})
+  return new Date(new Date().getTime() + estimateTime.value);
+});
 
-const edit = ref(false)
-const newHeight = ref(props.height)
+const edit = ref(false);
+const newHeight = ref(props.height);
 function updateTarget() {
-  target.value = Number(newHeight.value)
-  console.log(target.value)
+  target.value = Number(newHeight.value);
+  console.log(target.value);
 }
 
 onBeforeRouteUpdate(async (to, from, next) => {
   if (from.path !== to.path) {
-    store.fetchBlock(String(to.params.height)).then(x => current.value = x);
+    store.fetchBlock(String(to.params.height)).then((x) => (current.value = x));
     next();
   }
 });
@@ -66,24 +66,30 @@ onBeforeRouteUpdate(async (to, from, next) => {
       <div v-if="remainingBlocks > 0">
         <div class="text-primary font-bold text-lg my-10">#{{ target }}</div>
         <Countdown :time="estimateTime" css="md:!text-5xl font-sans md:mx-5" />
-        <div class="my-5">{{ $t('block.estimated_time') }}: <span class="text-xl font-bold">{{ format.toLocaleDate(estimateDate) }}</span>
+        <div class="my-5">
+          {{ $t('block.estimated_time') }}:
+          <span class="text-xl font-bold">{{ format.toLocaleDate(estimateDate) }}</span>
         </div>
         <div class="pt-10 flex justify-center">
           <table class="table w-max rounded-lg bg-base-100">
             <tbody>
               <tr class="hover cursor-pointer" @click="edit = !edit">
                 <td>{{ $t('block.countdown_for_block') }}:</td>
-                <td class="text-right"><span class="md:!ml-40">{{ target }}</span></td>
+                <td class="text-right">
+                  <span class="md:!ml-40">{{ target }}</span>
+                </td>
               </tr>
               <tr v-if="edit">
                 <td colspan="2" class="text-center">
                   <h3 class="text-lg font-bold">{{ $t('block.countdown_for_block_input') }}</h3>
-                  <p class="py-4">
-                  <div class="join">
-                    <input class="input input-bordered join-item" v-model="newHeight" type="number" />
-                    <button class="btn btn-primary join-item" @click="updateTarget()">{{ $t('block.btn_update') }}</button>
+                  <div class="py-4">
+                    <div class="join">
+                      <input class="input input-bordered join-item" v-model="newHeight" type="number" />
+                      <button class="btn btn-primary join-item" @click="updateTarget()">
+                        {{ $t('block.btn_update') }}
+                      </button>
+                    </div>
                   </div>
-                  </p>
                 </td>
               </tr>
               <tr>
@@ -101,7 +107,6 @@ onBeforeRouteUpdate(async (to, from, next) => {
             </tbody>
           </table>
         </div>
-
       </div>
     </div>
     <div v-else>
@@ -109,12 +114,16 @@ onBeforeRouteUpdate(async (to, from, next) => {
         <h2 class="card-title flex flex-row justify-between">
           <p class="">#{{ current.block?.header?.height }}</p>
           <div class="flex" v-if="props.height">
-            <RouterLink :to="`/${store.blockchain.chainName}/block/${height - 1}`"
-              class="btn btn-primary btn-sm p-1 text-2xl mr-2">
+            <RouterLink
+              :to="`/${store.blockchain.chainName}/block/${height - 1}`"
+              class="btn btn-primary btn-sm p-1 text-2xl mr-2"
+            >
               <Icon icon="mdi-arrow-left" class="w-full h-full" />
             </RouterLink>
-            <RouterLink :to="`/${store.blockchain.chainName}/block/${height + 1}`"
-              class="btn btn-primary btn-sm p-1 text-2xl">
+            <RouterLink
+              :to="`/${store.blockchain.chainName}/block/${height + 1}`"
+              class="btn btn-primary btn-sm p-1 text-2xl"
+            >
               <Icon icon="mdi-arrow-right" class="w-full h-full" />
             </RouterLink>
           </div>
@@ -138,5 +147,6 @@ onBeforeRouteUpdate(async (to, from, next) => {
         <h2 class="card-title flex flex-row justify-between">{{ $t('block.last_commit') }}</h2>
         <DynamicComponent :value="current.block?.last_commit" />
       </div>
+    </div>
   </div>
-</div></template>
+</template>
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index f18a3dec8b..6e8a65d8ac 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -7,52 +7,56 @@ const props = defineProps(['chain']);
 
 const tab = ref('blocks');
 
-const base = useBaseStore()
+const base = useBaseStore();
 
 const format = useFormatter();
 
 const list = computed(() => {
-    // const recents = base.recents
-    // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
-    return base.recents
-})
+  // const recents = base.recents
+  // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
+  return base.recents;
+});
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'blocks' }"
-                @click="tab = 'blocks'">{{ $t('block.recent') }}</a>
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/block/${Number(base.latest?.block?.header.height||0) + 10000}`"
-                >{{ $t('block.future') }}</RouterLink>
-        </div>
-
-        <div v-show="tab === 'blocks'">
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'blocks' }" @click="tab = 'blocks'">{{
+        $t('block.recent')
+      }}</a>
+      <RouterLink
+        class="tab text-gray-400 uppercase"
+        :to="`/${chain}/block/${Number(base.latest?.block?.header.height || 0) + 10000}`"
+        >{{ $t('block.future') }}</RouterLink
+      >
+    </div>
 
-            <TxsInBlocksChart />
+    <div v-show="tab === 'blocks'">
+      <TxsInBlocksChart />
 
-            <div class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
-            <RouterLink v-for="item in list"
-                class="flex flex-col justify-between rounded p-4 shadow bg-base-100"
-                :to="`/${chain}/block/${item.block.header.height}`">
-                <div class="flex justify-between">
-                    <h3 class="text-md font-bold sm:!text-lg">
-                        {{ item.block.header.height }}
-                    </h3>
-                    <span class="rounded text-xs whitespace-nowrap font-medium text-green-600">
-                        {{ format.toDay(item.block?.header?.time, 'from') }}
-                    </span>
-                </div>
-                <div class="flex justify-between tooltip" data-tip="Block Proposor">
-                    <div class="mt-2 hidden text-sm sm:!block truncate">
-                        <span>{{ format.validator(item.block?.header?.proposer_address) }}</span>
-                    </div>
-                    <span class="text-right mt-1 whitespace-nowrap"> {{ item.block?.data?.txs.length }} txs </span>
-                </div>
-            </RouterLink>
+      <div class="grid xl:!grid-cols-6 md:!grid-cols-4 grid-cols-1 gap-3">
+        <RouterLink
+          v-for="item in list"
+          class="flex flex-col justify-between rounded p-4 shadow bg-base-100"
+          :to="`/${chain}/block/${item.block.header.height}`"
+        >
+          <div class="flex justify-between">
+            <h3 class="text-md font-bold sm:!text-lg">
+              {{ item.block.header.height }}
+            </h3>
+            <span class="rounded text-xs whitespace-nowrap font-medium text-green-600">
+              {{ format.toDay(item.block?.header?.time, 'from') }}
+            </span>
+          </div>
+          <div class="flex justify-between tooltip" data-tip="Block Proposor">
+            <div class="mt-2 hidden text-sm sm:!block truncate">
+              <span>{{ format.validator(item.block?.header?.proposer_address) }}</span>
             </div>
-        </div>
+            <span class="text-right mt-1 whitespace-nowrap"> {{ item.block?.data?.txs.length }} txs </span>
+          </div>
+        </RouterLink>
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 99f6337702..d01918151c 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -7,9 +7,7 @@ import { consensusPubkeyToHexAddress } from '@/libs';
 const format = useFormatter();
 const chainStore = useBlockchain();
 const stakingStore = useStakingStore();
-const rpcList = ref(
-  chainStore.current?.endpoints?.rpc || [{ address: '', provider: '' }]
-);
+const rpcList = ref(chainStore.current?.endpoints?.rpc || [{ address: '', provider: '' }]);
 let rpc = ref('');
 const validators = ref(stakingStore.validators);
 
@@ -30,7 +28,7 @@ onMounted(async () => {
   rpc.value = rpcList.value[0].address + '/consensus_state';
   await fetchPosition();
   update();
-  clearTime()
+  clearTime();
   timer = setInterval(() => {
     update();
   }, 6000);
@@ -80,7 +78,7 @@ function color(i: number, txt: string) {
   }
   return txt === 'nil-Vote' ? 'gray-700' : 'success';
 }
-async function onChange () {
+async function onChange() {
   httpstatus.value = 200;
   httpStatusText.value = '';
   roundState.value = {};
@@ -135,11 +133,7 @@ async function update() {
 
         // find the highest onboard rate
         roundState.value?.height_vote_set?.forEach((element: any) => {
-          const rates = Number(
-            element.prevotes_bit_array.substring(
-              element.prevotes_bit_array.length - 4
-            )
-          );
+          const rates = Number(element.prevotes_bit_array.substring(element.prevotes_bit_array.length - 4));
           if (rates > 0) {
             rate.value = `${(rates * 100).toFixed()}%`;
           }
@@ -166,79 +160,59 @@ async function update() {
             v-model="rpc"
           /> -->
           <select v-model="rpc" class="select select-bordered w-full flex-1">
-            <option v-for="(item, index) in rpcList" :key="index">
-              {{ item?.address }}/consensus_state
-            </option>
+            <option v-for="(item, index) in rpcList" :key="index">{{ item?.address }}/consensus_state</option>
           </select>
           <button class="btn btn-primary" @click="onChange">{{ $t('consensus.monitor') }}</button>
         </label>
       </div>
-      <div v-if="httpstatus !== 200" class="text-error mt-1">
-        {{ httpstatus }}: {{ httpStatusText }}
-      </div>
+      <div v-if="httpstatus !== 200" class="text-error mt-1">{{ httpstatus }}: {{ httpStatusText }}</div>
     </div>
     <!-- cards -->
     <div class="mt-4" v-if="roundState['height/round/step']">
       <div class="grid grid-cols-1 md:!grid-cols-4 auto-cols-auto gap-4 pb-4">
-        <div
-          class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center"
-        >
+        <div class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center">
           <div class="text-sm mb-1 flex flex-col truncate">
             <h4 class="text-lg font-semibold text-main">{{ rate }}</h4>
             <span class="text-md">{{ $t('consensus.onboard_rate') }}</span>
           </div>
           <div class="avatar placeholder">
-            <div
-              class="bg-rose-100 text-neutral-content rounded-full w-12 h-12"
-            >
+            <div class="bg-rose-100 text-neutral-content rounded-full w-12 h-12">
               <span class="text-2xl text-error font-semibold">{{ $t('consensus.o') }}</span>
             </div>
           </div>
         </div>
         <!-- Height -->
-        <div
-          class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center"
-        >
+        <div class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center">
           <div class="text-sm mb-1 flex flex-col truncate">
             <h4 class="text-lg font-semibold text-main">{{ height }}</h4>
             <span class="text-md">{{ $t('account.height') }}</span>
           </div>
           <div class="avatar placeholder">
-            <div
-              class="bg-green-100 text-neutral-content rounded-full w-12 h-12"
-            >
+            <div class="bg-green-100 text-neutral-content rounded-full w-12 h-12">
               <span class="text-2xl text-success font-semibold">{{ $t('consensus.h') }}</span>
             </div>
           </div>
         </div>
         <!-- Round -->
-        <div
-          class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center"
-        >
+        <div class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center">
           <div class="text-sm mb-1 flex flex-col truncate">
             <h4 class="text-lg font-semibold text-main">{{ round }}</h4>
             <span class="text-md">{{ $t('consensus.round') }}</span>
           </div>
           <div class="avatar placeholder">
-            <div
-              class="bg-violet-100 text-neutral-content rounded-full w-12 h-12"
-            >
+            <div class="bg-violet-100 text-neutral-content rounded-full w-12 h-12">
               <span class="text-2xl text-primary font-semibold">{{ $t('consensus.r') }}</span>
             </div>
           </div>
         </div>
         <!-- Step -->
-        <div
-          class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center"
-        >
+        <div class="bg-base-100 px-4 py-3 rounded shadow flex justify-between items-center">
           <div class="text-sm mb-1 flex flex-col truncate">
             <h4 class="text-lg font-semibold text-main">{{ step }}</h4>
             <span class="text-md">{{ $t('consensus.step') }}</span>
           </div>
           <div class="avatar placeholder">
-            <div
-              class="bg-blue-100 text-neutral-content rounded-full w-12 h-12"
-            >
+            <div class="bg-blue-100 text-neutral-content rounded-full w-12 h-12">
               <span class="text-2xl text-info font-semibold">{{ $t('consensus.s') }}</span>
             </div>
           </div>
@@ -246,21 +220,16 @@ async function update() {
       </div>
     </div>
     <!-- update -->
-    <div
-      class="bg-base-100 p-4 rounded shadow"
-      v-if="roundState['height/round/step']"
-    >
+    <div class="bg-base-100 p-4 rounded shadow" v-if="roundState['height/round/step']">
       <div class="flex flex-1 flex-col truncate">
-        <h2 class="text-sm card-title text-error mb-6">
-          {{ $t('consensus.updated_at') }} {{ newTime || '' }}
-        </h2>
+        <h2 class="text-sm card-title text-error mb-6">{{ $t('consensus.updated_at') }} {{ newTime || '' }}</h2>
         <div v-for="item in roundState.height_vote_set" :key="item.round">
           <div class="text-xs mb-1">{{ $t('consensus.round') }}: {{ item.round }}</div>
           <div class="text-xs break-words">{{ item.prevotes_bit_array }}</div>
 
           <div class="flex flex-rows flex-wrap py-6">
             <div
-              class=" w-48 rounded-3xl h-5 text-sm px-2 leading-5"
+              class="w-48 rounded-3xl h-5 text-sm px-2 leading-5"
               v-for="(pre, i) in item.prevotes"
               :key="i"
               size="sm"
@@ -269,17 +238,24 @@ async function update() {
               <span class="flex flex-rows justify-between">
                 <span class="truncate">{{ showName(i, 'nil-Vote') }} </span>
                 <span>
-                  <span class="tooltip " :data-tip="pre" 
-                  :class="{
-                    'bg-green-400': String(pre).toLowerCase() !== 'nil-vote',
-                    'bg-red-400': String(pre).toLowerCase() === 'nil-vote'
-                  }"
-                  >&nbsp;</span> 
-                  <span class="tooltip ml-1" :data-tip="item.precommits[i]" 
-                  :class="{
-                    'bg-green-400': String(item.precommits[i]).toLowerCase() !== 'nil-vote',
-                    'bg-red-400': String(item.precommits[i]).toLowerCase() === 'nil-vote'
-                  }">&nbsp;</span>
+                  <span
+                    class="tooltip"
+                    :data-tip="pre"
+                    :class="{
+                      'bg-green-400': String(pre).toLowerCase() !== 'nil-vote',
+                      'bg-red-400': String(pre).toLowerCase() === 'nil-vote',
+                    }"
+                    >&nbsp;</span
+                  >
+                  <span
+                    class="tooltip ml-1"
+                    :data-tip="item.precommits[i]"
+                    :class="{
+                      'bg-green-400': String(item.precommits[i]).toLowerCase() !== 'nil-vote',
+                      'bg-red-400': String(item.precommits[i]).toLowerCase() === 'nil-vote',
+                    }"
+                    >&nbsp;</span
+                  >
                 </span>
               </span>
             </div>
@@ -287,17 +263,11 @@ async function update() {
         </div>
       </div>
       <div class="divider"></div>
-
     </div>
 
     <!-- alert-info -->
-    <div
-      class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info"
-    >
-      <div
-        class="drop-shadow-md px-4 pt-2 pb-2"
-        style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px"
-      >
+    <div class="text-[#00cfe8] bg-[rgba(0,207,232,0.12)] rounded shadow mt-4 alert-info">
+      <div class="drop-shadow-md px-4 pt-2 pb-2" style="box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px">
         <h2 class="text-base font-semibold">{{ $t('consensus.tips') }}</h2>
       </div>
       <div class="px-4 py-4">
diff --git a/src/modules/[chain]/cosmwasm/WasmClient.ts b/src/modules/[chain]/cosmwasm/WasmClient.ts
index a5b53a8300..bbd45cb1d2 100644
--- a/src/modules/[chain]/cosmwasm/WasmClient.ts
+++ b/src/modules/[chain]/cosmwasm/WasmClient.ts
@@ -16,115 +16,112 @@ import { PageRequest } from '@/types';
 import { get } from '@/libs';
 
 export interface WasmRequestRegistry extends AbstractRegistry {
-    cosmwasm_code: Request<PaginabledCodeInfos>;
-    cosmwasm_code_id: Request<CodeInfo>;
-    cosmwasm_code_id_contracts: Request<PaginabledContracts>;
-    cosmwasm_param: Request<WasmParam>;
-    cosmwasm_contract_address: Request<{
-      address: string;
-      contract_info: ContractInfo;
-    }>;
-    cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
-    cosmwasm_contract_address_raw_query_data: Request<any>;
-    cosmwasm_contract_address_smart_query_data: Request<any>;
-    cosmwasm_contract_address_state: Request<PaginabledContractStates>;
-    cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
+  cosmwasm_code: Request<PaginabledCodeInfos>;
+  cosmwasm_code_id: Request<CodeInfo>;
+  cosmwasm_code_id_contracts: Request<PaginabledContracts>;
+  cosmwasm_param: Request<WasmParam>;
+  cosmwasm_contract_address: Request<{
+    address: string;
+    contract_info: ContractInfo;
+  }>;
+  cosmwasm_contract_address_history: Request<PaginabledContractHistory>;
+  cosmwasm_contract_address_raw_query_data: Request<any>;
+  cosmwasm_contract_address_smart_query_data: Request<any>;
+  cosmwasm_contract_address_state: Request<PaginabledContractStates>;
+  cosmwasm_wasm_contracts_creator: Request<PaginabledContracts>;
+}
+
+export const DEFAULT_VERSION: WasmRequestRegistry = {
+  cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
+  cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
+  cosmwasm_code_id_contracts: {
+    url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
+    adapter,
+  },
+  cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
+  cosmwasm_contract_address: {
+    url: '/cosmwasm/wasm/v1/contract/{address}',
+    adapter,
+  },
+  cosmwasm_contract_address_history: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/history',
+    adapter,
+  },
+  cosmwasm_contract_address_raw_query_data: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
+    adapter,
+  },
+  cosmwasm_contract_address_smart_query_data: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
+    adapter,
+  },
+  cosmwasm_contract_address_state: {
+    url: '/cosmwasm/wasm/v1/contract/{address}/state',
+    adapter,
+  },
+  cosmwasm_wasm_contracts_creator: {
+    url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
+    adapter,
+  },
+};
+
+export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
+  getWasmCodeList(pr?: PageRequest) {
+    // if(!pr) pr = new PageRequest()
+    // const query = `?${pr.toQueryString()}`
+    return this.request(this.registry.cosmwasm_code, {} /*query*/);
   }
-  
-  export const DEFAULT_VERSION: WasmRequestRegistry = {
-    cosmwasm_code: { url: '/cosmwasm/wasm/v1/code', adapter },
-    cosmwasm_code_id: { url: '/cosmwasm/wasm/v1/code/{code_id}', adapter },
-    cosmwasm_code_id_contracts: {
-      url: '/cosmwasm/wasm/v1/code/{code_id}/contracts',
-      adapter,
-    },
-    cosmwasm_param: { url: '/cosmwasm/wasm/v1/codes/params', adapter },
-    cosmwasm_contract_address: {
-      url: '/cosmwasm/wasm/v1/contract/{address}',
-      adapter,
-    },
-    cosmwasm_contract_address_history: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/history',
-      adapter,
-    },
-    cosmwasm_contract_address_raw_query_data: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/raw/{query_data}',
-      adapter,
-    },
-    cosmwasm_contract_address_smart_query_data: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/smart/{query_data}',
-      adapter,
-    },
-    cosmwasm_contract_address_state: {
-      url: '/cosmwasm/wasm/v1/contract/{address}/state',
-      adapter,
-    },
-    cosmwasm_wasm_contracts_creator: {
-      url: '/cosmwasm/wasm/v1/contracts/creator/{creator_address}',
-      adapter,
-    },
-  };
-  
-  export class WasmRestClient extends BaseRestClient<WasmRequestRegistry> {
-    getWasmCodeList(pr?: PageRequest) {
-      // if(!pr) pr = new PageRequest()
-      // const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code, {}, /*query*/);
-    }
-    getWasmCodeById(code_id: string) {
-      return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
-    }
-    getWasmCodeContracts(code_id: string, page?: PageRequest) {
-      // if(!page) page = new PageRequest()
-      // const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_code_id_contracts, { code_id });
-    }
-    getWasmParams() {
-      return this.request(this.registry.cosmwasm_param, {});
-    }
-    getWasmContracts(address: string) {
-      return this.request(this.registry.cosmwasm_contract_address, { address });
-    }
-    getWasmContractsByCreator(creator_address: string, page?: PageRequest) {    
-      // if(!page) page = new PageRequest()
-      // const query = `?${page.toQueryString()}`
-      return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address });
-    }
-    getWasmContractHistory(address: string) {
-      return this.request(this.registry.cosmwasm_contract_address_history, {
-        address,
-      });
-    }
-    getWasmContractRawQuery(address: string, query: string) {
-      const query_data = toBase64(new TextEncoder().encode(query));
-      return this.request(
-        this.registry.cosmwasm_contract_address_raw_query_data,
-        { address, query_data }
-      );
-    }
-    getWasmContractSmartQuery(address: string, query: string) {
-      const query_data = toBase64(new TextEncoder().encode(query));
-      return this.get(
-        this.registry.cosmwasm_contract_address_smart_query_data,
-        { address, query_data }
-      );
-    }
-    async getWasmContractQueries(address: string) {
-      const query_data = toBase64(new TextEncoder().encode('{"":""}'));
-      const {code, message} = await this.get(
-        this.registry.cosmwasm_contract_address_smart_query_data,
-        { address, query_data }
-      );
-      let re = /`(\w+)`/g
-      let x = String(message).match(re)
-      return code === 2 && x ? x.map(e => e.replaceAll('`', '')) : []
-    }
-    getWasmContractStates(address: string, pr: PageRequest) {    
-      if(!pr) pr = new PageRequest()
-      const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.cosmwasm_contract_address_state, {
+  getWasmCodeById(code_id: string) {
+    return this.request(this.registry.cosmwasm_code, { code_id }); // `code_id` is a param in above url
+  }
+  getWasmCodeContracts(code_id: string, page?: PageRequest) {
+    // if(!page) page = new PageRequest()
+    // const query = `?${page.toQueryString()}`
+    return this.request(this.registry.cosmwasm_code_id_contracts, { code_id });
+  }
+  getWasmParams() {
+    return this.request(this.registry.cosmwasm_param, {});
+  }
+  getWasmContracts(address: string) {
+    return this.request(this.registry.cosmwasm_contract_address, { address });
+  }
+  getWasmContractsByCreator(creator_address: string, page?: PageRequest) {
+    // if(!page) page = new PageRequest()
+    // const query = `?${page.toQueryString()}`
+    return this.request(this.registry.cosmwasm_wasm_contracts_creator, { creator_address });
+  }
+  getWasmContractHistory(address: string) {
+    return this.request(this.registry.cosmwasm_contract_address_history, {
+      address,
+    });
+  }
+  getWasmContractRawQuery(address: string, query: string) {
+    const query_data = toBase64(new TextEncoder().encode(query));
+    return this.request(this.registry.cosmwasm_contract_address_raw_query_data, { address, query_data });
+  }
+  getWasmContractSmartQuery(address: string, query: string) {
+    const query_data = toBase64(new TextEncoder().encode(query));
+    return this.get(this.registry.cosmwasm_contract_address_smart_query_data, { address, query_data });
+  }
+  async getWasmContractQueries(address: string) {
+    const query_data = toBase64(new TextEncoder().encode('{"":""}'));
+    const { code, message } = await this.get(this.registry.cosmwasm_contract_address_smart_query_data, {
+      address,
+      query_data,
+    });
+    let re = /`(\w+)`/g;
+    let x = String(message).match(re);
+    return code === 2 && x ? x.map((e) => e.replaceAll('`', '')) : [];
+  }
+  getWasmContractStates(address: string, pr: PageRequest) {
+    if (!pr) pr = new PageRequest();
+    const query = `?${pr.toQueryString()}`;
+    return this.request(
+      this.registry.cosmwasm_contract_address_state,
+      {
         address,
-      }, query);
-    }
+      },
+      query
+    );
   }
-  
\ No newline at end of file
+}
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 5e6acd888d..f0b24d08df 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -1,10 +1,7 @@
 <script lang="ts" setup>
 import { useWasmStore } from '../WasmStore';
 import { ref } from 'vue';
-import type {
-  ContractInfo,
-  PaginabledContracts,
-} from '../types';
+import type { ContractInfo, PaginabledContracts } from '../types';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { PageRequest } from '@/types';
@@ -22,11 +19,11 @@ const wasmStore = useWasmStore();
 function loadContract(pageNum: number) {
   const pr = new PageRequest();
   pr.setPage(pageNum);
-  if(String(props.code_id).search(/^[\d]+$/) > -1){
+  if (String(props.code_id).search(/^[\d]+$/) > -1) {
     // query with code id
     wasmStore.wasmClient.getWasmCodeContracts(props.code_id, pr).then((x) => {
       response.value = x;
-    })
+    });
   } else {
     // query by creator
     wasmStore.wasmClient.getWasmContractsByCreator(props.code_id, pr).then((x) => {
@@ -34,26 +31,21 @@ function loadContract(pageNum: number) {
         contracts: x.contract_addresses,
         pagination: x.pagination,
       };
-    })
+    });
   }
 }
 loadContract(1);
 
-
-
 function showInfo(address: string) {
   wasmStore.wasmClient.getWasmContracts(address).then((x) => {
     info.value = x.contract_info;
   });
 }
-
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title truncate w-full">
-        {{ $t('cosmwasm.contract_list_code') }}: {{ props.code_id }}
-      </h2>
+      <h2 class="card-title truncate w-full">{{ $t('cosmwasm.contract_list_code') }}: {{ props.code_id }}</h2>
       <div class="overflow-x-auto">
         <table class="table table-compact w-full mt-4">
           <thead class="bg-base-200">
@@ -63,35 +55,21 @@ function showInfo(address: string) {
             </tr>
           </thead>
           <tbody>
-            <tr
-              v-for="(v, index) in response.contracts"
-              :key="index"
-              class="hover"
-            >
+            <tr v-for="(v, index) in response.contracts" :key="index" class="hover">
               <td>{{ v }}</td>
               <td>
-                <label
-                  @click="showInfo(v)"
-                  for="modal-contract-detail"
-                  class="btn btn-primary btn-xs text-xs mr-2"
-                  >{{ $t('cosmwasm.btn_contract') }}</label
-                >
-                <RouterLink
-                  :to="`transactions?contract=${v}`"
-                  class="btn btn-primary btn-xs text-xs"
-                >
-                {{ $t('cosmwasm.btn_details') }}
+                <label @click="showInfo(v)" for="modal-contract-detail" class="btn btn-primary btn-xs text-xs mr-2">{{
+                  $t('cosmwasm.btn_contract')
+                }}</label>
+                <RouterLink :to="`transactions?contract=${v}`" class="btn btn-primary btn-xs text-xs">
+                  {{ $t('cosmwasm.btn_details') }}
                 </RouterLink>
               </td>
             </tr>
           </tbody>
         </table>
         <div class="flex justify-between">
-          <PaginationBar
-            :limit="pageRequest.limit"
-            :total="response.pagination?.total"
-            :callback="loadContract"
-          />
+          <PaginationBar :limit="pageRequest.limit" :total="response.pagination?.total" :callback="loadContract" />
           <label
             for="wasm_instantiate_contract"
             class="btn btn-primary my-5"
@@ -112,12 +90,7 @@ function showInfo(address: string) {
         <div>
           <div class="flex items-center justify-between px-3 pt-2">
             <div class="text-lg">{{ $t('cosmwasm.contract_detail') }}</div>
-            <label
-              @click="infoDialog = false"
-              for="modal-contract-detail"
-              class="btn btn-sm btn-circle"
-              >✕</label
-            >
+            <label @click="infoDialog = false" for="modal-contract-detail" class="btn btn-sm btn-circle">✕</label>
           </div>
           <div>
             <DynamicComponent :value="info" />
@@ -125,6 +98,5 @@ function showInfo(address: string) {
         </div>
       </label>
     </label>
-
   </div>
 </template>
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
index 509527ca86..1f7af89b2f 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/transactions.vue
@@ -9,301 +9,338 @@ import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { useRoute } from 'vue-router';
 import type { ContractInfo, PaginabledContractStates } from '../types';
 
-import { JsonViewer } from "vue3-json-viewer"
+import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
-import "vue3-json-viewer/dist/index.css";
+import 'vue3-json-viewer/dist/index.css';
 
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
 const wasmStore = useWasmStore();
 
-const route = useRoute()
-const page = ref(new PageRequest())
+const route = useRoute();
+const page = ref(new PageRequest());
 const pageRequest = ref(new PageRequest());
 
-const txs = ref<PaginatedTxs>({ txs: [], tx_responses: [], pagination: { total: "0" } });
+const txs = ref<PaginatedTxs>({ txs: [], tx_responses: [], pagination: { total: '0' } });
 
 const dialog = useTxDialog();
 const info = ref({} as ContractInfo);
 const state = ref({} as PaginabledContractStates);
 const selected = ref('');
-const balances = ref({} as PaginatedBalances)
+const balances = ref({} as PaginatedBalances);
 
-const contractAddress = String(route.query.contract)
+const contractAddress = String(route.query.contract);
 
-const history = JSON.parse(localStorage.getItem("contract_history") || "{}")
+const history = JSON.parse(localStorage.getItem('contract_history') || '{}');
 
 if (history[chainStore.chainName]) {
-    if (!history[chainStore.chainName].includes(contractAddress)) {
-        history[chainStore.chainName].push(contractAddress)
-        if (history[chainStore.chainName].length > 10) {
-            history[chainStore.chainName].shift()
-        }
+  if (!history[chainStore.chainName].includes(contractAddress)) {
+    history[chainStore.chainName].push(contractAddress);
+    if (history[chainStore.chainName].length > 10) {
+      history[chainStore.chainName].shift();
     }
+  }
 } else {
-    history[chainStore.chainName] = [contractAddress]
+  history[chainStore.chainName] = [contractAddress];
 }
-localStorage.setItem("contract_history", JSON.stringify(history))
+localStorage.setItem('contract_history', JSON.stringify(history));
 
 onMounted(() => {
-    const address = contractAddress
-    wasmStore.wasmClient.getWasmContracts(address).then((x) => {
-        info.value = x.contract_info;
+  const address = contractAddress;
+  wasmStore.wasmClient.getWasmContracts(address).then((x) => {
+    info.value = x.contract_info;
+  });
+  chainStore.rpc
+    .getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value)
+    .then((res) => {
+      txs.value = res;
     });
-    chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
-        txs.value = res
-    })
 
-    wasmStore.wasmClient.getWasmContractQueries(contractAddress).then(res => {
-        console.log("queries: ", res)
-        queries.value = res
-        if (res && res.length > 0) {
-            selectQuery(res[0])
-        }
-    })
-
-    showFunds()
-    showState()
+  wasmStore.wasmClient.getWasmContractQueries(contractAddress).then((res) => {
+    console.log('queries: ', res);
+    queries.value = res;
+    if (res && res.length > 0) {
+      selectQuery(res[0]);
+    }
+  });
 
-})
+  showFunds();
+  showState();
+});
 
 function pageload(pageNum: number) {
-    page.value.setPage(pageNum)
-    const address = String(route.query.contract)
-    chainStore.rpc.getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value).then(res => {
-        txs.value = res
-    })
+  page.value.setPage(pageNum);
+  const address = String(route.query.contract);
+  chainStore.rpc
+    .getTxs("?order_by=2&events=execute._contract_address='{address}'", { address }, page.value)
+    .then((res) => {
+      txs.value = res;
+    });
 }
 
-
 function showFunds() {
-
-    const address = String(route.query.contract)
-    chainStore.rpc.getBankBalances(address).then(res => {
-        balances.value = res
-    })
+  const address = String(route.query.contract);
+  chainStore.rpc.getBankBalances(address).then((res) => {
+    balances.value = res;
+  });
 }
 function showState() {
-    const address = String(route.query.contract)
-    selected.value = address;
-    pageloadState(1);
+  const address = String(route.query.contract);
+  selected.value = address;
+  pageloadState(1);
 }
 
 function pageloadState(p: number) {
-    pageRequest.value.setPage(p);
-    wasmStore.wasmClient
-        .getWasmContractStates(selected.value, pageRequest.value)
-        .then((x) => {
-            state.value = x;
-        });
+  pageRequest.value.setPage(p);
+  wasmStore.wasmClient.getWasmContractStates(selected.value, pageRequest.value).then((x) => {
+    state.value = x;
+  });
 }
 
 function showQuery() {
-    query.value = '';
-    result.value = '';
+  query.value = '';
+  result.value = '';
 }
 
 function selectQuery(method: string) {
-    query.value = `{"${method}":{}}`
+  query.value = `{"${method}":{}}`;
 }
 
 function queryContract() {
-    try {
-        if (selectedRadio.value === 'raw') {
-            wasmStore.wasmClient
-                .getWasmContractRawQuery(contractAddress, query.value)
-                .then((x) => {
-                    result.value = x;
-                })
-                .catch((err) => {
-                    result.value = err;
-                });
-        } else {
-            wasmStore.wasmClient
-                .getWasmContractSmartQuery(contractAddress, query.value)
-                .then((x) => {
-                    result.value = x;
-                })
-                .catch((err) => {
-                    result.value = err;
-                });
-        }
-    } catch (err) {
-        result.value = JSON.stringify(err); // not works for now
+  try {
+    if (selectedRadio.value === 'raw') {
+      wasmStore.wasmClient
+        .getWasmContractRawQuery(contractAddress, query.value)
+        .then((x) => {
+          result.value = x;
+        })
+        .catch((err) => {
+          result.value = err;
+        });
+    } else {
+      wasmStore.wasmClient
+        .getWasmContractSmartQuery(contractAddress, query.value)
+        .then((x) => {
+          result.value = x;
+        })
+        .catch((err) => {
+          result.value = err;
+        });
     }
-    // TODO, show error in the result.
+  } catch (err) {
+    result.value = JSON.stringify(err); // not works for now
+  }
+  // TODO, show error in the result.
 }
 
 const selectedRadio = ref('smart');
 const query = ref('');
 const result = ref({});
-const queries = ref<string[]>([])
-const tab = ref('detail')
+const queries = ref<string[]>([]);
+const tab = ref('detail');
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'detail' }"
-                @click="tab = 'detail'">{{ $t('cosmwasm.contract_detail') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transaction' }"
-                @click="tab = 'transaction'">Transactions</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'query' }"
-                @click="tab = 'query'">Query</a>
-        </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'detail' }" @click="tab = 'detail'">{{
+        $t('cosmwasm.contract_detail')
+      }}</a>
+      <a
+        class="tab text-gray-400 uppercase"
+        :class="{ 'tab-active': tab === 'transaction' }"
+        @click="tab = 'transaction'"
+        >Transactions</a
+      >
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'query' }" @click="tab = 'query'">Query</a>
+    </div>
 
-        <div v-show="tab === 'detail'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <h2 class="card-title truncate w-full">
-                    {{ $t('cosmwasm.contract_detail') }}
-                </h2>
-                <DynamicComponent :value="info" />
-            </div>
+    <div v-show="tab === 'detail'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <h2 class="card-title truncate w-full">
+          {{ $t('cosmwasm.contract_detail') }}
+        </h2>
+        <DynamicComponent :value="info" />
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2">
+          <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
+        </div>
+        <ul class="menu mt-5">
+          <li v-for="b in balances.balances">
+            <a class="flex justify-between"
+              ><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
+            </a>
+          </li>
+          <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">
+            {{ $t('cosmwasm.no_escrowed_assets') }}
+          </li>
+        </ul>
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
+        </div>
+        <div class="overflow-auto">
+          <JsonViewer
+            :value="
+              state.models?.map((v) => ({
+                key: format.hexToString(v.key),
+                value: JSON.parse(format.base64ToString(v.value)),
+              })) || ''
+            "
+            :theme="baseStore.theme || 'dark'"
+            style="background: transparent"
+            copyable
+            boxed
+            sort
+            :expand-depth="5"
+          />
+          <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total" :callback="pageloadState" />
+        </div>
+      </div>
+
+      <div class="text-center mb-4">
+        <RouterLink :to="`../${info.code_id}/contracts`"
+          ><span class="btn btn-xs text-xs mr-2"> Back </span>
+        </RouterLink>
+
+        <label
+          for="wasm_migrate_contract"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })"
+        >
+          {{ $t('cosmwasm.btn_migrate') }}
+        </label>
+
+        <label
+          for="wasm_update_admin"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="dialog.open('wasm_update_admin', { contract: contractAddress })"
+        >
+          {{ $t('cosmwasm.btn_update_admin') }}
+        </label>
+
+        <label
+          for="wasm_clear_admin"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="dialog.open('wasm_clear_admin', { contract: contractAddress })"
+        >
+          {{ $t('cosmwasm.btn_clear_admin') }}
+        </label>
+
+        <label
+          for="wasm_execute_contract"
+          class="btn btn-primary btn-xs text-xs mr-2"
+          @click="dialog.open('wasm_execute_contract', { contract: contractAddress })"
+        >
+          {{ $t('cosmwasm.btn_execute') }}
+        </label>
+      </div>
+    </div>
 
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2">
-                    <div class="text-lg">{{ $t('cosmwasm.contract_balances') }}</div>
-                </div>
-                <ul class="menu mt-5">
-                    <li v-for="b in balances.balances">
-                        <a class="flex justify-between"><span>{{ format.formatToken(b) }}</span> {{ b.amount }}
-                        </a>
-                    </li>
-                    <li v-if="balances.pagination?.total === '0'" class="my-10 text-center">{{
-                        $t('cosmwasm.no_escrowed_assets') }}</li>
-                </ul>
-            </div>
+    <div v-show="tab === 'transaction'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+      <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
+      <table class="table">
+        <thead class="bg-base-200">
+          <tr>
+            <td>{{ $t('ibc.height') }}</td>
+            <td>{{ $t('ibc.txhash') }}</td>
+            <td>{{ $t('ibc.messages') }}</td>
+            <td>{{ $t('ibc.time') }}</td>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="resp in txs?.tx_responses">
+            <td>{{ resp.height }}</td>
+            <td>
+              <div class="text-xs truncate text-primary dark:invert">
+                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }} </RouterLink>
+              </div>
+            </td>
+            <td>
+              <div class="flex">
+                {{ format.messages(resp.tx.body.messages) }}
+                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
+                <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
+              </div>
+            </td>
+            <td>{{ format.toLocaleDate(resp.timestamp) }}</td>
+          </tr>
+        </tbody>
+      </table>
+      <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
+    </div>
 
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg">{{ $t('cosmwasm.contract_states') }}</div>
-                </div>
-                <div class="overflow-auto">
-                    <JsonViewer
-                        :value="state.models?.map(v => ({ key: format.hexToString(v.key), value: JSON.parse(format.base64ToString(v.value)) })) || ''"
-                        :theme="baseStore.theme || 'dark'" style="background: transparent;" copyable boxed sort
-                        :expand-depth="5" />
-                    <PaginationBar :limit="pageRequest.limit" :total="state.pagination?.total"
-                        :callback="pageloadState" />
-                </div>
+    <div v-show="tab === 'query'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
+        </div>
+        <div class="px-3">
+          <div>
+            <div>
+              <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
             </div>
-
-            <div class="text-center mb-4">
-                <RouterLink :to="`../${info.code_id}/contracts`"><span class="btn btn-xs text-xs mr-2"> Back </span>
-                </RouterLink>
-
-                <label for="wasm_migrate_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_migrate_contract', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_migrate') }}
-                </label>
-
-                <label for="wasm_update_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_update_admin', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_update_admin') }}
-                </label>
-
-                <label for="wasm_clear_admin" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_clear_admin', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_clear_admin') }}
-                </label>
-
-                <label for="wasm_execute_contract" class="btn btn-primary btn-xs text-xs mr-2"
-                    @click="dialog.open('wasm_execute_contract', { contract: contractAddress })">
-                    {{ $t('cosmwasm.btn_execute') }}
-                </label>
-
+            <textarea
+              v-model="query"
+              placeholder="Query String, {}"
+              label="Query String"
+              class="my-2 textarea textarea-bordered w-full"
+            />
+
+            <div class="mt-4 mb-4 text-center">
+              <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
+                {{ $t('cosmwasm.btn_query') }}
+              </button>
             </div>
+          </div>
         </div>
+      </div>
+    </div>
 
-        <div v-show="tab === 'transaction'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <h2 class="card-title truncate w-full mt-4 mb-2">Transactions</h2>
-            <table class="table">
-                <thead class=" bg-base-200">
-                    <tr>
-                        <td> {{ $t('ibc.height') }}</td>
-                        <td>{{ $t('ibc.txhash') }}</td>
-                        <td> {{ $t('ibc.messages') }}</td>
-                        <td>{{ $t('ibc.time') }}</td>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="resp in txs?.tx_responses">
-                        <td>{{ resp.height }}</td>
-                        <td>
-                            <div class="text-xs truncate text-primary dark:invert">
-                                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }}
-                                </RouterLink>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="flex">
-                                {{ format.messages(resp.tx.body.messages) }}
-                                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
-                                <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
-                            </div>
-                        </td>
-                        <td>{{ format.toLocaleDate(resp.timestamp) }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
-        </div>
-
-        <div v-show="tab === 'query'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
-                </div>
-                <div class="px-3">
-                    <div>
-                        <div>
-                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
-                        </div>
-                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
-                            class="my-2 textarea textarea-bordered w-full" />
-
-                        <div class="mt-4 mb-4 text-center">
-                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
-                                {{ $t('cosmwasm.btn_query') }}
-                            </button>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
+    <div v-show="tab === 'execute'">
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+        <div class="flex items-center justify-between px-3 pt-2 mb-4">
+          <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
         </div>
-
-        <div v-show="tab === 'execute'">
-            <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-                <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                    <div class="text-lg font-semibold">{{ $t('cosmwasm.suggested_messages') }}</div>
-                </div>
-                <div class="px-3">
-                    <div>
-                        <div>
-                            <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
-                        </div>
-                        <textarea v-model="query" placeholder="Query String, {}" label="Query String"
-                            class="my-2 textarea textarea-bordered w-full" />
-
-                        <div class="mt-4 mb-4 text-center">
-                            <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
-                                {{ $t('cosmwasm.btn_execute') }}
-                            </button>
-                        </div>
-
-                    </div>
-                </div>
+        <div class="px-3">
+          <div>
+            <div>
+              <span v-for="q in queries" class="btn btn-xs mx-1" @click="selectQuery(q)">{{ q }}</span>
             </div>
-        </div>
-
-        <div v-if="tab === 'execute' || tab === 'query'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-            <div class="flex items-center justify-between px-3 pt-2 mb-4">
-                <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+            <textarea
+              v-model="query"
+              placeholder="Query String, {}"
+              label="Query String"
+              class="my-2 textarea textarea-bordered w-full"
+            />
+
+            <div class="mt-4 mb-4 text-center">
+              <button class="btn btn-primary btn-sm px-4 text-white" @click="queryContract()">
+                {{ $t('cosmwasm.btn_execute') }}
+              </button>
             </div>
-            <JsonViewer :value="result" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort
-                :expand-depth="5" />
+          </div>
         </div>
+      </div>
+    </div>
 
+    <div v-if="tab === 'execute' || tab === 'query'" class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+      <div class="flex items-center justify-between px-3 pt-2 mb-4">
+        <div class="text-lg font-semibold">{{ $t('cosmwasm.result') }}</div>
+      </div>
+      <JsonViewer
+        :value="result"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        :expand-depth="5"
+      />
     </div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index ddb4b6a06d..a1dc246f63 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/src/modules/[chain]/cosmwasm/index.vue
@@ -11,88 +11,93 @@ const props = defineProps(['chain']);
 
 const codes = ref({} as PaginabledCodeInfos);
 
-const pageRequest = ref(new PageRequest())
+const pageRequest = ref(new PageRequest());
 const wasmStore = useWasmStore();
-const dialog = useTxDialog()
-const creator = ref("")
-const field = ref("contract")
-const history = ref([])
+const dialog = useTxDialog();
+const creator = ref('');
+const field = ref('contract');
+const history = ref([]);
 
 function pageload(pageNum: number) {
-    pageRequest.value.setPage(pageNum)
-    wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
-        codes.value = x;
-    });
+  pageRequest.value.setPage(pageNum);
+  wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
+    codes.value = x;
+  });
 }
-pageload(1)
+pageload(1);
 
 onMounted(() => {
-    const historyStore = JSON.parse(localStorage.getItem("contract_history") || "{}")
-    history.value = historyStore[props.chain] || []
-})
+  const historyStore = JSON.parse(localStorage.getItem('contract_history') || '{}');
+  history.value = historyStore[props.chain] || [];
+});
 
 function myContracts() {
-    if(field.value === "contract")
-        router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${creator.value}`)
-    else if(field.value === "creator")
-        router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`)
+  if (field.value === 'contract') router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${creator.value}`);
+  else if (field.value === 'creator') router.push(`/${props.chain}/cosmwasm/${creator.value}/contracts`);
 }
-const togo = ref("")
+const togo = ref('');
 function gotoHistory() {
-    router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${togo.value}`)
+  router.push(`/${props.chain}/cosmwasm/0/transactions?contract=${togo.value}`);
 }
 </script>
 <template>
-    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-        <h2 class="card-title truncate w-full mb-4">{{ $t('cosmwasm.title') }}</h2>
-        <div class="grid grid-flow-col auto-cols-max gap-4 overflow-hidden">
-            <div class="join w-full border border-primary">
-                <select v-model="field" class="select select-primary"><option value="contract">Contract</option><option value="creator">Creator</option></select>
-                <input v-model="creator" type=text class="input input-bordered w-full join-item" placeholder="address" />
-                <button class="join-item btn  btn-primary" @click="myContracts()">{{ $t('cosmwasm.btn_query') }}</button>
-            </div>
-            <div>
-                <select v-model="togo" class="select select-primary" @change="gotoHistory()">
-                    <option value="">History</option>
-                    <option v-for="(v, index) in history" :key="index" :value="v" >...{{ String(v).substring(45) }}</option>
-                </select>
-            </div>
-        </div>
+  <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
+    <h2 class="card-title truncate w-full mb-4">{{ $t('cosmwasm.title') }}</h2>
+    <div class="grid grid-flow-col auto-cols-max gap-4 overflow-hidden">
+      <div class="join w-full border border-primary">
+        <select v-model="field" class="select select-primary">
+          <option value="contract">Contract</option>
+          <option value="creator">Creator</option>
+        </select>
+        <input v-model="creator" type="text" class="input input-bordered w-full join-item" placeholder="address" />
+        <button class="join-item btn btn-primary" @click="myContracts()">{{ $t('cosmwasm.btn_query') }}</button>
+      </div>
+      <div>
+        <select v-model="togo" class="select select-primary" @change="gotoHistory()">
+          <option value="">History</option>
+          <option v-for="(v, index) in history" :key="index" :value="v">...{{ String(v).substring(45) }}</option>
+        </select>
+      </div>
+    </div>
 
-        <div class="overflow-x-auto">
-            <table class="table table-compact w-full mt-4 text-sm">
-                <thead class=" bg-base-200">
-                    <tr>
-                        <th>{{ $t('cosmwasm.code_id') }}</th>
-                        <th>{{ $t('cosmwasm.code_hash') }}</th>
-                        <th>{{ $t('cosmwasm.creator') }}</th>
-                        <th>{{ $t('cosmwasm.permissions') }}</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="(v, index) in codes.code_infos" :key="index">
-                        <td>{{ v.code_id }}</td>
-                        <td>
-                            <RouterLink :to="`/${props.chain}/cosmwasm/${v.code_id}/contracts`"
-                                class="truncate max-w-[200px] block text-primary dark:invert" :title="v.data_hash">
-                                {{ v.data_hash }}
-                            </RouterLink>
-                        </td>
-                        <td>{{ v.creator }}</td>
-                        <td>
-                            {{ v.instantiate_permission?.permission }}
-                            <span>{{ v.instantiate_permission?.address }}
-                                {{ v.instantiate_permission?.addresses.join(', ') }}</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="flex justify-between">
-                <PaginationBar :limit="pageRequest.limit" :total="codes.pagination?.total" :callback="pageload" />
-                <label for="wasm_store_code" class="btn btn-primary my-5" @click="dialog.open('wasm_store_code', {})">{{ $t('cosmwasm.btn_up_sc') }}</label>
-            </div>
-        </div>
+    <div class="overflow-x-auto">
+      <table class="table table-compact w-full mt-4 text-sm">
+        <thead class="bg-base-200">
+          <tr>
+            <th>{{ $t('cosmwasm.code_id') }}</th>
+            <th>{{ $t('cosmwasm.code_hash') }}</th>
+            <th>{{ $t('cosmwasm.creator') }}</th>
+            <th>{{ $t('cosmwasm.permissions') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(v, index) in codes.code_infos" :key="index">
+            <td>{{ v.code_id }}</td>
+            <td>
+              <RouterLink
+                :to="`/${props.chain}/cosmwasm/${v.code_id}/contracts`"
+                class="truncate max-w-[200px] block text-primary dark:invert"
+                :title="v.data_hash"
+              >
+                {{ v.data_hash }}
+              </RouterLink>
+            </td>
+            <td>{{ v.creator }}</td>
+            <td>
+              {{ v.instantiate_permission?.permission }}
+              <span>{{ v.instantiate_permission?.address }} {{ v.instantiate_permission?.addresses.join(', ') }}</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="flex justify-between">
+        <PaginationBar :limit="pageRequest.limit" :total="codes.pagination?.total" :callback="pageload" />
+        <label for="wasm_store_code" class="btn btn-primary my-5" @click="dialog.open('wasm_store_code', {})">{{
+          $t('cosmwasm.btn_up_sc')
+        }}</label>
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/faucet/index.vue b/src/modules/[chain]/faucet/index.vue
index cd1e12bc6e..82b8954e1b 100644
--- a/src/modules/[chain]/faucet/index.vue
+++ b/src/modules/[chain]/faucet/index.vue
@@ -7,163 +7,180 @@ import { ref, onMounted, computed } from 'vue';
 const chainStore = useBlockchain();
 const format = useFormatter();
 interface FaucetResponse {
-    status: string;
-    result: any;
-    message: string;
+  status: string;
+  result: any;
+  message: string;
 }
 
 const address = ref('');
 const faucet = ref('');
 const balances = ref([]);
 const faucetModal = ref(false);
-const ret = ref({} as FaucetResponse); 
+const ret = ref({} as FaucetResponse);
 const configChecker = ref('');
 
 const checklist = computed(() => {
-    const endpoint = chainStore.current?.endpoints?.rest
-    const bs = balances.value.length > 0 && balances.value.findIndex((v:any) => v.amount <= 10) === -1;
-    return [
-        { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
-        { title: 'Faucet Configured', status: chainStore.current?.faucet !== undefined },
-        { title: 'Faucet Account', status: faucet.value !== ''},
-        { title: 'Faucet Balance', status: bs},
-    ];
+  const endpoint = chainStore.current?.endpoints?.rest;
+  const bs = balances.value.length > 0 && balances.value.findIndex((v: any) => v.amount <= 10) === -1;
+  return [
+    { title: 'Rest Endpoint', status: endpoint && endpoint[0].address !== '' },
+    { title: 'Faucet Configured', status: chainStore.current?.faucet !== undefined },
+    { title: 'Faucet Account', status: faucet.value !== '' },
+    { title: 'Faucet Balance', status: bs },
+  ];
 });
 
 const notReady = computed(() => {
-    for (const it of checklist.value) {
-        if (!it.status) return true;
-    }
-    return false;
+  for (const it of checklist.value) {
+    if (!it.status) return true;
+  }
+  return false;
 });
 
 const validAddress = computed(() => {
-    if (!address.value) return true;
-    return address.value.startsWith(chainStore.current?.bech32Prefix || '1');
+  if (!address.value) return true;
+  return address.value.startsWith(chainStore.current?.bech32Prefix || '1');
 });
 
 const faucetUrl = computed(() => {
-    return `https://faucet.ping.pub/${chainStore.current?.chainName}`;
-    // return `http://localhost:3000/${chainStore.current?.chainName}`;
+  return `https://faucet.ping.pub/${chainStore.current?.chainName}`;
+  // return `http://localhost:3000/${chainStore.current?.chainName}`;
 });
 
-
 function claim() {
-    
-    ret.value = {} as FaucetResponse;
-    const prefix = chainStore.current?.bech32Prefix || 'cosmos';
-    if (!address.value ) return;
-    faucetModal.value = true;
-    // @ts-ignore
-    get(`${faucetUrl.value}/send/${address.value}`).then( (res: FaucetResponse) => {
-        console.log(res);
-        ret.value = res;
-    });
+  ret.value = {} as FaucetResponse;
+  const prefix = chainStore.current?.bech32Prefix || 'cosmos';
+  if (!address.value) return;
+  faucetModal.value = true;
+  // @ts-ignore
+  get(`${faucetUrl.value}/send/${address.value}`).then((res: FaucetResponse) => {
+    console.log(res);
+    ret.value = res;
+  });
 }
 
 function balance() {
-    get(`${faucetUrl.value}/balance`).then(res => {
-        if(res.status === 'error') {
-            configChecker.value = res.message;
-            return;
-        }
-        balances.value = res.result?.balance;
-        faucet.value = res.result?.address;
-    });
+  get(`${faucetUrl.value}/balance`).then((res) => {
+    if (res.status === 'error') {
+      configChecker.value = res.message;
+      return;
+    }
+    balances.value = res.result?.balance;
+    faucet.value = res.result?.address;
+  });
 }
 
 onMounted(() => {
-    if (chainStore.current && chainStore.current.faucet) {
-        balance();
-    }
+  if (chainStore.current && chainStore.current.faucet) {
+    balance();
+  }
 });
-
-
 </script>
 <template>
-    <div>
-        <div class="flex flex-col items-center justify-center mb-6 mt-14 gap-4">
-            <img v-if="chainStore.current?.logo" :src="`${chainStore.current?.logo}`" class="w-16 rounded-md" />
-            <div v-else class="w-16 rounded-full">
-                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.000000 132.000000"
-                    preserveAspectRatio="xMidYMid meet">
-                    <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)" fill="#666CFF" class=""
-                        stroke="none">
-                        <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
+  <div>
+    <div class="flex flex-col items-center justify-center mb-6 mt-14 gap-4">
+      <img v-if="chainStore.current?.logo" :src="`${chainStore.current?.logo}`" class="w-16 rounded-md" />
+      <div v-else class="w-16 rounded-full">
+        <svg
+          version="1.0"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 150.000000 132.000000"
+          preserveAspectRatio="xMidYMid meet"
+        >
+          <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)" fill="#666CFF" class="" stroke="none">
+            <path
+              d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
             81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
             -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
             -106 112 -197 112 -201 0 -4 -50 -95 -111 -201 l-112 -194 -231 0 -231 0 -105
             181 c-58 100 -109 190 -114 200 -6 14 17 63 104 213 l112 196 232 0 231 0 113
-            -194z" />
-                        <path d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
-            165 267 183 308 4 9 -233 7 -317 -1z" />
-                        <path d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
-            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z" />
-                        <path d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
-            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z" />
-                    </g>
-                </svg>
-            </div>
-            <h1 class="text-primary text-3xl md:!text-6xl font-bold capitalize">
-                {{ chainStore.chainName }} Faucet
-            </h1>
-        </div>
-        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title">Get Tokens</h2>
-            <input type="text" v-model="address" class="mt-4 mb-4 w-full border border-gray-300 rounded-md p-2"
-                :class="{'input-error' : !validAddress}"
-                :disabled="notReady" placeholder="Enter your address" />
-            <button class="btn btn-primary w-full bg-primary text-white" :disabled="notReady" @click="claim()">Get
-                Tokens</button>
-        </div>
-
-        <AdBanner id="home-banner-ad" unit="banner" />
+            -194z"
+            />
+            <path
+              d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
+            165 267 183 308 4 9 -233 7 -317 -1z"
+            />
+            <path
+              d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
+            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"
+            />
+            <path
+              d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
+            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"
+            />
+          </g>
+        </svg>
+      </div>
+      <h1 class="text-primary text-3xl md:!text-6xl font-bold capitalize">{{ chainStore.chainName }} Faucet</h1>
+    </div>
+    <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title">Get Tokens</h2>
+      <input
+        type="text"
+        v-model="address"
+        class="mt-4 mb-4 w-full border border-gray-300 rounded-md p-2"
+        :class="{ 'input-error': !validAddress }"
+        :disabled="notReady"
+        placeholder="Enter your address"
+      />
+      <button class="btn btn-primary w-full bg-primary text-white" :disabled="notReady" @click="claim()">
+        Get Tokens
+      </button>
+    </div>
 
-        <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title">Enable Faucet</h2>
-            <div class="mt-4">
-                <span class="text-base"> 1. Submit chain configuration</span>
-                <div class="mockup-code bg-base-200 my-2 gap-4">
-                    <div v-for="it in checklist">
-                        <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>
-                    </div>
+    <AdBanner id="home-banner-ad" unit="banner" />
+
+    <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title">Enable Faucet</h2>
+      <div class="mt-4">
+        <span class="text-base"> 1. Submit chain configuration</span>
+        <div class="mockup-code bg-base-200 my-2 gap-4">
+          <div v-for="it in checklist">
+            <pre><code class="text-gray-800 dark:invert">{{ it.title }}: </code>{{ it.status ? '✅' : '❌' }} </pre>
+          </div>
+
+          <pre class="text-xs text-red-500">{{ configChecker }}</pre>
+          <pre></pre>
+          <a
+            class="btn-ghost text-white rounded-md p-2 ml-4"
+            href="https://github.com/ping-pub/ping.pub/blob/main/faucet.md"
+            >Update</a
+          >
+        </div>
 
-                    <pre class=" text-xs text-red-500">{{ configChecker }}</pre>
-                    <pre></pre>
-                    <a class=" btn-ghost text-white rounded-md p-2 ml-4"
-                        href="https://github.com/ping-pub/ping.pub/blob/main/faucet.md">Update</a>
-                </div>
+        <span class="text-base"> 2. Fund the faucet account</span>
+        <div class="mockup-code bg-base-200 my-2">
+          <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Faucet Address: {{ faucet }} </code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
+        </div>
+      </div>
+    </div>
+    <input type="checkbox" v-model="faucetModal" id="my_modal_6" class="modal-toggle" />
+    <div class="modal" role="dialog">
+      <div class="modal-box">
+        <div v-if="ret.status === 'error'">
+          <h3 class="font-bold text-red-500">Error</h3>
+          <div>{{ ret.message }}</div>
+        </div>
+        <div v-else-if="ret.status === 'ok'">
+          <h3 class="font-bold text-green-500">Token Sent!</h3>
+          <div class="text-center mt-4">
+            <RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink>
+          </div>
+        </div>
+        <h3 v-else class="font-bold text-lg">Processing <span class="loading loading-bars loading-sm"></span></h3>
 
-                <span class="text-base"> 2. Fund the faucet account</span>
-                <div class="mockup-code bg-base-200 my-2">
-                    <pre data-prefix=">"><code class=" text-gray-800 dark:invert"> Faucet Address: {{ faucet }} </code></pre>
-                    <pre
-                        data-prefix=">"><code class="text-gray-800 dark:invert"> Balances: {{ format.formatTokens(balances) }} </code></pre>
-                </div>
-            </div>
+        <div class="modal-action">
+          <label for="my_modal_6" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</label>
         </div>
-        <input type="checkbox" v-model="faucetModal" id="my_modal_6" class="modal-toggle" />
-        <div class="modal" role="dialog">
-            <div class="modal-box">
-                <div v-if="ret.status === 'error'">
-                    <h3 class="font-bold text-red-500"> Error </h3>
-                    <div>{{ ret.message }}</div>
-                </div>
-                <div v-else-if="ret.status === 'ok'">
-                    <h3 class="font-bold text-green-500"> Token Sent! </h3>
-                    <div class=" text-center mt-4"><RouterLink :to="`/${chainStore.chainName}/tx/${ret.result.txhash}`">View Transaction</RouterLink></div>
-                </div>
-                <h3 v-else class="font-bold text-lg"> Processing <span class="loading loading-bars loading-sm"></span> </h3>
- 
-                <div class="modal-action">
-                    <label for="my_modal_6"  class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</label>
-                </div>
-                <p class="py-2">
-                <div>
-                    <AdBanner id="popup-ad" unit="popup" />
-                </div>
-                </p>
-            </div>
+        <div class="py-2">
+          <div>
+            <AdBanner id="popup-ad" unit="popup" />
+          </div>
         </div>
+      </div>
     </div>
+  </div>
 </template>
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index cfc9aff896..87c7fc0abb 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -2,27 +2,13 @@
 import { computed } from '@vue/reactivity';
 import MdEditor from 'md-editor-v3';
 import ObjectElement from '@/components/dynamic/ObjectElement.vue';
-import {
-  useBaseStore,
-  useBlockchain,
-  useFormatter,
-  useGovStore,
-  useStakingStore,
-  useTxDialog,
-} from '@/stores';
-import {
-  PageRequest,
-  type GovProposal,
-  type GovVote,
-  type PaginatedProposalDeposit,
-  type Pagination,
-} from '@/types';
+import { useBaseStore, useBlockchain, useFormatter, useGovStore, useStakingStore, useTxDialog } from '@/stores';
+import { PageRequest, type GovProposal, type GovVote, type PaginatedProposalDeposit, type Pagination } from '@/types';
 import { ref, reactive } from 'vue';
 import Countdown from '@/components/Countdown.vue';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { fromBech32, toHex } from '@cosmjs/encoding';
 
-
 const props = defineProps(['proposal_id', 'chain']);
 const proposal = ref({} as GovProposal);
 const format = useFormatter();
@@ -41,35 +27,35 @@ store.fetchProposal(props.proposal_id).then((res) => {
   }
   proposal.value = proposalDetail;
   // load origin params if the proposal is param change
-  if(proposalDetail.content?.changes) {
-    proposalDetail.content?.changes.forEach((item) => {  
-        chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
-          if(proposal.value.content && res.param) {
-            if(proposal.value.content.current){
-              proposal.value.content.current.push(res.param);
-            } else {
-              proposal.value.content.current = [res.param];
-            };
+  if (proposalDetail.content?.changes) {
+    proposalDetail.content?.changes.forEach((item) => {
+      chainStore.rpc.getParams(item.subspace, item.key).then((res) => {
+        if (proposal.value.content && res.param) {
+          if (proposal.value.content.current) {
+            proposal.value.content.current.push(res.param);
+          } else {
+            proposal.value.content.current = [res.param];
           }
-        })
-    })
+        }
+      });
+    });
   }
 
   const msgType = proposalDetail.content?.['@type'] || '';
-  if(msgType.endsWith('MsgUpdateParams')) {
-    if(msgType.indexOf('staking') > -1) {
+  if (msgType.endsWith('MsgUpdateParams')) {
+    if (msgType.indexOf('staking') > -1) {
       chainStore.rpc.getStakingParams().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('gov') > -1) {
+    } else if (msgType.indexOf('gov') > -1) {
       chainStore.rpc.getGovParamsVoting().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('distribution') > -1) {
+    } else if (msgType.indexOf('distribution') > -1) {
       chainStore.rpc.getDistributionParams().then((res) => {
         addCurrentParams(res);
       });
-    } else if(msgType.indexOf('slashing') > -1) {
+    } else if (msgType.indexOf('slashing') > -1) {
       chainStore.rpc.getSlashingParams().then((res) => {
         addCurrentParams(res);
       });
@@ -78,7 +64,7 @@ store.fetchProposal(props.proposal_id).then((res) => {
 });
 
 function addCurrentParams(res: any) {
-  if(proposal.value.content && res.params) {
+  if (proposal.value.content && res.params) {
     proposal.value.content.params = [proposal.value.content?.params];
     proposal.value.content.current = [res.params];
   }
@@ -198,14 +184,12 @@ const processList = computed(() => {
 
 function showValidatorName(voter: string) {
   try {
-      const { data } = fromBech32(voter);
-      const hex = toHex(data);
-      const v = stakingStore.validators.find(
-        (x) => toHex(fromBech32(x.operator_address).data) === hex
-      );
-      return v ? v.description.moniker : voter;
-  } catch(e){
-      return voter;
+    const { data } = fromBech32(voter);
+    const hex = toHex(data);
+    const v = stakingStore.validators.find((x) => toHex(fromBech32(x.operator_address).data) === hex);
+    return v ? v.description.moniker : voter;
+  } catch (e) {
+    return voter;
   }
 }
 
@@ -217,13 +201,13 @@ function pageload(p: number) {
   });
 }
 
-function metaItem(metadata: string|undefined): { title: string; summary: string } {
+function metaItem(metadata: string | undefined): { title: string; summary: string } {
   if (!metadata) {
-    return { title: '', summary: '' }
+    return { title: '', summary: '' };
   } else if (metadata.startsWith('{') && metadata.endsWith('}')) {
-    return JSON.parse(metadata)
+    return JSON.parse(metadata);
   }
-  return { title: metadata, summary: '' }
+  return { title: metadata, summary: '' };
 }
 </script>
 
@@ -232,17 +216,11 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
       <h2 class="card-title flex flex-col md:!justify-between md:!flex-row mb-2">
         <p class="truncate w-full">
-          {{ proposal_id }}. {{ proposal.title || proposal.content?.title || metaItem(proposal?.metadata)?.title  }}
+          {{ proposal_id }}. {{ proposal.title || proposal.content?.title || metaItem(proposal?.metadata)?.title }}
         </p>
         <div
           class="badge badge-ghost"
-          :class="
-            color === 'success'
-              ? 'text-yes'
-              : color === 'error'
-              ? 'text-no'
-              : 'text-info'
-          "
+          :class="color === 'success' ? 'text-yes' : color === 'error' ? 'text-no' : 'text-info'"
         >
           {{ status }}
         </div>
@@ -250,7 +228,7 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
       <div class="">
         <ObjectElement :value="proposal.content" />
       </div>
-      <div v-if="proposal.summary && !proposal.content?.description || metaItem(proposal?.metadata)?.summary ">
+      <div v-if="(proposal.summary && !proposal.content?.description) || metaItem(proposal?.metadata)?.summary">
         <MdEditor
           :model-value="format.multiLine(proposal.summary || metaItem(proposal?.metadata)?.summary)"
           previewOnly
@@ -267,16 +245,11 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
         <div class="mb-1" v-for="(item, index) of processList" :key="index">
           <label class="block text-sm mb-1">{{ item.name }}</label>
           <div class="h-5 w-full relative">
-            <div
-              class="absolute inset-x-0 inset-y-0 w-full opacity-10 rounded-sm"
-              :class="`${item.class}`"
-            ></div>
+            <div class="absolute inset-x-0 inset-y-0 w-full opacity-10 rounded-sm" :class="`${item.class}`"></div>
             <div
               class="absolute inset-x-0 inset-y-0 rounded-sm"
               :class="`${item.class}`"
-              :style="`width: ${
-                item.value === '-' || item.value === 'NaN%' ? '0%' : item.value
-              }`"
+              :style="`width: ${item.value === '-' || item.value === 'NaN%' ? '0%' : item.value}`"
             ></div>
             <p
               class="absolute inset-x-0 inset-y-0 text-center text-sm text-[#666] dark:text-[#eee] flex items-center justify-center"
@@ -363,22 +336,13 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
             </div>
           </div>
 
-          <div
-            class="mt-4"
-            v-if="
-              proposal?.content?.['@type']?.endsWith('SoftwareUpgradeProposal')
-            "
-          >
+          <div class="mt-4" v-if="proposal?.content?.['@type']?.endsWith('SoftwareUpgradeProposal')">
             <div class="flex items-center">
               <div class="w-2 h-2 rounded-full bg-warning mr-3"></div>
               <div class="text-base flex-1 text-main">
                 {{ $t('gov.upgrade_plan') }}:
-                <span v-if="Number(proposal.content?.plan?.height || '0') > 0">
-                  (EST)</span
-                >
-                <span v-else>{{
-                  format.toDay(proposal.content?.plan?.time)
-                }}</span>
+                <span v-if="Number(proposal.content?.plan?.height || '0') > 0"> (EST)</span>
+                <span v-else>{{ format.toDay(proposal.content?.plan?.time) }}</span>
               </div>
               <div class="text-sm">
                 {{ shortTime(proposal.voting_end_time) }}
@@ -409,20 +373,17 @@ function metaItem(metadata: string|undefined): { title: string; summary: string
               >
                 {{ String(item.option).replace('VOTE_OPTION_', '') }}
               </td>
-              <td
-                v-if="item.options"
-                class="py-2 text-sm"
-              >
-                {{ item.options.map(x => `${x.option.replace('VOTE_OPTION_', '')}:${format.percent(x.weight)}`).join(', ') }}
+              <td v-if="item.options" class="py-2 text-sm">
+                {{
+                  item.options
+                    .map((x) => `${x.option.replace('VOTE_OPTION_', '')}:${format.percent(x.weight)}`)
+                    .join(', ')
+                }}
               </td>
             </tr>
           </tbody>
         </table>
-        <PaginationBar
-          :limit="pageRequest.limit"
-          :total="pageResponse.total"
-          :callback="pageload"
-        />
+        <PaginationBar :limit="pageRequest.limit" :total="pageResponse.total" :callback="pageload" />
       </div>
     </div>
   </div>
diff --git a/src/modules/[chain]/gov/index.vue b/src/modules/[chain]/gov/index.vue
index 4ad5eead05..167984f87c 100644
--- a/src/modules/[chain]/gov/index.vue
+++ b/src/modules/[chain]/gov/index.vue
@@ -7,40 +7,44 @@ import { PageRequest } from '@/types';
 
 const tab = ref('2');
 const store = useGovStore();
-const pageRequest = ref(new PageRequest())
+const pageRequest = ref(new PageRequest());
 
 onMounted(() => {
-    store.fetchProposals('2').then((x) => {
-        if (x?.proposals?.length === 0) {
-            tab.value = '3';
-            store.fetchProposals('3');
-        }
-        store.fetchProposals('3');
-        store.fetchProposals('4');
-    });
+  store.fetchProposals('2').then((x) => {
+    if (x?.proposals?.length === 0) {
+      tab.value = '3';
+      store.fetchProposals('3');
+    }
+    store.fetchProposals('3');
+    store.fetchProposals('4');
+  });
 });
 
 const changeTab = (val: '2' | '3' | '4') => {
-    tab.value = val;
+  tab.value = val;
 };
 
 function page(p: number) {
-    pageRequest.value.setPage(p)
-    store.fetchProposals(tab.value, pageRequest.value)
+  pageRequest.value.setPage(p);
+  store.fetchProposals(tab.value, pageRequest.value);
 }
-
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4 text-center">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{ $t('gov.voting') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{ $t('gov.passed') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '4' }"
-                @click="changeTab('4')">{{ $t('gov.rejected') }}</a>
-        </div>
-        <ProposalListItem :proposals="store?.proposals[tab]" />
-        <PaginationBar :total="store?.proposals[tab]?.pagination?.total" :limit="pageRequest.limit" :callback="page" />
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4 text-center">
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{
+        $t('gov.voting')
+      }}</a>
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{
+        $t('gov.passed')
+      }}</a>
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === '4' }" @click="changeTab('4')">{{
+        $t('gov.rejected')
+      }}</a>
     </div>
+    <ProposalListItem :proposals="store?.proposals[tab]" />
+    <PaginationBar :total="store?.proposals[tab]?.pagination?.total" :limit="pageRequest.limit" :callback="page" />
+  </div>
 </template>
 <route>
   {
diff --git a/src/modules/[chain]/group/index.vue b/src/modules/[chain]/group/index.vue
index 452f4bf5a6..e1a0dd7d60 100644
--- a/src/modules/[chain]/group/index.vue
+++ b/src/modules/[chain]/group/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { fromBech32, fromHex, toBech32 } from '@cosmjs/encoding';
 
-let x = toBech32("neutronvaloper1", fromHex("3363E8F97B02ECC00289E72173D827543047ACDA"))
-let add = fromBech32("cosmosvaloper1jxv0u20scum4trha72c7ltfgfqef6nsch7q6cu")
-let op = toBech32("neutronvaloper1", add.data)
-console.log(x)
-console.log(op)
+let x = toBech32('neutronvaloper1', fromHex('3363E8F97B02ECC00289E72173D827543047ACDA'));
+let add = fromBech32('cosmosvaloper1jxv0u20scum4trha72c7ltfgfqef6nsch7q6cu');
+let op = toBech32('neutronvaloper1', add.data);
+console.log(x);
+console.log(op);
 </script>
 <template>
-    <div>address: </div>
-</template>
\ No newline at end of file
+  <div>address:</div>
+</template>
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index aa63c5f474..9d6eeaad32 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -1,9 +1,8 @@
-
 import { defineStore } from 'pinia';
 
-import {useBlockchain} from '@/stores'
+import { useBlockchain } from '@/stores';
 import ChainRegistryClient from '@ping-pub/chain-registry-client';
-import type { IBCPath, IBCInfo,  } from '@ping-pub/chain-registry-client/dist/types';
+import type { IBCPath, IBCInfo } from '@ping-pub/chain-registry-client/dist/types';
 import type { Channel } from '@/types';
 import router from '@/router';
 
@@ -11,53 +10,58 @@ export const useIBCModule = defineStore('module-ibc', {
   state: () => {
     return {
       paths: [] as IBCPath[],
-      connectionId: "" as string,
+      connectionId: '' as string,
       registryConf: {} as IBCInfo,
     };
   },
   getters: {
     chain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     commonIBCs(): any {
-      return this.paths.filter((x: IBCPath) => x.path.search(this.chain.current?.prettyName || this.chain.chainName) > -1)
+      return this.paths.filter(
+        (x: IBCPath) => x.path.search(this.chain.current?.prettyName || this.chain.chainName) > -1
+      );
     },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName ? 'chain_1': 'chain_2'
+      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName
+        ? 'chain_1'
+        : 'chain_2';
     },
-    destField() : string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName ? 'chain_2': 'chain_1'
+    destField(): string {
+      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName
+        ? 'chain_2'
+        : 'chain_1';
     },
     registryChannels(): any {
-      return this.registryConf.channels
-    }
+      return this.registryConf.channels;
+    },
   },
   actions: {
     load() {
       const client = new ChainRegistryClient();
-      client.fetchIBCPaths().then(res => {
-        this.paths = res
+      client.fetchIBCPaths().then((res) => {
+        this.paths = res;
       });
     },
     fetchConnection(path: string) {
       const client = new ChainRegistryClient();
-      client.fetchIBCPathInfo(path).then(res => {
-        const isFirstChain = res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+      client.fetchIBCPathInfo(path).then((res) => {
+        const isFirstChain =
+          res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
 
-        const connId = isFirstChain
-          ? res.chain_1.connection_id
-          : res.chain_2.connection_id;
+        const connId = isFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
 
         this.registryConf = res;
         this.showConnection(connId);
-      })
+      });
     },
     showConnection(connId?: string | number) {
-      if(!connId) {
-        this.registryConf = {} as any
+      if (!connId) {
+        this.registryConf = {} as any;
       }
-      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`
-      router.push(path)
-    }
+      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`;
+      router.push(path);
+    },
   },
 });
diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index 8b3b6727eb..ff1bfb81bc 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -12,50 +12,65 @@ import { useIBCModule } from './connStore';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const list = ref([] as Connection[]);
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 const tab = ref('registry');
 
 onMounted(() => {
-  pageload(1)
-  ibcStore.load()
+  pageload(1);
+  ibcStore.load();
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
+  pageRequest.value.setPage(p);
   chainStore.rpc.getIBCConnections(pageRequest.value).then((x) => {
     list.value = x.connections;
-    pageResponse.value = x.pagination
-    if(x.pagination.total && Number(x.pagination.total) > 0) {
-      ibcStore.showConnection(0)
+    pageResponse.value = x.pagination;
+    if (x.pagination.total && Number(x.pagination.total) > 0) {
+      ibcStore.showConnection(0);
     }
   });
 }
-
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <div class="flex flex-wrap gap-4  items-center">
+      <div class="flex flex-wrap gap-4 items-center">
         <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{ $t('ibc.registry') }}</a>
-          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{ $t('module.favorite') }}</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{
+            $t('ibc.registry')
+          }}</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{
+            $t('module.favorite')
+          }}</a>
         </div>
       </div>
       <div>
-        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4 ">
-          <span v-for="s in ibcStore.commonIBCs" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(s.path)">{{ s.from }}
-            &#x21cc; {{ s.to }}</span>
+        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4">
+          <span
+            v-for="s in ibcStore.commonIBCs"
+            class="btn btn-xs btn-link mr-1"
+            @click="ibcStore.fetchConnection(s.path)"
+            >{{ s.from }} &#x21cc; {{ s.to }}</span
+          >
         </div>
-        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4 ">
+        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4">
           <div class="join border border-primary">
             <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
-            <input v-model="ibcStore.connectionId" type=number class="input input-bordered w-40 join-item" min="0"
-              :max="pageResponse.total || 0" :placeholder="`0~${pageResponse.total}`" />
-            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">{{ $t('ibc.btn_apply') }}</button>
+            <input
+              v-model="ibcStore.connectionId"
+              type="number"
+              class="input input-bordered w-40 join-item"
+              min="0"
+              :max="pageResponse.total || 0"
+              :placeholder="`0~${pageResponse.total}`"
+            />
+            <button class="join-item btn btn-primary" @click="ibcStore.showConnection()">
+              {{ $t('ibc.btn_apply') }}
+            </button>
           </div>
         </div>
       </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index ce6f484db7..6db111122d 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -1,7 +1,14 @@
 <script lang="ts" setup>
 import { formatSeconds } from '@/libs/utils';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
-import { type Connection, type ClientState, type Channel, PageRequest, type TxResponse, type PaginatedTxs } from '@/types';
+import {
+  type Connection,
+  type ClientState,
+  type Channel,
+  PageRequest,
+  type TxResponse,
+  type PaginatedTxs,
+} from '@/types';
 import { computed, onMounted } from 'vue';
 import { ref } from 'vue';
 import { useIBCModule } from '../connStore';
@@ -12,33 +19,31 @@ const props = defineProps(['chain', 'connection_id']);
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const conn = ref({} as Connection);
 const clientState = ref({} as { client_id: string; client_state: ClientState });
 const channels = ref([] as Channel[]);
 
 const connId = computed(() => {
-  return props.connection_id || 0
-})
+  return props.connection_id || 0;
+});
 
-const loading = ref(false)
-const txs = ref({} as PaginatedTxs)
-const direction = ref('')
-const channel_id = ref('')
-const port_id = ref('')
-const page = ref(new PageRequest())
-page.value.limit = 5
+const loading = ref(false);
+const txs = ref({} as PaginatedTxs);
+const direction = ref('');
+const channel_id = ref('');
+const port_id = ref('');
+const page = ref(new PageRequest());
+page.value.limit = 5;
 
 onMounted(() => {
   if (connId.value) {
     chainStore.rpc.getIBCConnectionsById(connId.value).then((x) => {
       conn.value = x.connection;
     });
-    chainStore.rpc
-      .getIBCConnectionsClientState(connId.value)
-      .then((x) => {
-        clientState.value = x.identified_client_state;
-      });
+    chainStore.rpc.getIBCConnectionsClientState(connId.value).then((x) => {
+      clientState.value = x.identified_client_state;
+    });
     chainStore.rpc.getIBCConnectionsChannels(connId.value).then((x) => {
       channels.value = x.channels;
     });
@@ -53,37 +58,47 @@ function loadChannel(channel: string, port: string) {
 
 function pageload(pageNum: number) {
   if (direction.value === 'In') {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   } else {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   }
-
 }
 
 function fetchSendingTxs(channel: string, port: string, pageNum = 0) {
-
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'Out'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'Out';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 function fetchRecevingTxs(channel: string, port: string, pageNum = 0) {
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'In'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'In';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 
 function color(v: string) {
@@ -95,7 +110,7 @@ function color(v: string) {
 </script>
 <template>
   <div class="">
-    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow ">
+    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow">
       <div class="mx-auto max-w-7xl px-6 lg:!px-8">
         <dl class="grid grid-cols-1 gap-x-6 text-center lg:!grid-cols-3">
           <div class="mx-auto flex items-center">
@@ -103,15 +118,13 @@ function color(v: string) {
               <div class="order-first text-3xl font-semibold tracking-tight text-main mb-1">
                 {{ baseStore.latest?.block?.header?.chain_id }}
               </div>
-              <div class="text-sm text-gray-500 dark:text-gray-400">
-                {{ conn.client_id }} {{ props.connection_id }}
-              </div>
+              <div class="text-sm text-gray-500 dark:text-gray-400">{{ conn.client_id }} {{ props.connection_id }}</div>
             </div>
           </div>
           <div class="mx-auto flex items-center">
             <div :class="{ 'text-success': conn.state?.indexOf('_OPEN') > -1 }">
               <span class="text-lg rounded-full">&#x21cc;</span>
-              <div class=" text-c">
+              <div class="text-c">
                 {{ conn.state }}
               </div>
             </div>
@@ -129,8 +142,9 @@ function color(v: string) {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title mb-4 overflow-hidden">{{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{
-        clientState.client_state?.['@type'] }}</span></h2>
+      <h2 class="card-title mb-4 overflow-hidden">
+        {{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{ clientState.client_state?.['@type'] }}</span>
+      </h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
           <thead class="bg-base-200">
@@ -178,14 +192,18 @@ function color(v: string) {
           <tbody>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_expiry') }}:</span> <span>{{
-                  clientState.client_state?.allow_update_after_expiry }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_expiry') }}:</span>
+                  <span>{{ clientState.client_state?.allow_update_after_expiry }}</span>
+                </div>
               </td>
             </tr>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span> <span>{{
-                  clientState.client_state?.allow_update_after_misbehaviour }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span>
+                  <span>{{ clientState.client_state?.allow_update_after_misbehaviour }}</span>
+                </div>
               </td>
             </tr>
             <tr>
@@ -194,7 +212,6 @@ function color(v: string) {
             </tr>
           </tbody>
         </table>
-
       </div>
     </div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow overflow-hidden">
@@ -217,24 +234,26 @@ function color(v: string) {
             <tr v-for="v in ibcStore.registryChannels">
               <td>
                 <div class="flex gap-1">
-                  <button class="btn btn-xs"
+                  <button
+                    class="btn btn-xs"
                     @click="fetchSendingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading">
+                    :disabled="loading"
+                  >
                     <span v-if="loading" class="loading loading-spinner loading-sm"></span>
                     {{ $t('ibc.btn_out') }}
                   </button>
-                  <button class="btn btn-xs"
+                  <button
+                    class="btn btn-xs"
                     @click="fetchRecevingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading">
+                    :disabled="loading"
+                  >
                     <span v-if="loading" class="loading loading-spinner loading-sm"></span>
                     {{ $t('ibc.btn_in') }}
                   </button>
                 </div>
               </td>
               <td>
-                <a href="#">{{
-                  v[ibcStore.sourceField].channel_id
-                }}</a>
+                <a href="#">{{ v[ibcStore.sourceField].channel_id }}</a>
               </td>
               <td>{{ v[ibcStore.sourceField].port_id }}</td>
             </tr>
@@ -252,9 +271,7 @@ function color(v: string) {
                 </div>
               </td>
               <td>
-                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{
-                  v.channel_id
-                }}</a>
+                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{ v.channel_id }}</a>
               </td>
               <td>{{ v.port_id }}</td>
               <td>
@@ -263,9 +280,7 @@ function color(v: string) {
                   {{ v.state }}
                 </div>
               </td>
-              <td>
-                {{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}
-              </td>
+              <td>{{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}</td>
               <td>{{ v.connection_hops.join(', ') }}</td>
               <td>{{ v.version }}</td>
               <td>{{ v.ordering }}</td>
@@ -275,13 +290,13 @@ function color(v: string) {
       </div>
     </div>
     <div v-if="channel_id">
-      <h3 class=" card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }}) </h3>
+      <h3 class="card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }})</h3>
       <table class="table">
         <thead>
           <tr>
-            <td> {{ $t('ibc.height') }}</td>
+            <td>{{ $t('ibc.height') }}</td>
             <td>{{ $t('ibc.txhash') }}</td>
-            <td> {{ $t('ibc.messages') }}</td>
+            <td>{{ $t('ibc.messages') }}</td>
             <td>{{ $t('ibc.time') }}</td>
           </tr>
         </thead>
diff --git a/src/modules/[chain]/ibc/connection/index.vue b/src/modules/[chain]/ibc/connection/index.vue
index 2f309cc84a..0296422276 100644
--- a/src/modules/[chain]/ibc/connection/index.vue
+++ b/src/modules/[chain]/ibc/connection/index.vue
@@ -2,7 +2,7 @@
 // router.push(`/${props.chain}/ibc/connection/connection-0`)
 </script>
 <template>
-    <div></div>
+  <div></div>
 </template>
 <route>
     {
@@ -11,4 +11,4 @@
         order: 9
       }
     }
-  </route>
\ No newline at end of file
+  </route>
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index a8230cf64f..00d12458c2 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -3,21 +3,14 @@ import MdEditor from 'md-editor-v3';
 import PriceMarketChart from '@/components/charts/PriceMarketChart.vue';
 
 import { Icon } from '@iconify/vue';
-import {
-  useBlockchain,
-  useFormatter,
-  useTxDialog,
-  useWalletStore,
-  useStakingStore,
-  useParamStore,
-} from '@/stores';
+import { useBlockchain, useFormatter, useTxDialog, useWalletStore, useStakingStore, useParamStore } from '@/stores';
 import { onMounted, ref } from 'vue';
 import { useIndexModule, colorMap, tickerUrl } from './indexStore';
 import { computed } from '@vue/reactivity';
 
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
 import ProposalListItem from '@/components/ProposalListItem.vue';
-import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue'
+import ArrayObjectElement from '@/components/dynamic/ArrayObjectElement.vue';
 
 const props = defineProps(['chain']);
 
@@ -27,7 +20,7 @@ const walletStore = useWalletStore();
 const format = useFormatter();
 const dialog = useTxDialog();
 const stakingStore = useStakingStore();
-const paramStore = useParamStore()
+const paramStore = useParamStore();
 const coinInfo = computed(() => {
   return store.coinInfo;
 });
@@ -35,52 +28,49 @@ const coinInfo = computed(() => {
 onMounted(() => {
   store.loadDashboard();
   walletStore.loadMyAsset();
-  paramStore.handleAbciInfo()
+  paramStore.handleAbciInfo();
   // if(!(coinInfo.value && coinInfo.value.name)) {
   // }
 });
 const ticker = computed(() => store.coinInfo.tickers[store.tickerIndex]);
 
-const currName = ref("")
+const currName = ref('');
 blockchain.$subscribe((m, s) => {
   if (s.chainName !== currName.value) {
-    currName.value = s.chainName
+    currName.value = s.chainName;
     store.loadDashboard();
     walletStore.loadMyAsset();
-    paramStore.handleAbciInfo()
+    paramStore.handleAbciInfo();
   }
 });
 function shortName(name: string, id: string) {
-  return name.toLowerCase().startsWith('ibc/') ||
-    name.toLowerCase().startsWith('0x')
-    ? id
-    : name;
+  return name.toLowerCase().startsWith('ibc/') || name.toLowerCase().startsWith('0x') ? id : name;
 }
 
-const comLinks = computed(()=> {
+const comLinks = computed(() => {
   return [
-  {
-    name: 'Website',
-    icon: 'mdi-web',
-    href: store.homepage,
-  },
-  {
-    name: 'Twitter',
-    icon: 'mdi-twitter',
-    href: store.twitter,
-  },
-  {
-    name: 'Telegram',
-    icon: 'mdi-telegram',
-    href: store.telegram,
-  },
-  {
-    name: 'Github',
-    icon: 'mdi-github',
-    href: store.github,
-  },
-];
-})
+    {
+      name: 'Website',
+      icon: 'mdi-web',
+      href: store.homepage,
+    },
+    {
+      name: 'Twitter',
+      icon: 'mdi-twitter',
+      href: store.twitter,
+    },
+    {
+      name: 'Telegram',
+      icon: 'mdi-telegram',
+      href: store.telegram,
+    },
+    {
+      name: 'Github',
+      icon: 'mdi-github',
+      href: store.github,
+    },
+  ];
+});
 
 // wallet box
 const change = computed(() => {
@@ -99,31 +89,30 @@ const color = computed(() => {
 });
 
 function updateState() {
-  walletStore.loadMyAsset()
+  walletStore.loadMyAsset();
 }
 
 function trustColor(v: string) {
-  return `text-${colorMap(v)}`
+  return `text-${colorMap(v)}`;
 }
 
-const quantity = ref(100)
+const quantity = ref(100);
 const qty = computed({
   get: () => {
-    return parseFloat(quantity.value.toFixed(6))
+    return parseFloat(quantity.value.toFixed(6));
   },
-  set: val => {
-    quantity.value = val
-  }
-})
+  set: (val) => {
+    quantity.value = val;
+  },
+});
 const amount = computed({
   get: () => {
-    return quantity.value * ticker.value.converted_last.usd || 0
+    return quantity.value * ticker.value.converted_last.usd || 0;
   },
-  set: val => {
-    quantity.value = val / ticker.value.converted_last.usd || 0
-  }
-})
-
+  set: (val) => {
+    quantity.value = val / ticker.value.converted_last.usd || 0;
+  },
+});
 </script>
 
 <template>
@@ -132,9 +121,8 @@ const amount = computed({
       <div class="grid grid-cols-2 md:grid-cols-3 p-4">
         <div class="col-span-2 md:col-span-1">
           <div class="text-xl font-semibold text-main">
-            {{ coinInfo.name }} (<span class="uppercase">{{
-              coinInfo.symbol
-            }}</span>)
+            {{ coinInfo.name }} (<span class="uppercase">{{ coinInfo.symbol }}</span
+            >)
           </div>
           <div class="text-xs mt-2">
             {{ $t('index.rank') }}:
@@ -144,8 +132,12 @@ const amount = computed({
           </div>
 
           <div class="my-4 flex flex-wrap items-center">
-            <a v-for="(item, index) of comLinks" :key="index" :href="item.href"
-              class="link link-primary px-2 py-1 rounded-sm no-underline hover:text-primary hover:bg-gray-100 dark:hover:bg-slate-800 flex items-center">
+            <a
+              v-for="(item, index) of comLinks"
+              :key="index"
+              :href="item.href"
+              class="link link-primary px-2 py-1 rounded-sm no-underline hover:text-primary hover:bg-gray-100 dark:hover:bg-slate-800 flex items-center"
+            >
               <Icon :icon="item?.icon" />
               <span class="ml-1 text-sm uppercase">{{ item?.name }}</span>
             </a>
@@ -155,7 +147,8 @@ const amount = computed({
             <div class="dropdown dropdown-hover w-full">
               <label>
                 <div
-                  class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded">
+                  class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded"
+                >
                   <div>
                     <div class="font-semibold text-xl text-[#666] dark:text-white">
                       {{ ticker?.market?.name || '' }}
@@ -171,9 +164,7 @@ const amount = computed({
                     <div class="text-xl font-semibold text-[#666] dark:text-white">
                       ${{ ticker?.converted_last?.usd }}
                     </div>
-                    <div class="text-sm" :class="store.priceColor">
-                      {{ store.priceChange }}%
-                    </div>
+                    <div class="text-sm" :class="store.priceColor">{{ store.priceChange }}%</div>
                   </div>
                 </div>
               </label>
@@ -193,9 +184,7 @@ const amount = computed({
                           </div>
                         </div>
 
-                        <div class="text-base text-main">
-                           ${{ item?.converted_last?.usd }}
-                        </div>
+                        <div class="text-base text-main">${{ item?.converted_last?.usd }}</div>
                       </div>
                     </li>
                   </ul>
@@ -205,7 +194,31 @@ const amount = computed({
 
             <div class="flex">
               <label class="btn btn-primary !px-1 my-5 mr-2" for="calculator">
-                <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect x="4" y="2" width="16" height="20" rx="2"></rect> <line x1="8" x2="16" y1="6" y2="6"></line> <line x1="16" x2="16" y1="14" y2="18"></line> <path d="M16 10h.01"></path> <path d="M12 10h.01"></path> <path d="M8 10h.01"></path> <path d="M12 14h.01"></path> <path d="M8 14h.01"></path> <path d="M12 18h.01"></path> <path d="M8 18h.01"></path> </g></svg>
+                <svg
+                  class="w-8 h-8"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="#ffffff"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                  <g id="SVGRepo_iconCarrier">
+                    <rect x="4" y="2" width="16" height="20" rx="2"></rect>
+                    <line x1="8" x2="16" y1="6" y2="6"></line>
+                    <line x1="16" x2="16" y1="14" y2="18"></line>
+                    <path d="M16 10h.01"></path>
+                    <path d="M12 10h.01"></path>
+                    <path d="M8 10h.01"></path>
+                    <path d="M12 14h.01"></path>
+                    <path d="M8 14h.01"></path>
+                    <path d="M12 18h.01"></path>
+                    <path d="M8 18h.01"></path>
+                  </g>
+                </svg>
               </label>
               <!-- Put this part before </body> tag -->
               <input type="checkbox" id="calculator" class="modal-toggle" />
@@ -218,7 +231,13 @@ const amount = computed({
                         <label class="join-item btn">
                           <span class="uppercase">{{ coinInfo.symbol }}</span>
                         </label>
-                        <input type="number" v-model="qty" min="0" placeholder="Input a number" class="input grow input-bordered join-item" />
+                        <input
+                          type="number"
+                          v-model="qty"
+                          min="0"
+                          placeholder="Input a number"
+                          class="input grow input-bordered join-item"
+                        />
                       </div>
                     </div>
                     <div class="divider">=</div>
@@ -227,15 +246,25 @@ const amount = computed({
                         <label class="join-item btn">
                           <span>USD</span>
                         </label>
-                        <input type="number" v-model="amount" min="0" placeholder="Input amount" class="join-item grow input input-bordered" />
+                        <input
+                          type="number"
+                          v-model="amount"
+                          min="0"
+                          placeholder="Input amount"
+                          class="join-item grow input input-bordered"
+                        />
                       </div>
                     </div>
                   </div>
                 </div>
                 <label class="modal-backdrop" for="calculator">{{ $t('index.close') }}</label>
               </div>
-              <a class="my-5 !text-white btn grow" :class="{'!btn-success': store.trustColor === 'green', '!btn-warning': store.trustColor === 'yellow'}" :href="tickerUrl(ticker.trade_url)"
-                target="_blank">
+              <a
+                class="my-5 !text-white btn grow"
+                :class="{ '!btn-success': store.trustColor === 'green', '!btn-warning': store.trustColor === 'yellow' }"
+                :href="tickerUrl(ticker.trade_url)"
+                target="_blank"
+              >
                 {{ $t('index.buy') }} {{ coinInfo.symbol || '' }}
               </a>
             </div>
@@ -251,8 +280,10 @@ const amount = computed({
         <MdEditor :model-value="coinInfo.description?.en" previewOnly></MdEditor>
       </div>
       <div class="mx-4 flex flex-wrap items-center">
-        <div v-for="tag in coinInfo.categories"
-          class="mr-2 mb-4 text-xs bg-gray-100 dark:bg-[#384059] px-3 rounded-full py-1">
+        <div
+          v-for="tag in coinInfo.categories"
+          class="mr-2 mb-4 text-xs bg-gray-100 dark:bg-[#384059] px-3 rounded-full py-1"
+        >
           {{ tag }}
         </div>
       </div>
@@ -278,10 +309,13 @@ const amount = computed({
 
     <div class="bg-base-100 rounded mt-4 shadow">
       <div class="flex justify-between px-4 pt-4 pb-2 text-lg font-semibold text-main">
-        <span class="truncate" >{{ walletStore.currentAddress || 'Not Connected' }}</span>
-        <RouterLink v-if="walletStore.currentAddress"
+        <span class="truncate">{{ walletStore.currentAddress || 'Not Connected' }}</span>
+        <RouterLink
+          v-if="walletStore.currentAddress"
           class="float-right text-sm cursor-pointert link link-primary no-underline font-medium"
-          :to="`/${chain}/account/${walletStore.currentAddress}`">{{ $t('index.more') }}</RouterLink>
+          :to="`/${chain}/account/${walletStore.currentAddress}`"
+          >{{ $t('index.more') }}</RouterLink
+        >
       </div>
       <div class="grid grid-cols-1 md:!grid-cols-4 auto-cols-auto gap-4 px-4 pb-6">
         <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
@@ -289,36 +323,28 @@ const amount = computed({
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.balanceOfStakingToken) }}
           </div>
-          <div class="text-sm" :class="color">
-            ${{ format.tokenValue(walletStore.balanceOfStakingToken) }}
-          </div>
+          <div class="text-sm" :class="color">${{ format.tokenValue(walletStore.balanceOfStakingToken) }}</div>
         </div>
         <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">{{ $t('module.staking') }}</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.stakingAmount) }}
           </div>
-          <div class="text-sm" :class="color">
-            ${{ format.tokenValue(walletStore.stakingAmount) }}
-          </div>
+          <div class="text-sm" :class="color">${{ format.tokenValue(walletStore.stakingAmount) }}</div>
         </div>
         <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">{{ $t('index.reward') }}</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.rewardAmount) }}
           </div>
-          <div class="text-sm" :class="color">
-            ${{ format.tokenValue(walletStore.rewardAmount) }}
-          </div>
+          <div class="text-sm" :class="color">${{ format.tokenValue(walletStore.rewardAmount) }}</div>
         </div>
         <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">{{ $t('index.unbonding') }}</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.unbondingAmount) }}
           </div>
-          <div class="text-sm" :class="color">
-            ${{ format.tokenValue(walletStore.unbondingAmount) }}
-          </div>
+          <div class="text-sm" :class="color">${{ format.tokenValue(walletStore.unbondingAmount) }}</div>
         </div>
       </div>
 
@@ -335,12 +361,11 @@ const amount = computed({
           <tbody>
             <tr v-for="(item, index) in walletStore.delegations" :key="index">
               <td>
-                <RouterLink class="link link-primary no-underline" :to="`/${chain}/staking/${item?.delegation?.validator_address}`">
-                {{
-                  format.validatorFromBech32(
-                    item?.delegation?.validator_address
-                  )
-                }}
+                <RouterLink
+                  class="link link-primary no-underline"
+                  :to="`/${chain}/staking/${item?.delegation?.validator_address}`"
+                >
+                  {{ format.validatorFromBech32(item?.delegation?.validator_address) }}
                 </RouterLink>
               </td>
               <td>{{ format.formatToken(item?.balance) }}</td>
@@ -348,20 +373,29 @@ const amount = computed({
                 {{
                   format.formatTokens(
                     walletStore?.rewards?.rewards?.find(
-                      (el) =>
-                        el?.validator_address ===
-                        item?.delegation?.validator_address
-                    )?.reward)
+                      (el) => el?.validator_address === item?.delegation?.validator_address
+                    )?.reward
+                  )
                 }}
               </td>
               <td>
                 <div>
-                  <label for="delegate" class="btn !btn-xs !btn-primary btn-ghost rounded-sm mr-2"
-                    @click="dialog.open('delegate', { validator_address: item.delegation.validator_address }, updateState)">
+                  <label
+                    for="delegate"
+                    class="btn !btn-xs !btn-primary btn-ghost rounded-sm mr-2"
+                    @click="
+                      dialog.open('delegate', { validator_address: item.delegation.validator_address }, updateState)
+                    "
+                  >
                     {{ $t('account.btn_delegate') }}
                   </label>
-                  <label for="withdraw" class="btn !btn-xs !btn-primary btn-ghost rounded-sm"
-                    @click="dialog.open('withdraw', { validator_address: item.delegation.validator_address }, updateState)">
+                  <label
+                    for="withdraw"
+                    class="btn !btn-xs !btn-primary btn-ghost rounded-sm"
+                    @click="
+                      dialog.open('withdraw', { validator_address: item.delegation.validator_address }, updateState)
+                    "
+                  >
                     {{ $t('index.btn_withdraw_reward') }}
                   </label>
                 </div>
@@ -373,14 +407,25 @@ const amount = computed({
 
       <div class="grid grid-cols-3 gap-4 px-4 pb-6 mt-4">
         <label for="PingTokenConvert" class="btn btn-primary text-white">{{ $t('index.btn_swap') }}</label>
-        <label for="send" class="btn !bg-yes !border-yes text-white" @click="dialog.open('send', {}, updateState)">{{ $t('account.btn_send') }}</label>
-        <label for="delegate" class="btn !bg-info !border-info text-white"
-          @click="dialog.open('delegate', {}, updateState)">{{ $t('account.btn_delegate') }}</label>
-        <RouterLink to="/wallet/receive" class="btn !bg-info !border-info text-white hidden">{{ $t('index.receive') }}</RouterLink>
+        <label for="send" class="btn !bg-yes !border-yes text-white" @click="dialog.open('send', {}, updateState)">{{
+          $t('account.btn_send')
+        }}</label>
+        <label
+          for="delegate"
+          class="btn !bg-info !border-info text-white"
+          @click="dialog.open('delegate', {}, updateState)"
+          >{{ $t('account.btn_delegate') }}</label
+        >
+        <RouterLink to="/wallet/receive" class="btn !bg-info !border-info text-white hidden">{{
+          $t('index.receive')
+        }}</RouterLink>
       </div>
       <Teleport to="body">
-        <ping-token-convert :chain-name="blockchain?.current?.prettyName" :endpoint="blockchain?.endpoint?.address"
-          :hd-path="walletStore?.connectedWallet?.hdPath"></ping-token-convert>
+        <ping-token-convert
+          :chain-name="blockchain?.current?.prettyName"
+          :endpoint="blockchain?.endpoint?.address"
+          :hd-path="walletStore?.connectedWallet?.hdPath"
+        ></ping-token-convert>
       </Teleport>
     </div>
 
@@ -397,7 +442,7 @@ const amount = computed({
       <div class="px-4 pt-4 pb-2 text-lg font-semibold text-main">
         {{ $t('index.node_info') }}
       </div>
-      <ArrayObjectElement :value="paramStore.nodeVersion?.items" :thead="false" />      
+      <ArrayObjectElement :value="paramStore.nodeVersion?.items" :thead="false" />
       <div class="h-4"></div>
     </div>
   </div>
diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index 7a93f7f4a2..9f3ae30bba 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -1,11 +1,4 @@
-import {
-  useBlockchain,
-  useCoingecko,
-  useBaseStore,
-  useBankStore,
-  useFormatter,
-  useGovStore,
-} from '@/stores';
+import { useBlockchain, useCoingecko, useBaseStore, useBankStore, useFormatter, useGovStore } from '@/stores';
 import { useDistributionStore } from '@/stores/useDistributionStore';
 import { useMintStore } from '@/stores/useMintStore';
 import { useStakingStore } from '@/stores/useStakingStore';
@@ -25,11 +18,10 @@ export function colorMap(color: string) {
 }
 
 const CODEMAP: Record<string, string[]> = {
-  "binance.com": ["ref", "CPA_004JZGRX6A"],
-  "gate.com": ["ref", "U1gVBl9a"],
-  "bybit": ["affiliate_id", "JKRRZX9"],
-
-}
+  'binance.com': ['ref', 'CPA_004JZGRX6A'],
+  'gate.com': ['ref', 'U1gVBl9a'],
+  bybit: ['affiliate_id', 'JKRRZX9'],
+};
 
 export const useIndexModule = defineStore('module-index', {
   state: () => {
@@ -94,35 +86,33 @@ export const useIndexModule = defineStore('module-index', {
       return useBankStore();
     },
     twitter(): string {
-      if (!this.coinInfo?.links?.twitter_screen_name) return ""
+      if (!this.coinInfo?.links?.twitter_screen_name) return '';
       return `https://twitter.com/${this.coinInfo?.links.twitter_screen_name}`;
     },
     homepage(): string {
-      if (!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return '';
       const [page1, page2, page3] = this.coinInfo?.links?.homepage;
       return page1 || page2 || page3;
     },
     github(): string {
-      if (!this.coinInfo?.links?.repos_url) return ""
+      if (!this.coinInfo?.links?.repos_url) return '';
       const [page1, page2, page3] = this.coinInfo?.links?.repos_url?.github;
       return page1 || page2 || page3;
     },
     telegram(): string {
-      if (!this.coinInfo?.links?.homepage) return ""
+      if (!this.coinInfo?.links?.homepage) return '';
       return `https://t.me/${this.coinInfo?.links.telegram_channel_identifier}`;
     },
 
     priceChange(): string {
-      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
-      const change =
-        this.coinInfo?.market_data?.price_change_percentage_24h || 0;
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return '';
+      const change = this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       return numeral(change).format('+0.[00]');
     },
 
     priceColor(): string {
-      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return ""
-      const change =
-        this.coinInfo?.market_data?.price_change_percentage_24h || 0;
+      if (!this.coinInfo?.market_data?.price_change_percentage_24h) return '';
+      const change = this.coinInfo?.market_data?.price_change_percentage_24h || 0;
       switch (true) {
         case change > 0:
           return 'text-success';
@@ -133,7 +123,7 @@ export const useIndexModule = defineStore('module-index', {
       }
     },
     trustColor(): string {
-      if (!this.coinInfo?.tickers) return ""
+      if (!this.coinInfo?.tickers) return '';
       const change = this.coinInfo?.tickers[this.tickerIndex]?.trust_score;
       return change;
     },
@@ -144,8 +134,8 @@ export const useIndexModule = defineStore('module-index', {
     },
 
     proposals() {
-      const gov = useGovStore()
-      return gov.proposals['2']
+      const gov = useGovStore();
+      return gov.proposals['2'];
     },
 
     stats() {
@@ -201,9 +191,7 @@ export const useIndexModule = defineStore('module-index', {
           icon: 'mdi-bank',
           stats: formatter.formatTokens(
             // @ts-ignore
-            this.communityPool?.filter(
-              (x: Coin) => x.denom === staking.params.bond_denom
-            )
+            this.communityPool?.filter((x: Coin) => x.denom === staking.params.bond_denom)
           ),
           change: 0,
         },
@@ -214,8 +202,8 @@ export const useIndexModule = defineStore('module-index', {
       this.tickerIndex = 0;
       // @ts-ignore
       const [firstAsset] = this.blockchain?.assets || [];
-      return firstAsset.coingecko_id
-    }
+      return firstAsset.coingecko_id;
+    },
   },
   actions: {
     async loadDashboard() {
@@ -248,16 +236,14 @@ export const useIndexModule = defineStore('module-index', {
           this.coinInfo = x;
           // this.coinInfo.tickers.sort((a, b) => a.converted_last.usd - b.converted_last.usd)
         });
-        this.coingecko
-          .getMarketChart(this.days, firstAsset.coingecko_id)
-          .then((x) => {
-            this.marketData = x;
-          });
+        this.coingecko.getMarketChart(this.days, firstAsset.coingecko_id).then((x) => {
+          this.marketData = x;
+        });
       }
     },
     selectTicker(i: number) {
       this.tickerIndex = i;
-    }
+    },
   },
 });
 
@@ -279,13 +265,12 @@ export function addOrReplaceUrlParam(url: string, param: string, value: string):
   return urlObj.toString();
 }
 
-
 export function tickerUrl(url: string) {
   for (const domain of Object.keys(CODEMAP)) {
     if (url.indexOf(domain) > -1) {
       const v = CODEMAP[domain];
-      return addOrReplaceUrlParam(url, v[0], v[1])
+      return addOrReplaceUrlParam(url, v[0], v[1]);
     }
   }
-  return url
+  return url;
 }
diff --git a/src/modules/[chain]/nft/index.vue b/src/modules/[chain]/nft/index.vue
index bf8fc910ed..f6b8044162 100644
--- a/src/modules/[chain]/nft/index.vue
+++ b/src/modules/[chain]/nft/index.vue
@@ -1,8 +1,6 @@
 <!-- TODO: there's no mint msg at the moment. not sure how NFT comes from?-->
-<script lang="ts" setup>
-
-</script>
+<script lang="ts" setup></script>
 
 <template>
-    <div>NFT</div>
+  <div>NFT</div>
 </template>
diff --git a/src/modules/[chain]/nft/nftStore.ts b/src/modules/[chain]/nft/nftStore.ts
index 144b15e348..904b26be65 100644
--- a/src/modules/[chain]/nft/nftStore.ts
+++ b/src/modules/[chain]/nft/nftStore.ts
@@ -1,7 +1,6 @@
-
 import { defineStore } from 'pinia';
 
-import {useBlockchain} from '@/stores'
+import { useBlockchain } from '@/stores';
 import { DEFAULT, NFTRestClient, type PageinatedClasses, type PageinatedNFTs } from './types';
 
 export const useNFTModule = defineStore('module-nft', {
@@ -13,14 +12,12 @@ export const useNFTModule = defineStore('module-nft', {
   },
   getters: {
     chain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     client() {
-      const client = new NFTRestClient("", DEFAULT)
-      return client
-    }
+      const client = new NFTRestClient('', DEFAULT);
+      return client;
+    },
   },
-  actions: {
-
-  }
+  actions: {},
 });
diff --git a/src/modules/[chain]/nft/types.ts b/src/modules/[chain]/nft/types.ts
index 65fe56ccce..de9accbcbe 100644
--- a/src/modules/[chain]/nft/types.ts
+++ b/src/modules/[chain]/nft/types.ts
@@ -1,108 +1,107 @@
-
 import { BaseRestClient } from '@/libs/client';
 import { adapter, type AbstractRegistry, type Request } from '@/libs/api/registry';
 import { PageRequest, type PaginatedResponse } from '@/types';
 
 export interface Classes {
-    id: string,
-    name: string,
-    symbol: string,
-    description: string,
-    uri: string,
-    uri_hash: string,
-    data: {
-        type_url: string,
-        value: string
-    }
+  id: string;
+  name: string;
+  symbol: string;
+  description: string;
+  uri: string;
+  uri_hash: string;
+  data: {
+    type_url: string;
+    value: string;
+  };
 }
 
 export interface NFT {
-    class_id: string,
-    id: string,
-    uri: string,
-    uri_hash: string,
-    data: {
-      type_url: string,
-      value: string
-    }
-  }
+  class_id: string;
+  id: string;
+  uri: string;
+  uri_hash: string;
+  data: {
+    type_url: string;
+    value: string;
+  };
+}
 
 export interface Balance {
-    amount: string,
+  amount: string;
 }
 
 export interface PageinatedClasses extends PaginatedResponse {
-    classes: Classes[],
+  classes: Classes[];
 }
 
 export interface PageinatedNFTs extends PaginatedResponse {
-    nfts: NFT[],
+  nfts: NFT[];
 }
 
 export interface NFTRequestRegistry extends AbstractRegistry {
-    nft_classes: Request<PageinatedClasses>;
-    nft_classes_class_id: Request<Classes>;
-    nft_supply_class_id: Request<Balance>;
-    nft_classes_nfts: Request<PageinatedNFTs>;
-    nft_classes_nfts_class_id_nft_id: Request<NFT>;
-    nft_classes_nfts_class_id_nft_id_owner: Request<{
-        owner: string
-      }>;
-    nft_balance_owner: Request<Balance>;
+  nft_classes: Request<PageinatedClasses>;
+  nft_classes_class_id: Request<Classes>;
+  nft_supply_class_id: Request<Balance>;
+  nft_classes_nfts: Request<PageinatedNFTs>;
+  nft_classes_nfts_class_id_nft_id: Request<NFT>;
+  nft_classes_nfts_class_id_nft_id_owner: Request<{
+    owner: string;
+  }>;
+  nft_balance_owner: Request<Balance>;
 }
 
 export const DEFAULT: NFTRequestRegistry = {
-    nft_classes: {
-        url: '/cosmos/nft/v1beta1/classes',
-        adapter,
-    },
-    nft_classes_class_id: {
-        url: '/cosmos/nft/v1beta1/classes/{class_id}',
-        adapter,
-    },
-    nft_supply_class_id: {
-        url: '/cosmos/nft/v1beta1/supply/{class_id}',
-        adapter,
-    },
-    nft_classes_nfts: {
-        url: '/cosmos/nft/v1beta1/nfts',
-        adapter,
-    },
-    nft_classes_nfts_class_id_nft_id: {
-        url: '/cosmos/nft/v1beta1/{class_id}/{nft_id}',
-        adapter,
-    },
-    nft_classes_nfts_class_id_nft_id_owner: {
-        url: '/cosmos/nft/v1beta1/owner/{class_id}/{nft_id}',
-        adapter,
-    },
-    nft_balance_owner: {
-        url: '/cosmos/nft/v1beta1/balance/{owner}/{class_id}',
-        adapter,
-    }
+  nft_classes: {
+    url: '/cosmos/nft/v1beta1/classes',
+    adapter,
+  },
+  nft_classes_class_id: {
+    url: '/cosmos/nft/v1beta1/classes/{class_id}',
+    adapter,
+  },
+  nft_supply_class_id: {
+    url: '/cosmos/nft/v1beta1/supply/{class_id}',
+    adapter,
+  },
+  nft_classes_nfts: {
+    url: '/cosmos/nft/v1beta1/nfts',
+    adapter,
+  },
+  nft_classes_nfts_class_id_nft_id: {
+    url: '/cosmos/nft/v1beta1/{class_id}/{nft_id}',
+    adapter,
+  },
+  nft_classes_nfts_class_id_nft_id_owner: {
+    url: '/cosmos/nft/v1beta1/owner/{class_id}/{nft_id}',
+    adapter,
+  },
+  nft_balance_owner: {
+    url: '/cosmos/nft/v1beta1/balance/{owner}/{class_id}',
+    adapter,
+  },
 };
 
 export class NFTRestClient extends BaseRestClient<NFTRequestRegistry> {
-    getClasses(pr?: PageRequest) {
-      if(!pr) pr = new PageRequest()
-      const query = `?${pr.toQueryString()}`
-      return this.request(this.registry.nft_classes, {}, query);
-    }
-    getClassesById(class_id: string) {
-      return this.request(this.registry.nft_classes_class_id, { class_id }); // `code_id` is a param in above url
-    }
-    getNFTs(class_id: string, id: string, page?: PageRequest) {
-      if(!page) page = new PageRequest()
-      const query = `?${page.toQueryString()}`
-      return this.request(this.registry.nft_classes_nfts_class_id_nft_id, { class_id, id }, query);
-    }
-    getNFTOwner(class_id: string, id: string) {
-      return this.request(this.registry.nft_classes_nfts_class_id_nft_id_owner, {class_id, id});
-    }
-    getNFTSupply(class_id: string) {
-      return this.request(this.registry.nft_supply_class_id, { class_id });
-    }
-    getBalanceOfNFT(class_id: string, owner: string) {
-        return this.request(this.registry.nft_balance_owner, { class_id, owner });
-    }
-  }
\ No newline at end of file
+  getClasses(pr?: PageRequest) {
+    if (!pr) pr = new PageRequest();
+    const query = `?${pr.toQueryString()}`;
+    return this.request(this.registry.nft_classes, {}, query);
+  }
+  getClassesById(class_id: string) {
+    return this.request(this.registry.nft_classes_class_id, { class_id }); // `code_id` is a param in above url
+  }
+  getNFTs(class_id: string, id: string, page?: PageRequest) {
+    if (!page) page = new PageRequest();
+    const query = `?${page.toQueryString()}`;
+    return this.request(this.registry.nft_classes_nfts_class_id_nft_id, { class_id, id }, query);
+  }
+  getNFTOwner(class_id: string, id: string) {
+    return this.request(this.registry.nft_classes_nfts_class_id_nft_id_owner, { class_id, id });
+  }
+  getNFTSupply(class_id: string) {
+    return this.request(this.registry.nft_supply_class_id, { class_id });
+  }
+  getBalanceOfNFT(class_id: string, owner: string) {
+    return this.request(this.registry.nft_balance_owner, { class_id, owner });
+  }
+}
diff --git a/src/modules/[chain]/params/index.vue b/src/modules/[chain]/params/index.vue
index 365c1221b9..fabe8eb69e 100644
--- a/src/modules/[chain]/params/index.vue
+++ b/src/modules/[chain]/params/index.vue
@@ -15,14 +15,8 @@ onMounted(() => {
     <!-- Chain ID -->
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded">
       <div class="text-base mb-3 text-main">{{ chain.title }}</div>
-      <div
-        class="grid grid-cols-2 md:!grid-cols-4 lg:!grid-cols-5 2xl:!grid-cols-6 gap-4"
-      >
-        <div
-          v-for="(item, index) of chain.items"
-          :key="index"
-          class="rounded-sm bg-active px-4 py-2"
-        >
+      <div class="grid grid-cols-2 md:!grid-cols-4 lg:!grid-cols-5 2xl:!grid-cols-6 gap-4">
+        <div v-for="(item, index) of chain.items" :key="index" class="rounded-sm bg-active px-4 py-2">
           <div class="text-xs mb-2 text-secondary">{{ item.subtitle }}</div>
           <div class="text-base text-main">{{ item.value }}</div>
         </div>
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index a4f883c8ee..3afd858fba 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -12,12 +12,15 @@ import {
 import { onMounted, computed, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import CommissionRate from '@/components/ValidatorCommissionRate.vue';
+import { consensusPubkeyToHexAddress, operatorAddressToAccount, pubKeyToValcons } from '@/libs';
 import {
-  consensusPubkeyToHexAddress,
-  operatorAddressToAccount,
-  pubKeyToValcons,
-} from '@/libs';
-import { PageRequest, type Coin, type Delegation, type PaginatedDelegations, type PaginatedTxs, type Validator } from '@/types';
+  PageRequest,
+  type Coin,
+  type Delegation,
+  type PaginatedDelegations,
+  type PaginatedTxs,
+  type Validator,
+} from '@/types';
 import PaginationBar from '@/components/PaginationBar.vue';
 import { fromBase64, toBase64 } from '@cosmjs/encoding';
 import { stringToUint8Array, uint8ArrayToString } from '@/libs/utils';
@@ -38,7 +41,7 @@ const avatars = ref(cache || {});
 const identity = ref('');
 const rewards = ref([] as Coin[] | undefined);
 const commission = ref([] as Coin[] | undefined);
-const delegations = ref({} as PaginatedDelegations)
+const delegations = ref({} as PaginatedDelegations);
 const addresses = ref(
   {} as {
     account: string;
@@ -51,13 +54,11 @@ const selfBonded = ref({} as Delegation);
 
 addresses.value.account = operatorAddressToAccount(validator);
 // load self bond
-staking
-  .fetchValidatorDelegation(validator, addresses.value.account)
-  .then((x) => {
-    if (x) {
-      selfBonded.value = x.delegation_response;
-    }
-  });
+staking.fetchValidatorDelegation(validator, addresses.value.account).then((x) => {
+  if (x) {
+    selfBonded.value = x.delegation_response;
+  }
+});
 
 const txs = ref({} as PaginatedTxs);
 
@@ -71,15 +72,12 @@ const apr = computed(() => {
   const communityTax = Number(useDistributionStore().params.community_tax);
   const bondedRatio = Number(staking.pool.bonded_tokens) / Number(useBankStore().supply.amount);
 
-  return format.percent((1 - communityTax) * (1 - rate) * Number(inflation) / bondedRatio);
+  return format.percent(((1 - communityTax) * (1 - rate) * Number(inflation)) / bondedRatio);
 });
 
 const selfRate = computed(() => {
   if (selfBonded.value.balance?.amount) {
-    return format.calculatePercent(
-      selfBonded.value.balance.amount,
-      v.value.tokens
-    );
+    return format.calculatePercent(selfBonded.value.balance.amount, v.value.tokens);
   }
   return '-';
 });
@@ -87,9 +85,7 @@ const selfRate = computed(() => {
 const logo = (identity?: string) => {
   if (!identity) return '';
   const url = avatars.value[identity] || '';
-  return url.startsWith('http')
-    ? url
-    : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
+  return url.startsWith('http') ? url : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
 const fetchAvatar = (identity: string) => {
@@ -129,30 +125,22 @@ onMounted(() => {
       identity.value = res.validator?.description?.identity || '';
       if (identity.value && !avatars.value[identity.value]) loadAvatar(identity.value);
 
-      addresses.value.hex = consensusPubkeyToHexAddress(
-        v.value.consensus_pubkey
-      );
+      addresses.value.hex = consensusPubkeyToHexAddress(v.value.consensus_pubkey);
       addresses.value.valCons = pubKeyToValcons(
         v.value.consensus_pubkey,
-        blockchain.current?.bech32ConsensusPrefix || "",
+        blockchain.current?.bech32ConsensusPrefix || ''
       );
     });
-    blockchain.rpc
-      .getDistributionValidatorOutstandingRewards(validator)
-      .then((res) => {
-        rewards.value = res.rewards?.rewards?.sort(
-          (a, b) => Number(b.amount) - Number(a.amount)
-        );
-        res.rewards?.rewards?.forEach((x) => {
-          if (x.denom.startsWith('ibc/')) {
-            format.fetchDenomTrace(x.denom);
-          }
-        });
+    blockchain.rpc.getDistributionValidatorOutstandingRewards(validator).then((res) => {
+      rewards.value = res.rewards?.rewards?.sort((a, b) => Number(b.amount) - Number(a.amount));
+      res.rewards?.rewards?.forEach((x) => {
+        if (x.denom.startsWith('ibc/')) {
+          format.fetchDenomTrace(x.denom);
+        }
       });
+    });
     blockchain.rpc.getDistributionValidatorCommission(validator).then((res) => {
-      commission.value = res.commission?.commission?.sort(
-        (a, b) => Number(b.amount) - Number(a.amount)
-      );
+      commission.value = res.commission?.commission?.sort((a, b) => Number(b.amount) - Number(a.amount));
       res.commission?.commission?.forEach((x) => {
         if (x.denom.startsWith('ibc/')) {
           format.fetchDenomTrace(x.denom);
@@ -163,7 +151,6 @@ onMounted(() => {
     // Disable delegations due to its bad performance
     // Comment out the following code if you want to enable it
     // pageload(1)
-
   }
 });
 let showCopyToast = ref(0);
@@ -194,52 +181,59 @@ function pageload(p: number) {
   page.setPage(p);
   page.limit = 10;
 
-  blockchain.rpc.getStakingValidatorsDelegations(validator, page).then(res => {
-      delegations.value = res
-  }) 
+  blockchain.rpc.getStakingValidatorsDelegations(validator, page).then((res) => {
+    delegations.value = res;
+  });
 }
 
-const events = ref({} as PaginatedTxs)
+const events = ref({} as PaginatedTxs);
 
 enum EventType {
   Delegate = 'delegate',
   Unbond = 'unbond',
 }
 
-const selectedEventType = ref(EventType.Delegate)
+const selectedEventType = ref(EventType.Delegate);
 
 function loadPowerEvents(p: number, type: EventType) {
-  selectedEventType.value = type
+  selectedEventType.value = type;
   page.setPage(p);
   page.setPageSize(5);
-  blockchain.rpc.getTxs("?order_by=2&events={type}.validator='{validator}'", { type: selectedEventType.value, validator }, page).then(res => {
-    events.value = res
-  })
+  blockchain.rpc
+    .getTxs("?order_by=2&events={type}.validator='{validator}'", { type: selectedEventType.value, validator }, page)
+    .then((res) => {
+      events.value = res;
+    });
 }
 
 function pagePowerEvents(page: number) {
-    loadPowerEvents(page, selectedEventType.value)
+  loadPowerEvents(page, selectedEventType.value);
 }
 
-pagePowerEvents(1)
+pagePowerEvents(1);
 
-function mapEvents(events: {type: string, attributes: {key: string, value: string}[]}[]) {
+function mapEvents(events: { type: string; attributes: { key: string; value: string }[] }[]) {
   const attributes = events
-    .filter(x => x.type === selectedEventType.value)
-    .filter(x => x.attributes.findIndex(attr => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))) > -1)
-    .map(x => {
+    .filter((x) => x.type === selectedEventType.value)
+    .filter(
+      (x) =>
+        x.attributes.findIndex(
+          (attr) => attr.value === validator || attr.value === toBase64(stringToUint8Array(validator))
+        ) > -1
+    )
+    .map((x) => {
       // check if attributes need to decode
-      const output = {} as {[key: string]: string }
+      const output = {} as { [key: string]: string };
 
-      if (x.attributes.findIndex(a => a.key === `amount`) > -1) {
-        x.attributes.forEach(attr => {
-          output[attr.key] = attr.value
-        })
+      if (x.attributes.findIndex((a) => a.key === `amount`) > -1) {
+        x.attributes.forEach((attr) => {
+          output[attr.key] = attr.value;
+        });
       } else {
-        x.attributes.forEach(attr => {
-          output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value))
-        })
-      };
+        x.attributes.forEach((attr) => {
+          output[uint8ArrayToString(fromBase64(attr.key))] = uint8ArrayToString(fromBase64(attr.value));
+        });
+      }
 
       return output;
     });
@@ -247,14 +241,13 @@ function mapEvents(events: {type: string, attributes: {key: string, value: strin
   const coinsAsString = attributes.map((x: any) => x.amount).join(',');
   const coins = parseCoins(coinsAsString);
 
-  return coins.map(coin => format.formatToken(coin)).join(', ');
+  return coins.map((coin) => format.formatToken(coin)).join(', ');
 }
 
 function mapDelegators(messages: any[]) {
-  if(!messages) return []
-  return Array.from(new Set(messages.map(x => x.delegator_address || x.grantee)))
+  if (!messages) return [];
+  return Array.from(new Set(messages.map((x) => x.delegator_address || x.grantee)));
 }
-
 </script>
 <template>
   <div>
@@ -275,11 +268,7 @@ function mapDelegators(messages: any[]) {
                     }
                   "
                 />
-                <Icon
-                  v-else
-                  class="text-8xl"
-                  :icon="`mdi-help-circle-outline`"
-                />
+                <Icon v-else class="text-8xl" :icon="`mdi-help-circle-outline`" />
               </div>
             </div>
             <div class="mx-2">
@@ -307,11 +296,7 @@ function mapDelegators(messages: any[]) {
                 <span class="font-bold mr-2">{{ $t('staking.website') }}: </span>
                 <a
                   :href="v?.description?.website || '#'"
-                  :class="
-                    v?.description?.website
-                      ? 'cursor-pointer'
-                      : 'cursor-default'
-                  "
+                  :class="v?.description?.website ? 'cursor-pointer' : 'cursor-default'"
                 >
                   {{ v.description?.website || '-' }}
                 </a>
@@ -321,7 +306,7 @@ function mapDelegators(messages: any[]) {
                 <span class="font-bold mr-2">{{ $t('staking.contact') }}: </span>
                 <a
                   v-if="v.description?.security_contact"
-                  :href="'mailto:' + v.description.security_contact || '#' "
+                  :href="'mailto:' + v.description.security_contact || '#'"
                   class="cursor-pointer"
                 >
                   {{ v.description?.security_contact || '-' }}
@@ -348,13 +333,15 @@ function mapDelegators(messages: any[]) {
               <div class="flex items-center mb-2">
                 <Icon icon="mdi-lock" class="text-xl mr-1" />
                 <span class="font-bold mr-2">{{ $t('staking.validator_bond_share') }}: </span>
-                <span> {{ format.formatToken( {amount: v.validator_bond_shares, denom: staking.params.bond_denom }, false) }} </span>
+                <span>
+                  {{ format.formatToken({ amount: v.validator_bond_shares, denom: staking.params.bond_denom }, false) }}
+                </span>
               </div>
               <div class="flex items-center">
                 <Icon icon="mdi-waves-arrow-right" class="text-xl mr-1" />
                 <span class="font-bold mr-2">{{ $t('staking.liquid_staking_shares') }}: </span>
                 <span>
-                  {{ format.formatToken( {amount: v.liquid_shares, denom: staking.params.bond_denom }, false) }}
+                  {{ format.formatToken({ amount: v.liquid_shares, denom: staking.params.bond_denom }, false) }}
                 </span>
               </div>
             </div>
@@ -363,10 +350,7 @@ function mapDelegators(messages: any[]) {
         <div class="flex-1">
           <div class="flex flex-col mt-10">
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi-coin" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
@@ -382,40 +366,27 @@ function mapDelegators(messages: any[]) {
               </div>
             </div>
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi-percent" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
-                <h4>
-                  {{ format.formatToken(selfBonded.balance) }} ({{ selfRate }})
-                </h4>
+                <h4>{{ format.formatToken(selfBonded.balance) }} ({{ selfRate }})</h4>
                 <span class="text-sm">{{ $t('staking.self_bonded') }}</span>
               </div>
             </div>
 
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi-account-tie" class="text-3xl" />
               </div>
 
               <div class="ml-3 flex flex-col">
-                <h4>
-                  {{ v.min_self_delegation }} {{ staking.params.bond_denom }}
-                </h4>
+                <h4>{{ v.min_self_delegation }} {{ staking.params.bond_denom }}</h4>
                 <span class="text-sm">{{ $t('staking.min_self') }}</span>
               </div>
             </div>
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi-finance" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
@@ -425,10 +396,7 @@ function mapDelegators(messages: any[]) {
             </div>
 
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi:arrow-down-bold-circle-outline" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
@@ -438,14 +406,13 @@ function mapDelegators(messages: any[]) {
             </div>
 
             <div class="flex mb-2">
-              <div
-                class="flex items-center justify-center rounded w-10 h-10"
-                style="border: 1px solid #666"
-              >
+              <div class="flex items-center justify-center rounded w-10 h-10" style="border: 1px solid #666">
                 <Icon icon="mdi-clock" class="text-3xl" />
               </div>
               <div class="ml-3 flex flex-col justify-center">
-                <h4 v-if="v.unbonding_time && !v.unbonding_time.startsWith('1970')">{{ format.toDay(v.unbonding_time, 'from') }}</h4>
+                <h4 v-if="v.unbonding_time && !v.unbonding_time.startsWith('1970')">
+                  {{ format.toDay(v.unbonding_time, 'from') }}
+                </h4>
                 <h4 v-else>-</h4>
                 <span class="text-sm">{{ $t('staking.unbonding_time') }}</span>
               </div>
@@ -464,10 +431,7 @@ function mapDelegators(messages: any[]) {
         <div class="text-lg font-semibold text-main px-4 pt-4">
           {{ $t('staking.commissions_&_rewards') }}
         </div>
-        <div
-          class="px-4 mt-1 flex flex-col justify-between pb-4 max-h-72"
-          style="height: calc(100% - 50px)"
-        >
+        <div class="px-4 mt-1 flex flex-col justify-between pb-4 max-h-72" style="height: calc(100% - 50px)">
           <div class="overflow-auto flex-1">
             <div class="text-sm mb-2">{{ $t('staking.commissions') }}</div>
             <div
@@ -481,11 +445,7 @@ function mapDelegators(messages: any[]) {
               {{ format.formatToken2(i) }}
             </div>
             <div class="text-sm mb-2 mt-2">{{ $t('staking.outstanding') }} {{ $t('account.rewards') }}</div>
-            <div
-              v-for="(i, k) in rewards"
-              :key="`reward-${k}`"
-              class="mr-1 mb-1 badge text-xs"
-            >
+            <div v-for="(i, k) in rewards" :key="`reward-${k}`" class="mr-1 mb-1 badge text-xs">
               {{ format.formatToken2(i) }}
             </div>
           </div>
@@ -509,73 +469,79 @@ function mapDelegators(messages: any[]) {
         </div>
         <div class="px-4 pb-4">
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.account_addr') }} 
+            <div class="text-sm flex">
+              {{ $t('staking.account_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.account"
-                  @click="copyWebsite(addresses.account || '')"
-                />
-              </div>
-            <RouterLink
-              class="text-xs text-primary"
-              :to="`/${chain}/account/${addresses.account}`"
-            >
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.account"
+                @click="copyWebsite(addresses.account || '')"
+              />
+            </div>
+            <RouterLink class="text-xs text-primary" :to="`/${chain}/account/${addresses.account}`">
               {{ addresses.account }}
             </RouterLink>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.operator_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.operator_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="v.operator_address"
-                  @click="copyWebsite(v.operator_address || '')"
-                /></div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="v.operator_address"
+                @click="copyWebsite(v.operator_address || '')"
+              />
+            </div>
             <div class="text-xs">
               {{ v.operator_address }}
             </div>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.hex_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.hex_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.hex"
-                  @click="copyWebsite(addresses.hex || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.hex"
+                @click="copyWebsite(addresses.hex || '')"
+              />
+            </div>
             <div class="text-xs">{{ addresses.hex }}</div>
           </div>
           <div class="mb-3">
-            <div class="text-sm flex">{{ $t('staking.signer_addr') }}
+            <div class="text-sm flex">
+              {{ $t('staking.signer_addr') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="addresses.valCons"
-                  @click="copyWebsite(addresses.valCons || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="addresses.valCons"
+                @click="copyWebsite(addresses.valCons || '')"
+              />
+            </div>
             <div class="text-xs">{{ addresses.valCons }}</div>
           </div>
           <div>
-            <div class="text-sm flex">{{ $t('staking.consensus_pub_key') }}
+            <div class="text-sm flex">
+              {{ $t('staking.consensus_pub_key') }}
               <Icon
-                  icon="mdi:content-copy"
-                  class="ml-2 cursor-pointer"
-                  v-show="v.consensus_pubkey"
-                  @click="copyWebsite(JSON.stringify(v.consensus_pubkey) || '')"
-                />
-              </div>
+                icon="mdi:content-copy"
+                class="ml-2 cursor-pointer"
+                v-show="v.consensus_pubkey"
+                @click="copyWebsite(JSON.stringify(v.consensus_pubkey) || '')"
+              />
+            </div>
             <div class="text-xs">{{ v.consensus_pubkey }}</div>
           </div>
         </div>
       </div>
     </div>
 
-    <div v-if="delegations.delegation_responses" class="mt-5 bg-base-100 shadow rounded p-4 ">
-      <div class="text-lg mb-4 font-semibold">{{ $t('account.delegations') }}
-        <span class="float-right"> {{ delegations.delegation_responses?.length || 0 }} / {{ delegations.pagination?.total || 0 }} </span>
+    <div v-if="delegations.delegation_responses" class="mt-5 bg-base-100 shadow rounded p-4">
+      <div class="text-lg mb-4 font-semibold">
+        {{ $t('account.delegations') }}
+        <span class="float-right">
+          {{ delegations.delegation_responses?.length || 0 }} / {{ delegations.pagination?.total || 0 }}
+        </span>
       </div>
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
@@ -586,18 +552,17 @@ function mapDelegators(messages: any[]) {
             <th class="text-left pl-4">{{ $t('account.delegation') }}</th>
           </thead>
           <tbody>
-            <tr v-for="{balance, delegation} in delegations.delegation_responses">
+            <tr v-for="{ balance, delegation } in delegations.delegation_responses">
               <td class="text-sm text-primary">
                 {{ delegation.delegator_address }}
               </td>
               <td class="truncate text-primary">
-                {{ format.formatToken(balance)}}
+                {{ format.formatToken(balance) }}
               </td>
-              
             </tr>
           </tbody>
         </table>
-        <PaginationBar :total="delegations.pagination?.total" :limit="page.limit" :callback="pageload"/>
+        <PaginationBar :total="delegations.pagination?.total" :limit="page.limit" :callback="pageload" />
       </div>
     </div>
 
@@ -616,9 +581,7 @@ function mapDelegators(messages: any[]) {
           <tbody>
             <tr v-for="(item, i) in txs.tx_responses">
               <td class="text-sm text-primary">
-                <RouterLink :to="`/${props.chain}/block/${item.height}`">{{
-                  item.height
-                }}</RouterLink>
+                <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
               </td>
               <td class="truncate text-primary" style="max-width: 200px">
                 <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
@@ -627,14 +590,8 @@ function mapDelegators(messages: any[]) {
               </td>
               <td>
                 <div class="flex items-center">
-                  <span class="mr-2">{{
-                    format.messages(item.tx.body.messages)
-                  }}</span>
-                  <Icon
-                    v-if="item.code === 0"
-                    icon="mdi-check"
-                    class="text-yes"
-                  />
+                  <span class="mr-2">{{ format.messages(item.tx.body.messages) }}</span>
+                  <Icon v-if="item.code === 0" icon="mdi-check" class="text-yes" />
                   <Icon v-else icon="mdi-multiply" class="text-no" />
                 </div>
               </td>
@@ -648,21 +605,20 @@ function mapDelegators(messages: any[]) {
     <div class="mt-5 bg-base-100 shadow rounded p-4">
       <div class="text-lg mb-4 font-semibold">
         <div class="tabs tabs-boxed bg-transparent">
-                
-                <span class="mr-10">Voting Power Events: </span>
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': selectedEventType === EventType.Delegate }"
-                    @click="loadPowerEvents(1, EventType.Delegate)"
-                    >{{ $t('account.btn_delegate') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': selectedEventType === EventType.Unbond }"
-                    @click="loadPowerEvents(1, EventType.Unbond)"
-                    >{{ $t('account.btn_unbond') }}</a
-                >
-            </div>
+          <span class="mr-10">Voting Power Events: </span>
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': selectedEventType === EventType.Delegate }"
+            @click="loadPowerEvents(1, EventType.Delegate)"
+            >{{ $t('account.btn_delegate') }}</a
+          >
+          <a
+            class="tab text-gray-400"
+            :class="{ 'tab-active': selectedEventType === EventType.Unbond }"
+            @click="loadPowerEvents(1, EventType.Unbond)"
+            >{{ $t('account.btn_unbond') }}</a
+          >
+        </div>
       </div>
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
@@ -676,37 +632,36 @@ function mapDelegators(messages: any[]) {
               <td class="pr-2 truncate text-primary" style="max-width: 250px">
                 <RouterLink v-for="d in mapDelegators(item.tx?.body?.messages)" :to="`/${props.chain}/account/${d}`">
                   {{ d }}
-                </RouterLink> 
+                </RouterLink>
               </td>
               <td>
-                <div class="flex items-center" :class="{
-                  'text-yes' : selectedEventType === EventType.Delegate,
-                  'text-no' : selectedEventType ===  EventType.Unbond,
-                }">
+                <div
+                  class="flex items-center"
+                  :class="{
+                    'text-yes': selectedEventType === EventType.Delegate,
+                    'text-no': selectedEventType === EventType.Unbond,
+                  }"
+                >
                   <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
                     <span class="mr-2">
-                      {{ (selectedEventType === EventType.Delegate ? '+' : '-')}} {{
-                      mapEvents(item.events)
-                    }}</span>
+                      {{ selectedEventType === EventType.Delegate ? '+' : '-' }} {{ mapEvents(item.events) }}</span
+                    >
                   </RouterLink>
-                  <Icon
-                    v-if="item.code === 0"
-                    icon="mdi-check"
-                    class="text-yes"
-                  />
+                  <Icon v-if="item.code === 0" icon="mdi-check" class="text-yes" />
                   <Icon v-else icon="mdi-multiply" class="text-no" />
                 </div>
               </td>
               <td width="150">
                 <RouterLink class="text-primary mb-0" :to="`/${props.chain}/block/${item.height}`">{{
                   item.height
-                }}</RouterLink><br>
+                }}</RouterLink
+                ><br />
                 <span class="text-xs pt-0 mt-0">{{ format.toDay(item.timestamp, 'from') }}</span>
               </td>
             </tr>
           </tbody>
         </table>
-        <PaginationBar :total="events.pagination?.total" :limit="page.limit" :callback="pagePowerEvents"/>
+        <PaginationBar :total="events.pagination?.total" :limit="page.limit" :callback="pagePowerEvents" />
       </div>
     </div>
     <!-- end -->
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index 22cade2a90..b44cc5c2db 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -1,17 +1,10 @@
 <script lang="ts" setup>
-import {
-    useBaseStore,
-    useBlockchain,
-    useFormatter,
-    useMintStore,
-    useStakingStore,
-    useTxDialog,
-} from '@/stores';
+import { useBaseStore, useBlockchain, useFormatter, useMintStore, useStakingStore, useTxDialog } from '@/stores';
 import { computed } from '@vue/reactivity';
 import { onMounted, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Key, SlashingParam, Validator } from '@/types';
-import { formatSeconds}  from '@/libs/utils'
+import { formatSeconds } from '@/libs/utils';
 import { diff } from 'semver';
 
 const staking = useStakingStore();
@@ -19,7 +12,7 @@ const base = useBaseStore();
 const format = useFormatter();
 const dialog = useTxDialog();
 const chainStore = useBlockchain();
-const mintStore = useMintStore()
+const mintStore = useMintStore();
 
 const cache = JSON.parse(localStorage.getItem('avatars') || '{}');
 const avatars = ref(cache || {});
@@ -27,130 +20,136 @@ const latest = ref({} as Record<string, number>);
 const yesterday = ref({} as Record<string, number>);
 const tab = ref('active');
 const unbondList = ref([] as Validator[]);
-const slashing = ref({} as SlashingParam)
+const slashing = ref({} as SlashingParam);
 
 onMounted(() => {
-    staking.fetchUnbondingValdiators().then((res) => {
-        unbondList.value = res.concat(unbondList.value);
-    });
-    staking.fetchInacitveValdiators().then((res) => {
-        unbondList.value = unbondList.value.concat(res);
-    });
-    chainStore.rpc.getSlashingParams().then(res => {
-        slashing.value = res.params
-    })
+  staking.fetchUnbondingValdiators().then((res) => {
+    unbondList.value = res.concat(unbondList.value);
+  });
+  staking.fetchInacitveValdiators().then((res) => {
+    unbondList.value = unbondList.value.concat(res);
+  });
+  chainStore.rpc.getSlashingParams().then((res) => {
+    slashing.value = res.params;
+  });
 });
 
 async function fetchChange(blockWindow: number = 14400) {
-    let page = 0;
+  let page = 0;
 
-    let height = Number(base.latest?.block?.header?.height || 0);
-    if (height > blockWindow) {
-        height -= blockWindow;
-    } else {
-        height = 1;
-    }
-    // voting power in 24h ago
-    while (page < staking.validators.length && height > 0) {
-        await base.fetchValidatorByHeight(height, page).then((x) => {
-            x.validators.forEach((v) => {
-                yesterday.value[v.pub_key.key] = Number(v.voting_power);
-            });
-        });
-        page += 100;
-    }
+  let height = Number(base.latest?.block?.header?.height || 0);
+  if (height > blockWindow) {
+    height -= blockWindow;
+  } else {
+    height = 1;
+  }
+  // voting power in 24h ago
+  while (page < staking.validators.length && height > 0) {
+    await base.fetchValidatorByHeight(height, page).then((x) => {
+      x.validators.forEach((v) => {
+        yesterday.value[v.pub_key.key] = Number(v.voting_power);
+      });
+    });
+    page += 100;
+  }
 
-    page = 0;
-    // voting power for now
-    while (page < staking.validators.length) {
-        await base.fetchLatestValidators(page).then((x) => {
-            x.validators.forEach((v) => {
-                latest.value[v.pub_key.key] = Number(v.voting_power);
-            });
-        });
-        page += 100;
-    }
+  page = 0;
+  // voting power for now
+  while (page < staking.validators.length) {
+    await base.fetchLatestValidators(page).then((x) => {
+      x.validators.forEach((v) => {
+        latest.value[v.pub_key.key] = Number(v.voting_power);
+      });
+    });
+    page += 100;
+  }
 }
 
 const changes = computed(() => {
-    const changes = {} as Record<string, number>;
-    Object.keys(latest.value).forEach((k) => {
-        const l = latest.value[k] || 0;
-        const y = yesterday.value[k] || 0;
-        changes[k] = l - y;
-    });
-    return changes;
+  const changes = {} as Record<string, number>;
+  Object.keys(latest.value).forEach((k) => {
+    const l = latest.value[k] || 0;
+    const y = yesterday.value[k] || 0;
+    changes[k] = l - y;
+  });
+  return changes;
 });
 
 const change24 = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    const txt = entry.consensus_pubkey.key;
-    // const n: number = latest.value[txt];
-    // const o: number = yesterday.value[txt];
-    // // console.log( txt, n, o)
-    // return n > 0 && o > 0 ? n - o : 0;
-
-    const latestValue = latest.value[txt];
-    if (!latestValue) {
-        return 0;
-    }
+  const txt = entry.consensus_pubkey.key;
+  // const n: number = latest.value[txt];
+  // const o: number = yesterday.value[txt];
+  // // console.log( txt, n, o)
+  // return n > 0 && o > 0 ? n - o : 0;
+
+  const latestValue = latest.value[txt];
+  if (!latestValue) {
+    return 0;
+  }
 
-    const displayTokens = format.tokenAmountNumber({
-        amount: parseInt(entry.tokens, 10).toString(),
-        denom: staking.params.bond_denom,
-    });
-    const coefficient = displayTokens / latestValue;
-    return changes.value[txt] * coefficient;
+  const displayTokens = format.tokenAmountNumber({
+    amount: parseInt(entry.tokens, 10).toString(),
+    denom: staking.params.bond_denom,
+  });
+  const coefficient = displayTokens / latestValue;
+  return changes.value[txt] * coefficient;
 };
 
 const change24Text = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    if (!entry) return '';
-    const v = change24(entry);
-    return v && v !== 0 ? format.showChanges(v) : '';
+  if (!entry) return '';
+  const v = change24(entry);
+  return v && v !== 0 ? format.showChanges(v) : '';
 };
 
 const change24Color = (entry: { consensus_pubkey: Key; tokens: string }) => {
-    if (!entry) return '';
-    const v = change24(entry);
-    if (v > 0) return 'text-success';
-    if (v < 0) return 'text-error';
+  if (!entry) return '';
+  const v = change24(entry);
+  if (v > 0) return 'text-success';
+  if (v < 0) return 'text-error';
 };
 
 const calculateRank = function (position: number) {
-    let sum = 0;
-    for (let i = 0; i < position; i++) {
-        sum += Number(staking.validators[i]?.delegator_shares);
-    }
-    const percent = sum / staking.totalPower;
-
-    switch (true) {
-        case tab.value === 'active' && percent < 0.33:
-            return 'error';
-        case tab.value === 'active' && percent < 0.67:
-            return 'warning';
-        default:
-            return 'primary';
-    }
+  let sum = 0;
+  for (let i = 0; i < position; i++) {
+    sum += Number(staking.validators[i]?.delegator_shares);
+  }
+  const percent = sum / staking.totalPower;
+
+  switch (true) {
+    case tab.value === 'active' && percent < 0.33:
+      return 'error';
+    case tab.value === 'active' && percent < 0.67:
+      return 'warning';
+    default:
+      return 'primary';
+  }
 };
 
-function isFeatured(endpoints: string[], who?: {website?: string, moniker: string }) {
-    if(!endpoints || !who) return false
-    return endpoints.findIndex(x => who.website && who.website?.substring(0, who.website?.lastIndexOf('.')).endsWith(x) || who?.moniker?.toLowerCase().search(x.toLowerCase()) > -1) > -1
+function isFeatured(endpoints: string[], who?: { website?: string; moniker: string }) {
+  if (!endpoints || !who) return false;
+  return (
+    endpoints.findIndex(
+      (x) =>
+        (who.website && who.website?.substring(0, who.website?.lastIndexOf('.')).endsWith(x)) ||
+        who?.moniker?.toLowerCase().search(x.toLowerCase()) > -1
+    ) > -1
+  );
 }
 
 const list = computed(() => {
-    if (tab.value === 'active') {
-        return staking.validators.map((x, i) => ({v: x, rank: calculateRank(i), logo: logo(x.description.identity)}));
-    } else if (tab.value === 'featured') {
-        const endpoint = chainStore.current?.endpoints?.rest?.map(x => x.provider)
-        if(endpoint) {
-            endpoint.push('ping')
-            return staking.validators
-                .filter(x => isFeatured(endpoint, x.description))
-                .map((x, i) => ({v: x, rank: 'primary', logo: logo(x.description.identity)}));
-        }
-        return []        
+  if (tab.value === 'active') {
+    return staking.validators.map((x, i) => ({ v: x, rank: calculateRank(i), logo: logo(x.description.identity) }));
+  } else if (tab.value === 'featured') {
+    const endpoint = chainStore.current?.endpoints?.rest?.map((x) => x.provider);
+    if (endpoint) {
+      endpoint.push('ping');
+      return staking.validators
+        .filter((x) => isFeatured(endpoint, x.description))
+        .map((x, i) => ({ v: x, rank: 'primary', logo: logo(x.description.identity) }));
     }
-    return unbondList.value.map((x, i) => ({v: x, rank: 'primary', logo: logo(x.description.identity)}));
+    return [];
+  }
+  return unbondList.value.map((x, i) => ({ v: x, rank: 'primary', logo: logo(x.description.identity) }));
 });
 
 const fetchAvatar = (identity: string) => {
@@ -196,300 +195,231 @@ const loadAvatars = () => {
     }
   });
 
-  Promise.all(promises).then(() =>
-    localStorage.setItem('avatars', JSON.stringify(avatars.value))
-  );
+  Promise.all(promises).then(() => localStorage.setItem('avatars', JSON.stringify(avatars.value)));
 };
 
 const logo = (identity?: string) => {
-    if (!identity || !avatars.value[identity]) return '';
-    const url = avatars.value[identity] || '';
-    return url.startsWith('http')
-        ? url
-        : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
+  if (!identity || !avatars.value[identity]) return '';
+  const url = avatars.value[identity] || '';
+  return url.startsWith('http') ? url : `https://s3.amazonaws.com/keybase_processed_uploads/${url}`;
 };
 
 const loaded = ref(false);
 base.$subscribe((_, s) => {
-    if (s.recents.length >= 2 && loaded.value === false) {
-        loaded.value = true;
-        const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time)
-        const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height)
-        const block_window = Number(Number(86400 * 1000 * diff_height / diff_time).toFixed(0))
-        fetchChange(block_window);
-    }
+  if (s.recents.length >= 2 && loaded.value === false) {
+    loaded.value = true;
+    const diff_time = Date.parse(s.recents[1].block.header.time) - Date.parse(s.recents[0].block.header.time);
+    const diff_height = Number(s.recents[1].block.header.height) - Number(s.recents[0].block.header.height);
+    const block_window = Number(Number((86400 * 1000 * diff_height) / diff_time).toFixed(0));
+    fetchChange(block_window);
+  }
 });
 
 loadAvatars();
 </script>
 <template>
-<div>
-    <div class="bg-base-100 rounded-lg grid sm:grid-cols-1 md:grid-cols-4 p-4" >    
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-success" icon="mdi:trending-up" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-success"></div>
-                </div>
-            </span>
-            <span>
-                <div class="font-bold">{{ format.percent(mintStore.inflation) }}</div>
-                <div class="text-xs">{{ $t('staking.inflation') }}</div>
-            </span>
-        </div>
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-primary" icon="mdi:lock-open-outline" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-primary"></div>
-                </div>
-            </span>
-            <span>
-                <div class="font-bold">{{ formatSeconds(staking.params?.unbonding_time) }}</div>
-                <div class="text-xs">{{ $t('staking.unbonding_time') }}</div>
-            </span>
-        </div> 
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-error" icon="mdi:alert-octagon-outline" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
-                </div>
-            </span>
-            <span>
-            <div class="font-bold">{{ format.percent(slashing.slash_fraction_double_sign) }}</div>
-            <div class="text-xs">{{ $t('staking.double_sign_slashing') }}</div>
-            </span>
-        </div> 
-        <div class="flex">
-            <span>
-                <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
-                    <Icon class="text-error" icon="mdi:pause" size="32" />
-                    <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
-                </div>
-            </span>
-            <span>
-            <div class="font-bold">{{ format.percent(slashing.slash_fraction_downtime) }}</div>
-            <div class="text-xs">{{ $t('staking.downtime_slashing') }}</div>
-            </span>
-        </div>  
+  <div>
+    <div class="bg-base-100 rounded-lg grid sm:grid-cols-1 md:grid-cols-4 p-4">
+      <div class="flex">
+        <span>
+          <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
+            <Icon class="text-success" icon="mdi:trending-up" size="32" />
+            <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-success"></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">{{ format.percent(mintStore.inflation) }}</div>
+          <div class="text-xs">{{ $t('staking.inflation') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
+            <Icon class="text-primary" icon="mdi:lock-open-outline" size="32" />
+            <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-primary"></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">{{ formatSeconds(staking.params?.unbonding_time) }}</div>
+          <div class="text-xs">{{ $t('staking.unbonding_time') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
+            <Icon class="text-error" icon="mdi:alert-octagon-outline" size="32" />
+            <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">{{ format.percent(slashing.slash_fraction_double_sign) }}</div>
+          <div class="text-xs">{{ $t('staking.double_sign_slashing') }}</div>
+        </span>
+      </div>
+      <div class="flex">
+        <span>
+          <div class="relative w-9 h-9 rounded overflow-hidden flex items-center justify-center mr-2">
+            <Icon class="text-error" icon="mdi:pause" size="32" />
+            <div class="absolute top-0 left-0 bottom-0 right-0 opacity-20 bg-error"></div>
+          </div>
+        </span>
+        <span>
+          <div class="font-bold">{{ format.percent(slashing.slash_fraction_downtime) }}</div>
+          <div class="text-xs">{{ $t('staking.downtime_slashing') }}</div>
+        </span>
+      </div>
     </div>
 
     <div>
-        <div class="flex items-center justify-between py-1">
-            <div class="tabs tabs-boxed bg-transparent">
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'featured' }"
-                    @click="tab = 'featured'"
-                    >{{ $t('staking.popular') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'active' }"
-                    @click="tab = 'active'"
-                    >{{ $t('staking.active') }}</a
-                >
-                <a
-                    class="tab text-gray-400"
-                    :class="{ 'tab-active': tab === 'inactive' }"
-                    @click="tab = 'inactive'"
-                    >{{ $t('staking.inactive') }}</a
-                >
-            </div>
-
-            <div class="text-lg font-semibold">
-                {{ list.length }}/{{ staking.params.max_validators }}
-            </div>
+      <div class="flex items-center justify-between py-1">
+        <div class="tabs tabs-boxed bg-transparent">
+          <a class="tab text-gray-400" :class="{ 'tab-active': tab === 'featured' }" @click="tab = 'featured'">{{
+            $t('staking.popular')
+          }}</a>
+          <a class="tab text-gray-400" :class="{ 'tab-active': tab === 'active' }" @click="tab = 'active'">{{
+            $t('staking.active')
+          }}</a>
+          <a class="tab text-gray-400" :class="{ 'tab-active': tab === 'inactive' }" @click="tab = 'inactive'">{{
+            $t('staking.inactive')
+          }}</a>
         </div>
 
-        <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-            <div class="overflow-x-auto">
-                <table class="table staking-table w-full">
-                    <thead class=" bg-base-200">
-                        <tr>
-                            <th
-                                scope="col"
-                                class="uppercase"
-                                style="width: 3rem; position: relative"
-                            >
-                            {{ $t('staking.rank') }}    
-                            </th>
-                            <th scope="col" class="uppercase">{{ $t('staking.validator') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.voting_power') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.24h_changes') }}</th>
-                            <th scope="col" class="text-right uppercase">{{ $t('staking.commission') }}</th>
-                            <th scope="col" class="text-center uppercase">{{ $t('staking.actions') }}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr
-                            v-for="({v, rank, logo}, i) in list"
-                            :key="v.operator_address"
-                            class="hover:bg-gray-100 dark:hover:bg-[#384059]"
+        <div class="text-lg font-semibold">{{ list.length }}/{{ staking.params.max_validators }}</div>
+      </div>
+
+      <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+        <div class="overflow-x-auto">
+          <table class="table staking-table w-full">
+            <thead class="bg-base-200">
+              <tr>
+                <th scope="col" class="uppercase" style="width: 3rem; position: relative">
+                  {{ $t('staking.rank') }}
+                </th>
+                <th scope="col" class="uppercase">{{ $t('staking.validator') }}</th>
+                <th scope="col" class="text-right uppercase">{{ $t('staking.voting_power') }}</th>
+                <th scope="col" class="text-right uppercase">{{ $t('staking.24h_changes') }}</th>
+                <th scope="col" class="text-right uppercase">{{ $t('staking.commission') }}</th>
+                <th scope="col" class="text-center uppercase">{{ $t('staking.actions') }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="({ v, rank, logo }, i) in list"
+                :key="v.operator_address"
+                class="hover:bg-gray-100 dark:hover:bg-[#384059]"
+              >
+                <!-- 👉 rank -->
+                <td>
+                  <div class="text-xs truncate relative px-2 py-1 rounded-full w-fit" :class="`text-${rank}`">
+                    <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${rank}`"></span>
+                    {{ i + 1 }}
+                  </div>
+                </td>
+                <!-- 👉 Validator -->
+                <td>
+                  <div class="flex items-center overflow-hidden" style="max-width: 300px">
+                    <div class="avatar mr-4 relative w-8 h-8 rounded-full">
+                      <div class="w-8 h-8 rounded-full bg-gray-400 absolute opacity-10"></div>
+                      <div class="w-8 h-8 rounded-full">
+                        <img
+                          v-if="logo"
+                          :src="logo"
+                          class="object-contain"
+                          @error="
+                            (e) => {
+                              const identity = v.description?.identity;
+                              if (identity) loadAvatar(identity);
+                            }
+                          "
+                        />
+                        <Icon v-else class="text-3xl" :icon="`mdi-help-circle-outline`" />
+                      </div>
+                    </div>
+
+                    <div class="flex flex-col">
+                      <span class="text-sm text-primary dark:invert whitespace-nowrap overflow-hidden">
+                        <RouterLink
+                          :to="{
+                            name: 'chain-staking-validator',
+                            params: {
+                              validator: v.operator_address,
+                            },
+                          }"
+                          class="font-weight-medium"
                         >
-                            <!-- 👉 rank -->
-                            <td>
-                                <div
-                                    class="text-xs truncate relative px-2 py-1 rounded-full w-fit"
-                                    :class="`text-${rank}`"
-                                >
-                                    <span
-                                        class="inset-x-0 inset-y-0 opacity-10 absolute"
-                                        :class="`bg-${rank}`"
-                                    ></span>
-                                    {{ i + 1 }}
-                                </div>
-                            </td>
-                            <!-- 👉 Validator -->
-                            <td>
-                                <div
-                                    class="flex items-center overflow-hidden"
-                                    style="max-width: 300px"
-                                >
-                                    <div
-                                        class="avatar mr-4 relative w-8 h-8 rounded-full"
-                                    >
-                                        <div
-                                            class="w-8 h-8 rounded-full bg-gray-400 absolute opacity-10"
-                                        ></div>
-                                        <div class="w-8 h-8 rounded-full">
-                                            <img
-                                                v-if="logo"
-                                                :src="logo"
-                                                class="object-contain"
-                                                @error="
-                                                    (e) => {
-                                                        const identity = v.description?.identity;
-                                                        if (identity) loadAvatar(identity);
-                                                    }
-                                                "
-                                            />
-                                            <Icon
-                                                v-else
-                                                class="text-3xl"
-                                                :icon="`mdi-help-circle-outline`"
-                                            />
-                                            
-                                        </div>
-                                    </div>
-
-                                    <div class="flex flex-col">
-                                        <span class="text-sm text-primary dark:invert whitespace-nowrap overflow-hidden">
-                                            <RouterLink
-                                                :to="{
-                                                    name: 'chain-staking-validator',
-                                                    params: {
-                                                        validator:
-                                                            v.operator_address,
-                                                    },
-                                                }"
-                                                class="font-weight-medium"
-                                            >
-                                                {{ v.description?.moniker }}
-                                            </RouterLink>
-                                        </span>
-                                        <span class="text-xs">{{
-                                            v.description?.website ||
-                                            v.description?.identity ||
-                                            '-'
-                                        }}</span>
-                                    </div>
-                                </div>
-                            </td>
-
-                            <!-- 👉 Voting Power -->
-                            <td class="text-right">
-                                <div class="flex flex-col">
-                                    <h6 class="text-sm font-weight-medium whitespace-nowrap ">
-                                        {{
-                                            format.formatToken(
-                                                {
-                                                    amount: parseInt(
-                                                        v.tokens
-                                                    ).toString(),
-                                                    denom: staking.params
-                                                        .bond_denom,
-                                                },
-                                                true,
-                                                '0,0'
-                                            )
-                                        }}
-                                    </h6>
-                                    <span class="text-xs">{{
-                                        format.calculatePercent(
-                                            v.delegator_shares,
-                                            staking.totalPower
-                                        )
-                                    }}</span>
-                                </div>
-                            </td>
-                            <!-- 👉 24h Changes -->
-                            <td
-                                class="text-right text-xs"
-                                :class="change24Color(v)"
-                            >
-                                {{ change24Text(v) }}
-                            </td>
-                            <!-- 👉 commission -->
-                            <td class="text-right text-xs">
-                                {{
-                                    format.formatCommissionRate(
-                                        v.commission?.commission_rates?.rate
-                                    )
-                                }}
-                            </td>
-                            <!-- 👉 Action -->
-                            <td class="text-center">
-                                <div
-                                    v-if="v.jailed"
-                                    class="badge badge-error gap-2 text-white"
-                                >
-                                {{ $t('staking.jailed') }}
-                                </div>
-                                <label
-                                    v-else
-                                    for="delegate"
-                                    class="btn btn-xs btn-primary rounded-sm capitalize"
-                                    @click="
-                                        dialog.open('delegate', {
-                                            validator_address:
-                                                v.operator_address,
-                                        })
-                                    "
-                                    >{{ $t('account.btn_delegate') }}</label
-                                >
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="divider"></div>
-            <div class="flex flex-row items-center">
-                <div
-                    class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-error mr-2"
-                >
-                    <span
-                        class="inset-x-0 inset-y-0 opacity-10 absolute bg-error"
-                    ></span>
-                    {{ $t('staking.top') }} 33%
-                </div>
-                <div
-                    class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning"
-                >
-                    <span
-                        class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning"
-                    ></span>
-                    {{ $t('staking.top') }} 67%
-                </div>
-                <div class="text-xs hidden md:!block pl-2">
-                    {{ $t('staking.description') }}
-                </div>
-            </div>
+                          {{ v.description?.moniker }}
+                        </RouterLink>
+                      </span>
+                      <span class="text-xs">{{ v.description?.website || v.description?.identity || '-' }}</span>
+                    </div>
+                  </div>
+                </td>
+
+                <!-- 👉 Voting Power -->
+                <td class="text-right">
+                  <div class="flex flex-col">
+                    <h6 class="text-sm font-weight-medium whitespace-nowrap">
+                      {{
+                        format.formatToken(
+                          {
+                            amount: parseInt(v.tokens).toString(),
+                            denom: staking.params.bond_denom,
+                          },
+                          true,
+                          '0,0'
+                        )
+                      }}
+                    </h6>
+                    <span class="text-xs">{{ format.calculatePercent(v.delegator_shares, staking.totalPower) }}</span>
+                  </div>
+                </td>
+                <!-- 👉 24h Changes -->
+                <td class="text-right text-xs" :class="change24Color(v)">
+                  {{ change24Text(v) }}
+                </td>
+                <!-- 👉 commission -->
+                <td class="text-right text-xs">
+                  {{ format.formatCommissionRate(v.commission?.commission_rates?.rate) }}
+                </td>
+                <!-- 👉 Action -->
+                <td class="text-center">
+                  <div v-if="v.jailed" class="badge badge-error gap-2 text-white">
+                    {{ $t('staking.jailed') }}
+                  </div>
+                  <label
+                    v-else
+                    for="delegate"
+                    class="btn btn-xs btn-primary rounded-sm capitalize"
+                    @click="
+                      dialog.open('delegate', {
+                        validator_address: v.operator_address,
+                      })
+                    "
+                    >{{ $t('account.btn_delegate') }}</label
+                  >
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="divider"></div>
+        <div class="flex flex-row items-center">
+          <div class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-error mr-2">
+            <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-error"></span>
+            {{ $t('staking.top') }} 33%
+          </div>
+          <div class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning">
+            <span class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning"></span>
+            {{ $t('staking.top') }} 67%
+          </div>
+          <div class="text-xs hidden md:!block pl-2">
+            {{ $t('staking.description') }}
+          </div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 </template>
 
 <route>
@@ -503,7 +433,7 @@ loadAvatars();
 
 <style>
 .staking-table.table :where(th, td) {
-    padding: 8px 5px;
-    background: transparent;
+  padding: 8px 5px;
+  background: transparent;
 }
 </style>
diff --git a/src/modules/[chain]/statesync/index.vue b/src/modules/[chain]/statesync/index.vue
index 3878ede2f5..2acfb19695 100644
--- a/src/modules/[chain]/statesync/index.vue
+++ b/src/modules/[chain]/statesync/index.vue
@@ -10,24 +10,22 @@ const blockchain = useBlockchain();
 const base = useBaseStore();
 const nodeInfo = ref({} as NodeInfo);
 
-const height = ref(0)
-const hash = ref("")
+const height = ref(0);
+const hash = ref('');
 
 base.$subscribe((m, { latest }) => {
-  let h = Number(latest.block?.header?.height)
-  h = Math.round((h - 2000) / 1000) * 1000
+  let h = Number(latest.block?.header?.height);
+  h = Math.round((h - 2000) / 1000) * 1000;
   if (h > height.value) {
-    height.value = h
-    base.fetchBlock(h).then(res => {
-      hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase()
-    })
+    height.value = h;
+    base.fetchBlock(h).then((res) => {
+      hash.value = toHex(fromBase64(res.block_id.hash)).toUpperCase();
+    });
   }
-})
+});
 
 const rpcs = computed(() => {
-  return blockchain.current?.endpoints?.rpc
-    ?.map((x) => x.address)
-    .join(',');
+  return blockchain.current?.endpoints?.rpc?.map((x) => x.address).join(',');
 });
 
 const appName = computed(() => {
@@ -46,10 +44,10 @@ onMounted(() => {
       <h2 class="card-title truncate mb-2">{{ $t('statesync.title') }}</h2>
       <div class="text-sm">
         {{ $t('statesync.description') }}
-        <a class="text-primary lowercase" href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f">{{
-          $t('statesync.here') }}&nbsp;</a>
-        <a class="lowercase">
-          {{ $t('statesync.for_more_info') }}.</a>
+        <a class="text-primary lowercase" href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f"
+          >{{ $t('statesync.here') }}&nbsp;</a
+        >
+        <a class="lowercase"> {{ $t('statesync.for_more_info') }}.</a>
       </div>
     </div>
 
@@ -65,8 +63,7 @@ onMounted(() => {
         <br />
         <br />
         2. {{ $t('statesync.text_2') }}<br />
-        {{ $t('statesync.text_2_1') }}.
-        <br /><br />
+        {{ $t('statesync.text_2_1') }}. <br /><br />
         <div class="mockup-code bg-base-200 my-2">
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">enable = true</code></pre>
@@ -79,13 +76,14 @@ onMounted(() => {
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">trust_period = "168h"</code></pre>
         </div>
         <br />
-        3. {{ $t('statesync.text_3') }}: <code
-          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} start</code>
+        3. {{ $t('statesync.text_3') }}:
+        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} start</code>
         <br />
         {{ $t('statesync.text_3_1') }}
         <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} unsafe-reset-all</code> or
-        <code
-          class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow">{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code>
+        <code class="bg-base-200 text-gray-600 px-2 py-px mx-1 rounded shadow"
+          >{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code
+        >
         {{ $t('statesync.text_3_2') }}.
       </div>
     </div>
@@ -98,13 +96,16 @@ onMounted(() => {
         <div class="mockup-code bg-base-200 my-2">
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">[state-sync]</code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
+            data-prefix=">"
+          ><code class="text-green-400"># snapshot-interval specifies the block interval at which local state sync snapshots are</code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
+            data-prefix=">"
+          ><code class="text-green-400"># taken (0 to disable). Must be a multiple of pruning-keep-every.</code></pre>
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-interval = 1000</code></pre>
           <pre data-prefix=">"><code class="text-gray-800 dark:invert"></code></pre>
           <pre
-            data-prefix=">"><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
+            data-prefix=">"
+          ><code class="text-green-400"># snapshot-keep-recent specifies the number of recent snapshots to keep and serve (0 to keep all). Each snapshot is about 500MiB</code></pre>
           <pre data-prefix=">"><code class="text-gray-800 dark:invert">snapshot-keep-recent = 2</code></pre>
         </div>
       </div>
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 85644f578c..cb3339e8a7 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -3,74 +3,75 @@ import { ref } from '@vue/reactivity';
 import { useBlockchain, useFormatter } from '@/stores';
 import { PageRequest, type Pagination, type Coin, type DenomMetadata } from '@/types';
 import { onMounted } from 'vue';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types'
+import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
 const format = useFormatter();
 const chainStore = useBlockchain();
 
-const list = ref([] as ({ denom: string, amount: string, base: string, info: string, logo: string | undefined })[])
+const list = ref([] as { denom: string; amount: string; base: string; info: string; logo: string | undefined }[]);
 
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 
 interface SupplyAsset extends Asset {
-  logo: string | undefined
+  logo: string | undefined;
 }
 
 onMounted(() => {
-  pageload(1)
+  pageload(1);
 });
 
 function findGlobalAssetConfig(denom: string) {
-  const assets = chainStore.current?.assets
+  const assets = chainStore.current?.assets;
   if (assets) {
-    const conf = assets.find(a => a.base === denom)
+    const conf = assets.find((a) => a.base === denom);
     if (conf) {
-      return conf
+      return conf;
     }
   }
-  return undefined
+  return undefined;
 }
 
 async function mergeDenomMetadata(denom: string, denomsMetadatas: DenomMetadata[]): Promise<SupplyAsset> {
-  const denomMetadata = denomsMetadatas.find(d => d.base.endsWith(denom));
-  let asset = findGlobalAssetConfig(denom) as SupplyAsset
+  const denomMetadata = denomsMetadatas.find((d) => d.base.endsWith(denom));
+  let asset = findGlobalAssetConfig(denom) as SupplyAsset;
   if (asset && denomMetadata) {
-    asset = { ...denomMetadata, ...asset }
-    asset.display = denomMetadata.display
-    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.logo_URIs?.jpeg || undefined
+    asset = { ...denomMetadata, ...asset };
+    asset.display = denomMetadata.display;
+    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.logo_URIs?.jpeg || undefined;
   } else if (denomMetadata) {
-    return denomMetadata as SupplyAsset
+    return denomMetadata as SupplyAsset;
   }
   return asset;
 }
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
+  pageRequest.value.setPage(p);
   chainStore.rpc.getBankDenomMetadata().then(async (denomsMetaResponse) => {
     const bankSupplyResponse = await chainStore.rpc.getBankSupply(pageRequest.value);
-    list.value = await Promise.all(bankSupplyResponse.supply.map(async (coin: Coin) => {
-      const asset = await mergeDenomMetadata(coin.denom, denomsMetaResponse.metadatas)
-      const denom = (asset?.symbol || coin.denom)
-      return {
-        denom: denom.split('/')[denom.split('/').length - 1].toUpperCase(),
-        amount: format.tokenAmountNumber({ amount: coin.amount, denom: denom }).toString(),
-        base: asset.base || coin.denom,
-        info: asset.display || coin.denom,
-        logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || asset?.logo_URIs?.jpeg || "/logo.svg",
-      }
-    }));
-    pageResponse.value = bankSupplyResponse.pagination
-  })
+    list.value = await Promise.all(
+      bankSupplyResponse.supply.map(async (coin: Coin) => {
+        const asset = await mergeDenomMetadata(coin.denom, denomsMetaResponse.metadatas);
+        const denom = asset?.symbol || coin.denom;
+        return {
+          denom: denom.split('/')[denom.split('/').length - 1].toUpperCase(),
+          amount: format.tokenAmountNumber({ amount: coin.amount, denom: denom }).toString(),
+          base: asset.base || coin.denom,
+          info: asset.display || coin.denom,
+          logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || asset?.logo_URIs?.jpeg || '/logo.svg',
+        };
+      })
+    );
+    pageResponse.value = bankSupplyResponse.pagination;
+  });
 }
-
 </script>
 <template>
   <div class="overflow-auto bg-base-100">
     <table class="table table-compact">
-      <thead class=" bg-base-200">
+      <thead class="bg-base-200">
         <tr>
           <td>Logo</td>
           <td>Token</td>
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 4a9bb4bccb..89d89e94be 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -4,9 +4,9 @@ import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { computed, ref } from '@vue/reactivity';
 import type { Tx, TxResponse } from '@/types';
 
-import { JsonViewer } from "vue3-json-viewer"
+import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
-import "vue3-json-viewer/dist/index.css";
+import 'vue3-json-viewer/dist/index.css';
 
 const props = defineProps(['hash', 'chain']);
 
@@ -14,117 +14,119 @@ const blockchain = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
 const tx = ref(
-    {} as {
-        tx: Tx;
-        tx_response: TxResponse;
-    }
+  {} as {
+    tx: Tx;
+    tx_response: TxResponse;
+  }
 );
 if (props.hash) {
-    blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+  blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
 }
 const messages = computed(() => {
-    return tx.value.tx?.body?.messages.map(x=> {
-        if(x.packet?.data) {
-            // @ts-ignore
-            x.message = format.base64ToString(x.packet.data)
-        }
-        return x
-    }) || [];
+  return (
+    tx.value.tx?.body?.messages.map((x) => {
+      if (x.packet?.data) {
+        // @ts-ignore
+        x.message = format.base64ToString(x.packet.data);
+      }
+      return x;
+    }) || []
+  );
 });
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/tx/?tab=recent`"
-                >{{ $t('block.recent') }}</RouterLink>
-            <RouterLink class="tab text-gray-400 uppercase" 
-                :to="`/${chain}/tx/?tab=search`"
-                >Search</RouterLink>
-            <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
-        </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <RouterLink class="tab text-gray-400 uppercase" :to="`/${chain}/tx/?tab=recent`">{{
+        $t('block.recent')
+      }}</RouterLink>
+      <RouterLink class="tab text-gray-400 uppercase" :to="`/${chain}/tx/?tab=search`">Search</RouterLink>
+      <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
-            <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
-            <div class="overflow-hidden">
-                <table class="table text-sm">
-                    <tbody>
-                        <tr>
-                            <td>{{ $t('tx.tx_hash') }}</td>
-                            <td class="overflow-hidden">{{ tx.tx_response.txhash }}</td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('account.height') }}</td>
-                            <td>
-                                <RouterLink :to="`/${props.chain}/block/${tx.tx_response.height}`" class="text-primary dark:invert">{{ tx.tx_response.height
-                                }}
-                                </RouterLink>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('staking.status') }}</td>
-                            <td>
-                                <span class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded" :class="`text-${tx.tx_response.code === 0 ? 'success' : 'error'
-                                    }`">
-                                    <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${tx.tx_response.code === 0 ? 'success' : 'error'
-                                        }`"></span>
-                                    {{ tx.tx_response.code === 0 ? 'Success' : 'Failed' }}
-                                </span>
-                                <span>
-                                    {{ tx.tx_response.code === 0 ? '' : tx?.tx_response?.raw_log }}
-                                </span>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('account.time') }}</td>
-                            <td>
-                                {{ format.toLocaleDate(tx.tx_response.timestamp) }} ({{
-                                    format.toDay(tx.tx_response.timestamp, 'from')
-                                }})
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.gas') }}</td>
-                            <td>
-                                {{ tx.tx_response.gas_used }} / {{ tx.tx_response.gas_wanted }}
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.fee') }}</td>
-                            <td>
-                                {{
-                                    format.formatTokens(
-                                        tx.tx?.auth_info?.fee?.amount,
-                                        true,
-                                        '0,0.[00]'
-                                    )
-                                }}
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>{{ $t('tx.memo') }}</td>
-                            <td>{{ tx.tx.body.memo }}</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
+    <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
+      <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
+      <div class="overflow-hidden">
+        <table class="table text-sm">
+          <tbody>
+            <tr>
+              <td>{{ $t('tx.tx_hash') }}</td>
+              <td class="overflow-hidden">{{ tx.tx_response.txhash }}</td>
+            </tr>
+            <tr>
+              <td>{{ $t('account.height') }}</td>
+              <td>
+                <RouterLink :to="`/${props.chain}/block/${tx.tx_response.height}`" class="text-primary dark:invert"
+                  >{{ tx.tx_response.height }}
+                </RouterLink>
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('staking.status') }}</td>
+              <td>
+                <span
+                  class="text-xs truncate relative py-2 px-4 w-fit mr-2 rounded"
+                  :class="`text-${tx.tx_response.code === 0 ? 'success' : 'error'}`"
+                >
+                  <span
+                    class="inset-x-0 inset-y-0 opacity-10 absolute"
+                    :class="`bg-${tx.tx_response.code === 0 ? 'success' : 'error'}`"
+                  ></span>
+                  {{ tx.tx_response.code === 0 ? 'Success' : 'Failed' }}
+                </span>
+                <span>
+                  {{ tx.tx_response.code === 0 ? '' : tx?.tx_response?.raw_log }}
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('account.time') }}</td>
+              <td>
+                {{ format.toLocaleDate(tx.tx_response.timestamp) }} ({{
+                  format.toDay(tx.tx_response.timestamp, 'from')
+                }})
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.gas') }}</td>
+              <td>{{ tx.tx_response.gas_used }} / {{ tx.tx_response.gas_wanted }}</td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.fee') }}</td>
+              <td>
+                {{ format.formatTokens(tx.tx?.auth_info?.fee?.amount, true, '0,0.[00]') }}
+              </td>
+            </tr>
+            <tr>
+              <td>{{ $t('tx.memo') }}</td>
+              <td>{{ tx.tx.body.memo }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
-            <h2 class="card-title truncate mb-2">
-                {{ $t('account.messages') }}: ({{ messages.length }})
-            </h2>
-            <div v-for="(msg, i) in messages">
-                <div class="border border-slate-400 rounded-md mt-4">
-                    <DynamicComponent :value="msg" />
-                </div>
-            </div>
-            <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
+    <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
+      <h2 class="card-title truncate mb-2">{{ $t('account.messages') }}: ({{ messages.length }})</h2>
+      <div v-for="(msg, i) in messages">
+        <div class="border border-slate-400 rounded-md mt-4">
+          <DynamicComponent :value="msg" />
         </div>
+      </div>
+      <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
+    </div>
 
-        <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-            <h2 class="card-title truncate mb-2">JSON</h2>
-            <JsonViewer :value="tx" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort expand-depth="5"/>
-        </div>
+    <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title truncate mb-2">JSON</h2>
+      <JsonViewer
+        :value="tx"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        expand-depth="5"
+      />
     </div>
+  </div>
 </template>
diff --git a/src/modules/[chain]/tx/index.vue b/src/modules/[chain]/tx/index.vue
index 06c191120c..fe8813a2cc 100644
--- a/src/modules/[chain]/tx/index.vue
+++ b/src/modules/[chain]/tx/index.vue
@@ -8,80 +8,94 @@ const props = defineProps(['chain']);
 const vueRouters = useRouter();
 const tab = ref('recent');
 
-const base = useBaseStore()
-const chainStore = useBlockchain()
+const base = useBaseStore();
+const chainStore = useBlockchain();
 
 const format = useFormatter();
 const hashReg = /^[A-Z\d]{64}$/;
 const hash = ref('');
 const current = chainStore?.current?.chainName || '';
 onMounted(() => {
-    tab.value = String(vueRouters.currentRoute.value.query.tab || 'recent');
-    console.log(tab.value);
+  tab.value = String(vueRouters.currentRoute.value.query.tab || 'recent');
+  console.log(tab.value);
 });
 function search() {
-    if (hashReg.test(hash.value)) {
-      vueRouters.push({ path: `/${current}/tx/${hash.value}` });
-    }
+  if (hashReg.test(hash.value)) {
+    vueRouters.push({ path: `/${current}/tx/${hash.value}` });
+  }
 }
 </script>
 <template>
-    <div>
-        <div class="tabs tabs-boxed bg-transparent mb-4">
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'recent' }"
-                @click="tab = 'recent'">{{ $t('block.recent') }}</a>
-            <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'search' }"
-                @click="tab = 'search'">Search</a>
-        </div>
+  <div>
+    <div class="tabs tabs-boxed bg-transparent mb-4">
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'recent' }" @click="tab = 'recent'">{{
+        $t('block.recent')
+      }}</a>
+      <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'search' }" @click="tab = 'search'"
+        >Search</a
+      >
+    </div>
 
-        <div v-show="tab === 'recent'" class="bg-base-100 rounded overflow-x-auto">
-            <table class="table w-full table-compact">
-                <thead class="bg-base-200">
-                    <tr>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.height') }}</th>
-                        <th style="position: relative; z-index: 2;">{{ $t('account.hash') }}</th>
-                        <th>{{ $t('account.messages') }}</th>
-                        <th>{{ $t('block.fees') }}</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="(item, index) in base.txsInRecents" :index="index" class="hover">
-                        <td class="text-sm text-primary">
-                            <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
-                        </td>
-                        <td class="truncate text-primary" width="50%">
-                            <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
-                item.hash
-            }}</RouterLink>
-                        </td>
-                        <td>{{ format.messages(item.tx.body.messages) }}</td>
-                        <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="p-4">
-                <div class="alert relative bg-transparent">
-                    <div class="alert  absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
-                    <div class="text-info flex gap-2">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                            class="stroke-current flex-shrink-0 w-6 h-6">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                        </svg>
-                        <span>{{ $t('block.only_tx') }}</span>
-                    </div>
-                </div>
-            </div>
+    <div v-show="tab === 'recent'" class="bg-base-100 rounded overflow-x-auto">
+      <table class="table w-full table-compact">
+        <thead class="bg-base-200">
+          <tr>
+            <th style="position: relative; z-index: 2">{{ $t('account.height') }}</th>
+            <th style="position: relative; z-index: 2">{{ $t('account.hash') }}</th>
+            <th>{{ $t('account.messages') }}</th>
+            <th>{{ $t('block.fees') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(item, index) in base.txsInRecents" :index="index" class="hover">
+            <td class="text-sm text-primary">
+              <RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink>
+            </td>
+            <td class="truncate text-primary" width="50%">
+              <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{ item.hash }}</RouterLink>
+            </td>
+            <td>{{ format.messages(item.tx.body.messages) }}</td>
+            <td>{{ format.formatTokens(item.tx.authInfo.fee?.amount) }}</td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="p-4">
+        <div class="alert relative bg-transparent">
+          <div class="alert absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
+          <div class="text-info flex gap-2">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current flex-shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
+            </svg>
+            <span>{{ $t('block.only_tx') }}</span>
+          </div>
         </div>
+      </div>
+    </div>
 
-        <div v-show="tab === 'search'" class="bg-base-100 rounded overflow-x-auto">
-            <div class="p-4">
-                <div class="form-control">
-                    <input v-model="hash" type="text" class="input input-bordered" placeholder="Search by Tx Hash" @blur="search"/>
-                </div>
-            </div>
+    <div v-show="tab === 'search'" class="bg-base-100 rounded overflow-x-auto">
+      <div class="p-4">
+        <div class="form-control">
+          <input
+            v-model="hash"
+            type="text"
+            class="input input-bordered"
+            placeholder="Search by Tx Hash"
+            @blur="search"
+          />
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <route>
diff --git a/src/modules/[chain]/uptime/customize.vue b/src/modules/[chain]/uptime/customize.vue
index 90c3b80407..e4f19b726a 100644
--- a/src/modules/[chain]/uptime/customize.vue
+++ b/src/modules/[chain]/uptime/customize.vue
@@ -2,13 +2,7 @@
 import { ref, onMounted, computed, watchEffect } from 'vue';
 import { fromHex, toBase64 } from '@cosmjs/encoding';
 import { Icon } from '@iconify/vue';
-import {
-  useFormatter,
-  useStakingStore,
-  useBaseStore,
-  useBlockchain,
-useDashboard,
-} from '@/stores';
+import { useFormatter, useStakingStore, useBaseStore, useBlockchain, useDashboard } from '@/stores';
 import UptimeBar from '@/components/UptimeBar.vue';
 import type { Block, Commit } from '@/types';
 import { consensusPubkeyToHexAddress, valconsToBase64 } from '@/libs';
@@ -20,106 +14,110 @@ const props = defineProps(['chain']);
 const stakingStore = useStakingStore();
 const format = useFormatter();
 const chainStore = useBlockchain();
-const dashboard = useDashboard()
+const dashboard = useDashboard();
 // storage local favorite validator ids
-const local = ref(JSON.parse(localStorage.getItem('uptime-validators') || '{}') as Record<string, {name: string, address: string}[]>)
+const local = ref(
+  JSON.parse(localStorage.getItem('uptime-validators') || '{}') as Record<string, { name: string; address: string }[]>
+);
 const signingInfo = ref({} as Record<string, SigningInfo[]>);
-const selected = ref([] as string[])
-const selectChain = ref(chainStore.chainName)
-const validators = ref(stakingStore.validators)
-const keyword = ref("")
+const selected = ref([] as string[]);
+const selectChain = ref(chainStore.chainName);
+const validators = ref(stakingStore.validators);
+const keyword = ref('');
 
 function loadSigningInfo(chainName: string) {
-  const chain = dashboard.chains[chainName]
-  if(chain && chain.endpoints.rest) {
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address)
-    client.getSlashingSigningInfos().then( resp => {
-      signingInfo.value[chainName] = resp.info
-    })
+  const chain = dashboard.chains[chainName];
+  if (chain && chain.endpoints.rest) {
+    const client = CosmosRestClient.newDefault(chain.endpoints.rest[0].address);
+    client.getSlashingSigningInfos().then((resp) => {
+      signingInfo.value[chainName] = resp.info;
+    });
   }
 }
-if(local.value) Object.keys(local.value).map(chainName => {
-  loadSigningInfo(chainName)
-})
+if (local.value)
+  Object.keys(local.value).map((chainName) => {
+    loadSigningInfo(chainName);
+  });
 
 function initial() {
-  const vals = local.value[selectChain.value]
-  if(vals) {
-    selected.value = vals.map(x => x.address)
+  const vals = local.value[selectChain.value];
+  if (vals) {
+    selected.value = vals.map((x) => x.address);
   }
 }
 
 const filterValidators = computed(() => {
-  if(keyword.value) {
-    return validators.value.filter(x => x.description.moniker.indexOf(keyword.value) > -1)
+  if (keyword.value) {
+    return validators.value.filter((x) => x.description.moniker.indexOf(keyword.value) > -1);
   }
-  return validators.value
-})
+  return validators.value;
+});
 
 const list = computed(() => {
-  const list = [] as any[]
-  if(local.value) Object.keys(local.value).map( chainName => {
-    const vals = local.value[chainName]
-    const info = signingInfo.value[chainName]
-    if(vals && info) {
-      vals.forEach(v => {
-        const sigingInfo = info.find(x => valconsToBase64(x.address) === v.address)
-        list.push( {
-          chainName,
-          v,
-          sigingInfo,
-        })
-      })
-    }
-  })
-  return list
-})
+  const list = [] as any[];
+  if (local.value)
+    Object.keys(local.value).map((chainName) => {
+      const vals = local.value[chainName];
+      const info = signingInfo.value[chainName];
+      if (vals && info) {
+        vals.forEach((v) => {
+          const sigingInfo = info.find((x) => valconsToBase64(x.address) === v.address);
+          list.push({
+            chainName,
+            v,
+            sigingInfo,
+          });
+        });
+      }
+    });
+  return list;
+});
 
 function add() {
-  if(!signingInfo.value[selectChain.value]) {
-    loadSigningInfo(selectChain.value)
+  if (!signingInfo.value[selectChain.value]) {
+    loadSigningInfo(selectChain.value);
   }
-  const newList = [] as { name: string; address: string; }[]
-  selected.value.forEach(x => {
-    const validator = validators.value.find(v => (consensusPubkeyToHexAddress(v.consensus_pubkey) === x))
-    if(validator) newList.push({
-      name: validator.description.moniker || x,
-      address: x
-    })
-  })
-  if(!local.value) local.value = {}
-  local.value[selectChain.value] = newList
-
-  localStorage.setItem("uptime-validators", JSON.stringify(local.value))
+  const newList = [] as { name: string; address: string }[];
+  selected.value.forEach((x) => {
+    const validator = validators.value.find((v) => consensusPubkeyToHexAddress(v.consensus_pubkey) === x);
+    if (validator)
+      newList.push({
+        name: validator.description.moniker || x,
+        address: x,
+      });
+  });
+  if (!local.value) local.value = {};
+  local.value[selectChain.value] = newList;
+
+  localStorage.setItem('uptime-validators', JSON.stringify(local.value));
 }
 
 function changeChain() {
-  validators.value = []
-  const endpoint = dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address
-  if(!endpoint) return 
-
-  const client = CosmosRestClient.newDefault(endpoint)
-  client.getStakingValidators("BOND_STATUS_BONDED").then(x => {
-    validators.value = x.validators
-  })
-
-  const vals = local.value[selectChain.value]
-  if(vals) {
-    selected.value = vals.map(x => x.address)
+  validators.value = [];
+  const endpoint = dashboard.chains[selectChain.value].endpoints.rest?.at(0)?.address;
+  if (!endpoint) return;
+
+  const client = CosmosRestClient.newDefault(endpoint);
+  client.getStakingValidators('BOND_STATUS_BONDED').then((x) => {
+    validators.value = x.validators;
+  });
+
+  const vals = local.value[selectChain.value];
+  if (vals) {
+    selected.value = vals.map((x) => x.address);
   } else {
-    selected.value = []
+    selected.value = [];
   }
 }
 
 function color(v: string) {
-  if(v) {
-    const n = Number(v)
-    if(n < 10) return " badge-success"
-    if(n > 1000) return " badge-error"
-    if(n > 0) return " badge-warning"
+  if (v) {
+    const n = Number(v);
+    if (n < 10) return ' badge-success';
+    if (n > 1000) return ' badge-error';
+    if (n > 0) return ' badge-warning';
   }
 }
-
 </script>
 
 <template>
@@ -127,24 +125,31 @@ function color(v: string) {
     <div class="overflow-x-auto w-full">
       <div class="lg:!flex lg:!items-center lg:!justify-between bg-base-100 p-5">
         <div class="min-w-0 flex-1">
-          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">{{ $t('uptime.my_validators') }}</h2>
+          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
+            {{ $t('uptime.my_validators') }}
+          </h2>
           <div class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6">
             <div class="mt-2 flex items-center text-sm text-gray-500">
-              <svg class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor"
-                aria-hidden="true">
-                <path fill-rule="evenodd"
+              <svg
+                class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
                   d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
-                  clip-rule="evenodd" />
+                  clip-rule="evenodd"
+                />
                 <path
-                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z" />
+                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
+                />
               </svg>
               {{ $t('uptime.add_validators_monitor') }}
             </div>
           </div>
         </div>
-        <div class="mt-5 flex lg:!ml-4 lg:!mt-0">
-          
-        </div>
+        <div class="mt-5 flex lg:!ml-4 lg:!mt-0"></div>
       </div>
       <table class="table table-compact w-full">
         <thead>
@@ -161,24 +166,36 @@ function color(v: string) {
         </thead>
         <tbody>
           <tr v-for="(v, i) in list" class="hover">
-            <td>{{ i+1 }}</td>
-            <td class=" capitalize">{{ v.chainName }}</td>
+            <td>{{ i + 1 }}</td>
+            <td class="capitalize">{{ v.chainName }}</td>
             <td>{{ v.v.name }}</td>
-            <td><span v-if="v.sigingInfo">{{ Number(v.sigingInfo.index_offset) - Number(v.sigingInfo.start_height) }}</span></td>
+            <td>
+              <span v-if="v.sigingInfo">{{
+                Number(v.sigingInfo.index_offset) - Number(v.sigingInfo.start_height)
+              }}</span>
+            </td>
             <td>
               <div v-if="v.sigingInfo && !v.sigingInfo?.jailed_until.startsWith('1970')" class="text-xs flex flex-wrap">
                 <div class="mt-1">{{ format.toLocaleDate(v.sigingInfo?.jailed_until) }}</div>
                 <div class="badge">{{ format.toDay(v.sigingInfo.jailed_until, 'from') }}</div>
               </div>
             </td>
-            <td class=" capitalize">{{ v.sigingInfo?.tombstoned }}</td>
-            <td><span v-if="v.sigingInfo" class="badge " :class="color( v.sigingInfo?.missed_blocks_counter)">{{ v.sigingInfo?.missed_blocks_counter }}</span></td>
-            <td class=""><RouterLink :to="`/${v.chainName}/uptime/#blocks`" class="btn btn-xs btn-primary">{{ $t('module.blocks') }}</RouterLink></td>
+            <td class="capitalize">{{ v.sigingInfo?.tombstoned }}</td>
+            <td>
+              <span v-if="v.sigingInfo" class="badge" :class="color(v.sigingInfo?.missed_blocks_counter)">{{
+                v.sigingInfo?.missed_blocks_counter
+              }}</span>
+            </td>
+            <td class="">
+              <RouterLink :to="`/${v.chainName}/uptime/#blocks`" class="btn btn-xs btn-primary">{{
+                $t('module.blocks')
+              }}</RouterLink>
+            </td>
           </tr>
         </tbody>
       </table>
     </div>
-    
+
     <div class="text-center">
       <label for="add-validator" class="btn btn-primary mt-5">{{ $t('uptime.add_validators') }}</label>
     </div>
@@ -189,26 +206,40 @@ function color(v: string) {
       <div class="modal-box relative">
         <label for="add-validator" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
         <h3 class="text-lg font-bold">{{ $t('uptime.add_validators') }}</h3>
-          <div class="form-control my-5 border-2">
-            <div class="input-group input-group-md">
+        <div class="form-control my-5 border-2">
+          <div class="input-group input-group-md">
             <select v-model="selectChain" class="select select-bordered capitalize" @change="changeChain">
               <option v-for="v in dashboard.chains" :value="v.chainName">
                 {{ v.chainName }}
               </option>
             </select>
-              <input v-model="keyword" type="text" class="input w-full" placeholder="keywords to filter validator">
-            </div>
+            <input v-model="keyword" type="text" class="input w-full" placeholder="keywords to filter validator" />
           </div>
+        </div>
         <div class="py-4 max-h-60 overflow-y-auto">
-          
           <table class="table table-compact w-full hover">
             <thead>
-              <tr><th>{{ $t('account.validator') }}</th><th></th></tr>
+              <tr>
+                <th>{{ $t('account.validator') }}</th>
+                <th></th>
+              </tr>
             </thead>
             <tbody>
               <tr v-for="(v, i) in filterValidators">
-                <td><label :for="v.operator_address"><div class=" w-full">{{ i+1 }}. {{ v.description.moniker }}</div></label></td>
-                <td><input :id="v.operator_address" v-model="selected" class="checkbox" type="checkbox" :value="consensusPubkeyToHexAddress(v.consensus_pubkey)"/></td>
+                <td>
+                  <label :for="v.operator_address"
+                    ><div class="w-full">{{ i + 1 }}. {{ v.description.moniker }}</div></label
+                  >
+                </td>
+                <td>
+                  <input
+                    :id="v.operator_address"
+                    v-model="selected"
+                    class="checkbox"
+                    type="checkbox"
+                    :value="consensusPubkeyToHexAddress(v.consensus_pubkey)"
+                  />
+                </td>
               </tr>
             </tbody>
           </table>
@@ -221,4 +252,3 @@ function color(v: string) {
     <div class="h-6"></div>
   </div>
 </template>
-
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 852338d654..d473dff434 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -1,12 +1,7 @@
 <script lang="ts" setup>
 import { ref, onMounted, computed, onUnmounted } from 'vue';
 import { fromHex, toBase64, fromBase64, toHex } from '@cosmjs/encoding';
-import {
-  useStakingStore,
-  useBaseStore,
-  useBlockchain,
-  useFormatter,
-} from '@/stores';
+import { useStakingStore, useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import UptimeBar from '@/components/UptimeBar.vue';
 import type { SlashingParam, SigningInfo, Block } from '@/types';
 import { consensusPubkeyToHexAddress, valconsToBase64 } from '@/libs';
@@ -22,7 +17,7 @@ const keyword = ref('');
 const live = ref(true);
 const slashingParam = ref({} as SlashingParam);
 const signingInfo = ref({} as Record<string, SigningInfo>);
-const consumerValidators = ref([] as {moniker: string, base64: string}[]);
+const consumerValidators = ref([] as { moniker: string; base64: string }[]);
 
 interface BlockColor {
   height: string;
@@ -39,26 +34,30 @@ interface ValidatorUnit {
 }
 
 function padding(blocks: BlockColor[] = []) {
-  const raw = Array(50).fill({ height: "0", color: 'bg-secondary' } as BlockColor).concat(blocks)
+  const raw = Array(50)
+    .fill({ height: '0', color: 'bg-secondary' } as BlockColor)
+    .concat(blocks);
   return raw.slice(raw.length - 50);
 }
 
 const validatorSet = computed(() => {
   if (chainStore.isConsumerChain) {
     return consumerValidators.value.map((v) => {
-      const b64 = valconsToBase64(v.moniker)
-      const moniker = stakingStore.validators.find((x) => toBase64(fromHex(consensusPubkeyToHexAddress(x.consensus_pubkey))) === b64)?.description.moniker;
+      const b64 = valconsToBase64(v.moniker);
+      const moniker = stakingStore.validators.find(
+        (x) => toBase64(fromHex(consensusPubkeyToHexAddress(x.consensus_pubkey))) === b64
+      )?.description.moniker;
       return {
         moniker: moniker || v.moniker,
-        base64: v.base64
+        base64: v.base64,
       };
     });
-  }; 
+  }
   return stakingStore.validators.map((v) => {
-    const hex = consensusPubkeyToHexAddress(v.consensus_pubkey)
+    const hex = consensusPubkeyToHexAddress(v.consensus_pubkey);
     return {
       moniker: v.description.moniker,
-      base64: toBase64(fromHex(hex))
+      base64: toBase64(fromHex(hex)),
     };
   });
 });
@@ -66,34 +65,33 @@ const validatorSet = computed(() => {
 const blockColors = ref({} as Record<string, BlockColor[]>);
 
 const grid = computed(() => {
-
-  const validators = keyword.value.length === 0 ? validatorSet.value :
-    validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
+  const validators =
+    keyword.value.length === 0
+      ? validatorSet.value
+      : validatorSet.value.filter((v) => v.moniker.toLowerCase().includes(keyword.value.toLowerCase()));
 
   const window = Number(slashingParam.value.signed_blocks_window || 0);
   return validators.map((v) => {
     const signing = signingInfo.value[v.base64];
-    const uptime = signing && window > 0
-      ? (window - Number(signing.missed_blocks_counter)) / window
-      : undefined
+    const uptime = signing && window > 0 ? (window - Number(signing.missed_blocks_counter)) / window : undefined;
     return {
       moniker: v.moniker,
       base64: v.base64,
       blocks: padding(blockColors.value[v.base64] || []),
       uptime,
       missed_blocks_counter: signing?.missed_blocks_counter,
-      signing
+      signing,
     } as ValidatorUnit;
-  })
+  });
 });
 
 const preload = ref(false);
 baseStore.$subscribe((_, state) => {
-  const newHeight = Number(state.latest?.block?.header?.height || 0)
+  const newHeight = Number(state.latest?.block?.header?.height || 0);
   if (newHeight > latest.value) {
     latest.value = newHeight;
     // initialize if it's the first time
-    if(!preload.value) {
+    if (!preload.value) {
       preFill();
       preload.value = true;
     }
@@ -101,18 +99,23 @@ baseStore.$subscribe((_, state) => {
     // reset the consumer validators
     if (newHeight > 0 && consumerValidators.value.length === 0) {
       const chain_id = state.latest.block.header.chain_id;
-      Promise.resolve().then(async () =>{
+      Promise.resolve().then(async () => {
         await stakingStore.getConsumerValidators(chain_id).then((x) => {
-        x.validators.sort((a,b) => Number(b.power)-Number(a.power)).forEach(v => {
-          const base64 = toBase64(fromHex(consensusPubkeyToHexAddress({"@type": "/cosmos.crypto.ed25519.PubKey", key: v.consumer_key.ed25519 })));
-          const moniker = v.provider_address;
-          consumerValidators.value.push({ moniker, base64});
+          x.validators
+            .sort((a, b) => Number(b.power) - Number(a.power))
+            .forEach((v) => {
+              const base64 = toBase64(
+                fromHex(
+                  consensusPubkeyToHexAddress({ '@type': '/cosmos.crypto.ed25519.PubKey', key: v.consumer_key.ed25519 })
+                )
+              );
+              const moniker = v.provider_address;
+              consumerValidators.value.push({ moniker, base64 });
+            });
         });
-
       });
-      }) 
     }
-    
+
     if (Number(state.latest.block.header.height) % 7 === 0) updateTotalSigningInfo();
     fillblock(state.latest);
   }
@@ -134,38 +137,38 @@ onMounted(() => {
 });
 
 function preFill() {
-
-  if(latest.value > 50 && baseStore.recents.length >= 49 ) return
+  if (latest.value > 50 && baseStore.recents.length >= 49) return;
   // preload 50 blocks if recent blocks are not enough
   let promise = Promise.resolve();
   for (let i = latest.value - baseStore.recents.length; i > latest.value - 50 && i > 1; i -= 1) {
-    promise = promise.then(() =>
-      new Promise((resolve) => {
-        if (live.value) {
-          // continue only if the page is living
-          if (i > latest.value - 50)
-            baseStore.fetchBlock(i).then((x) => {
-              fillblock(x, 'start');
-              resolve();
-            });
-        }
-      })
+    promise = promise.then(
+      () =>
+        new Promise((resolve) => {
+          if (live.value) {
+            // continue only if the page is living
+            if (i > latest.value - 50)
+              baseStore.fetchBlock(i).then((x) => {
+                fillblock(x, 'start');
+                resolve();
+              });
+          }
+        })
     );
   }
 }
 function fillblock(b: Block, direction: string = 'end') {
   validatorSet.value.forEach((v) => {
-    const sig = b.block.last_commit?.signatures.find((s) => s.validator_address === v.base64)
+    const sig = b.block.last_commit?.signatures.find((s) => s.validator_address === v.base64);
     const block = blockColors.value[v.base64] || [];
     let color = {
       height: b.block.header.height,
-      color: 'bg-red-500'
-    }
+      color: 'bg-red-500',
+    };
     if (sig) {
       color = {
         height: b.block.header.height,
-        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500'
-      }
+        color: sig.block_id_flag === 'BLOCK_ID_FLAG_COMMIT' ? 'bg-green-500' : 'bg-yellow-500',
+      };
     }
     if (direction === 'end') {
       block.push(color);
@@ -194,24 +197,29 @@ const tab = ref('2');
 function changeTab(v: string) {
   tab.value = v;
 }
-
 </script>
 
 <template>
   <div>
     <div class="tabs tabs-boxed bg-transparent mb-4">
       <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '3' }" @click="changeTab('3')">{{
-        $t('uptime.overall') }}</a>
+        $t('uptime.overall')
+      }}</a>
       <a class="tab text-gray-400 capitalize" :class="{ 'tab-active': tab === '2' }" @click="changeTab('2')">{{
-        $t('module.blocks') }}</a>
+        $t('module.blocks')
+      }}</a>
       <RouterLink :to="`/${chain}/uptime/customize`">
         <a class="tab text-gray-400 capitalize">{{ $t('uptime.customize') }}</a>
       </RouterLink>
     </div>
     <div class="bg-base-100 px-5 pt-5">
       <div class="flex items-center gap-x-4">
-        <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
-          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600" />
+        <input
+          type="text"
+          v-model="keyword"
+          placeholder="Keywords to filter validators"
+          class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600"
+        />
       </div>
 
       <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
@@ -222,8 +230,10 @@ function changeTab(v: string) {
               <label class="truncate text-sm">
                 <span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ unit.moniker }}</span>
               </label>
-              <div v-if="Number(unit?.missed_blocks_counter || 0) > 10"
-                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold">
+              <div
+                v-if="Number(unit?.missed_blocks_counter || 0) > 10"
+                class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
+              >
                 {{ unit?.missed_blocks_counter }}
               </div>
               <div v-else class="badge badge-sm bg-transparent text-green-600 border-0 font-bold">
@@ -234,7 +244,7 @@ function changeTab(v: string) {
           </div>
         </div>
         <div class="mt-5 text-xs flex justify-center gap-2">
-          <span class=" font-bold">{{ $t('uptime.legend') }}: </span>
+          <span class="font-bold">{{ $t('uptime.legend') }}: </span>
           <span class="bg-green-500">&nbsp;</span> {{ $t('uptime.committed') }}
           <span class="bg-yellow-500">&nbsp;</span> {{ $t('uptime.precommitted') }}
           <span class="bg-red-500">&nbsp;</span> {{ $t('uptime.missed') }}
@@ -255,13 +265,10 @@ function changeTab(v: string) {
           </thead>
           <tr v-for="(v, i) in grid" class="hover">
             <td>
-              <div class="truncate max-w-sm">
-                {{ i + 1 }}. {{ v.moniker }}
-              </div>
+              <div class="truncate max-w-sm">{{ i + 1 }}. {{ v.moniker }}</div>
             </td>
             <td class="text-right">
-              <span :class="v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'
-        ">
+              <span :class="v.uptime && v.uptime > 0.95 ? 'text-green-500' : 'text-red-500'">
                 <div class="tooltip" :data-tip="`${v.missed_blocks_counter} missing blocks`">
                   {{ format.percent(v.uptime) }}
                 </div>
@@ -276,11 +283,8 @@ function changeTab(v: string) {
             </td>
             <td class="text-xs text-right">
               <span v-if="v.signing && v.signing.jailed_until.startsWith('1970')" class="text-right">{{
-        format.percent(
-          Number(v.signing.index_offset) /
-          (latest - Number(v.signing.start_height))
-        )
-      }}</span>
+                format.percent(Number(v.signing.index_offset) / (latest - Number(v.signing.start_height)))
+              }}</span>
               {{ v.signing?.index_offset }}
             </td>
             <td class="text-right">{{ v.signing?.start_height }}</td>
@@ -290,10 +294,10 @@ function changeTab(v: string) {
             <tr>
               <td colspan="2" class="text-right">
                 {{ $t('uptime.minimum_uptime') }}:
-                <span class="lowercase tooltip" :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"><span
-                    class="ml-2 btn btn-error btn-xs">{{
-        format.percent(slashingParam.min_signed_per_window)
-                    }}</span>
+                <span class="lowercase tooltip" :data-tip="`Window size: ${slashingParam.signed_blocks_window}`"
+                  ><span class="ml-2 btn btn-error btn-xs">{{
+                    format.percent(slashingParam.min_signed_per_window)
+                  }}</span>
                 </span>
               </td>
               <td colspan="8"></td>
diff --git a/src/modules/[chain]/widget/index.vue b/src/modules/[chain]/widget/index.vue
index 804b3e5314..8f136c891b 100644
--- a/src/modules/[chain]/widget/index.vue
+++ b/src/modules/[chain]/widget/index.vue
@@ -7,48 +7,56 @@ import { ref } from 'vue';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const baseStore = useBaseStore()
-const endpoint = ref(chainStore.current?.endpoints?.rest?.at(0)?.address)
+const baseStore = useBaseStore();
+const endpoint = ref(chainStore.current?.endpoints?.rest?.at(0)?.address);
 
-const chainId = computed(() => baseStore.latest?.block?.header?.chain_id || "")
-const chainName = computed(() => chainStore?.current?.prettyName || "")
+const chainId = computed(() => baseStore.latest?.block?.header?.chain_id || '');
+const chainName = computed(() => chainStore?.current?.prettyName || '');
 const hdPath = computed(() => {
-    return `m/44'/${ chainStore.current?.coinType }/0'/0/0`
-})
+  return `m/44'/${chainStore.current?.coinType}/0'/0/0`;
+});
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title">{{ $t('widget.title') }}</h2>
-      <div class="my-4 grid grid-flow-col auto-cols-max  overflow-auto">
+      <div class="my-4 grid grid-flow-col auto-cols-max overflow-auto">
         <div class="form-control">
-            <div class="input-group">
-                <span>{{ $t('widget.endpoint') }}</span>
-                <select v-model="endpoint" class="select select-bordered w-fit">
-                <option disabled selected>{{ $t('widget.select_endpoint') }}</option>
-                <option v-for="v in chainStore.current?.endpoints.rest" :value="v.address">{{ v.address }}</option>
-                </select>
-            </div>
+          <div class="input-group">
+            <span>{{ $t('widget.endpoint') }}</span>
+            <select v-model="endpoint" class="select select-bordered w-fit">
+              <option disabled selected>{{ $t('widget.select_endpoint') }}</option>
+              <option v-for="v in chainStore.current?.endpoints.rest" :value="v.address">{{ v.address }}</option>
+            </select>
+          </div>
         </div>
       </div>
       <span class="text-base">{{ $t('widget.text_1') }}</span>
-        <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix="1"><code class="text-gray-800 dark:invert">&lt;script type="module" src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"&gt;</code></pre>
-        </div>
+      <div class="mockup-code bg-base-200 my-2">
+        <pre
+          data-prefix="1"
+        ><code class="text-gray-800 dark:invert">&lt;script type="module" src="https://unpkg.com/ping-widget@latest/dist/ping-widget.js"&gt;</code></pre>
+      </div>
     </div>
     <div class="bg-base-100 my-5 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title">{{ $t('module.widget') }}</h2>
       <div class="mt-4">
         <span class="text-base"> 1. {{ $t('widget.text_2') }}</span>
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class="text-green-400">&lt;!-- This widget is optional. --&gt; </code></pre>
-            <pre data-prefix=">"><code  class="text-gray-800 dark:invert">&lt;ping-connect-wallet chain-id="{{ chainId }}" hd-path="{{ hdPath }}"/&gt;</code></pre>
+          <pre data-prefix=">"><code class="text-green-400">&lt;!-- This widget is optional. --&gt; </code></pre>
+          <pre
+            data-prefix=">"
+          ><code  class="text-gray-800 dark:invert">&lt;ping-connect-wallet chain-id="{{ chainId }}" hd-path="{{ hdPath }}"/&gt;</code></pre>
         </div>
 
         <span class="text-base"> 2. {{ $t('widget.text_3') }}</span>
         <div class="mockup-code bg-base-200 my-2">
-            <pre data-prefix=">"><code class=" text-gray-800 dark:invert">&lt;ping-token-convert chain-name="{{ chainName }}" endpoint="{{endpoint}}" hd-path="{{hdPath}}"/&gt;</code></pre>
-            <pre data-prefix=">"><code class="text-gray-800 dark:invert">&lt;label for="PingTokenConvert" class="btn btn-sm"&gt;Buy {{chainName.toUpperCase()}}&lt;/label&gt;</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class=" text-gray-800 dark:invert">&lt;ping-token-convert chain-name="{{ chainName }}" endpoint="{{endpoint}}" hd-path="{{hdPath}}"/&gt;</code></pre>
+          <pre
+            data-prefix=">"
+          ><code class="text-gray-800 dark:invert">&lt;label for="PingTokenConvert" class="btn btn-sm"&gt;Buy {{chainName.toUpperCase()}}&lt;/label&gt;</code></pre>
         </div>
       </div>
     </div>
diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index d9e4555459..37fd1c8112 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -6,33 +6,23 @@ import { fromBech32, toBase64, toBech32, toHex } from '@cosmjs/encoding';
 import { Icon } from '@iconify/vue';
 import { computed } from 'vue';
 import { ref } from 'vue';
-import {
-  scanLocalKeys,
-  type AccountEntry,
-  scanCompatibleAccounts,
-  type LocalKey,
-} from './utils';
+import { scanLocalKeys, type AccountEntry, scanCompatibleAccounts, type LocalKey } from './utils';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
 const dashboard = useDashboard();
-const chainStore = useBlockchain()
+const chainStore = useBlockchain();
 const format = useFormatter();
 const sourceAddress = ref(''); //
 const sourceHdPath = ref("m/44/118/0'/0/0"); //
 const selectedSource = ref({} as LocalKey); //
-const importStep = ref('step1')
+const importStep = ref('step1');
 
-const conf = ref(
-  JSON.parse(localStorage.getItem('imported-addresses') || '{}') as Record<
-    string,
-    AccountEntry[]
-  >
-);
+const conf = ref(JSON.parse(localStorage.getItem('imported-addresses') || '{}') as Record<string, AccountEntry[]>);
 const balances = ref({} as Record<string, CoinWithPrice[]>);
 const delegations = ref({} as Record<string, Delegation[]>);
 
-// initial loading queue 
-// load balances 
+// initial loading queue
+// load balances
 Object.values(conf.value).forEach((imported) => {
   let promise = Promise.resolve();
   for (let i = 0; i < imported.length; i++) {
@@ -41,11 +31,9 @@ Object.values(conf.value).forEach((imported) => {
         new Promise((resolve) => {
           // continue only if the page is living
           if (imported[i].endpoint) {
-            loadBalances(
-              imported[i].chainName,
-              imported[i].endpoint || '',
-              imported[i].address
-            ).finally(() => resolve());
+            loadBalances(imported[i].chainName, imported[i].endpoint || '', imported[i].address).finally(() =>
+              resolve()
+            );
           } else {
             resolve();
           }
@@ -56,48 +44,48 @@ Object.values(conf.value).forEach((imported) => {
 
 const accounts = computed(() => {
   let a = [] as {
-    key: string,
+    key: string;
     subaccounts: {
       account: AccountEntry;
       delegation: CoinWithPrice;
       balances: CoinWithPrice[];
-    }[]
+    }[];
   }[];
   Object.values(conf.value).forEach((x) => {
     const composition = x.map((entry) => {
       const d = delegations.value[entry.address];
-      let delegation = {} as CoinWithPrice
+      let delegation = {} as CoinWithPrice;
       if (d && d.length > 0) {
         d.forEach((b) => {
-          delegation.amount = (Number(b.balance.amount) + Number(delegation.amount || 0)).toFixed()
+          delegation.amount = (Number(b.balance.amount) + Number(delegation.amount || 0)).toFixed();
           delegation.denom = b.balance.denom;
         });
-        delegation.value = format.tokenValueNumber(delegation)
-        delegation.change24h = format.priceChanges(delegation.denom)
+        delegation.value = format.tokenValueNumber(delegation);
+        delegation.change24h = format.priceChanges(delegation.denom);
       }
       return {
         account: entry,
         delegation,
         balances: balances.value[entry.address]
-          ? balances.value[entry.address].map(x => {
-            const value = format.tokenValueNumber(x)
-            return {
-              amount: x.amount,
-              denom: x.denom,
-              value,
-              change24h: format.priceChanges(x.denom)
-            }
-          })
-          : []
-      }
+          ? balances.value[entry.address].map((x) => {
+              const value = format.tokenValueNumber(x);
+              return {
+                amount: x.amount,
+                denom: x.denom,
+                value,
+                change24h: format.priceChanges(x.denom),
+              };
+            })
+          : [],
+      };
     });
-    if (x.at(0)) a.push({ key: x.at(0)?.address || " ", subaccounts: composition });
+    if (x.at(0)) a.push({ key: x.at(0)?.address || ' ', subaccounts: composition });
   });
   return a;
 });
 
 const addresses = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts.map(a => a.account.address))
+  return accounts.value.flatMap((x) => x.subaccounts.map((a) => a.account.address));
   // const temp = [] as string[]
   // accounts.value.forEach((x) => x.accounts.forEach(a => {
   //   temp.push(a.account.address)
@@ -106,29 +94,33 @@ const addresses = computed(() => {
 });
 
 const totalValue = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts).reduce((s, e) => {
-    s += e.delegation.value || 0
-    e.balances.forEach(b => {
-      s += b.value || 0
-    })
-    return s
-  }, 0)
-})
+  return accounts.value
+    .flatMap((x) => x.subaccounts)
+    .reduce((s, e) => {
+      s += e.delegation.value || 0;
+      e.balances.forEach((b) => {
+        s += b.value || 0;
+      });
+      return s;
+    }, 0);
+});
 
 const totalChange = computed(() => {
-  return accounts.value.flatMap(x => x.subaccounts).reduce((s, e) => {
-    s += (e.delegation.change24h || 0) * (e.delegation.value || 0) / 100
-    e.balances.forEach(b => {
-      s += (b.change24h || 0) * (b.value || 0) / 100
-    })
-    return s
-  }, 0)
-})
+  return accounts.value
+    .flatMap((x) => x.subaccounts)
+    .reduce((s, e) => {
+      s += ((e.delegation.change24h || 0) * (e.delegation.value || 0)) / 100;
+      e.balances.forEach((b) => {
+        s += ((b.change24h || 0) * (b.value || 0)) / 100;
+      });
+      return s;
+    }, 0);
+});
 
 // Adding Model Boxes
 const availableAccount = computed(() => {
   if (sourceAddress.value) {
-    return scanCompatibleAccounts([{cosmosAddress: sourceAddress.value, hdPath: sourceHdPath.value }]).filter(
+    return scanCompatibleAccounts([{ cosmosAddress: sourceAddress.value, hdPath: sourceHdPath.value }]).filter(
       (x) => !addresses.value.includes(x.address)
     );
   }
@@ -165,10 +157,7 @@ async function addAddress(acc: AccountEntry) {
   // also add chain to favorite
   if (!dashboard?.favoriteMap?.[acc.chainName]) {
     dashboard.favoriteMap[acc.chainName] = true;
-    window.localStorage.setItem(
-      'favoriteMap',
-      JSON.stringify(dashboard.favoriteMap)
-    );
+    window.localStorage.setItem('favoriteMap', JSON.stringify(dashboard.favoriteMap));
   }
 
   if (acc.endpoint) {
@@ -180,8 +169,7 @@ async function addAddress(acc: AccountEntry) {
 
 // load balances for an address
 async function loadBalances(chainName: string, endpoint: string, address: string) {
-  
-  const endpointObj = chainStore.randomEndpoint(chainName)
+  const endpointObj = chainStore.randomEndpoint(chainName);
   const client = CosmosRestClient.newDefault(endpointObj?.address || endpoint);
   await client.getBankBalances(address).then((res) => {
     balances.value[address] = res.balances.filter((x) => x.denom.length < 10);
@@ -196,18 +184,23 @@ async function loadBalances(chainName: string, endpoint: string, address: string
     <div class="overflow-x-auto w-full rounded-md">
       <div class="flex flex-wrap justify-between bg-base-100 p-5">
         <div class="min-w-0">
-          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
-            Accounts
-          </h2>
+          <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">Accounts</h2>
           <div class="mt-1 flex flex-col sm:!mt-0 sm:!flex-row sm:!flex-wrap sm:!space-x-6">
             <div class="mt-2 items-center text-sm text-gray-500 hidden md:!flex">
-              <svg class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor"
-                aria-hidden="true">
-                <path fill-rule="evenodd"
+              <svg
+                class="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
                   d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
-                  clip-rule="evenodd" />
+                  clip-rule="evenodd"
+                />
                 <path
-                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z" />
+                  d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
+                />
               </svg>
               Manage all your assets in one page
             </div>
@@ -216,7 +209,8 @@ async function loadBalances(chainName: string, endpoint: string, address: string
         <div class="flex flex-col text-right">
           <span>Total Value</span>
           <span class="text-xl text-success font-bold">${{ format.formatNumber(totalValue, '0,0.[00]') }}</span>
-          <span class="text-sm" :class="format.color(totalChange)">{{ format.formatNumber(totalChange, '+0,0.[00]')
+          <span class="text-sm" :class="format.color(totalChange)">{{
+            format.formatNumber(totalChange, '+0,0.[00]')
           }}</span>
         </div>
       </div>
@@ -228,42 +222,53 @@ async function loadBalances(chainName: string, endpoint: string, address: string
       <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
         <div class="flex justify-self-center">
           <div class="mx-2 p-2">
-            <svg :fill="chainStore.current?.themeColor || '#666CFF'" height="28px" width="28px" version="1.1" id="Capa_1"
-              xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 487.5 487.5"
-              xml:space="preserve">
+            <svg
+              :fill="chainStore.current?.themeColor || '#666CFF'"
+              height="28px"
+              width="28px"
+              version="1.1"
+              id="Capa_1"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              viewBox="0 0 487.5 487.5"
+              xml:space="preserve"
+            >
               <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
               <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
               <g id="SVGRepo_iconCarrier">
                 <g>
                   <g>
                     <path
-                      d="M437,12.3C437,5.5,431.5,0,424.7,0H126.3C84.4,0,50.4,34.1,50.4,75.9v335.7c0,41.9,34.1,75.9,75.9,75.9h298.5 c6.8,0,12.3-5.5,12.3-12.3V139.6c0-6.8-5.5-12.3-12.3-12.3H126.3c-28.3,0-51.4-23.1-51.4-51.4S98,24.5,126.3,24.5h298.5 C431.5,24.5,437,19,437,12.3z M126.3,151.8h286.2V463H126.3c-28.3,0-51.4-23.1-51.4-51.4V131.7 C88.4,144.2,106.5,151.8,126.3,151.8z">
-                    </path>
+                      d="M437,12.3C437,5.5,431.5,0,424.7,0H126.3C84.4,0,50.4,34.1,50.4,75.9v335.7c0,41.9,34.1,75.9,75.9,75.9h298.5 c6.8,0,12.3-5.5,12.3-12.3V139.6c0-6.8-5.5-12.3-12.3-12.3H126.3c-28.3,0-51.4-23.1-51.4-51.4S98,24.5,126.3,24.5h298.5 C431.5,24.5,437,19,437,12.3z M126.3,151.8h286.2V463H126.3c-28.3,0-51.4-23.1-51.4-51.4V131.7 C88.4,144.2,106.5,151.8,126.3,151.8z"
+                    ></path>
                     <path
-                      d="M130.5,64.8c-6.8,0-12.3,5.5-12.3,12.3s5.5,12.3,12.3,12.3h280.1c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H130.5z">
-                    </path>
+                      d="M130.5,64.8c-6.8,0-12.3,5.5-12.3,12.3s5.5,12.3,12.3,12.3h280.1c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H130.5z"
+                    ></path>
                     <path
-                      d="M178,397.7c6.3,2.4,13.4-0.7,15.8-7.1l17.9-46.8h62.7c0.5,0,0.9-0.1,1.3-0.1l17.9,46.9c1.9,4.9,6.5,7.9,11.4,7.9 c1.5,0,2.9-0.3,4.4-0.8c6.3-2.4,9.5-9.5,7.1-15.8l-54-141.2c-3-7.9-10.4-13-18.8-13c-8.4,0-15.8,5.1-18.8,13l-54,141.2 C168.5,388.2,171.7,395.2,178,397.7z M243.7,260l22.7,59.3h-45.3L243.7,260z">
-                    </path>
+                      d="M178,397.7c6.3,2.4,13.4-0.7,15.8-7.1l17.9-46.8h62.7c0.5,0,0.9-0.1,1.3-0.1l17.9,46.9c1.9,4.9,6.5,7.9,11.4,7.9 c1.5,0,2.9-0.3,4.4-0.8c6.3-2.4,9.5-9.5,7.1-15.8l-54-141.2c-3-7.9-10.4-13-18.8-13c-8.4,0-15.8,5.1-18.8,13l-54,141.2 C168.5,388.2,171.7,395.2,178,397.7z M243.7,260l22.7,59.3h-45.3L243.7,260z"
+                    ></path>
                   </g>
                 </g>
               </g>
             </svg>
           </div>
           <div>
-            <div class=" max-w-md overflow-hidden"><div class="font-bold">{{ key }}</div></div>
+            <div class="max-w-md overflow-hidden">
+              <div class="font-bold">{{ key }}</div>
+            </div>
             <div class="dropdown">
-              <label tabindex="0" class=" cursor-pointer">{{ subaccounts.length }} addresses</label>
-              <ul tabindex="0" class=" -left-14 dropdown-content menu p-2 shadow bg-base-200 rounded-box z-50">
+              <label tabindex="0" class="cursor-pointer">{{ subaccounts.length }} addresses</label>
+              <ul tabindex="0" class="-left-14 dropdown-content menu p-2 shadow bg-base-200 rounded-box z-50">
                 <li v-for="x in subaccounts">
-                <a>
-                  <img :src="x.account.logo" class="w-8 h-8 mr-2" />
-                  <span class="font-bold capitalize">{{ x.account.chainName }} <br>
-                    <span class="text-xs font-normal sm:w-16 sm:overflow-hidden">{{ x.account.address }}</span>
-                  </span>
-                  <label class=" btn btn-xs !btn-error" @click="removeAddress(x.account.address)">Remove</label>
-                </a>
-              </li>
+                  <a>
+                    <img :src="x.account.logo" class="w-8 h-8 mr-2" />
+                    <span class="font-bold capitalize"
+                      >{{ x.account.chainName }} <br />
+                      <span class="text-xs font-normal sm:w-16 sm:overflow-hidden">{{ x.account.address }}</span>
+                    </span>
+                    <label class="btn btn-xs !btn-error" @click="removeAddress(x.account.address)">Remove</label>
+                  </a>
+                </li>
               </ul>
             </div>
           </div>
@@ -275,14 +280,26 @@ async function loadBalances(chainName: string, endpoint: string, address: string
               <li v-if="x.delegation.amount">
                 <RouterLink :to="`/${x.account.chainName}/account/${x.account.address}`">
                   <img :src="x.account.logo" class="w-6 h-6 mr-2" />
-                  <span class="font-bold">{{ format.formatToken(x.delegation, true, '0,0.[00]', 'all') }} <br><span
-                      class="text-xs" :class="format.color(x.delegation.change24h)">{{
-                        format.formatNumber(x.delegation.change24h, '+0.[00]') }}%</span></span>
-                  <span class="float-right text-right">${{ format.formatNumber(x.delegation.value, '0,0.[00]') }}<br><span
-                      class="text-xs" :class="format.color(x.delegation.change24h)">{{
-                        format.formatNumber((x.delegation.change24h || 0) * (x.delegation.value || 0) / 100, '+0,0.[00]')
-                      }}</span></span>
-                </RouterLink>                
+                  <span class="font-bold"
+                    >{{ format.formatToken(x.delegation, true, '0,0.[00]', 'all') }} <br /><span
+                      class="text-xs"
+                      :class="format.color(x.delegation.change24h)"
+                      >{{ format.formatNumber(x.delegation.change24h, '+0.[00]') }}%</span
+                    ></span
+                  >
+                  <span class="float-right text-right"
+                    >${{ format.formatNumber(x.delegation.value, '0,0.[00]') }}<br /><span
+                      class="text-xs"
+                      :class="format.color(x.delegation.change24h)"
+                      >{{
+                        format.formatNumber(
+                          ((x.delegation.change24h || 0) * (x.delegation.value || 0)) / 100,
+                          '+0,0.[00]'
+                        )
+                      }}</span
+                    ></span
+                  >
+                </RouterLink>
               </li>
             </div>
           </ul>
@@ -294,12 +311,20 @@ async function loadBalances(chainName: string, endpoint: string, address: string
               <li v-for="x in s.balances">
                 <RouterLink :to="`/${s.account.chainName}/account/${s.account.address}`">
                   <img :src="s.account.logo" class="w-6 h-6 mr-2" />
-                  <span class="font-bold">{{ format.formatToken(x, true, '0,0.[00]', 'all') }} <br><span
-                      class="text-xs" :class="format.color(x.change24h)">{{ format.formatNumber(x.change24h, '+0.[00]')
-                      }}%</span></span>
-                  <span class="float-right text-right">${{ format.formatNumber(x.value, '0,0.[00]') }}<br><span
-                      class="text-xs" :class="format.color(x.change24h)">{{ format.formatNumber((x.change24h || 0) *
-                        (x.value || 0) / 100, '+0,0.[00]') }}</span></span>
+                  <span class="font-bold"
+                    >{{ format.formatToken(x, true, '0,0.[00]', 'all') }} <br /><span
+                      class="text-xs"
+                      :class="format.color(x.change24h)"
+                      >{{ format.formatNumber(x.change24h, '+0.[00]') }}%</span
+                    ></span
+                  >
+                  <span class="float-right text-right"
+                    >${{ format.formatNumber(x.value, '0,0.[00]') }}<br /><span
+                      class="text-xs"
+                      :class="format.color(x.change24h)"
+                      >{{ format.formatNumber(((x.change24h || 0) * (x.value || 0)) / 100, '+0,0.[00]') }}</span
+                    ></span
+                  >
                 </RouterLink>
               </li>
             </div>
@@ -307,14 +332,18 @@ async function loadBalances(chainName: string, endpoint: string, address: string
         </div>
       </div>
 
-      <div class=" text-center bg-base-100 rounded-md my-4 p-4">
-        <a href="#address-modal"
-          class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
+      <div class="text-center bg-base-100 rounded-md my-4 p-4">
+        <a
+          href="#address-modal"
+          class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
+        >
           <svg class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
             <path
-              d="M12.232 4.232a2.5 2.5 0 013.536 3.536l-1.225 1.224a.75.75 0 001.061 1.06l1.224-1.224a4 4 0 00-5.656-5.656l-3 3a4 4 0 00.225 5.865.75.75 0 00.977-1.138 2.5 2.5 0 01-.142-3.667l3-3z" />
+              d="M12.232 4.232a2.5 2.5 0 013.536 3.536l-1.225 1.224a.75.75 0 001.061 1.06l1.224-1.224a4 4 0 00-5.656-5.656l-3 3a4 4 0 00.225 5.865.75.75 0 00.977-1.138 2.5 2.5 0 01-.142-3.667l3-3z"
+            />
             <path
-              d="M11.603 7.963a.75.75 0 00-.977 1.138 2.5 2.5 0 01.142 3.667l-3 3a2.5 2.5 0 01-3.536-3.536l1.225-1.224a.75.75 0 00-1.061-1.06l-1.224 1.224a4 4 0 105.656 5.656l3-3a4 4 0 00-.225-5.865z" />
+              d="M11.603 7.963a.75.75 0 00-.977 1.138 2.5 2.5 0 01.142 3.667l-3 3a2.5 2.5 0 01-3.536-3.536l1.225-1.224a.75.75 0 00-1.061-1.06l-1.224 1.224a4 4 0 105.656 5.656l3-3a4 4 0 00-.225-5.865z"
+            />
           </svg>
           Import Address
         </a>
@@ -327,7 +356,12 @@ async function loadBalances(chainName: string, endpoint: string, address: string
         <h3 class="font-bold text-lg mb-2">Derive Account From Address</h3>
         <div>
           <label class="my-2">
-            <input v-model="sourceAddress" class="input input-bordered w-full input-sm" placeholder="Input an address" @change="importStep = 'step2'" />
+            <input
+              v-model="sourceAddress"
+              class="input input-bordered w-full input-sm"
+              placeholder="Input an address"
+              @change="importStep = 'step2'"
+            />
             <input v-model="sourceHdPath" class="input input-bordered w-full input-sm" placeholder="m/44/118/0'/0/0" />
           </label>
         </div>
@@ -342,10 +376,12 @@ async function loadBalances(chainName: string, endpoint: string, address: string
                     </div>
                   </div>
                   <div>
-                    <div class="tooltip" :class="acc.compatiable ? 'tooltip-success' : 'tooltip-error'
-                      " :data-tip="`Coin Type: ${acc.coinType}`">
-                      <div class="font-bold capitalize" :class="acc.compatiable ? 'text-green-500' : 'text-red-500'
-                        ">
+                    <div
+                      class="tooltip"
+                      :class="acc.compatiable ? 'tooltip-success' : 'tooltip-error'"
+                      :data-tip="`Coin Type: ${acc.coinType}`"
+                    >
+                      <div class="font-bold capitalize" :class="acc.compatiable ? 'text-green-500' : 'text-red-500'">
                         {{ acc.chainName }}
                       </div>
                     </div>
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index c8ce25b8e4..f298e72536 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -5,102 +5,109 @@ import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0]
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
   debugger;
-    initParamsForKeplr()
-})
+  initParamsForKeplr();
+});
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || '');
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find((x) => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
+  // @ts-ignore
+  if (window.keplr) {
     // @ts-ignore
-    if (window.keplr) {
-        // @ts-ignore
-        window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-            error.value = e
-        })
-    }
+    window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch((e) => {
+      error.value = e;
+    });
+  }
 }
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
-        <div class="flex">
-            <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
-                <option v-for="c in dashboard.chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">Add {{ selected.chainName }} TO Keplr Wallet</button>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-            If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
+    <div class="flex">
+      <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
+        <option v-for="c in dashboard.chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">
+        Add {{ selected.chainName }} TO Keplr Wallet
+      </button>
+    </div>
+    <div class="text-main mt-5">
+      <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
     </div>
+  </div>
 </template>
diff --git a/src/modules/wallet/portfolio.vue b/src/modules/wallet/portfolio.vue
index 261fd88463..5c3102c99d 100644
--- a/src/modules/wallet/portfolio.vue
+++ b/src/modules/wallet/portfolio.vue
@@ -12,73 +12,79 @@ import { getMarketPriceChartConfig } from '@/components/charts/apexChartConfig';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
 const format = useFormatter();
-const conf = ref(
-  JSON.parse(localStorage.getItem('imported-addresses') || '{}') as Record<
-    string,
-    AccountEntry[]
-  >
-);
+const conf = ref(JSON.parse(localStorage.getItem('imported-addresses') || '{}') as Record<string, AccountEntry[]>);
 const chainStore = useBlockchain();
 const balances = ref({} as Record<string, Coin[]>);
 const delegations = ref({} as Record<string, Delegation[]>);
 const tokenMeta = ref({} as Record<string, AccountEntry>);
 
-const priceloading = ref(false)
-const currency = ref(localStorage.getItem('currency') || 'usd')
+const priceloading = ref(false);
+const currency = ref(localStorage.getItem('currency') || 'usd');
 
-const prices = ref([] as {
-  id: string,
-  symbol: string,
-  name: string,
-  image: string,
-  current_price: number,
-  market_cap: number,
-  market_cap_rank: number,
-  fully_diluted_valuation: number,
-  total_volume: number, high_24h: number,
-  low_24h: number,
-  price_change_24h: number, price_change_percentage_24h: number, market_cap_change_24h: number,
-  market_cap_change_percentage_24h: number,
-  circulating_supply: number, total_supply: number,
-  max_supply: number,
-  ath: number,
-  ath_change_percentage: number,
-  ath_date: string,
-  atl: string,
-  atl_change_percentage: number,
-  atl_date: string, roi: string, last_updated: string,
-  sparkline_in_7d: { prices: number[] }
-}[])
+const prices = ref(
+  [] as {
+    id: string;
+    symbol: string;
+    name: string;
+    image: string;
+    current_price: number;
+    market_cap: number;
+    market_cap_rank: number;
+    fully_diluted_valuation: number;
+    total_volume: number;
+    high_24h: number;
+    low_24h: number;
+    price_change_24h: number;
+    price_change_percentage_24h: number;
+    market_cap_change_24h: number;
+    market_cap_change_percentage_24h: number;
+    circulating_supply: number;
+    total_supply: number;
+    max_supply: number;
+    ath: number;
+    ath_change_percentage: number;
+    ath_date: string;
+    atl: string;
+    atl_change_percentage: number;
+    atl_date: string;
+    roi: string;
+    last_updated: string;
+    sparkline_in_7d: { prices: number[] };
+  }[]
+);
 
-const loading = ref(0)
-const loaded = ref(0)
+const loading = ref(0);
+const loaded = ref(0);
 watchEffect(() => {
   if (loading.value > 0 && loading.value === loaded.value) {
     if (!priceloading.value) {
-      priceloading.value = true
-      loadPrice()
+      priceloading.value = true;
+      loadPrice();
     }
   }
-})
+});
 
 Object.values(conf.value).forEach((imported) => {
   if (imported)
     imported.forEach((x) => {
       if (x.endpoint && x.address) {
-        loading.value += 1
-        const endpoint = chainStore.randomEndpoint(x.chainName)
+        loading.value += 1;
+        const endpoint = chainStore.randomEndpoint(x.chainName);
         const client = CosmosRestClient.newDefault(endpoint?.address || x.endpoint);
-        client.getBankBalances(x.address).then((res) => {
-          const bal = res.balances.filter((x) => x.denom.length < 10);
-          if (bal) balances.value[x.address || ""] = bal;
-          bal.forEach((b) => {
-            tokenMeta.value[b.denom] = x;
+        client
+          .getBankBalances(x.address)
+          .then((res) => {
+            const bal = res.balances.filter((x) => x.denom.length < 10);
+            if (bal) balances.value[x.address || ''] = bal;
+            bal.forEach((b) => {
+              tokenMeta.value[b.denom] = x;
+            });
+          })
+          .finally(() => {
+            loaded.value += 1;
           });
-        }).finally(() => {
-          loaded.value += 1
-        });
         client.getStakingDelegations(x.address).then((res) => {
-          if (res && res.delegation_responses) delegations.value[x.address || ""] = res.delegation_responses;
+          if (res && res.delegation_responses) delegations.value[x.address || ''] = res.delegation_responses;
           res.delegation_responses.forEach((del) => {
             tokenMeta.value[del.balance.denom] = x;
           });
@@ -88,7 +94,7 @@ Object.values(conf.value).forEach((imported) => {
 });
 
 const tokenQty = computed(() => {
-  const values = {} as Record<string, { coinId: string, qty: number }>;
+  const values = {} as Record<string, { coinId: string; qty: number }>;
   Object.values(balances.value).forEach((b) => {
     b.forEach((coin) => {
       const v = format.tokenDisplayNumber(coin);
@@ -96,7 +102,7 @@ const tokenQty = computed(() => {
         if (values[coin.denom]) {
           values[coin.denom].qty += v;
         } else {
-          values[coin.denom] = { qty: v, coinId: format.findGlobalAssetConfig(coin.denom)?.coingecko_id || "" };
+          values[coin.denom] = { qty: v, coinId: format.findGlobalAssetConfig(coin.denom)?.coingecko_id || '' };
         }
       }
     });
@@ -108,7 +114,10 @@ const tokenQty = computed(() => {
         if (values[d.balance.denom]) {
           values[d.balance.denom].qty += v;
         } else {
-          values[d.balance.denom] = { qty: v, coinId: format.findGlobalAssetConfig(d.balance.denom)?.coingecko_id || "" };
+          values[d.balance.denom] = {
+            qty: v,
+            coinId: format.findGlobalAssetConfig(d.balance.denom)?.coingecko_id || '',
+          };
         }
       }
     });
@@ -118,11 +127,11 @@ const tokenQty = computed(() => {
 
 const tokenValues = computed(() => {
   const values = {} as Record<string, number>;
-  Object.keys(tokenQty.value).forEach(k => {
-    const x = tokenQty.value[k]
-    const marketData = prices.value.find((p: any) => p.id === x.coinId)
-    values[k] = marketData? x.qty * marketData.current_price : 0
-  })
+  Object.keys(tokenQty.value).forEach((k) => {
+    const x = tokenQty.value[k];
+    const marketData = prices.value.find((p: any) => p.id === x.coinId);
+    values[k] = marketData ? x.qty * marketData.current_price : 0;
+  });
   return values;
 });
 
@@ -151,81 +160,95 @@ const tokenList = computed(() => {
 });
 
 function loadPrice() {
-  localStorage.setItem('currency', currency.value)
-  const ids = Object.values(tokenQty.value).map(x => x.coinId).join(',')
-  get(`https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency.value}&ids=${ids}&order=market_cap_desc&per_page=100&page=1&sparkline=true&price_change_percentage=14d&locale=en`)
-    .then(res => {
-      prices.value = res
-    })
+  localStorage.setItem('currency', currency.value);
+  const ids = Object.values(tokenQty.value)
+    .map((x) => x.coinId)
+    .join(',');
+  get(
+    `https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency.value}&ids=${ids}&order=market_cap_desc&per_page=100&page=1&sparkline=true&price_change_percentage=14d&locale=en`
+  ).then((res) => {
+    prices.value = res;
+  });
 }
 const totalChangeIn24 = computed(() => {
-  return Object.values(tokenQty.value).map(x => {
-    const marketData = prices.value.find((p: any) => p.id === x.coinId)
-    if (marketData)
-      return x.qty * (marketData.price_change_24h || 0)
-    return 0
-  }).reduce((s, c) => s + c, 0)
-})
+  return Object.values(tokenQty.value)
+    .map((x) => {
+      const marketData = prices.value.find((p: any) => p.id === x.coinId);
+      if (marketData) return x.qty * (marketData.price_change_24h || 0);
+      return 0;
+    })
+    .reduce((s, c) => s + c, 0);
+});
 // Compute data for trend chart
 const changeData = computed(() => {
-  const vals = Object.keys(tokenQty.value).map(denom => {
-    const token = tokenQty.value[denom]
-    const marketData: any = prices.value.find((x) => x.id === token.coinId)
-    if (marketData) {
-      return marketData.sparkline_in_7d?.price.map((p: number) => p * token.qty) as number[]
-    }
-    return []
-  }).filter(x => x.length > 0)
+  const vals = Object.keys(tokenQty.value)
+    .map((denom) => {
+      const token = tokenQty.value[denom];
+      const marketData: any = prices.value.find((x) => x.id === token.coinId);
+      if (marketData) {
+        return marketData.sparkline_in_7d?.price.map((p: number) => p * token.qty) as number[];
+      }
+      return [];
+    })
+    .filter((x) => x.length > 0);
 
-  const width = vals.at(0)?.length || 0
-  const sum = new Array(width).fill(0)
+  const width = vals.at(0)?.length || 0;
+  const sum = new Array(width).fill(0);
 
   for (let i = 0; i < width; i++) {
     for (let j = 0; j < vals.length; j++) {
-      sum[i] += vals.at(j)?.at(i) || 0
+      sum[i] += vals.at(j)?.at(i) || 0;
     }
   }
 
-  return [{ name: "value", data: sum }]
-})
+  return [{ name: 'value', data: sum }];
+});
 
 const baseStore = useBaseStore();
 const chartConfig = computed(() => {
   const theme = baseStore.theme;
-  const labels = [] as any[]
-  const time = new Date().getTime()
-  for (let i = 0; i < 168; i++) { // only works for 14d
-    labels.unshift(time - i * 2 * 60 * 60 * 1000)
+  const labels = [] as any[];
+  const time = new Date().getTime();
+  for (let i = 0; i < 168; i++) {
+    // only works for 14d
+    labels.unshift(time - i * 2 * 60 * 60 * 1000);
   }
   return getMarketPriceChartConfig(theme, labels);
 });
 
 const currencySign = computed(() => {
-  switch(currency.value) {
-    case 'usd': return '$'
-    case 'cny': return '¥'
-    case 'eur': return '€'
-    case 'hkd': return 'HK$'
-    case 'jpy': return '¥'
-    case 'sdg': return 'S$'
-    case 'krw': return '₩'
-    case 'btc': return 'BTC'
-    case 'eth': return 'ETH'
+  switch (currency.value) {
+    case 'usd':
+      return '$';
+    case 'cny':
+      return '¥';
+    case 'eur':
+      return '€';
+    case 'hkd':
+      return 'HK$';
+    case 'jpy':
+      return '¥';
+    case 'sdg':
+      return 'S$';
+    case 'krw':
+      return '₩';
+    case 'btc':
+      return 'BTC';
+    case 'eth':
+      return 'ETH';
   }
-  return '$'
-})
+  return '$';
+});
 </script>
 <template>
   <div class="overflow-x-auto w-full rounded-md">
-
     <div class="flex flex-wrap justify-between bg-base-100 p-5">
       <div class="min-w-0">
-        <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
-          Portfolio
-        </h2>
+        <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">Portfolio</h2>
         <div>
           <div class="flex items-center text-sm">
-            Currency: <select v-model="currency" @change="loadPrice" class="ml-1 uppercase">
+            Currency:
+            <select v-model="currency" @change="loadPrice" class="ml-1 uppercase">
               <option>usd</option>
               <option>cny</option>
               <option>eur</option>
@@ -250,15 +273,18 @@ const currencySign = computed(() => {
     <div class="bg-base-100">
       <div v-if="tokenList" class="grid grid-cols-1 md:grid-cols-3">
         <div>
-          <DonutChart height="280" :series="Object.values(tokenValues)"
-            :labels="Object.keys(tokenValues).map(x => format.tokenDisplayDenom(x)?.toUpperCase())" />
+          <DonutChart
+            height="280"
+            :series="Object.values(tokenValues)"
+            :labels="Object.keys(tokenValues).map((x) => format.tokenDisplayDenom(x)?.toUpperCase())"
+          />
         </div>
         <div class="md:col-span-2">
           <ApexCharts type="area" height="280" :options="chartConfig" :series="changeData" />
         </div>
       </div>
       <div class="overflow-x-auto mt-4">
-      <AdBanner class="bg-base-200" id="portfolio-banner-ad" unit="banner" width="970px" height="90px" />
+        <AdBanner class="bg-base-200" id="portfolio-banner-ad" unit="banner" width="970px" height="90px" />
         <table class="table w-full">
           <thead class="bg-base-200">
             <tr>
@@ -277,7 +303,7 @@ const currencySign = computed(() => {
                     </div>
                   </div>
                   <span class="uppercase font-bold text-lg">{{ format.tokenDisplayDenom(x.denom) }}</span> @
-                  <span class="capitalize ">{{ x.chainName }} </span>
+                  <span class="capitalize">{{ x.chainName }} </span>
                 </div>
               </td>
               <td class="text-right">{{ currencySign }}{{ format.formatNumber(x.value, '0,0.[00]') }}</td>
@@ -285,11 +311,8 @@ const currencySign = computed(() => {
             </tr>
           </tbody>
         </table>
-
-      </div>
-      <div class="p-4 text-center" v-if="tokenList.length === 0">
-        No Data
       </div>
+      <div class="p-4 text-center" v-if="tokenList.length === 0">No Data</div>
     </div>
     <div class="text-center my-5 bg-base-200">
       <RouterLink to="./accounts" class="btn btn-link">Add More Asset</RouterLink>
diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index 5ecc76f27f..793c5829cc 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -6,170 +6,186 @@ import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
-const wallet = ref("keplr")
-const network = ref(NetworkType.Mainnet)
-const mainnet = ref([] as ChainConfig[])
-const testnet = ref([] as ChainConfig[])
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
+const wallet = ref('keplr');
+const network = ref(NetworkType.Mainnet);
+const mainnet = ref([] as ChainConfig[]);
+const testnet = ref([] as ChainConfig[]);
 const chains = computed(() => {
-    return network.value === NetworkType.Mainnet? mainnet.value : testnet.value
-})
+  return network.value === NetworkType.Mainnet ? mainnet.value : testnet.value;
+});
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0]
-    initParamsForKeplr()
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
+  initParamsForKeplr();
 
-    dashboard.loadLocalConfig(NetworkType.Mainnet).then((res) => {
-        mainnet.value = Object.values<ChainConfig>(res)
-    })
-    dashboard.loadLocalConfig(NetworkType.Testnet).then((res) => {
-        testnet.value = Object.values<ChainConfig>(res)
-    })
-})
+  dashboard.loadLocalConfig(NetworkType.Mainnet).then((res) => {
+    mainnet.value = Object.values<ChainConfig>(res);
+  });
+  dashboard.loadLocalConfig(NetworkType.Testnet).then((res) => {
+    testnet.value = Object.values<ChainConfig>(res);
+  });
+});
 
 function onchange() {
-    wallet.value === "keplr" ? initParamsForKeplr() : initSnap()
+  wallet.value === 'keplr' ? initParamsForKeplr() : initSnap();
 }
 
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || '');
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find((x) => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 async function initSnap() {
-    const chain = selected.value
-    const [token] = chain.assets
+  const chain = selected.value;
+  const [token] = chain.assets;
 
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainId = b.block.header.chain_id
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || '');
+  const b = await client.getBaseBlockLatest();
+  const chainId = b.block.header.chain_id;
 
-    conf.value = JSON.stringify({
-        chainId,
-        chainName: chain.chainName,
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-        },
-        bip44: {
-            coinType: Number(chain.coinType),
+  conf.value = JSON.stringify(
+    {
+      chainId,
+      chainName: chain.chainName,
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+      },
+      bip44: {
+        coinType: Number(chain.coinType),
+      },
+      feeCurrencies: [
+        {
+          coinDenom: token.display,
+          coinMinimalDenom: token.base,
+          coinDecimals: token.denom_units.find((x) => x.denom === token.display)?.exponent || 6,
+          coinGeckoId: token.coingecko_id,
+          gasPriceStep: {
+            low: 0.0625,
+            average: 0.5,
+            high: 62.5,
+          },
         },
-        feeCurrencies: [
-            {
-            coinDenom: token.display,
-            coinMinimalDenom: token.base,
-            coinDecimals: token.denom_units.find(x => x.denom === token.display)?.exponent || 6,
-            coinGeckoId: token.coingecko_id,
-            gasPriceStep: {
-                low: 0.0625,
-                average: 0.5,
-                high: 62.5,
-            },
-            },
-        ],
-    }, null, '\t')
+      ],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
-    if(wallet.value === "keplr") {
-        // @ts-ignore
-        if (window.keplr) {
-            // @ts-ignore
-            window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-                error.value = e
-            })
-        }
-    } else {
-        suggestChain(JSON.parse(conf.value));
+  if (wallet.value === 'keplr') {
+    // @ts-ignore
+    if (window.keplr) {
+      // @ts-ignore
+      window.keplr.experimentalSuggestChain(JSON.parse(conf.value)).catch((e) => {
+        error.value = e;
+      });
     }
+  } else {
+    suggestChain(JSON.parse(conf.value));
+  }
 }
-
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <div class="flex text-center">
-            <select v-model="network" class="select select-bordered">
-                <option :value="NetworkType.Mainnet">Mainnet</option>
-                <option :value="NetworkType.Testnet">Testnet</option>
-            </select>
-            <select v-model="selected" class="select select-bordered mx-5" @change="onchange">
-                <option v-for="c in chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <label><input type="radio" v-model="wallet" value="keplr" class="radio radio-bordered" @change="onchange" /> Keplr</label>
-            <label><input type="radio" v-model="wallet" value="metamask" class="radio radio-bordered ml-4" @change="onchange"/> Metamask</label>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-
-            <button class="btn !bg-primary !border-primary text-white mr-2" @click="suggest">Suggest {{ selected.chainName }} TO {{ wallet }}</button>
-
-            <div class="mt-4">
-                If the chain is not offically support on Keplr/Metamask Snap, you can submit these parameters to enable Keplr/Metamask Snap.
-            </div>
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <div class="flex text-center">
+      <select v-model="network" class="select select-bordered">
+        <option :value="NetworkType.Mainnet">Mainnet</option>
+        <option :value="NetworkType.Testnet">Testnet</option>
+      </select>
+      <select v-model="selected" class="select select-bordered mx-5" @change="onchange">
+        <option v-for="c in chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <label
+        ><input type="radio" v-model="wallet" value="keplr" class="radio radio-bordered" @change="onchange" />
+        Keplr</label
+      >
+      <label
+        ><input type="radio" v-model="wallet" value="metamask" class="radio radio-bordered ml-4" @change="onchange" />
+        Metamask</label
+      >
+    </div>
+    <div class="text-main mt-5">
+      <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      <button class="btn !bg-primary !border-primary text-white mr-2" @click="suggest">
+        Suggest {{ selected.chainName }} TO {{ wallet }}
+      </button>
 
-        <AdBanner id="suggest-banner-ad" unit="banner" width="970px" height="90px" />
+      <div class="mt-4">
+        If the chain is not offically support on Keplr/Metamask Snap, you can submit these parameters to enable
+        Keplr/Metamask Snap.
+      </div>
     </div>
+
+    <AdBanner id="suggest-banner-ad" unit="banner" width="970px" height="90px" />
+  </div>
 </template>
diff --git a/src/modules/wallet/unisat.vue b/src/modules/wallet/unisat.vue
index 2a04d56ab5..d66f9bf77d 100644
--- a/src/modules/wallet/unisat.vue
+++ b/src/modules/wallet/unisat.vue
@@ -5,100 +5,107 @@ import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
-const error = ref("")
-const conf = ref("")
-const dashboard = useDashboard()
-const selected = ref({} as ChainConfig)
+const error = ref('');
+const conf = ref('');
+const dashboard = useDashboard();
+const selected = ref({} as ChainConfig);
 
 onMounted(() => {
-    const chainStore = useBlockchain()
-    selected.value = chainStore.current || Object.values(dashboard.chains)[0];
-})
+  const chainStore = useBlockchain();
+  selected.value = chainStore.current || Object.values(dashboard.chains)[0];
+});
 async function initParamsForKeplr() {
-    const chain = selected.value
-    if(!chain.endpoints?.rest?.at(0)) throw new Error("Endpoint does not set");
-    const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || "")
-    const b = await client.getBaseBlockLatest()   
-    const chainid = b.block.header.chain_id
+  const chain = selected.value;
+  if (!chain.endpoints?.rest?.at(0)) throw new Error('Endpoint does not set');
+  const client = CosmosRestClient.newDefault(chain.endpoints.rest?.at(0)?.address || '');
+  const b = await client.getBaseBlockLatest();
+  const chainid = b.block.header.chain_id;
 
-    const gasPriceStep = chain.keplrPriceStep || {
-        low: 0.01,
-        average: 0.025,
-        high: 0.03,
-    }
-    const coinDecimals = chain.assets[0].denom_units.find(x => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6
-    conf.value = JSON.stringify({
-        chainId: chainid,
-        chainName: chain.chainName,
-        rpc: chain.endpoints?.rpc?.at(0)?.address,
-        rest: chain.endpoints?.rest?.at(0)?.address,
-        bip44: {
-            coinType: Number(chain.coinType),
-        },
+  const gasPriceStep = chain.keplrPriceStep || {
+    low: 0.01,
+    average: 0.025,
+    high: 0.03,
+  };
+  const coinDecimals =
+    chain.assets[0].denom_units.find((x) => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6;
+  conf.value = JSON.stringify(
+    {
+      chainId: chainid,
+      chainName: chain.chainName,
+      rpc: chain.endpoints?.rpc?.at(0)?.address,
+      rest: chain.endpoints?.rest?.at(0)?.address,
+      bip44: {
         coinType: Number(chain.coinType),
-        bech32Config: {
-            bech32PrefixAccAddr: chain.bech32Prefix,
-            bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
-            bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
-            bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
-            bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
-            bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      coinType: Number(chain.coinType),
+      bech32Config: {
+        bech32PrefixAccAddr: chain.bech32Prefix,
+        bech32PrefixAccPub: `${chain.bech32Prefix}pub`,
+        bech32PrefixValAddr: `${chain.bech32Prefix}valoper`,
+        bech32PrefixValPub: `${chain.bech32Prefix}valoperpub`,
+        bech32PrefixConsAddr: `${chain.bech32Prefix}valcons`,
+        bech32PrefixConsPub: `${chain.bech32Prefix}valconspub`,
+      },
+      currencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
         },
-        currencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-            },
-        ],
-        feeCurrencies: [
-            {
-                coinDenom: chain.assets[0].symbol,
-                coinMinimalDenom: chain.assets[0].base,
-                coinDecimals,
-                coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
-                gasPriceStep,
-            },
-        ],
-        gasPriceStep,
-        stakeCurrency: {
-            coinDenom: chain.assets[0].symbol,
-            coinMinimalDenom: chain.assets[0].base,
-            coinDecimals,
-            coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      ],
+      feeCurrencies: [
+        {
+          coinDenom: chain.assets[0].symbol,
+          coinMinimalDenom: chain.assets[0].base,
+          coinDecimals,
+          coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+          gasPriceStep,
         },
-        features: chain.keplrFeatures || [],
-    }, null, '\t')
+      ],
+      gasPriceStep,
+      stakeCurrency: {
+        coinDenom: chain.assets[0].symbol,
+        coinMinimalDenom: chain.assets[0].base,
+        coinDecimals,
+        coinGeckoId: chain.assets[0].coingecko_id || 'unknown',
+      },
+      features: chain.keplrFeatures || [],
+    },
+    null,
+    '\t'
+  );
 }
 
 function suggest() {
+  // @ts-ignore
+  if (window.unisat) {
     // @ts-ignore
-    if (window.unisat) {
-        // @ts-ignore
-        window.unisat.experimentalSuggestChain(JSON.parse(conf.value)).catch(e => {
-            error.value = e
-        })
-    }
+    window.unisat.experimentalSuggestChain(JSON.parse(conf.value)).catch((e) => {
+      error.value = e;
+    });
+  }
 }
 </script>
 
 <template>
-    <div class="bg-base-100 p-4 rounded text-center">
-        <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
-        <div class="flex">
-            <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
-                <option v-for="c in dashboard.chains" :value="c">
-                    {{ c.chainName }}
-                </option>
-            </select>
-            <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">Add {{ selected.chainName }} TO Unisat Wallet</button>
-        </div>
-        <div class="text-main mt-5">
-            <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
-        </div>
-        <div class="mt-4 mb-4">
-            If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
-        </div>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <AdBanner id="keplr-banner-ad" unit="banner" width="970px" height="90px" />
+    <div class="flex">
+      <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
+        <option v-for="c in dashboard.chains" :value="c">
+          {{ c.chainName }}
+        </option>
+      </select>
+      <button class="btn !bg-yes !border-yes text-white px-10" @click="suggest">
+        Add {{ selected.chainName }} TO Unisat Wallet
+      </button>
+    </div>
+    <div class="text-main mt-5">
+      <textarea v-model="conf" class="textarea textarea-bordered w-full" rows="15"></textarea>
+    </div>
+    <div class="mt-4 mb-4">
+      If the chain is not offically support on Keplr, you can submit these parameters to enable Keplr.
     </div>
+  </div>
 </template>
diff --git a/src/modules/wallet/utils.ts b/src/modules/wallet/utils.ts
index 65f8ce15df..aa865bd503 100644
--- a/src/modules/wallet/utils.ts
+++ b/src/modules/wallet/utils.ts
@@ -1,49 +1,50 @@
-import { useDashboard } from "@/stores"
-import type { Coin } from "@/types"
-import { fromBech32, toBech32 } from "@cosmjs/encoding"
+import { useDashboard } from '@/stores';
+import type { Coin } from '@/types';
+import { fromBech32, toBech32 } from '@cosmjs/encoding';
 
 export interface AccountEntry {
-  chainName: string,
-  logo: string,
-  address: string,
-  coinType: string,
-  endpoint?: string,
-  compatiable?: boolean,
+  chainName: string;
+  logo: string;
+  address: string;
+  coinType: string;
+  endpoint?: string;
+  compatiable?: boolean;
 }
 
 export interface LocalKey {
-  cosmosAddress: string, hdPath: string
+  cosmosAddress: string;
+  hdPath: string;
 }
 
 export function scanLocalKeys() {
-  const connected = [] as LocalKey[]
+  const connected = [] as LocalKey[];
   for (let i = 0; i < localStorage.length; i++) {
-    const key = localStorage.key(i)
-    if (key?.startsWith("m/44")) {
-      const wallet = JSON.parse(localStorage.getItem(key) || "")
+    const key = localStorage.key(i);
+    if (key?.startsWith('m/44')) {
+      const wallet = JSON.parse(localStorage.getItem(key) || '');
       if (wallet) {
-        connected.push(wallet)
+        connected.push(wallet);
       }
     }
   }
-  return connected
+  return connected;
 }
 
 export function scanCompatibleAccounts(keys: LocalKey[]) {
-  const dashboard = useDashboard()
-  const available = [] as AccountEntry[]
-  keys.forEach(wallet => {
-    Object.values(dashboard.chains).forEach(chain => {
-      const { data } = fromBech32(wallet.cosmosAddress)
+  const dashboard = useDashboard();
+  const available = [] as AccountEntry[];
+  keys.forEach((wallet) => {
+    Object.values(dashboard.chains).forEach((chain) => {
+      const { data } = fromBech32(wallet.cosmosAddress);
       available.push({
         chainName: chain.chainName,
         logo: chain.logo,
         address: toBech32(chain.bech32Prefix, data),
         coinType: chain.coinType,
         compatiable: wallet.hdPath.indexOf(chain.coinType) > 0,
-        endpoint: chain.endpoints.rest?.at(0)?.address
-      })
-    })
-  })
-  return available
-}
\ No newline at end of file
+        endpoint: chain.endpoints.rest?.at(0)?.address,
+      });
+    });
+  });
+  return available;
+}
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index 7ff39af645..226002a2cc 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -3,23 +3,23 @@ import misc404 from '@/assets/images/pages/404.png';
 </script>
 
 <template>
-    <div class="pt-10">
-        <div class="text-center">
-            <div class="text-8xl font-semibold text-main">{{ $t('pages.title_all') }}</div>
-            <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
-            <div class="text-base">
-                {{ $t('pages.description_all') }}
-            </div>
-        </div>
+  <div class="pt-10">
+    <div class="text-center">
+      <div class="text-8xl font-semibold text-main">{{ $t('pages.title_all') }}</div>
+      <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
+      <div class="text-base">
+        {{ $t('pages.description_all') }}
+      </div>
+    </div>
 
-        <!-- 👉 Image -->
-        <div class="misc-avatar w-full text-center">
-            <RouterLink to="/" class="btn no-underline btn-primary mt-4">
-                {{ $t('pages.btn_index') }}
-            </RouterLink>
-            <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
-        </div>
+    <!-- 👉 Image -->
+    <div class="misc-avatar w-full text-center">
+      <RouterLink to="/" class="btn no-underline btn-primary mt-4">
+        {{ $t('pages.btn_index') }}
+      </RouterLink>
+      <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
     </div>
+  </div>
 </template>
 
 <route lang="yaml">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 4911027811..8b1bd095b8 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,10 +1,6 @@
 <script lang="ts" setup>
 import { Icon } from '@iconify/vue';
-import {
-  useDashboard,
-  LoadingStatus,
-  type ChainConfig,
-} from '@/stores/useDashboard';
+import { useDashboard, LoadingStatus, type ChainConfig } from '@/stores/useDashboard';
 import ChainSummary from '@/components/ChainSummary.vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
@@ -19,8 +15,9 @@ const chains = computed(() => {
     const lowercaseKeywords = keywords.value.toLowerCase();
 
     return Object.values(dashboard.chains).filter(
-      (x: ChainConfig) => x.chainName.toLowerCase().indexOf(lowercaseKeywords) > -1 
-      || x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
+      (x: ChainConfig) =>
+        x.chainName.toLowerCase().indexOf(lowercaseKeywords) > -1 ||
+        x.prettyName.toLowerCase().indexOf(lowercaseKeywords) > -1
     );
   } else {
     return Object.values(dashboard.chains);
@@ -28,36 +25,50 @@ const chains = computed(() => {
 });
 
 const featured = computed(() => {
-  const names = ["cosmos", "osmosis", "akash", "celestia", "evmos", "injective", "dydx", "noble"];
+  const names = ['cosmos', 'osmosis', 'akash', 'celestia', 'evmos', 'injective', 'dydx', 'noble'];
   return chains.value
-    .filter(x => names.includes(x.chainName))
-    .sort((a, b)=> (names.indexOf(a.chainName) - names.indexOf(b.chainName)))
-})
-
-const chainStore = useBlockchain()
+    .filter((x) => names.includes(x.chainName))
+    .sort((a, b) => names.indexOf(a.chainName) - names.indexOf(b.chainName));
+});
 
+const chainStore = useBlockchain();
 </script>
 <template>
   <div class="">
     <div class="flex md:!flex-row flex-col items-center justify-center mb-6 mt-14 gap-2">
       <div class="w-16 rounded-full">
-        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" 
+        <svg
+          version="1.0"
+          xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 150.000000 132.000000"
-          preserveAspectRatio="xMidYMid meet">
-          <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
-          :fill="chainStore.current?.themeColor||'#666CFF'" class=" dark:invert" stroke="none">
-            <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
+          preserveAspectRatio="xMidYMid meet"
+        >
+          <g
+            transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
+            :fill="chainStore.current?.themeColor || '#666CFF'"
+            class="dark:invert"
+            stroke="none"
+          >
+            <path
+              d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
             81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
             -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
             -106 112 -197 112 -201 0 -4 -50 -95 -111 -201 l-112 -194 -231 0 -231 0 -105
             181 c-58 100 -109 190 -114 200 -6 14 17 63 104 213 l112 196 232 0 231 0 113
-            -194z"/>
-            <path d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
-            165 267 183 308 4 9 -233 7 -317 -1z"/>
-            <path d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
-            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"/>
-            <path d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
-            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"/>
+            -194z"
+            />
+            <path
+              d="M591 1001 l-54 -6 -87 -150 -88 -150 176 -3 c97 -1 181 -1 187 2 9 3
+            165 267 183 308 4 9 -233 7 -317 -1z"
+            />
+            <path
+              d="M872 824 l-90 -159 36 -66 c113 -201 147 -258 153 -251 8 8 179 302
+            179 307 0 2 -37 68 -83 147 -46 78 -88 151 -94 162 -9 16 -24 -5 -101 -140z"
+            />
+            <path
+              d="M360 625 c0 -7 148 -263 172 -297 l19 -28 186 0 c101 0 183 3 181 8
+            -1 4 -43 78 -93 165 l-90 157 -187 0 c-104 0 -188 -2 -188 -5z"
+            />
           </g>
         </svg>
       </div>
@@ -70,51 +81,44 @@ const chainStore = useBlockchain()
         {{ $t('pages.slogan') }}
       </p>
     </div>
-    <div
-      v-if="dashboard.status !== LoadingStatus.Loaded"
-      class="flex justify-center"
-    >
+    <div v-if="dashboard.status !== LoadingStatus.Loaded" class="flex justify-center">
       <progress class="progress progress-info w-80 h-1"></progress>
     </div>
 
-    <div v-if="featured.length>0" class="text-center text-base mt-6 text-primary">
-      <h2 class="mb-6"> Featured Blockchains 🔥 </h2>
+    <div v-if="featured.length > 0" class="text-center text-base mt-6 text-primary">
+      <h2 class="mb-6">Featured Blockchains 🔥</h2>
     </div>
 
-    <div v-if="featured.length>0"
+    <div
+      v-if="featured.length > 0"
       class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
     >
-    <ChainSummary
-        v-for="(chain, index) in featured"
-        :key="index"
-        :name="chain.chainName"
-      />
+      <ChainSummary v-for="(chain, index) in featured" :key="index" :name="chain.chainName" />
     </div>
 
     <div class="text-center text-base mt-6 text-primary">
       <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
 
-    <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
-      <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
-      <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
+    <div class="flex items-center rounded-lg bg-base-100 border border-gray-200 dark:border-gray-700 mt-10">
+      <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3" />
+      <input
+        :placeholder="$t('pages.search_placeholder')"
+        class="px-4 h-10 bg-transparent flex-1 outline-none text-base"
+        v-model="keywords"
+      />
       <div class="px-4 text-base hidden md:!block">{{ chains.length }}/{{ dashboard.length }}</div>
     </div>
 
-    <div
-      class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5"
-    >
-      <ChainSummary
-        v-for="(chain, index) in chains"
-        :key="index"
-        :name="chain.chainName"
-      />
+    <div class="grid grid-cols-1 gap-4 mt-6 md:!grid-cols-3 lg:!grid-cols-4 2xl:!grid-cols-5">
+      <ChainSummary v-for="(chain, index) in chains" :key="index" :name="chain.chainName" />
     </div>
   </div>
 </template>
 
 <style scoped>
- .logo path{
+.logo path {
   fill: #171d30;
 }
-</style>@/components/ad/ad
+</style>
+@/components/ad/ad
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 81918c7a27..ce9fc680ed 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -130,8 +130,8 @@
     "no_escrowed_assets": "No Escrowed Assets",
     "contract_states": "Contract States",
     "query_contract": "Query Contract",
-    "suggested_messages":"Suggested Messages",
-    "result":"Result",
+    "suggested_messages": "Suggested Messages",
+    "result": "Result",
     "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
   },
   "gov": {
@@ -227,8 +227,8 @@
     "signer_addr": "Signer Address",
     "consensus_pub_key": "Consensus Public Key",
     "liquid_staking": "Liquid Staking",
-    "liquid_staking_shares":"Liquid Shares",
-    "validator_bond_share":"Validator Bonded"
+    "liquid_staking_shares": "Liquid Shares",
+    "validator_bond_share": "Validator Bonded"
   },
   "statesync": {
     "title": "What's State Sync?",
diff --git a/src/plugins/i18n/locales/es.json b/src/plugins/i18n/locales/es.json
index c9b4a89bdc..196379cd90 100644
--- a/src/plugins/i18n/locales/es.json
+++ b/src/plugins/i18n/locales/es.json
@@ -298,4 +298,4 @@
     "app_versions": "Versiones de Aplicación",
     "node_info": "Información del Nodo"
   }
-}
\ No newline at end of file
+}
diff --git a/src/plugins/i18n/locales/id.json b/src/plugins/i18n/locales/id.json
index 22e3890168..f849c17e83 100644
--- a/src/plugins/i18n/locales/id.json
+++ b/src/plugins/i18n/locales/id.json
@@ -1,287 +1,287 @@
 {
-    "module": {
-      "dashboard": "Dasbor",
-      "blocks": "Kumpulan Blok",
-      "staking": "Staking",
-      "governance": "Tata Kelola",
-      "parameters": "Parameter",
-      "uptime": "Pemantauan",
-      "state-sync": "State Sync",
-      "cosmwasm": "Cosmwasm",
-      "widget": "Widgets",
-      "ibc": "IBC",
-      "consensus": "Konsensus",
-      "supply": "Pasokan",
-      "account": "Akun",
-      "ecosystem": "Ekosistem",
-      "favorite": "Favorit",
-      "add_to_favorite": "Tambahkan ke favorit",
-      "all_blockchains": "All Blockchain",
-      "sponsors": "Sponsors",
-      "links": "Tautan"
+  "module": {
+    "dashboard": "Dasbor",
+    "blocks": "Kumpulan Blok",
+    "staking": "Staking",
+    "governance": "Tata Kelola",
+    "parameters": "Parameter",
+    "uptime": "Pemantauan",
+    "state-sync": "State Sync",
+    "cosmwasm": "Cosmwasm",
+    "widget": "Widgets",
+    "ibc": "IBC",
+    "consensus": "Konsensus",
+    "supply": "Pasokan",
+    "account": "Akun",
+    "ecosystem": "Ekosistem",
+    "favorite": "Favorit",
+    "add_to_favorite": "Tambahkan ke favorit",
+    "all_blockchains": "All Blockchain",
+    "sponsors": "Sponsors",
+    "links": "Tautan"
+  },
+  "pages": {
+    "title": "Ping Dashboard",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Halaman Tidak Ditemukan",
+    "slogan": "Ping Dashboard bukan hanya sebuah penjelajah tetapi juga sebuah dompet dan masih banyak lagi ... 🛠",
+    "description": "Cosmos Ecosystem Blockchains 🚀",
+    "search_placeholder": "Telusuri Rantai",
+    "description_all": "Kami tidak dapat menemukan halaman yang anda cari.",
+    "btn_index": "Kembali ke awal"
+  },
+  "account": {
+    "type": "Tipe",
+    "address": "Alamat",
+    "acc": "Akun",
+    "acc_num": "Nomor Akun",
+    "sequence": "Urutan",
+    "pub_key": "Kunci PUblik",
+    "assets": "Aset",
+    "btn_send": "Kirim",
+    "btn_transfer": "Transfer",
+    "total_value": "Nilai Total",
+    "delegations": "Delegasi",
+    "no_delegations": "Tidak Ada Delegasi",
+    "btn_delegate": "Delegate",
+    "btn_redelegate": "Redelegate",
+    "btn_withdraw": "Withdraw",
+    "btn_unbond": "Lepaskan ikatan",
+    "validator": "Validator",
+    "delegation": "Delegasi",
+    "rewards": "Hadiah",
+    "action": "Tindakan",
+    "unbonding_delegations": "Delegasi yang tidak terikat",
+    "creation_height": "Tingkat Teratas",
+    "initial_balance": "Saldo Awal",
+    "balance": "Saldo",
+    "completion_time": "Waktu Penyelesaian",
+    "transactions": "Transaksi",
+    "no_transactions": "Tidak Ada Transaksi",
+    "height": "Ketinggian",
+    "hash": "Hash",
+    "messages": "Pesan",
+    "time": "Waktu",
+    "error": "Akun tidak ada di dalam rantai"
+  },
+  "block": {
+    "estimated_time": "Estimasi Waktu",
+    "countdown_for_block": "Hitung Mundur Untuk Blok",
+    "countdown_for_block_input": "Masukkan Nomor Blok Ke Target Baru",
+    "btn_update": "Perbarui",
+    "current_height": "Ketinggian Saat Ini",
+    "remaining_blocks": "Blok Yang Tersisa",
+    "average_block_time": "Rata-rata Waktu Blok",
+    "block_header": "Blok Teratas",
+    "last_commit": "Komit Terakhir",
+    "recent": "Terkini",
+    "future": "Masa Depan",
+    "fees": "Biaya",
+    "only_tx": "Hanya menampilkan txs di blok terbaru"
+  },
+  "consensus": {
+    "monitor": "Memantau",
+    "onboard_rate": "Penggabungan Nilai",
+    "o": "O",
+    "h": "H",
+    "r": "R",
+    "s": "S",
+    "round": "Putaran",
+    "step": "Langkah",
+    "updated_at": "Diperbarui pada",
+    "proposer_sign": "Proposer Ditandatangani",
+    "proposer_not_sign": "Proposer Tidak Ditandatangani",
+    "sign": "Ditandatangani",
+    "not_sign": "Tidak Ditandatangani",
+    "tips": "Tips",
+    "tips_description_1": "Alat ini berguna bagi validator untuk memantau siapa saja yang berada di dalam penggabungan selama peningkatan",
+    "tips_description_2": "Jika Anda ingin mengubah titik akhir rpc bawaan. pastikan bahwa `https` dan `CORS` diaktifkan pada server Anda."
+  },
+  "cosmwasm": {
+    "title": "Cosmos Wasm Smart Contracts",
+    "code_id": "Kode Id",
+    "code_hash": "Kode Hash",
+    "creator": "Pencipta",
+    "permissions": "Perizinan",
+    "btn_up_sc": "Unggah Smart Contract",
+    "contract_list_code": "Daftar Kode Kontrak",
+    "contract_list": "Daftar Kontrak",
+    "btn_contract": "Kontrak",
+    "btn_funds": "Dana",
+    "btn_states": "Bagian",
+    "btn_fees": "Biaya",
+    "btn_query": "Query",
+    "btn_execute": "Eksekusi",
+    "instantiate_contract": "Kontrak Instansiasi",
+    "contract_detail": "Rincian Kontrak",
+    "contract_balances": "Saldo Kontrak",
+    "no_escrowed_assets": "Tidak Ada Aset yang Dititipkan",
+    "contract_states": "Bagian Kontrak",
+    "query_contract": "Query Kontrak",
+    "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
+  },
+  "gov": {
+    "voting": "Voting",
+    "passed": "Disetujui",
+    "rejected": "Ditolak",
+    "tally": "Perhitungan",
+    "btn_vote": "Vote",
+    "btn_deposit": "Deposit",
+    "timeline": "Jadwal",
+    "submit_at": "Dikirim pada",
+    "deposited_at": "Didepositkan pada",
+    "vote_start_from": "Voting dimulai dari",
+    "vote_end": "Voting berakhir",
+    "current_status": "Status Saat Ini",
+    "proposal_statuses": {
+      "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Periode Deposit",
+      "PROPOSAL_STATUS_VOTING_PERIOD": "Periode Pemungutan Suara",
+      "PROPOSAL_STATUS_PASSED": "Disetujui",
+      "PROPOSAL_STATUS_REJECTED": "Ditolak",
+      "PROPOSAL_STATUS_FAILED": "Gagal"
     },
-    "pages": {
-      "title": "Ping Dashboard",
-      "title_all": "404",
-      "tag": "Beta",
-      "tag_all": "Halaman Tidak Ditemukan",
-      "slogan": "Ping Dashboard bukan hanya sebuah penjelajah tetapi juga sebuah dompet dan masih banyak lagi ... 🛠",
-      "description": "Cosmos Ecosystem Blockchains 🚀",
-      "search_placeholder": "Telusuri Rantai",
-      "description_all": "Kami tidak dapat menemukan halaman yang anda cari.",
-      "btn_index": "Kembali ke awal"
-    },
-    "account": {
-      "type": "Tipe",
-      "address": "Alamat",
-      "acc": "Akun",
-      "acc_num": "Nomor Akun",
-      "sequence": "Urutan",
-      "pub_key": "Kunci PUblik",
-      "assets": "Aset",
-      "btn_send": "Kirim",
-      "btn_transfer": "Transfer",
-      "total_value": "Nilai Total",
-      "delegations": "Delegasi",
-      "no_delegations": "Tidak Ada Delegasi",
-      "btn_delegate": "Delegate",
-      "btn_redelegate": "Redelegate",
-      "btn_withdraw": "Withdraw",
-      "btn_unbond": "Lepaskan ikatan",
-      "validator": "Validator",
-      "delegation": "Delegasi",
-      "rewards": "Hadiah",
-      "action": "Tindakan",
-      "unbonding_delegations": "Delegasi yang tidak terikat",
-      "creation_height": "Tingkat Teratas",
-      "initial_balance": "Saldo Awal",
-      "balance": "Saldo",
-      "completion_time": "Waktu Penyelesaian",
-      "transactions": "Transaksi",
-      "no_transactions": "Tidak Ada Transaksi",
-      "height": "Ketinggian",
-      "hash": "Hash",
-      "messages": "Pesan",
-      "time": "Waktu",
-      "error": "Akun tidak ada di dalam rantai"
-    },
-    "block": {
-      "estimated_time": "Estimasi Waktu",
-      "countdown_for_block": "Hitung Mundur Untuk Blok",
-      "countdown_for_block_input": "Masukkan Nomor Blok Ke Target Baru",
-      "btn_update": "Perbarui",
-      "current_height": "Ketinggian Saat Ini",
-      "remaining_blocks": "Blok Yang Tersisa",
-      "average_block_time": "Rata-rata Waktu Blok",
-      "block_header": "Blok Teratas",
-      "last_commit": "Komit Terakhir",
-      "recent": "Terkini",
-      "future": "Masa Depan",
-      "fees": "Biaya",
-      "only_tx": "Hanya menampilkan txs di blok terbaru"
-    },
-    "consensus": {
-      "monitor": "Memantau",
-      "onboard_rate": "Penggabungan Nilai",
-      "o": "O",
-      "h": "H",
-      "r": "R",
-      "s": "S",
-      "round": "Putaran",
-      "step": "Langkah",
-      "updated_at": "Diperbarui pada",
-      "proposer_sign": "Proposer Ditandatangani",
-      "proposer_not_sign": "Proposer Tidak Ditandatangani",
-      "sign": "Ditandatangani",
-      "not_sign": "Tidak Ditandatangani",
-      "tips": "Tips",
-      "tips_description_1": "Alat ini berguna bagi validator untuk memantau siapa saja yang berada di dalam penggabungan selama peningkatan",
-      "tips_description_2": "Jika Anda ingin mengubah titik akhir rpc bawaan. pastikan bahwa `https` dan `CORS` diaktifkan pada server Anda."
-    },
-    "cosmwasm": {
-      "title": "Cosmos Wasm Smart Contracts",
-      "code_id": "Kode Id",
-      "code_hash": "Kode Hash",
-      "creator": "Pencipta",
-      "permissions": "Perizinan",
-      "btn_up_sc": "Unggah Smart Contract",
-      "contract_list_code": "Daftar Kode Kontrak",
-      "contract_list": "Daftar Kontrak",
-      "btn_contract": "Kontrak",
-      "btn_funds": "Dana",
-      "btn_states": "Bagian",
-      "btn_fees": "Biaya",
-      "btn_query": "Query",
-      "btn_execute": "Eksekusi",
-      "instantiate_contract": "Kontrak Instansiasi",
-      "contract_detail": "Rincian Kontrak",
-      "contract_balances": "Saldo Kontrak",
-      "no_escrowed_assets": "Tidak Ada Aset yang Dititipkan",
-      "contract_states": "Bagian Kontrak",
-      "query_contract": "Query Kontrak",
-      "tips_description_1": "This feature is available when deploying contracts via WELLDONE Code. For more information, please check the document at the link below."
-    },
-    "gov": {
-      "voting": "Voting",
-      "passed": "Disetujui",
-      "rejected": "Ditolak",
-      "tally": "Perhitungan",
-      "btn_vote": "Vote",
-      "btn_deposit": "Deposit",
-      "timeline": "Jadwal",
-      "submit_at": "Dikirim pada",
-      "deposited_at": "Didepositkan pada",
-      "vote_start_from": "Voting dimulai dari",
-      "vote_end": "Voting berakhir",
-      "current_status": "Status Saat Ini",
-      "proposal_statuses": {
-        "PROPOSAL_STATUS_DEPOSIT_PERIOD": "Periode Deposit",
-        "PROPOSAL_STATUS_VOTING_PERIOD": "Periode Pemungutan Suara",
-        "PROPOSAL_STATUS_PASSED": "Disetujui",
-        "PROPOSAL_STATUS_REJECTED": "Ditolak",
-        "PROPOSAL_STATUS_FAILED": "Gagal"
-      },
-      "upgrade_plan": "Peningkatan Rencana",
-      "votes": "Suara"
-    },
-    "ibc": {
-      "title": "Koneksi IBC",
-      "title_2": "Klien IBC",
-      "registry": "Registri",
-      "connection_id": "ID Koneksi",
-      "btn_apply": "Ajukan",
-      "trust_parameters": "Parameter Kepercayaan",
-      "trust_level": "Tingkat Kepercayaan",
-      "trusting_period": "Periode Kepercayaan",
-      "unbonding_period": "Periode Pembatalan Tautan",
-      "max_clock_drift": "Maksimum Selisih Jam",
-      "frozen_height": "Ketinggian Terkunci",
-      "latest_height": "Ketinggian Terbaru",
-      "upgrade_parameters": "Parameter Pembaruan",
-      "allow_update_after_expiry": "Izinkan pembaruan setelah kedaluwarsa",
-      "allow_update_after_misbehaviour": "Izinkan pembaruan setelah perilaku yang tidak pantas",
-      "upgrade_path": "Jalur Pembaruan",
-      "channels": "Saluran",
-      "txs": "Transaksi",
-      "channel_id": "ID Saluran",
-      "port_id": "ID Port",
-      "state": "Status",
-      "counterparty": "Pihak Lawan",
-      "hops": "Hops",
-      "version": "Versi",
-      "ordering": "Pemesanan",
-      "height": "Ketinggian",
-      "txhash": "Hash Transaksi",
-      "messages": "Pesan",
-      "time": "Waktu",
-      "btn_out": "Keluar",
-      "btn_in": "Masuk"
-    },
-    "staking": {
-      "inflation": "Inflasi",
-      "unbonding_time": "Waktu Pembatalan Tautan",
-      "double_sign_slashing": "Pemotongan Ganda Tanda Tangan",
-      "downtime_slashing": "Pemotongan Downtime",
-      "popular": "Populer",
-      "active": "Aktif",
-      "inactive": "Tidak Aktif",
-      "rank": "Peringkat",
-      "validator": "Validator",
-      "voting_power": "Kekuatan Suara",
-      "24h_changes": "Perubahan 24 Jam",
-      "commission": "Komisi",
-      "actions": "Tindakan",
-      "jailed": "Dipenjara",
-      "top": "Teratas",
-      "description": "Mendelegasikan ke validator peringkat lebih rendah akan meningkatkan keamanan keseluruhan jaringan",
-      "about_us": "Tentang Kami",
-      "website": "Website",
-      "contact": "Kontak",
-      "validator_status": "Status Validator",
-      "status": "Status",
-      "total_bonded": "Total Jumlah Token Terikat",
-      "self_bonded": "Total Token Terikat Sendiri",
-      "min_self": "Minimum Delegasi Sendiri",
-      "annual_profit": "Keuntungan Tahunan",
-      "unbonding_height": "Ketinggian Pembatalan Tautan",
-      "commissions_&_rewards": "Komisi & Imbalan",
-      "commissions": "Komisi",
-      "outstanding": "Total Imbalan",
-      "addresses": "Kumpulan Alamat",
-      "account_addr": "Alamat Akun",
-      "operator_addr": "Alamat Operator",
-      "hex_addr": "Alamat Hex",
-      "signer_addr": "Alamat Penandatangan",
-      "consensus_pub_key": "Kunci Publik Konsensus"
-    },
-    "statesync": {
-      "title": "Apa itu State Sync?",
-      "title_2": "Memulai Node Baru dari State Sync",
-      "title_3": "Aktifkan Snapshot untuk State Sync",
-      "description": "Rilis Tendermint Core 0.34 mencakup dukungan untuk state sync, yang memungkinkan node baru bergabung dengan jaringan dengan mengambil snapshot dari keadaan aplikasi pada ketinggian terkini daripada mengambil dan memainkan ulang semua blok historis. Hal ini dapat mengurangi waktu yang diperlukan untuk sinkronisasi dengan jaringan dari berhari-hari menjadi beberapa menit. Klik",
-      "here": "Di sini",
-      "version": "Versi",
-      "for_more_info": "Untuk informasi lebih lanjut",
-      "text_1": "Instalasi Binary",
-      "text_1_1": "Kita perlu menginstal binary terlebih dahulu dan pastikan bahwa versinya sesuai dengan yang digunakan pada mainnet",
-      "text_2": "Aktifkan State Sync",
-      "text_2_1": "Kita dapat mengkonfigurasi Tendermint untuk menggunakan state sync di $DAEMON_HOME/config/config.toml",
-      "text_3": "Mulai menjalankan daemon",
-      "text_3_1": "Jika Anda mereset node, jalankan",
-      "text_3_2": "sebelum Anda menjalankan daemon",
-      "text_title_3": "Untuk membuat state sync berfungsi, kita dapat mengaktifkan snapshot di $DAEMON_HOME/config/app.toml"
-    },
-    "tx": {
-      "title": "Rangkuman",
-      "tx_hash": "Tx Hash",
-      "gas": "Bahan bakar",
-      "fee": "Biaya",
-      "memo": "Memo",
-      "no_messages": "Tidak ada pesan"
-    },
-    "uptime": {
-      "overall": "Secara keseluruhan",
-      "customize": "Sesuaikan",
-      "only_consumer_set": "Hanya Pengatur Konsumen",
-      "last_jailed_time": "Waktu Terakhir Dipenjara",
-      "signed_precommits": "Precommits Tersign",
-      "start_height": "Ketinggian Awal",
-      "tombstoned": "Dalam keadaan mati",
-      "minimum_uptime": "Waktu aktif minimum per jendela",
-      "my_validators": "Validator Saya",
-      "add_validators_monitor": "Tambahkan validator yang ingin Anda pantau",
-      "no": "Tidak",
-      "signed_blocks": "Blok Tersign",
-      "missing_blocks": "Blok yang Hilang",
-      "add_validators": "Tambahkan Validator",
-      "add": "Tambahkan",
-      "legend": "Legend",
-      "committed": "Committed",
-      "precommitted": "Precommitted",
-      "missed": "Missed"
-    },
-    "widget": {
-      "title": "Pengaturan Awal",
-      "endpoint": "Titik Akhir",
-      "select_endpoint": "Pilih Titik Akhir",
-      "text_1": "Impor skrip global",
-      "text_2": "Hubungkan Dompet",
-      "text_3": "Konversi Osmosis"
-    },
-    "index": {
-      "rank": "Peringkat",
-      "price_calculator": "Kalkulator Harga",
-      "close": "Tutup",
-      "buy": "Beli",
-      "active_proposals": "Proposal Aktif",
-      "no_active_proposals": "Tidak ada proposal aktif",
-      "more": "Selengkapnya",
-      "reward": "Hadiah",
-      "unbonding": "Pemisahan",
-      "btn_withdraw_reward": "Tarik Hadiah",
-      "btn_swap": "Tukar",
-      "receive": "Terima",
-      "app_versions": "Versi Aplikasi",
-      "node_info": "Informasi Node"
-    }
+    "upgrade_plan": "Peningkatan Rencana",
+    "votes": "Suara"
+  },
+  "ibc": {
+    "title": "Koneksi IBC",
+    "title_2": "Klien IBC",
+    "registry": "Registri",
+    "connection_id": "ID Koneksi",
+    "btn_apply": "Ajukan",
+    "trust_parameters": "Parameter Kepercayaan",
+    "trust_level": "Tingkat Kepercayaan",
+    "trusting_period": "Periode Kepercayaan",
+    "unbonding_period": "Periode Pembatalan Tautan",
+    "max_clock_drift": "Maksimum Selisih Jam",
+    "frozen_height": "Ketinggian Terkunci",
+    "latest_height": "Ketinggian Terbaru",
+    "upgrade_parameters": "Parameter Pembaruan",
+    "allow_update_after_expiry": "Izinkan pembaruan setelah kedaluwarsa",
+    "allow_update_after_misbehaviour": "Izinkan pembaruan setelah perilaku yang tidak pantas",
+    "upgrade_path": "Jalur Pembaruan",
+    "channels": "Saluran",
+    "txs": "Transaksi",
+    "channel_id": "ID Saluran",
+    "port_id": "ID Port",
+    "state": "Status",
+    "counterparty": "Pihak Lawan",
+    "hops": "Hops",
+    "version": "Versi",
+    "ordering": "Pemesanan",
+    "height": "Ketinggian",
+    "txhash": "Hash Transaksi",
+    "messages": "Pesan",
+    "time": "Waktu",
+    "btn_out": "Keluar",
+    "btn_in": "Masuk"
+  },
+  "staking": {
+    "inflation": "Inflasi",
+    "unbonding_time": "Waktu Pembatalan Tautan",
+    "double_sign_slashing": "Pemotongan Ganda Tanda Tangan",
+    "downtime_slashing": "Pemotongan Downtime",
+    "popular": "Populer",
+    "active": "Aktif",
+    "inactive": "Tidak Aktif",
+    "rank": "Peringkat",
+    "validator": "Validator",
+    "voting_power": "Kekuatan Suara",
+    "24h_changes": "Perubahan 24 Jam",
+    "commission": "Komisi",
+    "actions": "Tindakan",
+    "jailed": "Dipenjara",
+    "top": "Teratas",
+    "description": "Mendelegasikan ke validator peringkat lebih rendah akan meningkatkan keamanan keseluruhan jaringan",
+    "about_us": "Tentang Kami",
+    "website": "Website",
+    "contact": "Kontak",
+    "validator_status": "Status Validator",
+    "status": "Status",
+    "total_bonded": "Total Jumlah Token Terikat",
+    "self_bonded": "Total Token Terikat Sendiri",
+    "min_self": "Minimum Delegasi Sendiri",
+    "annual_profit": "Keuntungan Tahunan",
+    "unbonding_height": "Ketinggian Pembatalan Tautan",
+    "commissions_&_rewards": "Komisi & Imbalan",
+    "commissions": "Komisi",
+    "outstanding": "Total Imbalan",
+    "addresses": "Kumpulan Alamat",
+    "account_addr": "Alamat Akun",
+    "operator_addr": "Alamat Operator",
+    "hex_addr": "Alamat Hex",
+    "signer_addr": "Alamat Penandatangan",
+    "consensus_pub_key": "Kunci Publik Konsensus"
+  },
+  "statesync": {
+    "title": "Apa itu State Sync?",
+    "title_2": "Memulai Node Baru dari State Sync",
+    "title_3": "Aktifkan Snapshot untuk State Sync",
+    "description": "Rilis Tendermint Core 0.34 mencakup dukungan untuk state sync, yang memungkinkan node baru bergabung dengan jaringan dengan mengambil snapshot dari keadaan aplikasi pada ketinggian terkini daripada mengambil dan memainkan ulang semua blok historis. Hal ini dapat mengurangi waktu yang diperlukan untuk sinkronisasi dengan jaringan dari berhari-hari menjadi beberapa menit. Klik",
+    "here": "Di sini",
+    "version": "Versi",
+    "for_more_info": "Untuk informasi lebih lanjut",
+    "text_1": "Instalasi Binary",
+    "text_1_1": "Kita perlu menginstal binary terlebih dahulu dan pastikan bahwa versinya sesuai dengan yang digunakan pada mainnet",
+    "text_2": "Aktifkan State Sync",
+    "text_2_1": "Kita dapat mengkonfigurasi Tendermint untuk menggunakan state sync di $DAEMON_HOME/config/config.toml",
+    "text_3": "Mulai menjalankan daemon",
+    "text_3_1": "Jika Anda mereset node, jalankan",
+    "text_3_2": "sebelum Anda menjalankan daemon",
+    "text_title_3": "Untuk membuat state sync berfungsi, kita dapat mengaktifkan snapshot di $DAEMON_HOME/config/app.toml"
+  },
+  "tx": {
+    "title": "Rangkuman",
+    "tx_hash": "Tx Hash",
+    "gas": "Bahan bakar",
+    "fee": "Biaya",
+    "memo": "Memo",
+    "no_messages": "Tidak ada pesan"
+  },
+  "uptime": {
+    "overall": "Secara keseluruhan",
+    "customize": "Sesuaikan",
+    "only_consumer_set": "Hanya Pengatur Konsumen",
+    "last_jailed_time": "Waktu Terakhir Dipenjara",
+    "signed_precommits": "Precommits Tersign",
+    "start_height": "Ketinggian Awal",
+    "tombstoned": "Dalam keadaan mati",
+    "minimum_uptime": "Waktu aktif minimum per jendela",
+    "my_validators": "Validator Saya",
+    "add_validators_monitor": "Tambahkan validator yang ingin Anda pantau",
+    "no": "Tidak",
+    "signed_blocks": "Blok Tersign",
+    "missing_blocks": "Blok yang Hilang",
+    "add_validators": "Tambahkan Validator",
+    "add": "Tambahkan",
+    "legend": "Legend",
+    "committed": "Committed",
+    "precommitted": "Precommitted",
+    "missed": "Missed"
+  },
+  "widget": {
+    "title": "Pengaturan Awal",
+    "endpoint": "Titik Akhir",
+    "select_endpoint": "Pilih Titik Akhir",
+    "text_1": "Impor skrip global",
+    "text_2": "Hubungkan Dompet",
+    "text_3": "Konversi Osmosis"
+  },
+  "index": {
+    "rank": "Peringkat",
+    "price_calculator": "Kalkulator Harga",
+    "close": "Tutup",
+    "buy": "Beli",
+    "active_proposals": "Proposal Aktif",
+    "no_active_proposals": "Tidak ada proposal aktif",
+    "more": "Selengkapnya",
+    "reward": "Hadiah",
+    "unbonding": "Pemisahan",
+    "btn_withdraw_reward": "Tarik Hadiah",
+    "btn_swap": "Tukar",
+    "receive": "Terima",
+    "app_versions": "Versi Aplikasi",
+    "node_info": "Informasi Node"
+  }
 }
diff --git a/src/plugins/i18n/locales/ja.json b/src/plugins/i18n/locales/ja.json
index 97dd39f46a..c0ac1c8ac1 100644
--- a/src/plugins/i18n/locales/ja.json
+++ b/src/plugins/i18n/locales/ja.json
@@ -189,113 +189,113 @@
     "btn_in": "入"
   },
   "staking": {
-  "inflation": "インフレーション",
-  "unbonding_time": "アンバンディング時間",
-  "double_sign_slashing": "ダブルサインの罰金",
-  "downtime_slashing": "ダウンタイムの罰金",
-  "popular": "人気",
-  "active": "アクティブ",
-  "inactive": "非アクティブ",
-  "rank": "ランク",
-  "validator": "バリデーター",
-  "voting_power": "投票権",
-  "24h_changes": "24時間の変化",
-  "commission": "手数料",
-  "actions": "アクション",
-  "jailed": "投獄中",
-  "top": "トップ",
-  "description": "低ランクのバリデーターに委任すると、ネットワーク全体のセキュリティが向上します。",
-  "about_us": "私たちについて",
-  "website": "ウェブサイト",
-  "contact": "お問い合わせ",
-  "validator_status": "バリデーターの状態",
-  "status": "ステータス",
-  "total_bonded": "総担保トークン",
-  "self_bonded": "自己担保",
-  "min_self": "最小自己委任",
-  "annual_profit": "年次利益",
-  "unbonding_height": "アンバンディング高さ",
-  "commissions_&_rewards": "手数料と報酬",
-  "commissions": "手数料",
-  "outstanding": "未解決",
-  "addresses": "アドレス",
-  "account_addr": "アカウントアドレス",
-  "operator_addr": "オペレーターアドレス",
-  "hex_addr": "16進数アドレス",
-  "signer_addr": "署名者アドレス",
-  "consensus_pub_key": "コンセンサス公開鍵",
-  "liquid_staking": "流動性ステーキング",
-  "liquid_staking_shares": "流動性シェア",
-  "validator_bond_share": "バリデーター担保シェア"
-},
+    "inflation": "インフレーション",
+    "unbonding_time": "アンバンディング時間",
+    "double_sign_slashing": "ダブルサインの罰金",
+    "downtime_slashing": "ダウンタイムの罰金",
+    "popular": "人気",
+    "active": "アクティブ",
+    "inactive": "非アクティブ",
+    "rank": "ランク",
+    "validator": "バリデーター",
+    "voting_power": "投票権",
+    "24h_changes": "24時間の変化",
+    "commission": "手数料",
+    "actions": "アクション",
+    "jailed": "投獄中",
+    "top": "トップ",
+    "description": "低ランクのバリデーターに委任すると、ネットワーク全体のセキュリティが向上します。",
+    "about_us": "私たちについて",
+    "website": "ウェブサイト",
+    "contact": "お問い合わせ",
+    "validator_status": "バリデーターの状態",
+    "status": "ステータス",
+    "total_bonded": "総担保トークン",
+    "self_bonded": "自己担保",
+    "min_self": "最小自己委任",
+    "annual_profit": "年次利益",
+    "unbonding_height": "アンバンディング高さ",
+    "commissions_&_rewards": "手数料と報酬",
+    "commissions": "手数料",
+    "outstanding": "未解決",
+    "addresses": "アドレス",
+    "account_addr": "アカウントアドレス",
+    "operator_addr": "オペレーターアドレス",
+    "hex_addr": "16進数アドレス",
+    "signer_addr": "署名者アドレス",
+    "consensus_pub_key": "コンセンサス公開鍵",
+    "liquid_staking": "流動性ステーキング",
+    "liquid_staking_shares": "流動性シェア",
+    "validator_bond_share": "バリデーター担保シェア"
+  },
   "statesync": {
-  "title": "ステートシンクとは？",
-  "title_2": "ステートシンクから新しいノードを開始",
-  "title_3": "ステートシンクのためにスナップショットを有効にする",
-  "description": "Tendermint Core 0.34リリースはステートシンクをサポートしており、新しいノードが最近の高さでアプリケーションの状態のスナップショットを取得してネットワークに参加できるようにします。これにより、数日から数分に同期にかかる時間を短縮できます。クリック",
-  "here": "こちら",
-  "version": "バージョン",
-  "for_more_info": "詳細情報は",
-  "text_1": "バイナリをインストール",
-  "text_1_1": "最初にバイナリをインストールし、メインネットで現在使用されているバージョンであることを確認する必要があります。",
-  "text_2": "ステートシンクを有効にする",
-  "text_2_1": "Tendermintを$DAEMON_HOME/config/config.tomlでステートシンクを使用するように構成できます。",
-  "text_3": "デーモンを開始",
-  "text_3_1": "ノードをリセットしている場合は、デーモンを開始する前に実行します。",
-  "text_3_2": "",
-  "text_title_3": "ステートシンクを機能させるために、$DAEMON_HOME/config/app.tomlでスナップショットを有効にできます。"
-},
+    "title": "ステートシンクとは？",
+    "title_2": "ステートシンクから新しいノードを開始",
+    "title_3": "ステートシンクのためにスナップショットを有効にする",
+    "description": "Tendermint Core 0.34リリースはステートシンクをサポートしており、新しいノードが最近の高さでアプリケーションの状態のスナップショットを取得してネットワークに参加できるようにします。これにより、数日から数分に同期にかかる時間を短縮できます。クリック",
+    "here": "こちら",
+    "version": "バージョン",
+    "for_more_info": "詳細情報は",
+    "text_1": "バイナリをインストール",
+    "text_1_1": "最初にバイナリをインストールし、メインネットで現在使用されているバージョンであることを確認する必要があります。",
+    "text_2": "ステートシンクを有効にする",
+    "text_2_1": "Tendermintを$DAEMON_HOME/config/config.tomlでステートシンクを使用するように構成できます。",
+    "text_3": "デーモンを開始",
+    "text_3_1": "ノードをリセットしている場合は、デーモンを開始する前に実行します。",
+    "text_3_2": "",
+    "text_title_3": "ステートシンクを機能させるために、$DAEMON_HOME/config/app.tomlでスナップショットを有効にできます。"
+  },
   "tx": {
-  "title": "概要",
-  "tx_hash": "取引ハッシュ",
-  "gas": "ガス",
-  "fee": "手数料",
-  "memo": "メモ",
-  "no_messages": "メッセージはありません"
-},
+    "title": "概要",
+    "tx_hash": "取引ハッシュ",
+    "gas": "ガス",
+    "fee": "手数料",
+    "memo": "メモ",
+    "no_messages": "メッセージはありません"
+  },
   "uptime": {
-  "overall": "全体",
-  "customize": "カスタマイズ",
-  "only_consumer_set": "消費者セットのみ",
-  "last_jailed_time": "最終投獄時間",
-  "signed_precommits": "署名済みプレコミット",
-  "start_height": "開始高さ",
-  "tombstoned": "トムストーン化",
-  "minimum_uptime": "ウィンドウごとの最小稼働時間",
-  "my_validators": "私のバリデーター",
-  "add_validators_monitor": "監視したいバリデーターを追加",
-  "no": "いいえ",
-  "signed_blocks": "署名済みブロック",
-  "missing_blocks": "欠落したブロック",
-  "add_validators": "バリデーターを追加",
-  "add": "追加",
-  "legend": "凡例",
-  "committed": "コミット済み",
-  "precommitted": "プレコミット済み",
-  "missed": "見逃し"
+    "overall": "全体",
+    "customize": "カスタマイズ",
+    "only_consumer_set": "消費者セットのみ",
+    "last_jailed_time": "最終投獄時間",
+    "signed_precommits": "署名済みプレコミット",
+    "start_height": "開始高さ",
+    "tombstoned": "トムストーン化",
+    "minimum_uptime": "ウィンドウごとの最小稼働時間",
+    "my_validators": "私のバリデーター",
+    "add_validators_monitor": "監視したいバリデーターを追加",
+    "no": "いいえ",
+    "signed_blocks": "署名済みブロック",
+    "missing_blocks": "欠落したブロック",
+    "add_validators": "バリデーターを追加",
+    "add": "追加",
+    "legend": "凡例",
+    "committed": "コミット済み",
+    "precommitted": "プレコミット済み",
+    "missed": "見逃し"
   },
   "widget": {
-  "title": "初期設定",
-  "endpoint": "エンドポイント",
-  "select_endpoint": "エンドポイントを選択",
-  "text_1": "グローバルスクリプトをインポート",
-  "text_2": "ウォレットに接続",
-  "text_3": "オスモシス変換"
+    "title": "初期設定",
+    "endpoint": "エンドポイント",
+    "select_endpoint": "エンドポイントを選択",
+    "text_1": "グローバルスクリプトをインポート",
+    "text_2": "ウォレットに接続",
+    "text_3": "オスモシス変換"
   },
   "index": {
-  "rank": "ランク",
-  "price_calculator": "価格計算機",
-  "close": "閉じる",
-  "buy": "購入",
-  "active_proposals": "アクティブな提案",
-  "no_active_proposals": "アクティブな提案はありません",
-  "more": "もっと",
-  "reward": "報酬",
-  "unbonding": "アンバンディング",
-  "btn_withdraw_reward": "報酬を引き出す",
-  "btn_swap": "スワップ",
-  "receive": "受け取る",
-  "app_versions": "アプリケーションバージョン",
-  "node_info": "ノード情報"
+    "rank": "ランク",
+    "price_calculator": "価格計算機",
+    "close": "閉じる",
+    "buy": "購入",
+    "active_proposals": "アクティブな提案",
+    "no_active_proposals": "アクティブな提案はありません",
+    "more": "もっと",
+    "reward": "報酬",
+    "unbonding": "アンバンディング",
+    "btn_withdraw_reward": "報酬を引き出す",
+    "btn_swap": "スワップ",
+    "receive": "受け取る",
+    "app_versions": "アプリケーションバージョン",
+    "node_info": "ノード情報"
   }
 }
diff --git a/src/plugins/i18n/locales/ko.json b/src/plugins/i18n/locales/ko.json
index 1da9cf71ac..8fe5b77bf9 100644
--- a/src/plugins/i18n/locales/ko.json
+++ b/src/plugins/i18n/locales/ko.json
@@ -189,44 +189,44 @@
     "btn_in": "입력"
   },
   "staking": {
-  "inflation": "인플레이션",
-  "unbonding_time": "언본딩 시간",
-  "double_sign_slashing": "이중 서명 슬래싱",
-  "downtime_slashing": "다운타임 슬래싱",
-  "popular": "인기",
-  "active": "활성",
-  "inactive": "비활성",
-  "rank": "순위",
-  "validator": "검증인",
-  "voting_power": "투표 권한",
-  "24h_changes": "24시간 변화",
-  "commission": "커미션",
-  "actions": "작업",
-  "jailed": "감금됨",
-  "top": "상위",
-  "description": "순위가 낮은 검증인에게 위임하면 네트워크의 전체 보안을 강화할 수 있습니다.",
-  "about_us": "회사 소개",
-  "website": "웹사이트",
-  "contact": "연락처",
-  "validator_status": "검증인 상태",
-  "status": "상태",
-  "total_bonded": "전체 본딩 토큰",
-  "self_bonded": "셀프 본딩",
-  "min_self": "최소 셀프 위임",
-  "annual_profit": "연간 수익",
-  "unbonding_height": "언본딩 높이",
-  "commissions_&_rewards": "커미션 및 보상",
-  "commissions": "커미션",
-  "outstanding": "미지급",
-  "addresses": "주소",
-  "account_addr": "계정 주소",
-  "operator_addr": "운영자 주소",
-  "hex_addr": "Hex 주소",
-  "signer_addr": "서명자 주소",
-  "consensus_pub_key": "합의 공개 키",
-  "liquid_staking": "유동 스테이킹",
-  "liquid_staking_shares": "유동 지분",
-  "validator_bond_share": "검증인 본딩 지분"
+    "inflation": "인플레이션",
+    "unbonding_time": "언본딩 시간",
+    "double_sign_slashing": "이중 서명 슬래싱",
+    "downtime_slashing": "다운타임 슬래싱",
+    "popular": "인기",
+    "active": "활성",
+    "inactive": "비활성",
+    "rank": "순위",
+    "validator": "검증인",
+    "voting_power": "투표 권한",
+    "24h_changes": "24시간 변화",
+    "commission": "커미션",
+    "actions": "작업",
+    "jailed": "감금됨",
+    "top": "상위",
+    "description": "순위가 낮은 검증인에게 위임하면 네트워크의 전체 보안을 강화할 수 있습니다.",
+    "about_us": "회사 소개",
+    "website": "웹사이트",
+    "contact": "연락처",
+    "validator_status": "검증인 상태",
+    "status": "상태",
+    "total_bonded": "전체 본딩 토큰",
+    "self_bonded": "셀프 본딩",
+    "min_self": "최소 셀프 위임",
+    "annual_profit": "연간 수익",
+    "unbonding_height": "언본딩 높이",
+    "commissions_&_rewards": "커미션 및 보상",
+    "commissions": "커미션",
+    "outstanding": "미지급",
+    "addresses": "주소",
+    "account_addr": "계정 주소",
+    "operator_addr": "운영자 주소",
+    "hex_addr": "Hex 주소",
+    "signer_addr": "서명자 주소",
+    "consensus_pub_key": "합의 공개 키",
+    "liquid_staking": "유동 스테이킹",
+    "liquid_staking_shares": "유동 지분",
+    "validator_bond_share": "검증인 본딩 지분"
   },
   "statesync": {
     "title": "상태 동기화란?",
diff --git a/src/router/index.ts b/src/router/index.ts
index 7030ae872b..2babeff5a2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,9 +1,9 @@
-import { useBlockchain } from "@/stores";
-import { createRouter, createWebHistory } from "vue-router";
+import { useBlockchain } from '@/stores';
+import { createRouter, createWebHistory } from 'vue-router';
 // @ts-ignore
-import { setupLayouts } from "virtual:generated-layouts";
+import { setupLayouts } from 'virtual:generated-layouts';
 // @ts-ignore
-import routes from "~pages";
+import routes from '~pages';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -12,15 +12,15 @@ const router = createRouter({
 
 //update current blockchain
 router.beforeEach((to) => {
-    const { chain } = to.params
-    if(chain){
-      const blockchain= useBlockchain()
-      if(chain !== blockchain.chainName) {
-        blockchain.setCurrent(chain.toString())
-      }
-    } 
-})
+  const { chain } = to.params;
+  if (chain) {
+    const blockchain = useBlockchain();
+    if (chain !== blockchain.chainName) {
+      blockchain.setCurrent(chain.toString());
+    }
+  }
+});
 
 // Docs: https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards
 
-export default router;
\ No newline at end of file
+export default router;
diff --git a/src/stores/useBankStore.ts b/src/stores/useBankStore.ts
index c616142243..a948bfcaaf 100644
--- a/src/stores/useBankStore.ts
+++ b/src/stores/useBankStore.ts
@@ -10,7 +10,7 @@ export const useBankStore = defineStore('bankstore', {
       supply: {} as Coin,
       balances: {} as Record<string, Coin[]>,
       totalSupply: { supply: [] as Coin[] },
-      ibcDenoms: {} as Record<string, DenomTrace>
+      ibcDenoms: {} as Record<string, DenomTrace>,
     };
   },
   getters: {
@@ -25,9 +25,7 @@ export const useBankStore = defineStore('bankstore', {
     initial() {
       this.$reset();
       this.supply = {} as Coin;
-      const denom =
-        this.staking.params.bond_denom ||
-        this.blockchain.current?.assets[0].base;
+      const denom = this.staking.params.bond_denom || this.blockchain.current?.assets[0].base;
       if (denom) {
         this.blockchain.rpc.getBankSupplyByDenom(denom).then((res) => {
           if (res.amount) this.supply = res.amount;
@@ -41,8 +39,7 @@ export const useBankStore = defineStore('bankstore', {
       const hash = denom.replace('ibc/', '');
       let trace = this.ibcDenoms[hash];
       if (!trace) {
-        trace = (await this.blockchain.rpc.getIBCAppTransferDenom(hash))
-          .denom_trace;
+        trace = (await this.blockchain.rpc.getIBCAppTransferDenom(hash)).denom_trace;
         this.ibcDenoms[hash] = trace;
       }
       return trace;
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 48109eb443..b476c040cc 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -8,118 +8,102 @@ import { fromBase64 } from '@cosmjs/encoding';
 import { useRouter } from 'vue-router';
 
 export const useBaseStore = defineStore('baseStore', {
-    state: () => {
-        return {
-            earlest: {} as Block,
-            latest: {} as Block,
-            recents: [] as Block[],
-            theme: (window.localStorage.getItem('theme') || 'dark') as
-                | 'light'
-                | 'dark',
-            connected: true,
-        };
+  state: () => {
+    return {
+      earlest: {} as Block,
+      latest: {} as Block,
+      recents: [] as Block[],
+      theme: (window.localStorage.getItem('theme') || 'dark') as 'light' | 'dark',
+      connected: true,
+    };
+  },
+  getters: {
+    blocktime(): number {
+      if (this.earlest && this.latest) {
+        if (this.latest.block?.header?.height !== this.earlest.block?.header?.height) {
+          const diff = dayjs(this.latest.block?.header?.time).diff(this.earlest.block?.header?.time);
+          const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height);
+          return diff / blocks;
+        }
+      }
+      return 6000;
     },
-    getters: {
-        blocktime(): number {
-            if (this.earlest && this.latest) {
-                if (
-                    this.latest.block?.header?.height !==
-                    this.earlest.block?.header?.height
-                ) {
-                    const diff = dayjs(this.latest.block?.header?.time).diff(
-                        this.earlest.block?.header?.time
-                    );
-                    const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height)
-                    return diff / (blocks);
-                }
-            }
-            return 6000;
-        },
-        blockchain() {
-            return useBlockchain();
-        },
-        currentChainId(): string {
-            return this.latest.block?.header.chain_id || '';
-        },
-        txsInRecents() {
-            const txs = [] as {
-                height: string;
-                hash: string;
-                tx: DecodedTxRaw;
-            }[];
-            this.recents.forEach((b) =>
-                b.block?.data?.txs.forEach((tx: string) => {
-                    if (tx) {
-                        const raw = fromBase64(tx);
-                        try {
-                            txs.push({
-                                height: b.block.header.height,
-                                hash: hashTx(raw),
-                                tx: decodeTxRaw(raw),
-                            });
-                        } catch (e) {
-                            console.error(e);
-                        }
-                    }
-                })
-            );
-            return txs.sort((a, b) => {return Number(b.height) - Number(a.height)});
-        },
+    blockchain() {
+      return useBlockchain();
     },
-    actions: {
-        async initial() {
-            this.fetchLatest()
-        },
-        async clearRecentBlocks() {
-            this.recents = [];
-        },
-        async fetchLatest() {
-            try{
-                this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-                this.connected = true
-            }catch(e) {
-                this.connected = false
-            }
-            if (
-                !this.earlest ||
-                this.earlest?.block?.header?.chain_id !=
-                    this.latest?.block?.header?.chain_id
-            ) {
-                //reset earlest and recents
-                this.earlest = this.latest;
-                this.recents = [];
-            }
-            //check if the block exists in recents
-            if (
-                this.recents.findIndex(
-                    (x) => x?.block_id?.hash === this.latest?.block_id?.hash
-                ) === -1
-            ) {
-                if (this.recents.length >= 50) {
-                    this.recents.shift();
-                }
-                this.recents.push(this.latest);
+    currentChainId(): string {
+      return this.latest.block?.header.chain_id || '';
+    },
+    txsInRecents() {
+      const txs = [] as {
+        height: string;
+        hash: string;
+        tx: DecodedTxRaw;
+      }[];
+      this.recents.forEach((b) =>
+        b.block?.data?.txs.forEach((tx: string) => {
+          if (tx) {
+            const raw = fromBase64(tx);
+            try {
+              txs.push({
+                height: b.block.header.height,
+                hash: hashTx(raw),
+                tx: decodeTxRaw(raw),
+              });
+            } catch (e) {
+              console.error(e);
             }
-            return this.latest;
-        },
+          }
+        })
+      );
+      return txs.sort((a, b) => {
+        return Number(b.height) - Number(a.height);
+      });
+    },
+  },
+  actions: {
+    async initial() {
+      this.fetchLatest();
+    },
+    async clearRecentBlocks() {
+      this.recents = [];
+    },
+    async fetchLatest() {
+      try {
+        this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
+        this.connected = true;
+      } catch (e) {
+        this.connected = false;
+      }
+      if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
+        //reset earlest and recents
+        this.earlest = this.latest;
+        this.recents = [];
+      }
+      //check if the block exists in recents
+      if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
+        if (this.recents.length >= 50) {
+          this.recents.shift();
+        }
+        this.recents.push(this.latest);
+      }
+      return this.latest;
+    },
 
-        async fetchValidatorByHeight(height?: number, offset = 0) {
-            return this.blockchain.rpc.getBaseValidatorsetAt(
-                String(height),
-                offset
-            );
-        },
-        async fetchLatestValidators(offset = 0) {
-            return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
-        },
-        async fetchBlock(height?: number | string) {
-            return this.blockchain.rpc.getBaseBlockAt(String(height));
-        },
-        async fetchAbciInfo() {
-            return this.blockchain.rpc.getBaseNodeInfo();
-        },
-        // async fetchNodeInfo() {
-        //     return this.blockchain.rpc.no()
-        // }
+    async fetchValidatorByHeight(height?: number, offset = 0) {
+      return this.blockchain.rpc.getBaseValidatorsetAt(String(height), offset);
+    },
+    async fetchLatestValidators(offset = 0) {
+      return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
+    },
+    async fetchBlock(height?: number | string) {
+      return this.blockchain.rpc.getBaseBlockAt(String(height));
+    },
+    async fetchAbciInfo() {
+      return this.blockchain.rpc.getBaseNodeInfo();
     },
+    // async fetchNodeInfo() {
+    //     return this.blockchain.rpc.no()
+    // }
+  },
 });
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index 8f5ccdedb0..6adcbedf23 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -1,16 +1,6 @@
 import { defineStore } from 'pinia';
-import {
-  useDashboard,
-  type ChainConfig,
-  type Endpoint,
-  EndpointType,
-} from './useDashboard';
-import type {
-  NavGroup,
-  NavLink,
-  NavSectionTitle,
-  VerticalNavItems,
-} from '@/layouts/types';
+import { useDashboard, type ChainConfig, type Endpoint, EndpointType } from './useDashboard';
+import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '@/layouts/types';
 import { useRouter } from 'vue-router';
 import { CosmosRestClient } from '@/libs/client';
 import {
@@ -20,7 +10,7 @@ import {
   useGovStore,
   useMintStore,
   useStakingStore,
-  useWalletStore
+  useWalletStore,
 } from '.';
 import { useBlockModule } from '@/modules/[chain]/block/block';
 import { DEFAULT } from '@/libs';
@@ -42,10 +32,10 @@ export const useBlockchain = defineStore('blockchain', {
   },
   getters: {
     current(): ChainConfig | undefined {
-      const chain = this.dashboard.chains[this.chainName]
+      const chain = this.dashboard.chains[this.chainName];
       // update chain config with dynamic updated sdk version
-      const sdkversion = localStorage.getItem(`sdk_version_${this.chainName}`)
-      if(sdkversion && chain?.versions) {
+      const sdkversion = localStorage.getItem(`sdk_version_${this.chainName}`);
+      if (sdkversion && chain?.versions) {
         chain.versions.cosmosSdk = sdkversion;
       }
       return chain;
@@ -72,7 +62,7 @@ export const useBlockchain = defineStore('blockchain', {
         if (this.current?.themeColor) {
           const { color } = hexToRgb(this.current?.themeColor);
           const { h, s, l } = rgbToHsl(color);
-          const themeColor = h + ' ' + s + '% ' + l +'%';
+          const themeColor = h + ' ' + s + '% ' + l + '%';
           document.body.style.setProperty('--p', `${themeColor}`);
           // document.body.style.setProperty('--p', `${this.current?.themeColor}`);
         } else {
@@ -87,11 +77,7 @@ export const useBlockchain = defineStore('blockchain', {
             badgeClass: 'bg-error',
             children: routes
               .filter((x) => x.meta.i18n) // defined menu name
-              .filter(
-                (x) =>
-                  !this.current?.features ||
-                  this.current.features.includes(String(x.meta.i18n))
-              ) // filter none-custom module
+              .filter((x) => !this.current?.features || this.current.features.includes(String(x.meta.i18n))) // filter none-custom module
               .map((x) => ({
                 title: `module.${x.meta.i18n}`,
                 to: { path: x.path.replace(':chain', this.chainName) },
@@ -157,7 +143,7 @@ export const useBlockchain = defineStore('blockchain', {
       useDistributionStore().initial();
     },
 
-    randomEndpoint(chainName: string) : Endpoint | undefined {
+    randomEndpoint(chainName: string): Endpoint | undefined {
       const end = localStorage.getItem(`endpoint-${chainName}`);
       if (end) {
         return JSON.parse(end);
@@ -166,35 +152,31 @@ export const useBlockchain = defineStore('blockchain', {
         if (all) {
           const rn = Math.random();
           const endpoint = all[Math.floor(rn * all.length)];
-          return endpoint
+          return endpoint;
         }
       }
     },
 
     async randomSetupEndpoint() {
-      const endpoint = this.randomEndpoint(this.chainName)
-      if(endpoint) await this.setRestEndpoint(endpoint);
+      const endpoint = this.randomEndpoint(this.chainName);
+      if (endpoint) await this.setRestEndpoint(endpoint);
     },
 
     async setRestEndpoint(endpoint: Endpoint) {
       this.connErr = '';
       this.endpoint = endpoint;
       this.rpc = CosmosRestClient.newStrategy(endpoint.address, this.current);
-      localStorage.setItem(
-        `endpoint-${this.chainName}`,
-        JSON.stringify(endpoint)
-      );
+      localStorage.setItem(`endpoint-${this.chainName}`, JSON.stringify(endpoint));
     },
     async setCurrent(name: string) {
       // Ensure chains are loaded due to asynchronous calls.
-      if(this.dashboard.length === 0) {
+      if (this.dashboard.length === 0) {
         await this.dashboard.initial();
       }
 
       // Find the case-sensitive name for the chainName, else simply use the parameter-value.
-      const caseSensitiveName = 
-        Object.keys(this.dashboard.chains).find((x) => x.toLowerCase() === name.toLowerCase()) 
-        || name;
+      const caseSensitiveName =
+        Object.keys(this.dashboard.chains).find((x) => x.toLowerCase() === name.toLowerCase()) || name;
 
       // Update chainName if needed
       if (caseSensitiveName !== this.chainName) {
diff --git a/src/stores/useCoinGecko.ts b/src/stores/useCoinGecko.ts
index 9ee2b7fa1b..0c499fce12 100644
--- a/src/stores/useCoinGecko.ts
+++ b/src/stores/useCoinGecko.ts
@@ -27,9 +27,7 @@ export const useCoingecko = defineStore('coingecko', {
 
   actions: {
     getMarketChart(days = 30, coinId = 'cosmos') {
-      return get(
-        `https://api.coingecko.com/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`
-      );
+      return get(`https://api.coingecko.com/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`);
     },
 
     fetchCoinPrice(ids: string[]) {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 8354c17b4f..a87d8c2cc8 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -62,7 +62,7 @@ export interface ChainConfig {
   coinType: string;
   assets: Asset[];
   themeColor?: string;
-  features?: string[]
+  features?: string[];
   endpoints: {
     rest?: Endpoint[];
     rpc?: Endpoint[];
@@ -77,20 +77,20 @@ export interface ChainConfig {
   exponent: string;
   excludes?: string;
   providerChain: {
-    api: Endpoint[]
+    api: Endpoint[];
   };
   // keplr config
-  keplrFeatures?: string[],
+  keplrFeatures?: string[];
   keplrPriceStep?: {
-    low: number,
-    average: number,
-    high: number,
-  },  
+    low: number;
+    average: number;
+    high: number;
+  };
   faucet?: {
-    amount: string,
-    ip_limit: number,
-    address_limit: number,
-    fees: string
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
   };
 }
 
@@ -101,8 +101,8 @@ export interface LocalConfig {
   api: string[] | Endpoint[];
   grpc: Endpoint[];
   provider_chain: {
-    api: string[] | Endpoint[]
-  }
+    api: string[] | Endpoint[];
+  };
   assets: {
     base: string;
     coingecko_id: string;
@@ -120,16 +120,16 @@ export interface LocalConfig {
   registry_name?: string;
   features?: string[];
   keplr_price_step?: {
-    low: number,
-    average: number,
-    high: number,
-  },
-  keplr_features: string[],
+    low: number;
+    average: number;
+    high: number;
+  };
+  keplr_features: string[];
   faucet?: {
-    amount: string,
-    ip_limit: number,
-    address_limit: number,
-    fees: string
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
   };
 }
 
@@ -151,7 +151,7 @@ function apiConverter(api: any[]) {
 
 export function fromLocal(lc: LocalConfig): ChainConfig {
   const conf = {} as ChainConfig;
-  if(lc.assets && Array.isArray(lc.assets)) {
+  if (lc.assets && Array.isArray(lc.assets)) {
     conf.assets = lc.assets.map((x) => ({
       name: x.base,
       base: x.base,
@@ -167,8 +167,8 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     }));
   }
   conf.versions = {
-    cosmosSdk: lc.sdk_version
-  }
+    cosmosSdk: lc.sdk_version,
+  };
   conf.bech32Prefix = lc.addr_prefix;
   conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
@@ -179,12 +179,12 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     rpc: apiConverter(lc.rpc),
     grpc: apiConverter(lc.grpc),
   };
-  if(lc.provider_chain) {
+  if (lc.provider_chain) {
     conf.providerChain = {
-      api: apiConverter(lc.provider_chain.api)
-    }
+      api: apiConverter(lc.provider_chain.api),
+    };
   }
-  conf.features = lc.features
+  conf.features = lc.features;
   conf.logo = lc.logo.startsWith('http') ? lc.logo : `https://ping.pub${lc.logo}`;
   conf.keplrFeatures = lc.keplr_features;
   conf.keplrPriceStep = lc.keplr_price_step;
@@ -213,10 +213,7 @@ export function fromDirectory(source: DirectoryChain): ChainConfig {
 
 function pathConvert(path: string | undefined) {
   if (path) {
-    path = path.replace(
-      'https://raw.githubusercontent.com/cosmos/chain-registry/master',
-      'https://registry.ping.pub'
-    );
+    path = path.replace('https://raw.githubusercontent.com/cosmos/chain-registry/master', 'https://registry.ping.pub');
   }
   return path || '';
 }
@@ -276,10 +273,7 @@ export enum ConfigSource {
 
 export const useDashboard = defineStore('dashboard', {
   state: () => {
-    const favMap = JSON.parse(
-      localStorage.getItem('favoriteMap') ||
-        '{"cosmos":true, "osmosis":true}'
-    );
+    const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}');
     return {
       status: LoadingStatus.Empty,
       source: ConfigSource.MainnetCosmosDirectory,
@@ -287,7 +281,7 @@ export const useDashboard = defineStore('dashboard', {
       favoriteMap: favMap as Record<string, boolean>,
       chains: {} as Record<string, ChainConfig>,
       prices: {} as Record<string, any>,
-      coingecko: {} as Record<string, {coinId: string, exponent: number, symbol: string}>,
+      coingecko: {} as Record<string, { coinId: string; exponent: number; symbol: string }>,
     };
   },
   getters: {
@@ -301,28 +295,33 @@ export const useDashboard = defineStore('dashboard', {
       // await this.loadingFromRegistry()
     },
     loadingPrices() {
-      const coinIds = [] as string[]
-      const keys = Object.keys(this.chains) // load all blockchain
+      const coinIds = [] as string[];
+      const keys = Object.keys(this.chains); // load all blockchain
       // Object.keys(this.favoriteMap) //only load favorite once it has too many chains
-      keys.forEach(k => {
-        if(Array.isArray(this.chains[k]?.assets)) this.chains[k].assets.forEach(a => {
-          if(a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
-            coinIds.push(a.coingecko_id)
-            a.denom_units.forEach(u => {
-              this.coingecko[u.denom] = {
-                coinId: a.coingecko_id || '',
-                exponent: u.exponent,
-                symbol: a.symbol
-              }
-            })
-          } 
-        })
-      })
+      keys.forEach((k) => {
+        if (Array.isArray(this.chains[k]?.assets))
+          this.chains[k].assets.forEach((a) => {
+            if (a.coingecko_id !== undefined && a.coingecko_id.length > 0) {
+              coinIds.push(a.coingecko_id);
+              a.denom_units.forEach((u) => {
+                this.coingecko[u.denom] = {
+                  coinId: a.coingecko_id || '',
+                  exponent: u.exponent,
+                  symbol: a.symbol,
+                };
+              });
+            }
+          });
+      });
 
-      const currencies = ['usd, cny'] // usd,cny,eur,jpy,krw,sgd,hkd
-      get(`https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(',')}&ids=${coinIds.join(",")}`).then(x => {
-        this.prices = x
-      })
+      const currencies = ['usd, cny']; // usd,cny,eur,jpy,krw,sgd,hkd
+      get(
+        `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
+          ','
+        )}&ids=${coinIds.join(',')}`
+      ).then((x) => {
+        this.prices = x;
+      });
     },
     async loadingFromRegistry() {
       if (this.status === LoadingStatus.Empty) {
@@ -336,8 +335,8 @@ export const useDashboard = defineStore('dashboard', {
       }
     },
     async loadingFromLocal() {
-      if(window.location.hostname.search("testnet") > -1) {
-        this.networkType = NetworkType.Testnet
+      if (window.location.hostname.search('testnet') > -1) {
+        this.networkType = NetworkType.Testnet;
       }
       const source: Record<string, LocalConfig> =
         this.networkType === NetworkType.Mainnet
@@ -350,7 +349,7 @@ export const useDashboard = defineStore('dashboard', {
       this.status = LoadingStatus.Loaded;
     },
     async loadLocalConfig(network: NetworkType) {
-      const config: Record<string, ChainConfig> = {} 
+      const config: Record<string, ChainConfig> = {};
       const source: Record<string, LocalConfig> =
         network === NetworkType.Mainnet
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
@@ -358,23 +357,23 @@ export const useDashboard = defineStore('dashboard', {
       Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
         config[x.chain_name] = fromLocal(x);
       });
-      return config
+      return config;
     },
     setupDefault() {
       if (this.length > 0) {
         const blockchain = useBlockchain();
-        const keys = Object.keys(this.favoriteMap)
+        const keys = Object.keys(this.favoriteMap);
         for (let i = 0; i < keys.length; i++) {
           if (!blockchain.chainName && this.chains[keys[i]] && this.favoriteMap[keys[i]]) {
             blockchain.setCurrent(keys[i]);
-            break
+            break;
           }
         }
         if (!blockchain.chainName) {
           const [first] = Object.keys(this.chains);
           blockchain.setCurrent(first);
         }
-        this.loadingPrices()
+        this.loadingPrices();
       }
     },
     setConfigSource(newSource: ConfigSource) {
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index c3036497d6..65302f0b7f 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -13,7 +13,7 @@ import { consensusPubkeyToHexAddress, get } from '@/libs';
 import { useBankStore } from './useBankStore';
 import type { Coin, DenomTrace } from '@/types';
 import { useDashboard } from './useDashboard';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types'
+import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
 
 dayjs.extend(localeData);
 dayjs.extend(duration);
@@ -65,40 +65,39 @@ export const useFormatter = defineStore('formatter', {
       const hash = denom.replace('ibc/', '');
       let trace = this.ibcDenoms[hash];
       if (!trace) {
-        trace = (await this.blockchain.rpc.getIBCAppTransferDenom(hash))
-          .denom_trace;
+        trace = (await this.blockchain.rpc.getIBCAppTransferDenom(hash)).denom_trace;
         this.ibcDenoms[hash] = trace;
       }
       return trace;
     },
     async fetchDenomMetadata(denom: string) {
-      if(this.loading.includes(denom)) return 
-      this.loading.push(denom)
-      const asset = await get(`https://metadata.ping.pub/metadata/${denom}`) as Asset
-      this.ibcMetadata[denom] = asset
+      if (this.loading.includes(denom)) return;
+      this.loading.push(denom);
+      const asset = (await get(`https://metadata.ping.pub/metadata/${denom}`)) as Asset;
+      this.ibcMetadata[denom] = asset;
     },
     priceInfo(denom: string) {
-      const id = this.dashboard.coingecko[denom]?.coinId || "";
+      const id = this.dashboard.coingecko[denom]?.coinId || '';
       const prices = this.dashboard.prices[id];
       return prices;
     },
     color(change?: number) {
-      if(!change) return ""
+      if (!change) return '';
       switch (true) {
         case change > 0:
-          return "text-success"
+          return 'text-success';
         case change < 0:
-          return "text-error"
+          return 'text-error';
         default:
-          return ""
+          return '';
       }
     },
-    priceColor(denom: string, currency = "usd") {
-      const change = this.priceChanges(denom, currency)
-      return this.color(change)
+    priceColor(denom: string, currency = 'usd') {
+      const change = this.priceChanges(denom, currency);
+      return this.color(change);
     },
-    price(denom: string, currency = "usd") {
-      if(!denom || denom.length < 2) return 0
+    price(denom: string, currency = 'usd') {
+      if (!denom || denom.length < 2) return 0;
       const info = this.priceInfo(denom);
       return info ? info[currency] || 0 : 0;
     },
@@ -107,39 +106,42 @@ export const useFormatter = defineStore('formatter', {
       return info ? info[`${currency}_24h_change`] || 0 : 0;
     },
     showChanges(v?: number) {
-      return v!==0 ? numeral(v).format("+0,0"): ""
+      return v !== 0 ? numeral(v).format('+0,0') : '';
     },
     tokenValue(token?: Coin) {
-      if(token) {
-        return numeral(this.tokenValueNumber(token)).format("0,0.[00]")
+      if (token) {
+        return numeral(this.tokenValueNumber(token)).format('0,0.[00]');
       }
-      return ""
+      return '';
     },
     specialDenom(denom: string) {
-      switch(true) {
-        case denom.startsWith('u'): return 6
-        case denom.startsWith("a"): return 18
-        case denom==='inj': return 18
+      switch (true) {
+        case denom.startsWith('u'):
+          return 6;
+        case denom.startsWith('a'):
+          return 18;
+        case denom === 'inj':
+          return 18;
       }
-      return this.exponentForDenom(denom)
+      return this.exponentForDenom(denom);
     },
     tokenAmountNumber(token?: Coin) {
-      if(!token || !token.denom) return 0
+      if (!token || !token.denom) return 0;
 
       // find the symbol
-      const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom 
+      const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom;
       // convert denomination to symbol
       const exponent = this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
       // caculate amount of symbol
-      const amount = Number(token.amount) / (10 ** exponent)
-      return amount
+      const amount = Number(token.amount) / 10 ** exponent;
+      return amount;
     },
     tokenValueNumber(token?: Coin) {
-      if(!token || !token.denom) return 0
+      if (!token || !token.denom) return 0;
 
-      const amount = this.tokenAmountNumber(token)
-      const value = amount * this.price(token.denom)
-      return value
+      const amount = this.tokenAmountNumber(token);
+      const value = amount * this.price(token.denom);
+      return value;
     },
     formatTokenAmount(token: { denom: string; amount: string }) {
       return this.formatToken(token, false);
@@ -147,20 +149,20 @@ export const useFormatter = defineStore('formatter', {
     formatToken2(token: { denom: string; amount: string }, withDenom = true) {
       return this.formatToken(token, true, '0,0.[00]');
     },
-    
+
     findGlobalAssetConfig(denom: string) {
-      const chains = Object.values(this.dashboard.chains)
-      for ( let i =0; i < chains.length; i++ ) {
-        const assets = chains[i].assets
-        const conf = assets.find(a => a.base === denom)
-        if(conf) {
-          return conf
+      const chains = Object.values(this.dashboard.chains);
+      for (let i = 0; i < chains.length; i++) {
+        const assets = chains[i].assets;
+        const conf = assets.find((a) => a.base === denom);
+        if (conf) {
+          return conf;
         }
       }
-      return undefined
+      return undefined;
     },
     exponentForDenom(denom: string) {
-      const asset: Asset | undefined = this.findGlobalAssetConfig(denom)
+      const asset: Asset | undefined = this.findGlobalAssetConfig(denom);
       let exponent = 0;
       if (asset) {
         // find the max exponent for display
@@ -177,17 +179,16 @@ export const useFormatter = defineStore('formatter', {
       if (denom) {
         let asset: Asset | undefined;
         if (denom && denom.startsWith('ibc/')) {
-           const ibcDenom = denom.replace('ibc/', '')
-           asset = this.ibcMetadata[ibcDenom];
-          if(!asset) {
+          const ibcDenom = denom.replace('ibc/', '');
+          asset = this.ibcMetadata[ibcDenom];
+          if (!asset) {
             // update ibc metadata if not exits in local cache
-            this.fetchDenomMetadata(ibcDenom)
+            this.fetchDenomMetadata(ibcDenom);
           } else {
-            console.log("ibc metadata", asset)
+            console.log('ibc metadata', asset);
           }
-
         } else {
-          asset = this.findGlobalAssetConfig(denom)
+          asset = this.findGlobalAssetConfig(denom);
         }
 
         if (asset) {
@@ -197,29 +198,29 @@ export const useFormatter = defineStore('formatter', {
             if (x.exponent >= unit.exponent) {
               unit = x;
             }
-          });          
+          });
           return unit.denom;
         }
         return denom;
       }
     },
-    tokenDisplayNumber(
-      token?: { denom: string; amount: string },
-      mode = 'all'
-    ) {
+    tokenDisplayNumber(token?: { denom: string; amount: string }, mode = 'all') {
       if (token && token.amount && token?.denom) {
         let amount = Number(token.amount);
         let denom = token.denom;
 
-        let conf = mode === 'local'? this.blockchain.current?.assets?.find(
-          // @ts-ignore
-          (x) => x.base === token.denom || x.base.denom === token.denom
-        ): this.findGlobalAssetConfig(token.denom)
+        let conf =
+          mode === 'local'
+            ? this.blockchain.current?.assets?.find(
+                // @ts-ignore
+                (x) => x.base === token.denom || x.base.denom === token.denom
+              )
+            : this.findGlobalAssetConfig(token.denom);
 
         if (denom && denom.startsWith('ibc/')) {
           conf = this.ibcMetadata[denom.replace('ibc/', '')];
           if (!conf) {
-            this.fetchDenomMetadata(denom.replace('ibc/', ''))
+            this.fetchDenomMetadata(denom.replace('ibc/', ''));
           }
         }
 
@@ -239,25 +240,23 @@ export const useFormatter = defineStore('formatter', {
       }
       return 0;
     },
-    formatToken(
-      token?: { denom: string; amount: string },
-      withDenom = true,
-      fmt = '0,0.[0]',
-      mode = 'local'
-    ): string {
+    formatToken(token?: { denom: string; amount: string }, withDenom = true, fmt = '0,0.[0]', mode = 'local'): string {
       if (token && token.amount && token?.denom) {
         let amount = Number(token.amount);
         let denom = token.denom;
 
-        let conf = mode === 'local'? this.blockchain.current?.assets?.find(
-          // @ts-ignore
-          (x) => x.base === token.denom || x.base.denom === token.denom
-        ): this.findGlobalAssetConfig(token.denom)
+        let conf =
+          mode === 'local'
+            ? this.blockchain.current?.assets?.find(
+                // @ts-ignore
+                (x) => x.base === token.denom || x.base.denom === token.denom
+              )
+            : this.findGlobalAssetConfig(token.denom);
 
         if (denom && denom.startsWith('ibc/')) {
           conf = this.ibcMetadata[denom.replace('ibc/', '')];
           if (!conf) {
-            this.fetchDenomMetadata(denom.replace('ibc/', ''))
+            this.fetchDenomMetadata(denom.replace('ibc/', ''));
           }
         }
 
@@ -274,29 +273,21 @@ export const useFormatter = defineStore('formatter', {
             denom = unit.denom.toUpperCase();
           }
         }
-        if(amount < 0.000001) {
+        if (amount < 0.000001) {
           return `0 ${denom.substring(0, 10)}`;
         }
-        if(amount < 0.01) {
-          fmt = '0.[000000]'
+        if (amount < 0.01) {
+          fmt = '0.[000000]';
         }
-        return `${numeral(amount).format(fmt)} ${
-          withDenom ? denom.substring(0, 10) : ''
-        }`;
+        return `${numeral(amount).format(fmt)} ${withDenom ? denom.substring(0, 10) : ''}`;
       }
       return '-';
     },
-    formatTokens(
-      tokens?: { denom: string; amount: string }[],
-      withDenom = true,
-      fmt = '0.0a'
-    ): string {
+    formatTokens(tokens?: { denom: string; amount: string }[], withDenom = true, fmt = '0.0a'): string {
       if (!tokens) return '';
       return tokens.map((x) => this.formatToken(x, withDenom, fmt)).join(', ');
     },
-    calculateBondedRatio(
-      pool: { bonded_tokens: string; not_bonded_tokens: string } | undefined
-    ) {
+    calculateBondedRatio(pool: { bonded_tokens: string; not_bonded_tokens: string } | undefined) {
       if (pool && pool.bonded_tokens) {
         const b = Number(pool.bonded_tokens);
         const nb = Number(pool.not_bonded_tokens);
@@ -309,17 +300,13 @@ export const useFormatter = defineStore('formatter', {
       if (!address) return address;
 
       const txt = toHex(fromBase64(address)).toUpperCase();
-      const validator = this.staking.validators.find(
-        (x) => consensusPubkeyToHexAddress(x.consensus_pubkey) === txt
-      );
+      const validator = this.staking.validators.find((x) => consensusPubkeyToHexAddress(x.consensus_pubkey) === txt);
       return validator?.description?.moniker;
     },
     // find validator by operator address
     validatorFromBech32(address: string) {
       if (!address) return address;
-      const validator = this.staking.validators.find(
-        (x) => x.operator_address === address
-      );
+      const validator = this.staking.validators.find((x) => x.operator_address === address);
       return validator?.description?.moniker;
     },
     calculatePercent(input?: string | number, total?: string | number) {
@@ -338,17 +325,17 @@ export const useFormatter = defineStore('formatter', {
       return decimal ? numeral(decimal).format('0.[00]%') : '-';
     },
     formatNumber(input?: number, fmt = '0.[00]') {
-      if(!input) return ""
-      return numeral(input).format(fmt)
+      if (!input) return '';
+      return numeral(input).format(fmt);
     },
     numberAndSign(input: number, fmt = '+0,0') {
       return numeral(input).format(fmt);
     },
     toLocaleDate(time?: string | number | Date) {
-      if(!time) return ""
-      return new Date(time).toLocaleString(navigator.language)
+      if (!time) return '';
+      return new Date(time).toLocaleString(navigator.language);
     },
-    toDay(time?: string | number| Date, format = 'long') {
+    toDay(time?: string | number | Date, format = 'long') {
       if (!time) return '';
       if (format === 'long') {
         return dayjs(time).format('YYYY-MM-DD HH:mm');
@@ -372,9 +359,7 @@ export const useFormatter = defineStore('formatter', {
         const sum: Record<string, number> = msgs
           .map((msg) => {
             const msgType = msg['@type'] || msg.typeUrl || 'unknown';
-            return msgType
-              .substring(msgType.lastIndexOf('.') + 1)
-              .replace('Msg', '');
+            return msgType.substring(msgType.lastIndexOf('.') + 1).replace('Msg', '');
           })
           .reduce((s, c) => {
             const sh: Record<string, number> = s;
diff --git a/src/stores/useGovStore.ts b/src/stores/useGovStore.ts
index 587839be8f..a16c500df7 100644
--- a/src/stores/useGovStore.ts
+++ b/src/stores/useGovStore.ts
@@ -34,15 +34,13 @@ export const useGovStore = defineStore('govStore', {
     async fetchProposals(status: string, pagination?: PageRequest) {
       //if (!this.loading[status]) {
       this.loading[status] = LoadingStatus.Loading;
-      const proposals = reactive(
-        await this.blockchain.rpc?.getGovProposals(status, pagination)
-      );
+      const proposals = reactive(await this.blockchain.rpc?.getGovProposals(status, pagination));
 
       //filter spam proposals
-      if(proposals?.proposals) {
+      if (proposals?.proposals) {
         proposals.proposals = proposals.proposals.filter((item) => {
-          const title = item.content?.title || item.title || ""
-          return title.toLowerCase().indexOf("airdrop")===-1
+          const title = item.content?.title || item.title || '';
+          return title.toLowerCase().indexOf('airdrop') === -1;
         });
       }
 
@@ -53,22 +51,19 @@ export const useGovStore = defineStore('govStore', {
           });
           if (this.walletstore.currentAddress) {
             try {
-              this.fetchProposalVotesVoter(
-                item.proposal_id,
-                this.walletstore.currentAddress
-              )
+              this.fetchProposalVotesVoter(item.proposal_id, this.walletstore.currentAddress)
                 .then((res) => {
-                  item.voterStatus = res?.vote?.option || 'VOTE_OPTION_NO_WITH_VETO'
+                  item.voterStatus = res?.vote?.option || 'VOTE_OPTION_NO_WITH_VETO';
                   // 'No With Veto';
                 })
                 .catch((reject) => {
-                  item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+                  item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
                 });
             } catch (error) {
-              item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+              item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
             }
           } else {
-            item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO'
+            item.voterStatus = 'VOTE_OPTION_NO_WITH_VETO';
           }
         });
       }
diff --git a/src/stores/useParamsStore.ts b/src/stores/useParamsStore.ts
index 509a8648d8..d3890dfa18 100644
--- a/src/stores/useParamsStore.ts
+++ b/src/stores/useParamsStore.ts
@@ -91,9 +91,7 @@ export const useParamStore = defineStore('paramstore', {
     async handleBaseBlockLatest() {
       try {
         const res = await this.getBaseTendermintBlockLatest();
-        const height = this.chain.items.findIndex(
-          (x) => x.subtitle === 'height'
-        );
+        const height = this.chain.items.findIndex((x) => x.subtitle === 'height');
         this.chain.title = `Chain ID: ${res.block.header.chain_id}`;
         this.chain.items[height].value = res.block.header.height;
         // if (timeIn(res.block.header.time, 3, 'm')) {
@@ -113,38 +111,21 @@ export const useParamStore = defineStore('paramstore', {
       this.staking.items = Object.entries(res.params)
         .map(([key, value]) => ({ subtitle: key, value: value }))
         .filter((item: any) => {
-          if (
-            !['min_commission_rate', 'min_self_delegation'].includes(
-              item.subtitle
-            )
-          )
-            return item;
+          if (!['min_commission_rate', 'min_self_delegation'].includes(item.subtitle)) return item;
         });
-      Promise.all([this.getStakingPool(), this.getBankTotal(bond_denom)]).then(
-        (resArr) => {
-          const pool = resArr[0]?.pool;
-          const amount = resArr[1]?.amount?.amount;
-          const assets = this.blockchain.current?.assets;
-          const bondedAndSupply = this.chain.items.findIndex(
-            (x) => x.subtitle === 'bonded_and_supply'
-          );
-          this.chain.items[bondedAndSupply].value = `${formatNumber(
-            formatTokenAmount(assets, pool.bonded_tokens, 2, bond_denom, false),
-            true,
-            0
-          )}/${formatNumber(
-            formatTokenAmount(assets, amount, 2, bond_denom, false),
-            true,
-            0
-          )}`;
-          const bondedRatio = this.chain.items.findIndex(
-            (x) => x.subtitle === 'bonded_ratio'
-          );
-          this.chain.items[bondedRatio].value = `${percent(
-            Number(pool.bonded_tokens) / Number(amount)
-          )}%`;
-        }
-      );
+      Promise.all([this.getStakingPool(), this.getBankTotal(bond_denom)]).then((resArr) => {
+        const pool = resArr[0]?.pool;
+        const amount = resArr[1]?.amount?.amount;
+        const assets = this.blockchain.current?.assets;
+        const bondedAndSupply = this.chain.items.findIndex((x) => x.subtitle === 'bonded_and_supply');
+        this.chain.items[bondedAndSupply].value = `${formatNumber(
+          formatTokenAmount(assets, pool.bonded_tokens, 2, bond_denom, false),
+          true,
+          0
+        )}/${formatNumber(formatTokenAmount(assets, amount, 2, bond_denom, false), true, 0)}`;
+        const bondedRatio = this.chain.items.findIndex((x) => x.subtitle === 'bonded_ratio');
+        this.chain.items[bondedRatio].value = `${percent(Number(pool.bonded_tokens) / Number(amount))}%`;
+      });
     },
     async handleMintParam() {
       const excludes = this.blockchain.current?.excludes;
@@ -166,20 +147,14 @@ export const useParamStore = defineStore('paramstore', {
     },
     async handleDistributionParams() {
       const res = await this.getDistributionParams();
-      this.distribution.items = Object.entries(res.params).map(
-        ([key, value]) => ({ subtitle: key, value: value })
-      );
+      this.distribution.items = Object.entries(res.params).map(([key, value]) => ({ subtitle: key, value: value }));
     },
     async handleGovernanceParams() {
       const excludes = this.blockchain.current?.excludes;
       if (excludes && excludes.indexOf('governance') > -1) {
         return;
       }
-      Promise.all([
-        this.getGovParamsVoting(),
-        this.getGovParamsDeposit(),
-        this.getGovParamsTally(),
-      ]).then((resArr) => {
+      Promise.all([this.getGovParamsVoting(), this.getGovParamsDeposit(), this.getGovParamsTally()]).then((resArr) => {
         const govParams = {
           ...resArr[0]?.voting_params,
           ...resArr[1]?.deposit_params,
@@ -195,13 +170,15 @@ export const useParamStore = defineStore('paramstore', {
       const res = await this.fetchAbciInfo();
 
       localStorage.setItem(`sdk_version_${this.blockchain.chainName}`, res.application_version?.cosmos_sdk_version);
-      
-      this.appVersion.items = Object.entries(res.application_version).map(
-        ([key, value]) => ({ subtitle: key, value: value })
-      );
-      this.nodeVersion.items = Object.entries(res.default_node_info).map(
-        ([key, value]) => ({ subtitle: key, value: value })
-      );
+
+      this.appVersion.items = Object.entries(res.application_version).map(([key, value]) => ({
+        subtitle: key,
+        value: value,
+      }));
+      this.nodeVersion.items = Object.entries(res.default_node_info).map(([key, value]) => ({
+        subtitle: key,
+        value: value,
+      }));
     },
     async getBaseTendermintBlockLatest() {
       return await this.blockchain.rpc?.getBaseBlockLatest();
diff --git a/src/stores/useStakingStore.ts b/src/stores/useStakingStore.ts
index e5c56a2c10..73aa562c22 100644
--- a/src/stores/useStakingStore.ts
+++ b/src/stores/useStakingStore.ts
@@ -47,9 +47,7 @@ export const useStakingStore = defineStore('stakingStore', {
       return await this.fetchParams();
     },
     async keybase(identity: string) {
-      return get(
-        `https://keybase.io/_/api/1.0/user/lookup.json?key_suffix=${identity}&fields=pictures`
-      );
+      return get(`https://keybase.io/_/api/1.0/user/lookup.json?key_suffix=${identity}&fields=pictures`);
     },
     async fetchParams() {
       const response = await this.blockchain.rpc?.getStakingParams();
@@ -67,93 +65,81 @@ export const useStakingStore = defineStore('stakingStore', {
     },
     async fetchInacitveValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDED');
-    },    
+    },
     async fetchUnbondingValdiators() {
       return this.fetchValidators('BOND_STATUS_UNBONDING');
     },
     async fetchValidator(validatorAddr: string) {
       return this.blockchain.rpc.getStakingValidator(validatorAddr);
     },
-    async fetchValidatorDelegation(
-      validatorAddr: string,
-      delegatorAddr: string
-    ) {
-      return await this.blockchain.rpc?.getStakingValidatorsDelegationsDelegator(
-        validatorAddr,
-        delegatorAddr
-      );
-    },
-    async fetchKeyRotation(chain_id: string, validatorAddr: string ) : Promise<string> {
-      if(this.blockchain.isConsumerChain) {
-        if(this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
-          const signatures = useBaseStore().latest?.block?.last_commit.signatures
-          if(signatures) {
+    async fetchValidatorDelegation(validatorAddr: string, delegatorAddr: string) {
+      return await this.blockchain.rpc?.getStakingValidatorsDelegationsDelegator(validatorAddr, delegatorAddr);
+    },
+    async fetchKeyRotation(chain_id: string, validatorAddr: string): Promise<string> {
+      if (this.blockchain.isConsumerChain) {
+        if (this.blockchain.current?.providerChain.api && this.blockchain.current.providerChain.api.length > 0) {
+          const signatures = useBaseStore().latest?.block?.last_commit.signatures;
+          if (signatures) {
             // console.log(signatures)
-            const key = toBase64(fromHex(valconsToBase64(validatorAddr)))
-            const exists = signatures.findIndex((x) => x.validator_address === key)
-            if(exists < 0) {
-
-              const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
+            const key = toBase64(fromHex(valconsToBase64(validatorAddr)));
+            const exists = signatures.findIndex((x) => x.validator_address === key);
+            if (exists < 0) {
+              const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address);
 
               client.getInterchainSecurityProviderOptedInValidators(chain_id).then((res) => {
-                console.log(res)
-              })
+                console.log(res);
+              });
               const res = await client.getInterchainSecurityValidatorRotatedKey(chain_id, validatorAddr);
-              if(res.consumer_address) {
-                this.keyRotation[validatorAddr] = res.consumer_address
-                localStorage.setItem(`key-rotation-${chain_id}`, JSON.stringify(this.keyRotation))
+              if (res.consumer_address) {
+                this.keyRotation[validatorAddr] = res.consumer_address;
+                localStorage.setItem(`key-rotation-${chain_id}`, JSON.stringify(this.keyRotation));
               }
-              return res.consumer_address
+              return res.consumer_address;
             }
           }
         }
       }
-      return ""
+      return '';
     },
 
     async loadKeyRotationFromLocalstorage(chain_id: string) {
-      const keyRotation = localStorage.getItem(`key-rotation-${chain_id}`)
-      this.keyRotation = keyRotation ? JSON.parse(keyRotation) : {}
+      const keyRotation = localStorage.getItem(`key-rotation-${chain_id}`);
+      this.keyRotation = keyRotation ? JSON.parse(keyRotation) : {};
     },
 
-    findRotatedHexAddress(key: {
-      "@type": string;
-      key: string;
-    }) {
-
-      const prefix  = "cosmos"
-      const conskey = pubKeyToValcons(key, prefix)
-      const rotated = this.keyRotation[conskey]
-      if(rotated) {
-        return valconsToBase64(rotated)
+    findRotatedHexAddress(key: { '@type': string; key: string }) {
+      const prefix = 'cosmos';
+      const conskey = pubKeyToValcons(key, prefix);
+      const rotated = this.keyRotation[conskey];
+      if (rotated) {
+        return valconsToBase64(rotated);
       }
-      return consensusPubkeyToHexAddress(key)
-
+      return consensusPubkeyToHexAddress(key);
     },
     async getConsumerValidators(chain_id: string) {
-      if(this.blockchain.current?.providerChain?.api && this.blockchain.current.providerChain.api.length > 0) {
-        const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address)
-        await client.getStakingValidators('BOND_STATUS_BONDED', 500).then((res) => { this.validators = res.validators });
-        const id_map = {"neutron": "0", "stride": "1"} as Record<string, string>;
+      if (this.blockchain.current?.providerChain?.api && this.blockchain.current.providerChain.api.length > 0) {
+        const client = CosmosRestClient.newDefault(this.blockchain.current.providerChain.api[0].address);
+        await client.getStakingValidators('BOND_STATUS_BONDED', 500).then((res) => {
+          this.validators = res.validators;
+        });
+        const id_map = { neutron: '0', stride: '1' } as Record<string, string>;
         const consumer_id = Object.keys(id_map).find((k) => chain_id.startsWith(k)) || 0;
-        return client.getInterchainSecurityConsumerValidators(id_map[consumer_id])
+        return client.getInterchainSecurityConsumerValidators(id_map[consumer_id]);
       } else {
-        return { validators: [] }
+        return { validators: [] };
       }
     },
     async fetchAllKeyRotation(chain_id: string) {
-      let vs = []
-      for(const val of this.validators) {
-        const { prefix } = fromBech32(val.operator_address)
-        const cons = pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper','valcons'))
-        vs.push(cons)
+      let vs = [];
+      for (const val of this.validators) {
+        const { prefix } = fromBech32(val.operator_address);
+        const cons = pubKeyToValcons(val.consensus_pubkey, prefix.replace('valoper', 'valcons'));
+        vs.push(cons);
       }
     },
     async fetchValidators(status: string, limit = 300) {
       return this.blockchain.rpc?.getStakingValidators(status, limit).then((res) => {
-        const vals = res.validators.sort(
-          (a, b) => Number(b.delegator_shares) - Number(a.delegator_shares)
-        );
+        const vals = res.validators.sort((a, b) => Number(b.delegator_shares) - Number(a.delegator_shares));
         if (status === 'BOND_STATUS_BONDED') {
           this.validators = vals;
         }
@@ -162,5 +148,3 @@ export const useStakingStore = defineStore('stakingStore', {
     },
   },
 });
-
-
diff --git a/src/stores/useTxDialog.ts b/src/stores/useTxDialog.ts
index b0196682ee..b4c7e7b5c2 100644
--- a/src/stores/useTxDialog.ts
+++ b/src/stores/useTxDialog.ts
@@ -1,68 +1,68 @@
 import { defineStore } from 'pinia';
 import { useWalletStore } from './useWalletStore';
 import { useBlockchain } from './useBlockchain';
-import router from '@/router'
+import router from '@/router';
 
-let CALLBACK: any = null
+let CALLBACK: any = null;
 
 export const useTxDialog = defineStore('txDialogStore', {
   state: () => {
     return {
-      sender: "",
-      type: "send",
-      endpoint: "",
-      params: "",
+      sender: '',
+      type: 'send',
+      endpoint: '',
+      params: '',
     };
   },
   getters: {
     walletAddress() {
-      return useWalletStore().currentAddress
+      return useWalletStore().currentAddress;
     },
     currentEndpoint() {
-      return useBlockchain().endpoint?.address
+      return useBlockchain().endpoint?.address;
     },
     blockchain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     hdPaths() {
-      return useBlockchain().defaultHDPath
+      return useBlockchain().defaultHDPath;
     },
   },
   actions: {
     setParams(param: any) {
-      this.params = JSON.stringify(param)
+      this.params = JSON.stringify(param);
     },
     openWithArgument(type: string, sender: string, endpoint: string, param: any) {
       this.type = type;
       this.sender = sender;
       this.endpoint = endpoint;
-      this.params = JSON.stringify(param)
+      this.params = JSON.stringify(param);
     },
     open(type: string, param: any, callback?: Function) {
       this.type = type;
       this.sender = this.walletAddress;
-      this.endpoint = this.currentEndpoint || "";
-      this.params = JSON.stringify(param)
-      if(callback) {
-        CALLBACK = callback
-      }else {
-        CALLBACK = undefined
+      this.endpoint = this.currentEndpoint || '';
+      this.params = JSON.stringify(param);
+      if (callback) {
+        CALLBACK = callback;
+      } else {
+        CALLBACK = undefined;
       }
     },
     view(tx: {
       detail: {
-        eventType: string,
-        hash: string
-      }
+        eventType: string;
+        hash: string;
+      };
     }) {
-      console.log(tx.detail)
-      if (tx.detail && tx.detail.hash) router.push({ path: `/${this.blockchain.chainName}/tx/${tx.detail.hash}` })
+      console.log(tx.detail);
+      if (tx.detail && tx.detail.hash) router.push({ path: `/${this.blockchain.chainName}/tx/${tx.detail.hash}` });
     },
     confirmed(tx: any) {
-      console.log("confirmed:", tx)
-      if(CALLBACK) {
-        CALLBACK()
+      console.log('confirmed:', tx);
+      if (CALLBACK) {
+        CALLBACK();
       }
-    }
+    },
   },
 });
diff --git a/src/stores/useWalletStore.ts b/src/stores/useWalletStore.ts
index 2843e72e30..fde5476493 100644
--- a/src/stores/useWalletStore.ts
+++ b/src/stores/useWalletStore.ts
@@ -1,15 +1,9 @@
 import { defineStore } from 'pinia';
 import { useBlockchain } from './useBlockchain';
 import { fromBech32, toBech32 } from '@cosmjs/encoding';
-import type {
-  Delegation,
-  Coin,
-  UnbondingResponses,
-  DelegatorRewards,
-  WalletConnected,
-} from '@/types';
+import type { Delegation, Coin, UnbondingResponses, DelegatorRewards, WalletConnected } from '@/types';
 import { useStakingStore } from './useStakingStore';
-import router from '@/router'
+import router from '@/router';
 
 export const useWalletStore = defineStore('walletStore', {
   state: () => {
@@ -17,8 +11,8 @@ export const useWalletStore = defineStore('walletStore', {
       balances: [] as Coin[],
       delegations: [] as Delegation[],
       unbonding: [] as UnbondingResponses[],
-      rewards: {total: [], rewards: []} as DelegatorRewards,
-      wallet: {} as WalletConnected
+      rewards: { total: [], rewards: [] } as DelegatorRewards,
+      wallet: {} as WalletConnected,
     };
   },
   getters: {
@@ -27,18 +21,19 @@ export const useWalletStore = defineStore('walletStore', {
     },
     connectedWallet() {
       // @ts-ignore
-      if(this.wallet.cosmosAddress) return this.wallet
+      if (this.wallet.cosmosAddress) return this.wallet;
       const chainStore = useBlockchain();
       const key = chainStore.defaultHDPath;
       const connected = JSON.parse(localStorage.getItem(key) || '{}');
-      return connected
+      return connected;
     },
     balanceOfStakingToken(): Coin {
       const stakingStore = useStakingStore();
       return (
-        this.balances.find(
-          (x) => x.denom === stakingStore.params.bond_denom
-        ) || { amount: '0', denom: stakingStore.params.bond_denom }
+        this.balances.find((x) => x.denom === stakingStore.params.bond_denom) || {
+          amount: '0',
+          denom: stakingStore.params.bond_denom,
+        }
       );
     },
     stakingAmount() {
@@ -54,9 +49,7 @@ export const useWalletStore = defineStore('walletStore', {
     rewardAmount() {
       const stakingStore = useStakingStore();
       // @ts-ignore
-      const reward = this.rewards.total?.find(
-        (x: Coin) => x.denom === stakingStore.params.bond_denom
-      );
+      const reward = this.rewards.total?.find((x: Coin) => x.denom === stakingStore.params.bond_denom);
       return reward || { amount: '0', denom: stakingStore.params.bond_denom };
     },
     unbondingAmount() {
@@ -77,35 +70,28 @@ export const useWalletStore = defineStore('walletStore', {
       return toBech32(chainStore.current?.bech32Prefix || prefix, data);
     },
     shortAddress() {
-      const address: string = this.currentAddress
-      if(address.length > 4) {
-        return `${address.substring(address.length -4)}`
+      const address: string = this.currentAddress;
+      if (address.length > 4) {
+        return `${address.substring(address.length - 4)}`;
       }
-      return ""
-    }
+      return '';
+    },
   },
   actions: {
-
     async loadMyAsset() {
       if (!this.currentAddress) return;
       this.blockchain.rpc.getBankBalances(this.currentAddress).then((x) => {
         this.balances = x.balances;
       });
-      this.blockchain.rpc
-        .getStakingDelegations(this.currentAddress)
-        .then((x) => {
-          this.delegations = x.delegation_responses;
-        });
-      this.blockchain.rpc
-        .getStakingDelegatorUnbonding(this.currentAddress)
-        .then((x) => {
-          this.unbonding = x.unbonding_responses;
-        });
-      this.blockchain.rpc
-        .getDistributionDelegatorRewards(this.currentAddress)
-        .then((x) => {
-          this.rewards = x;
-        });
+      this.blockchain.rpc.getStakingDelegations(this.currentAddress).then((x) => {
+        this.delegations = x.delegation_responses;
+      });
+      this.blockchain.rpc.getStakingDelegatorUnbonding(this.currentAddress).then((x) => {
+        this.unbonding = x.unbonding_responses;
+      });
+      this.blockchain.rpc.getDistributionDelegatorRewards(this.currentAddress).then((x) => {
+        this.rewards = x;
+      });
     },
     myBalance() {
       return this.blockchain.rpc.getBankBalances(this.currentAddress);
@@ -114,25 +100,23 @@ export const useWalletStore = defineStore('walletStore', {
       return this.blockchain.rpc.getStakingDelegations(this.currentAddress);
     },
     myUnbonding() {
-      return this.blockchain.rpc.getStakingDelegatorUnbonding(
-        this.currentAddress
-      );
+      return this.blockchain.rpc.getStakingDelegatorUnbonding(this.currentAddress);
     },
     disconnect() {
       const chainStore = useBlockchain();
       const key = chainStore.defaultHDPath;
       localStorage.removeItem(key);
-      this.$reset()
+      this.$reset();
     },
     setConnectedWallet(value: WalletConnected) {
-      if(value) this.wallet = value 
+      if (value) this.wallet = value;
     },
     suggestChain() {
       if (window.location.pathname === '/SIDE-Testnet') {
-        router.push({path: '/wallet/unisat'})
+        router.push({ path: '/wallet/unisat' });
       } else {
-        router.push({path: '/wallet/keplr'})
+        router.push({ path: '/wallet/keplr' });
       }
-    }
+    },
   },
-});
\ No newline at end of file
+});
diff --git a/src/style.css b/src/style.css
index 98d838c180..7a7e156b4c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,16 +4,16 @@
 @tailwind components;
 @tailwind utilities;
 
-html,body {
+html,
+body {
   height: 100%;
 }
 
 body {
   transition: color 0.5s, background-color 0.5s;
   line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
@@ -51,4 +51,4 @@ html[data-theme='dark'] {
 .slide-up-leave-to {
   opacity: 0;
   transform: translateY(-calc(15%));
-}
\ No newline at end of file
+}
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 3ed8f0a846..02c33152c0 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -1,24 +1,23 @@
-
-import type { Key, PaginatedResponse } from "./common";
+import type { Key, PaginatedResponse } from './common';
 
 export interface AuthAccount {
-    "@type": string,
-    "address": string,
-    "pub_key": Key,
-    "account_number": string,
-    "sequence": string
+  '@type': string;
+  address: string;
+  pub_key: Key;
+  account_number: string;
+  sequence: string;
 }
 
 export interface AuthParam {
-    params: {
-        "max_memo_characters": string,
-        "tx_sig_limit": string,
-        "tx_size_cost_per_byte": string,
-        "sig_verify_cost_ed25519": string,
-        "sig_verify_cost_secp256k1": string
-    }
+  params: {
+    max_memo_characters: string;
+    tx_sig_limit: string;
+    tx_size_cost_per_byte: string;
+    sig_verify_cost_ed25519: string;
+    sig_verify_cost_secp256k1: string;
+  };
 }
 
 export interface PaginabledAccounts extends PaginatedResponse {
-    accounts: AuthAccount[]
-}
\ No newline at end of file
+  accounts: AuthAccount[];
+}
diff --git a/src/types/bank.ts b/src/types/bank.ts
index bdde005135..4d4e0ca096 100644
--- a/src/types/bank.ts
+++ b/src/types/bank.ts
@@ -1,34 +1,33 @@
-
-import type { Coin, PaginatedResponse } from "./common";
+import type { Coin, PaginatedResponse } from './common';
 
 export interface BankParams {
-    params: {
-        "send_enabled": string[],
-        "default_send_enabled": boolean;
-    }
+  params: {
+    send_enabled: string[];
+    default_send_enabled: boolean;
+  };
 }
 
 export interface DenomMetadata {
-    "description": string,
-    "denom_units": {
-        "denom": string,
-        "exponent": number,
-        "aliases": string[]
-    }[],
-    "base": string,
-    "display": string,
-    "name": string,
-    "symbol": string
+  description: string;
+  denom_units: {
+    denom: string;
+    exponent: number;
+    aliases: string[];
+  }[];
+  base: string;
+  display: string;
+  name: string;
+  symbol: string;
 }
 
-export interface PaginatedBalances extends PaginatedResponse{
-    balances: Coin[]
+export interface PaginatedBalances extends PaginatedResponse {
+  balances: Coin[];
 }
 
-export interface PaginatedDenomMetadata extends PaginatedResponse{
-    metadatas: DenomMetadata[]
+export interface PaginatedDenomMetadata extends PaginatedResponse {
+  metadatas: DenomMetadata[];
 }
 
 export interface PaginatedSupply extends PaginatedResponse {
-    supply: Coin[]
-}
\ No newline at end of file
+  supply: Coin[];
+}
diff --git a/src/types/base.ts b/src/types/base.ts
index 4c59b2ff78..495f8900a5 100644
--- a/src/types/base.ts
+++ b/src/types/base.ts
@@ -1,103 +1,102 @@
-import type { Key } from "./common"
+import type { Key } from './common';
 
 export interface NodeInfo {
-    default_node_info: {
-        protocol_version: {
-            p2p: string,
-            block: string,
-            app: string
-        },
-        default_node_id: string,
-        listen_addr: string,
-        network: string,
-        version: string,
-        channels: string,
-        moniker: string,
-        other: {
-            tx_index: string,
-            rpc_address: string
-        }
-    },
-    application_version: {
-        name: string,
-        app_name: string,
-        version: string,
-        git_commit: string,
-        build_tags: string,
-        go_version: string,
-        build_deps: [
-            {
-                path: string,
-                version: string,
-                sum: string,
-            },
-        ],
-        cosmos_sdk_version: string,
-    }
+  default_node_info: {
+    protocol_version: {
+      p2p: string;
+      block: string;
+      app: string;
+    };
+    default_node_id: string;
+    listen_addr: string;
+    network: string;
+    version: string;
+    channels: string;
+    moniker: string;
+    other: {
+      tx_index: string;
+      rpc_address: string;
+    };
+  };
+  application_version: {
+    name: string;
+    app_name: string;
+    version: string;
+    git_commit: string;
+    build_tags: string;
+    go_version: string;
+    build_deps: [
+      {
+        path: string;
+        version: string;
+        sum: string;
+      }
+    ];
+    cosmos_sdk_version: string;
+  };
 }
 export interface BlockId {
-    hash: string,
-    part_set_header: {
-        total: number,
-        hash: string
-    }
+  hash: string;
+  part_set_header: {
+    total: number;
+    hash: string;
+  };
 }
 
-export interface Signature 
-{
-    block_id_flag: string,
-    validator_address: string,
-    timestamp: string,
-    signature: string,
+export interface Signature {
+  block_id_flag: string;
+  validator_address: string;
+  timestamp: string;
+  signature: string;
 }
 
 export interface Block {
-    block_id: BlockId,
-    block: {
-        header: {
-            version: {
-                block: string,
-                app: string
-            },
-            chain_id: string,
-            height: string,
-            time: string,
-            last_block_id: BlockId,
-            last_commit_hash: string,
-            data_hash: string,
-            validators_hash: string,
-            next_validators_hash: string,
-            consensus_hash: string,
-            app_hash: string,
-            last_results_hash: string,
-            evidence_hash: string,
-            proposer_address: string,
-        },
-        data: {
-            txs: any[]
-        },
-        evidence: {
-            evidence: any[]
-        },
-        last_commit: Commit
-    }
+  block_id: BlockId;
+  block: {
+    header: {
+      version: {
+        block: string;
+        app: string;
+      };
+      chain_id: string;
+      height: string;
+      time: string;
+      last_block_id: BlockId;
+      last_commit_hash: string;
+      data_hash: string;
+      validators_hash: string;
+      next_validators_hash: string;
+      consensus_hash: string;
+      app_hash: string;
+      last_results_hash: string;
+      evidence_hash: string;
+      proposer_address: string;
+    };
+    data: {
+      txs: any[];
+    };
+    evidence: {
+      evidence: any[];
+    };
+    last_commit: Commit;
+  };
 }
 
 export interface Commit {
-    height: string,
-    round: number,
-    block_id: BlockId,
-    signatures: Signature[]
+  height: string;
+  round: number;
+  block_id: BlockId;
+  signatures: Signature[];
 }
 
 export interface TendermintValidator {
-    address: string,
-    pub_key: Key,
-    voting_power: string,
-    proposer_priority: string
+  address: string;
+  pub_key: Key;
+  voting_power: string;
+  proposer_priority: string;
 }
 
 export interface PaginatedTendermintValidator {
-    validators: TendermintValidator[],
-    block_height: string
-}
\ No newline at end of file
+  validators: TendermintValidator[];
+  block_height: string;
+}
diff --git a/src/types/common.ts b/src/types/common.ts
index a39117b697..987354066d 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -1,68 +1,67 @@
 export interface Key {
-    "@type": string,
-    "key": string,
+  '@type': string;
+  key: string;
 }
 
 export enum LoadingStatus {
-    UNLOADED,
-    LOADING,
-    LOADED,
+  UNLOADED,
+  LOADING,
+  LOADED,
 }
 
 export interface Pagination {
-    next_key?: string;
-    total?: string;
+  next_key?: string;
+  total?: string;
 }
 
 export class PageRequest {
-    key?: string;
-    limit: number;
-    offset?: number;
-    count_total: boolean;
-    reverse?: boolean;
-    constructor() {
-        this.limit = 20
-        this.count_total = true
-    }
-    toQueryString() {
-        const query = []
-        if(this.key) query.push(`pagination.key=${this.key}`)
-        if(this.limit) query.push(`pagination.limit=${this.limit}`)
-        if(this.offset !== undefined) query.push(`pagination.offset=${this.offset}`)
-        if(this.count_total) query.push(`pagination.count_total=${this.count_total}`)
-        if(this.reverse) query.push(`pagination.reverse=${this.reverse}`)
-        return query.join('&')
-    }
-    setPage(page: number) {
-        if(page >= 1) this.offset = (page - 1) * this.limit
-    }    
-    setPageSize(size: number) {
-        this.limit = size
-    }
-    
+  key?: string;
+  limit: number;
+  offset?: number;
+  count_total: boolean;
+  reverse?: boolean;
+  constructor() {
+    this.limit = 20;
+    this.count_total = true;
+  }
+  toQueryString() {
+    const query = [];
+    if (this.key) query.push(`pagination.key=${this.key}`);
+    if (this.limit) query.push(`pagination.limit=${this.limit}`);
+    if (this.offset !== undefined) query.push(`pagination.offset=${this.offset}`);
+    if (this.count_total) query.push(`pagination.count_total=${this.count_total}`);
+    if (this.reverse) query.push(`pagination.reverse=${this.reverse}`);
+    return query.join('&');
+  }
+  setPage(page: number) {
+    if (page >= 1) this.offset = (page - 1) * this.limit;
+  }
+  setPageSize(size: number) {
+    this.limit = size;
+  }
 }
 
 export interface PaginatedResponse {
-    pagination: Pagination;
+  pagination: Pagination;
 }
 
 export class Response<T> {
-    [key: string]: T
+  [key: string]: T;
 }
 
 export interface Coin {
-    amount: string;
-    denom: string;
+  amount: string;
+  denom: string;
 }
 
 export interface CoinWithPrice extends Coin {
-    value?: number;
-    price?: number;
-    change24h?: number    
+  value?: number;
+  price?: number;
+  change24h?: number;
 }
 
 export interface UptimeStatus {
-    height: number;
-    filled: boolean;
-    signed: boolean;
-}
\ No newline at end of file
+  height: number;
+  filled: boolean;
+  signed: boolean;
+}
diff --git a/src/types/gov.ts b/src/types/gov.ts
index 5f1b47dd3e..caaeecfa9a 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -50,8 +50,8 @@ export interface GovProposal {
   voting_start_time: string;
   voting_end_time: string;
   is_expedited: boolean;
-  voterStatus?: string
-//   VoteOption[];
+  voterStatus?: string;
+  //   VoteOption[];
 }
 
 export interface VoteOption {
diff --git a/src/types/group.ts b/src/types/group.ts
index b96c8a2354..bffef780e3 100644
--- a/src/types/group.ts
+++ b/src/types/group.ts
@@ -1,47 +1,46 @@
-import type { PaginatedResponse } from "./common";
+import type { PaginatedResponse } from './common';
 
 export interface Group {
-    admin: string,
-    created_at: string,
-    id: string,
-    metadata: string,
-    total_weight: string,
-    version: string
+  admin: string;
+  created_at: string;
+  id: string;
+  metadata: string;
+  total_weight: string;
+  version: string;
 }
 
-export interface GroupPolicy {
-}
+export interface GroupPolicy {}
 
 export interface GroupTallyResult {
-    abstain_count: string,
-    no_count: string,
-    no_with_veto_count: string,
-    yes_count: string
+  abstain_count: string;
+  no_count: string;
+  no_with_veto_count: string;
+  yes_count: string;
 }
 
 export interface GroupProposal {
-    executor_result: string,
-    final_tally_result: GroupTallyResult,
-    group_policy_address: string,
-    group_policy_version: string,
-    group_version: string,
-    id: string,
-    messages: any[],
-    metadata: string,
-    proposers: string[],
-    status: string,
-    submit_time: string,
-    summary: string,
-    title: string,
-    voting_period_end: string
+  executor_result: string;
+  final_tally_result: GroupTallyResult;
+  group_policy_address: string;
+  group_policy_version: string;
+  group_version: string;
+  id: string;
+  messages: any[];
+  metadata: string;
+  proposers: string[];
+  status: string;
+  submit_time: string;
+  summary: string;
+  title: string;
+  voting_period_end: string;
 }
 
 export interface GroupVote {
-    metadata: string,
-    option: string,
-    proposal_id: string,
-    submit_time: string,
-    voter: string
+  metadata: string;
+  option: string;
+  proposal_id: string;
+  submit_time: string;
+  voter: string;
 }
 
 export interface PaginatedGroups extends PaginatedResponse {
@@ -49,6 +48,5 @@ export interface PaginatedGroups extends PaginatedResponse {
 }
 
 export interface PaginatedGroupProposals extends PaginatedResponse {
-    proposals: GroupProposal[];
-  }
-  
+  proposals: GroupProposal[];
+}
diff --git a/src/types/ibc.ts b/src/types/ibc.ts
index 69ad9343e0..feef32847e 100644
--- a/src/types/ibc.ts
+++ b/src/types/ibc.ts
@@ -1,107 +1,105 @@
-import type { PaginatedResponse } from "."
+import type { PaginatedResponse } from '.';
 
 export interface DenomTrace {
-    path: string,
-    base_denom: string
+  path: string;
+  base_denom: string;
 }
 
 export interface Connection {
-    id: string,
-    client_id: string,
-    versions: {
-        identifier: string,
-        features: string[]
-    }[],
-    state: string,
-    counterparty: {
-        client_id: string,
-        connection_id: string,
-        prefix: {
-            key_prefix: string
-        }
-    },
-    delay_period: string
+  id: string;
+  client_id: string;
+  versions: {
+    identifier: string;
+    features: string[];
+  }[];
+  state: string;
+  counterparty: {
+    client_id: string;
+    connection_id: string;
+    prefix: {
+      key_prefix: string;
+    };
+  };
+  delay_period: string;
 }
 
 export interface Channel {
-    state: string,
-    ordering: string,
-    counterparty: {
-      port_id: string,
-      channel_id: string
-    },
-    connection_hops: string[],
-    version: string,
-    port_id: string,
-    channel_id: string
-  }
+  state: string;
+  ordering: string;
+  counterparty: {
+    port_id: string;
+    channel_id: string;
+  };
+  connection_hops: string[];
+  version: string;
+  port_id: string;
+  channel_id: string;
+}
 
 export interface ClientState {
-    "@type": string,
-    chain_id: string,
-    trust_level: {
-      numerator: string,
-      denominator: string
-    },
-    trusting_period: string,
-    unbonding_period: string,
-    max_clock_drift: string,
-    frozen_height: {
-      revision_number: string,
-      revision_height: string
-    },
-    latest_height: {
-      revision_number: string,
-      revision_height: string
-    },
-    proof_specs: {
-        leaf_spec: {
-          hash: string,
-          prehash_key: string,
-          prehash_value: string,
-          length: string,
-          prefix: string
-        },
-        inner_spec: {
-          child_order: number[],
-          child_size: number,
-          min_prefix_length: number,
-          max_prefix_length: number,
-          empty_child: string,
-          hash: string
-        },
-        max_depth: number,
-        min_depth: number
-      }[],
-    upgrade_path: string[],
-    allow_update_after_expiry: boolean,
-    allow_update_after_misbehaviour: boolean
-  }
+  '@type': string;
+  chain_id: string;
+  trust_level: {
+    numerator: string;
+    denominator: string;
+  };
+  trusting_period: string;
+  unbonding_period: string;
+  max_clock_drift: string;
+  frozen_height: {
+    revision_number: string;
+    revision_height: string;
+  };
+  latest_height: {
+    revision_number: string;
+    revision_height: string;
+  };
+  proof_specs: {
+    leaf_spec: {
+      hash: string;
+      prehash_key: string;
+      prehash_value: string;
+      length: string;
+      prefix: string;
+    };
+    inner_spec: {
+      child_order: number[];
+      child_size: number;
+      min_prefix_length: number;
+      max_prefix_length: number;
+      empty_child: string;
+      hash: string;
+    };
+    max_depth: number;
+    min_depth: number;
+  }[];
+  upgrade_path: string[];
+  allow_update_after_expiry: boolean;
+  allow_update_after_misbehaviour: boolean;
+}
 
 export interface ClientStateWithProof {
-    identified_client_state: {
-        client_id: string,
-        client_state: ClientState
-    },
-    proof: string,
-    proof_height: {
-        revision_number: string,
-        revision_height: string
-    }
-
+  identified_client_state: {
+    client_id: string;
+    client_state: ClientState;
+  };
+  proof: string;
+  proof_height: {
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface ConnectionWithProof {
-    connection: Connection,
-    proof: string,
-    proof_height: {
-        revision_number: string,
-        revision_height: string
-    }
-
+  connection: Connection;
+  proof: string;
+  proof_height: {
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface PaginatedIBCChannels extends PaginatedResponse {
-    channels: Channel[]
+  channels: Channel[];
 }
 export interface PaginatedIBCConnections extends PaginatedResponse {
-    connections: Connection[]
-}
\ No newline at end of file
+  connections: Connection[];
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 1878dd3b6f..eb3d00b34f 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,12 +1,11 @@
-
-export * from './base'
-export * from './auth'
-export * from './bank'
-export * from './common'
-export * from './distribution'
-export * from './gov'
-export * from './staking'
-export * from './transaction'
-export * from './ibc'
-export * from './slashing'
-export * from './group'
\ No newline at end of file
+export * from './base';
+export * from './auth';
+export * from './bank';
+export * from './common';
+export * from './distribution';
+export * from './gov';
+export * from './staking';
+export * from './transaction';
+export * from './ibc';
+export * from './slashing';
+export * from './group';
diff --git a/src/types/slashing.ts b/src/types/slashing.ts
index 9208fed125..a8041fcc4d 100644
--- a/src/types/slashing.ts
+++ b/src/types/slashing.ts
@@ -1,22 +1,22 @@
-import type { PaginatedResponse } from "./common";
+import type { PaginatedResponse } from './common';
 
 export interface SigningInfo {
-    address: string,
-    start_height: string,
-    index_offset: string,
-    jailed_until: string,
-    tombstoned: boolean,
-    missed_blocks_counter: string
+  address: string;
+  start_height: string;
+  index_offset: string;
+  jailed_until: string;
+  tombstoned: boolean;
+  missed_blocks_counter: string;
 }
 
-export interface SlashingParam{
-    signed_blocks_window: string,
-    min_signed_per_window: string,
-    downtime_jail_duration: string,
-    slash_fraction_double_sign: string,
-    slash_fraction_downtime: string
-  }
+export interface SlashingParam {
+  signed_blocks_window: string;
+  min_signed_per_window: string;
+  downtime_jail_duration: string;
+  slash_fraction_double_sign: string;
+  slash_fraction_downtime: string;
+}
 
 export interface PaginatedSigningInfo extends PaginatedResponse {
-    info: SigningInfo[]
-}
\ No newline at end of file
+  info: SigningInfo[];
+}
diff --git a/src/types/staking.ts b/src/types/staking.ts
index e8be7694c9..eee5bb4997 100644
--- a/src/types/staking.ts
+++ b/src/types/staking.ts
@@ -1,91 +1,89 @@
-import type { Key, PaginatedResponse, Coin } from "./common"
+import type { Key, PaginatedResponse, Coin } from './common';
 
 export interface Validator {
-    "operator_address": string,
-    "consensus_pubkey": Key,
-    "jailed": boolean,
-    "status": string,
-    "tokens": string,
-    "delegator_shares": string,
-    "description": {
-        "moniker": string,
-        "identity"?: string,
-        "website"?: string,
-        "security_contact"?: string,
-        "details"?: string
-    },
-    "unbonding_height": string,
-    "unbonding_time": string,
-    "commission": CommissionRate,
-    "min_self_delegation": string,
-    "liquid_shares": string,
-    "validator_bond_shares": string
+  operator_address: string;
+  consensus_pubkey: Key;
+  jailed: boolean;
+  status: string;
+  tokens: string;
+  delegator_shares: string;
+  description: {
+    moniker: string;
+    identity?: string;
+    website?: string;
+    security_contact?: string;
+    details?: string;
+  };
+  unbonding_height: string;
+  unbonding_time: string;
+  commission: CommissionRate;
+  min_self_delegation: string;
+  liquid_shares: string;
+  validator_bond_shares: string;
 }
 
 export interface CommissionRate {
-    "commission_rates": {
-        "rate": string,
-        "max_rate": string,
-        "max_change_rate": string
-    },
-    "update_time": string
+  commission_rates: {
+    rate: string;
+    max_rate: string;
+    max_change_rate: string;
+  };
+  update_time: string;
 }
 
 export interface UnbondingResponses {
-    delegator_address: string,
-    validator_address: string,
-    entries: {
-        creation_height: string,
-        completion_time: string,
-        initial_balance: string,
-        balance: string
-      }[]
-  }
+  delegator_address: string;
+  validator_address: string;
+  entries: {
+    creation_height: string;
+    completion_time: string;
+    initial_balance: string;
+    balance: string;
+  }[];
+}
 
 export interface Delegation {
-    delegation: {
-        delegator_address: string,
-        validator_address: string,
-        shares: string
-    },
-    balance: Coin
+  delegation: {
+    delegator_address: string;
+    validator_address: string;
+    shares: string;
+  };
+  balance: Coin;
 }
 
-export interface Redelegation {
-
-}
+export interface Redelegation {}
 
 export interface StakingParam {
-    params: {
-        "unbonding_time": string,
-        "max_validators": number,
-        "max_entries": number,
-        "historical_entries": number,
-        "bond_denom": string,
-        "min_commission_rate": string,
-        "min_self_delegation": string
-    }
+  params: {
+    unbonding_time: string;
+    max_validators: number;
+    max_entries: number;
+    historical_entries: number;
+    bond_denom: string;
+    min_commission_rate: string;
+    min_self_delegation: string;
+  };
 }
 
 export interface StakingPool {
-    pool: {
-        not_bonded_tokens: string,
-        bonded_tokens: string
-    }
+  pool: {
+    not_bonded_tokens: string;
+    bonded_tokens: string;
+  };
 }
 
 export interface PaginatedDelegations extends PaginatedResponse {
-    delegation_responses: Delegation[]
+  delegation_responses: Delegation[];
 }
 
 export interface PaginatedRedelegations extends PaginatedResponse {
-    redelegation_responses: Redelegation[]
+  redelegation_responses: Redelegation[];
 }
 
 export interface PaginatedUnbonding extends PaginatedResponse {
-    unbonding_responses: UnbondingResponses[]
+  unbonding_responses: UnbondingResponses[];
 }
 
 export interface PaginatedValdiators extends PaginatedResponse {
-    validators: Validator[]
-}
\ No newline at end of file
+  validators: Validator[];
+}
diff --git a/src/types/transaction.ts b/src/types/transaction.ts
index 399c85d8fa..706962e528 100644
--- a/src/types/transaction.ts
+++ b/src/types/transaction.ts
@@ -1,68 +1,68 @@
-import type { Coin, Key, PaginatedResponse } from "./common"
+import type { Coin, Key, PaginatedResponse } from './common';
 
 export interface Tx {
-    "@type"?: string,
-    "body": {
-        "messages": {"@type": string, "amount"?: Coin[], packet?: { data: string }}[],
-        "memo": string,
-        "timeout_height": string,
-        "extension_options": any[],
-        "non_critical_extension_options": any[]
-    },
-    "auth_info": {
-        "signer_infos": [
-            {
-                "public_key": Key,
-                "mode_info": {
-                    "single"?: {
-                        "mode": string // "SIGN_MODE_DIRECT"
-                    }
-                },
-                "sequence": string
-            }
-        ],
-        "fee": {
-            "amount": Coin[],
-            "gas_limit": string,
-            "payer": string,
-            "granter": string
-        }
-    },
-    "signatures": string[]
+  '@type'?: string;
+  body: {
+    messages: { '@type': string; amount?: Coin[]; packet?: { data: string } }[];
+    memo: string;
+    timeout_height: string;
+    extension_options: any[];
+    non_critical_extension_options: any[];
+  };
+  auth_info: {
+    signer_infos: [
+      {
+        public_key: Key;
+        mode_info: {
+          single?: {
+            mode: string; // "SIGN_MODE_DIRECT"
+          };
+        };
+        sequence: string;
+      }
+    ];
+    fee: {
+      amount: Coin[];
+      gas_limit: string;
+      payer: string;
+      granter: string;
+    };
+  };
+  signatures: string[];
 }
 
 export interface Attributes {
-    index?: boolean,
-    key: string,
-    value: string
+  index?: boolean;
+  key: string;
+  value: string;
 }
 
 export interface TxResponse {
-    "height": string,
-    "txhash": string,
-    "codespace": string,
-    "code": number,
-    "data": string,
-    "raw_log": string,
-    "logs": [
-        {
-            "msg_index": number,
-            "log": string,
-            "events": Attributes[]
-        }
-    ],
-    "info": "",
-    "gas_wanted": "204431",
-    "gas_used": "202682",
-    "tx": Tx,
-    "timestamp": "2022-08-13T23:24:54Z",
-    "events": {
-            "type": string,
-            "attributes": Attributes[]
-        }[]
+  height: string;
+  txhash: string;
+  codespace: string;
+  code: number;
+  data: string;
+  raw_log: string;
+  logs: [
+    {
+      msg_index: number;
+      log: string;
+      events: Attributes[];
+    }
+  ];
+  info: '';
+  gas_wanted: '204431';
+  gas_used: '202682';
+  tx: Tx;
+  timestamp: '2022-08-13T23:24:54Z';
+  events: {
+    type: string;
+    attributes: Attributes[];
+  }[];
 }
 
 export interface PaginatedTxs extends PaginatedResponse {
-    txs: Tx[]
-    tx_responses: TxResponse[]
-}
\ No newline at end of file
+  txs: Tx[];
+  tx_responses: TxResponse[];
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index e6acb15bf4..ce07d33c62 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,7 +11,7 @@ module.exports = {
         main: 'var(--text-main)',
         secondary: 'var(--text-secondary)',
         active: 'var(--bg-active)',
-      }
+      },
     },
   },
   plugins: [require('daisyui')],
@@ -28,7 +28,7 @@ module.exports = {
           ...require('daisyui/src/theming/themes')['[data-theme=dark]'],
           primary: '#666cff',
           'base-100': '#2a334c',
-          'base-200': '#252d37'
+          'base-200': '#252d37',
         },
       },
     ],
diff --git a/tsconfig.json b/tsconfig.json
index 8d7fb252f4..5a016a1c91 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,10 +3,7 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     // "ignoreDeprecations": "5.0",
-    "lib": [      
-      "es2022",
-      "dom"
-    ],
+    "lib": ["es2022", "dom"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
diff --git a/vite.config.ts b/vite.config.ts
index d5015c6de8..4be7d7e0e8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,18 +12,13 @@ import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 
 export default defineConfig({
   define: {
-    'process.env': {}
+    'process.env': {},
   },
   plugins: [
     vue({
       template: {
         compilerOptions: {
-          isCustomElement: (tag) =>
-            [
-              'ping-connect-wallet',
-              'ping-token-convert',
-              'ping-tx-dialog',
-            ].includes(tag),
+          isCustomElement: (tag) => ['ping-connect-wallet', 'ping-token-convert', 'ping-tx-dialog'].includes(tag),
         },
       },
     }),
@@ -36,24 +31,13 @@ export default defineConfig({
       layoutsDirs: './src/layouts/',
     }),
     AutoImport({
-      imports: [
-        'vue',
-        'vue-router',
-        '@vueuse/core',
-        '@vueuse/math',
-        'vue-i18n',
-        'pinia',
-      ],
+      imports: ['vue', 'vue-router', '@vueuse/core', '@vueuse/math', 'vue-i18n', 'pinia'],
       vueTemplate: true,
     }),
     VueI18nPlugin({
       runtimeOnly: true,
       compositionOnly: true,
-      include: [
-        fileURLToPath(
-          new URL('./src/plugins/i18n/locales/**', import.meta.url)
-        ),
-      ],
+      include: [fileURLToPath(new URL('./src/plugins/i18n/locales/**', import.meta.url))],
     }),
     DefineOptions(),
   ],
diff --git a/vue3-json-viewer.d.ts b/vue3-json-viewer.d.ts
index af59802564..2ea88c156f 100644
--- a/vue3-json-viewer.d.ts
+++ b/vue3-json-viewer.d.ts
@@ -1,19 +1,19 @@
 declare module 'vue3-json-viewer' {
-    import { AllowedComponentProps, App, Component, ComponentCustomProps, VNodeProps } from 'vue'
-    interface JsonViewerProps {
-        value: Object | Array<any> | string | number | boolean; //对象
-        expanded: boolean; //是否自动展开
-        expandDepth: number; //展开层级
-        copyable: boolean | object; //是否可复制
-        sort: boolean;//是否排序
-        boxed: boolean;//是否boxed
-        theme: string;//主题 jv-dark | jv-light
-        previewMode: boolean;//是否可复制
-        timeformat: (value: any) => string
-    }
-    type JsonViewerType = JsonViewerProps & VNodeProps & AllowedComponentProps & ComponentCustomProps
-    const JsonViewer: Component<JsonViewerType>
-    export { JsonViewer }
-    const def: { install: (app: App) => void }
-    export default def
-}
\ No newline at end of file
+  import { AllowedComponentProps, App, Component, ComponentCustomProps, VNodeProps } from 'vue';
+  interface JsonViewerProps {
+    value: Object | Array<any> | string | number | boolean; //对象
+    expanded: boolean; //是否自动展开
+    expandDepth: number; //展开层级
+    copyable: boolean | object; //是否可复制
+    sort: boolean; //是否排序
+    boxed: boolean; //是否boxed
+    theme: string; //主题 jv-dark | jv-light
+    previewMode: boolean; //是否可复制
+    timeformat: (value: any) => string;
+  }
+  type JsonViewerType = JsonViewerProps & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+  const JsonViewer: Component<JsonViewerType>;
+  export { JsonViewer };
+  const def: { install: (app: App) => void };
+  export default def;
+}

From 21a50c1882490879a03ba34c3957fc170d9536e9 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 10 Jul 2025 10:40:27 -0500
Subject: [PATCH 219/240] add singleAttributePerLine, printWidth, and useTabs
 to prettier

---
 .prettierignore | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .prettierignore

diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000000..0b1b95926f
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+dist/
+.github/
+*.md
+auto-imports.d.ts

From 78a8b74d0d4392743de35cd5b5f982ce3c020744 Mon Sep 17 00:00:00 2001
From: gamisama123 <amralsuhada@gmail.com>
Date: Thu, 17 Jul 2025 00:15:26 +0700
Subject: [PATCH 220/240] Create Kiichain

---
 chains/Kiichain | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 chains/Kiichain

diff --git a/chains/Kiichain b/chains/Kiichain
new file mode 100644
index 0000000000..0257d03375
--- /dev/null
+++ b/chains/Kiichain
@@ -0,0 +1,26 @@
+{
+  "chain_name": "kiichain",
+  "registry_name": "kiichain",
+  "api": [
+    { "provider": "kiichain", "address": "https://api-kiichain.gon.world" },
+    { "provider": "gamisama", "address": "https://kiichain-api.gamisama.com" }
+  ],
+  "rpc": [
+    { "provider": "kiichain", "address": "https://rpc-kiichain.gon.world" },
+    { "provider": "gamisama", "address": "https://kiichain-rpc.gamisama.com" }
+  ],
+  "sdk_version": "0.47.0",
+  "coin_type": "118",
+  "min_tx_fee": "100",
+  "addr_prefix": "ki",
+  "logo": "/logos/kiichain.svg",
+  "assets": [
+    {
+      "base": "uki",
+      "symbol": "KII",
+      "exponent": "6",
+      "coingecko_id": "kiichain",
+      "logo": "/logos/kiichain.svg"
+    }
+  ]
+}

From 19fafbe789b93eb1d5662770a07036c7796a92ab Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 23 Jul 2025 17:19:35 -0500
Subject: [PATCH 221/240] seperate types from useDashBoard, use assets from
 chain-registry

---
 package.json                             |   1 +
 src/layouts/components/ChainProfile.vue  |   3 +-
 src/layouts/components/DefaultLayout.vue |   3 +-
 src/modules/[chain]/staking/index.vue    |   2 +-
 src/modules/[chain]/supply/index.vue     |   6 +-
 src/modules/wallet/keplr.vue             |   5 +-
 src/pages/index.vue                      |   3 +-
 src/stores/useBlockchain.ts              |   9 +-
 src/stores/useDashboard.ts               | 211 ++----
 src/stores/useFormatter.ts               |   2 +-
 src/types/chaindata.ts                   | 142 ++++
 yarn.lock                                | 810 ++++++++++++++++++++++-
 12 files changed, 990 insertions(+), 207 deletions(-)
 create mode 100644 src/types/chaindata.ts

diff --git a/package.json b/package.json
index f3147404cf..ef0ebd1097 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@chain-registry/types": "^0.50.162",
     "@chenfengyuan/vue-countdown": "2",
     "@cosmjs/amino": "^0.32.3",
     "@cosmjs/crypto": "^0.32.3",
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index 5fb4afcc91..8e53ed4cc3 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { useBlockchain, useBaseStore, type Endpoint } from '@/stores';
+import { useBlockchain, useBaseStore } from '@/stores';
+import type { Endpoint } from '@/types/chaindata';
 import { useRouter } from 'vue-router';
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 5d2c028423..daef7258bf 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -9,7 +9,8 @@ import NavbarSearch from '@/layouts/components/NavbarSearch.vue';
 import ChainProfile from '@/layouts/components/ChainProfile.vue';
 import Sponsors from '@/layouts/components/Sponsors.vue';
 
-import { NetworkType, useDashboard } from '@/stores/useDashboard';
+import { useDashboard } from '@/stores/useDashboard';
+import { NetworkType } from '@/types/chaindata';
 import { useBaseStore, useBlockchain } from '@/stores';
 
 import NavBarI18n from './NavBarI18n.vue';
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index b44cc5c2db..20adab9f34 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -144,7 +144,7 @@ const list = computed(() => {
     if (endpoint) {
       endpoint.push('ping');
       return staking.validators
-        .filter((x) => isFeatured(endpoint, x.description))
+        .filter((x) => isFeatured(endpoint.filter(Boolean) as string[], x.description))
         .map((x, i) => ({ v: x, rank: 'primary', logo: logo(x.description.identity) }));
     }
     return [];
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 794f50db2f..ba39a7f95f 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -8,7 +8,7 @@ import {
   type DenomMetadata,
 } from '@/types';
 import { onMounted } from 'vue';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
+import type { Asset } from '@/types/chaindata';
 import PaginationBar from '@/components/PaginationBar.vue';
 const props = defineProps(['chain']);
 
@@ -45,7 +45,7 @@ async function mergeDenomMetadata(denom: string, denomsMetadatas: DenomMetadata[
   if (asset && denomMetadata) {
     asset = { ...denomMetadata, ...asset };
     asset.display = denomMetadata.display;
-    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.logo_URIs?.jpeg || undefined;
+    asset.logo = asset.logo_URIs?.svg || asset.logo_URIs?.png || undefined;
   } else if (denomMetadata) {
     return denomMetadata as SupplyAsset;
   }
@@ -65,7 +65,7 @@ function pageload(p: number) {
           amount: format.tokenAmountNumber({ amount: coin.amount, denom: denom }).toString(),
           base: asset.base || coin.denom,
           info: asset.display || coin.denom,
-          logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || asset?.logo_URIs?.jpeg || '/logo.svg',
+          logo: asset?.logo_URIs?.svg || asset?.logo_URIs?.png || '/logo.svg',
         };
       })
     );
diff --git a/src/modules/wallet/keplr.vue b/src/modules/wallet/keplr.vue
index f298e72536..e1a92668dc 100644
--- a/src/modules/wallet/keplr.vue
+++ b/src/modules/wallet/keplr.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useDashboard, type ChainConfig, useBlockchain } from '@/stores';
+import { useDashboard, useBlockchain } from '@/stores';
+import type { ChainConfig, DenomUnit } from '@/types/chaindata';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
@@ -29,7 +30,7 @@ async function initParamsForKeplr() {
     high: 0.03,
   };
   const coinDecimals =
-    chain.assets[0].denom_units.find((x) => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6;
+    chain.assets[0].denom_units.find((x: DenomUnit) => x.denom === chain.assets[0].symbol.toLowerCase())?.exponent || 6;
   conf.value = JSON.stringify(
     {
       chainId: chainid,
diff --git a/src/pages/index.vue b/src/pages/index.vue
index bc2b808626..a0b5d1ed1d 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { Icon } from '@iconify/vue';
-import { useDashboard, LoadingStatus, type ChainConfig } from '@/stores/useDashboard';
+import { useDashboard, LoadingStatus } from '@/stores';
+import type { ChainConfig } from '@/types/chaindata';
 import ChainSummary from '@/components/ChainSummary.vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
 
diff --git a/src/stores/useBlockchain.ts b/src/stores/useBlockchain.ts
index 6adcbedf23..d1421e8a38 100644
--- a/src/stores/useBlockchain.ts
+++ b/src/stores/useBlockchain.ts
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia';
-import { useDashboard, type ChainConfig, type Endpoint, EndpointType } from './useDashboard';
+import type { ChainConfig, Endpoint } from '@/types/chaindata';
+import { useDashboard} from './useDashboard';
 import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '@/layouts/types';
 import { useRouter } from 'vue-router';
 import { CosmosRestClient } from '@/libs/client';
@@ -22,11 +23,7 @@ export const useBlockchain = defineStore('blockchain', {
       status: {} as Record<string, string>,
       rest: '',
       chainName: '',
-      endpoint: {} as {
-        type?: EndpointType;
-        address: string;
-        provider: string;
-      },
+      endpoint: {} as Endpoint,
       connErr: '',
     };
   },
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index aa6ff83ce4..26aac87107 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -1,137 +1,10 @@
 import { defineStore } from 'pinia';
 import { get } from '../libs/http';
-import type { Chain, Asset } from '@ping-pub/chain-registry-client/dist/types';
+import type { ChainConfig, DirectoryChainConfig, Endpoint, LocalChainConfig } from '@/types/chaindata';
+import { ConfigSource, NetworkType } from '@/types/chaindata';
 import { useBlockchain } from './useBlockchain';
 
-export enum EndpointType {
-  rpc,
-  rest,
-  grpc,
-  // webgrpc
-}
-
-export interface Endpoint {
-  type?: EndpointType;
-  address: string;
-  provider: string;
-}
-
-// Chain config structure of cosmos.directory
-export interface DirectoryChain {
-  assets: Asset[];
-  bech32_prefix: string;
-  best_apis: {
-    rest: Endpoint[];
-    rpc: Endpoint[];
-  };
-  chain_id: string;
-  chain_name: string;
-  pretty_name: string;
-  coingecko_id: string;
-  cosmwasm_enabled: boolean;
-  decimals: number;
-  denom: string;
-  display: string;
-  explorers:
-    | {
-        name?: string | undefined;
-        kind?: string | undefined;
-        url?: string | undefined;
-        tx_page?: string | undefined;
-        account_page?: string | undefined;
-      }[]
-    | undefined;
-  height: number;
-  image: string;
-  name: string;
-  network_type: string;
-  symbol: string;
-  versions?: {
-    application_version: string;
-    cosmos_sdk_version: string;
-    tendermint_version: string;
-  };
-}
-
-export interface ChainConfig {
-  chainName: string;
-  prettyName: string;
-  bech32Prefix: string;
-  bech32ConsensusPrefix: string;
-  chainId: string;
-  coinType: string;
-  assets: Asset[];
-  themeColor?: string;
-  features?: string[];
-  endpoints: {
-    rest?: Endpoint[];
-    rpc?: Endpoint[];
-    grpc?: Endpoint[];
-  };
-  logo: string;
-  versions: {
-    application?: string;
-    cosmosSdk?: string;
-    tendermint?: string;
-  };
-  exponent: string;
-  excludes?: string;
-  providerChain: {
-    api: Endpoint[];
-  };
-  // keplr config
-  keplrFeatures?: string[];
-  keplrPriceStep?: {
-    low: number;
-    average: number;
-    high: number;
-  };
-  faucet?: {
-    amount: string;
-    ip_limit: number;
-    address_limit: number;
-    fees: string;
-  };
-}
 
-export interface LocalConfig {
-  addr_prefix: string;
-  consensus_prefix?: string;
-  alias: string;
-  api: string[] | Endpoint[];
-  grpc: Endpoint[];
-  provider_chain: {
-    api: string[] | Endpoint[];
-  };
-  assets: {
-    base: string;
-    coingecko_id: string;
-    exponent: string;
-    logo: string;
-    symbol: string;
-  }[];
-  chain_name: string;
-  coin_type: string;
-  logo: string;
-  theme_color?: string;
-  min_tx_fee: string;
-  rpc: string[] | Endpoint[];
-  sdk_version: string;
-  registry_name?: string;
-  features?: string[];
-  keplr_price_step?: {
-    low: number;
-    average: number;
-    high: number;
-  };
-  keplr_features: string[];
-  faucet?: {
-    amount: string;
-    ip_limit: number;
-    address_limit: number;
-    fees: string;
-  };
-}
 
 function apiConverter(api: any[]) {
   if (!api) return [];
@@ -149,7 +22,7 @@ function apiConverter(api: any[]) {
   });
 }
 
-export function fromLocal(lc: LocalConfig): ChainConfig {
+export function convertFromLocal(lc: LocalChainConfig): ChainConfig {
   const conf = {} as ChainConfig;
   if (lc.assets && Array.isArray(lc.assets)) {
     conf.assets = lc.assets.map((x) => ({
@@ -164,6 +37,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
         { denom: x.base, exponent: 0 },
         { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
       ],
+      type_asset: 'sdk.coin'
     }));
   }
   conf.versions = {
@@ -194,7 +68,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
   return conf;
 }
 
-export function fromDirectory(source: DirectoryChain): ChainConfig {
+export function convertFromDirectory(source: DirectoryChainConfig): ChainConfig {
   const conf = {} as ChainConfig;
   (conf.assets = source.assets),
     (conf.bech32Prefix = source.bech32_prefix),
@@ -234,43 +108,36 @@ export function getLogo(
   return undefined;
 }
 
-function createChainFromDirectory(source: DirectoryChain): Chain {
-  const conf: Chain = {} as Chain;
-  conf.apis = source.best_apis;
-  conf.bech32_prefix = source.bech32_prefix;
-  conf.chain_id = source.chain_id;
-  conf.chain_name = source.chain_name;
-  conf.explorers = source.explorers;
-  conf.pretty_name = source.pretty_name;
-  if (source.versions) {
-    conf.codebase = {
-      recommended_version: source.versions.application_version,
-      cosmos_sdk_version: source.versions.cosmos_sdk_version,
-      tendermint_version: source.versions.tendermint_version,
-    };
-  }
-  if (source.image) {
-    conf.logo_URIs = {
-      svg: source.image,
-    };
-  }
-  return conf;
-}
+// Unused function, kept for reference
+// function createChainFromDirectory(source: DirectoryChain): ChainConfig {
+//   const conf = {} as ChainConfig;
+//   conf.apis = source.best_apis;
+//   conf.bech32_prefix = source.bech32_prefix;
+//   conf.chain_id = source.chain_id;
+//   conf.chain_name = source.chain_name;
+//   conf.explorers = source.explorers;
+//   conf.pretty_name = source.pretty_name;
+//   if (source.versions) {
+//     conf.codebase = {
+//       recommended_version: source.versions.application_version,
+//       cosmos_sdk_version: source.versions.cosmos_sdk_version,
+//       tendermint_version: source.versions.tendermint_version,
+//     };
+//   }
+//   if (source.image) {
+//     conf.logo_URIs = {
+//       svg: source.image,
+//     };
+//   }
+//   return conf;
+// }
 
 export enum LoadingStatus {
   Empty,
   Loading,
   Loaded,
 }
-export enum NetworkType {
-  Mainnet,
-  Testnet,
-}
-export enum ConfigSource {
-  MainnetCosmosDirectory = 'https://chains.cosmos.directory',
-  TestnetCosmosDirectory = 'https://chains.testcosmos.directory',
-  Local = 'local',
-}
+
 
 export const useDashboard = defineStore('dashboard', {
   state: () => {
@@ -292,8 +159,8 @@ export const useDashboard = defineStore('dashboard', {
   },
   actions: {
     async initial() {
-      await this.loadingFromLocal();
-      // await this.loadingFromRegistry()
+      //await this.loadingFromLocal();
+      await this.loadingFromRegistry()
     },
     loadingPrices() {
       const coinIds = [] as string[];
@@ -328,8 +195,8 @@ export const useDashboard = defineStore('dashboard', {
       if (this.status === LoadingStatus.Empty) {
         this.status = LoadingStatus.Loading;
         get(this.source).then((res) => {
-          res.chains.forEach((x: DirectoryChain) => {
-            this.chains[x.chain_name] = fromDirectory(x);
+          res.chains.forEach((x: DirectoryChainConfig) => {
+            this.chains[x.chain_name] = convertFromDirectory(x);
           });
           this.status = LoadingStatus.Loaded;
         });
@@ -339,24 +206,24 @@ export const useDashboard = defineStore('dashboard', {
       if (window.location.hostname.search('testnet') > -1) {
         this.networkType = NetworkType.Testnet;
       }
-      const source: Record<string, LocalConfig> =
+      const source: Record<string, LocalChainConfig> =
         this.networkType === NetworkType.Mainnet
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
-      Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        this.chains[x.chain_name] = fromLocal(x);
+      Object.values<LocalChainConfig>(source).forEach((x: LocalChainConfig) => {
+        this.chains[x.chain_name] = convertFromLocal(x);
       });
       this.setupDefault();
       this.status = LoadingStatus.Loaded;
     },
     async loadLocalConfig(network: NetworkType) {
       const config: Record<string, ChainConfig> = {};
-      const source: Record<string, LocalConfig> =
+      const source: Record<string, LocalChainConfig> =
         network === NetworkType.Mainnet
           ? import.meta.glob('../../chains/mainnet/*.json', { eager: true })
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
-      Object.values<LocalConfig>(source).forEach((x: LocalConfig) => {
-        config[x.chain_name] = fromLocal(x);
+      Object.values<LocalChainConfig>(source).forEach((x: LocalChainConfig) => {
+        config[x.chain_name] = convertFromLocal(x);
       });
       return config;
     },
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 0d9750b55d..40cb0e8ef2 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -13,7 +13,7 @@ import { consensusPubkeyToHexAddress, get } from '@/libs';
 import { useBankStore } from './useBankStore';
 import type { Coin, DenomTrace } from '@/types';
 import { useDashboard } from './useDashboard';
-import type { Asset } from '@ping-pub/chain-registry-client/dist/types';
+import type { Asset } from '@/types/chaindata';
 
 dayjs.extend(localeData);
 dayjs.extend(duration);
diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
new file mode 100644
index 0000000000..289c09d236
--- /dev/null
+++ b/src/types/chaindata.ts
@@ -0,0 +1,142 @@
+import type { Asset as RegistryAsset, DenomUnit as RegistryDenomUnit } from '@chain-registry/types';
+import type { Chain as RegistryChain, Endpoint as RegistryEndPoint } from '@chain-registry/types/chain.schema';
+
+export enum NetworkType {
+  Mainnet,
+  Testnet,
+}
+
+export enum ConfigSource {
+  MainnetCosmosDirectory = 'https://chains.cosmos.directory',
+  TestnetCosmosDirectory = 'https://chains.testcosmos.directory',
+  Local = 'local',
+}
+
+export enum EndpointType {
+  rpc,
+  rest,
+  grpc,
+  // webgrpc
+}
+
+export interface Chain extends RegistryChain {}
+export interface Asset extends RegistryAsset {}
+export interface Endpoint extends RegistryEndPoint {}
+export interface DenomUnit extends RegistryDenomUnit {}
+
+export interface LocalChainConfig {
+  addr_prefix: string;
+  consensus_prefix?: string;
+  alias: string;
+  api: string[] | Endpoint[];
+  grpc: Endpoint[];
+  provider_chain: {
+    api: string[] | Endpoint[];
+  };
+  assets: {
+    base: string;
+    coingecko_id: string;
+    exponent: string;
+    logo: string;
+    symbol: string;
+  }[];
+  chain_name: string;
+  coin_type: string;
+  logo: string;
+  theme_color?: string;
+  min_tx_fee: string;
+  rpc: string[] | Endpoint[];
+  sdk_version: string;
+  registry_name?: string;
+  features?: string[];
+  keplr_price_step?: {
+    low: number;
+    average: number;
+    high: number;
+  };
+  keplr_features: string[];
+  faucet?: {
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
+  };
+}
+
+// Chain config structure of cosmos.directory
+export interface DirectoryChainConfig {
+  assets: Asset[];
+  bech32_prefix: string;
+  best_apis: {
+    rest: Endpoint[];
+    rpc: Endpoint[];
+  };
+  chain_id: string;
+  chain_name: string;
+  pretty_name: string;
+  coingecko_id: string;
+  cosmwasm_enabled: boolean;
+  decimals: number;
+  denom: string;
+  display: string;
+  explorers:
+    | {
+        name?: string | undefined;
+        kind?: string | undefined;
+        url?: string | undefined;
+        tx_page?: string | undefined;
+        account_page?: string | undefined;
+      }[]
+    | undefined;
+  height: number;
+  image: string;
+  name: string;
+  network_type: string;
+  symbol: string;
+  versions?: {
+    application_version: string;
+    cosmos_sdk_version: string;
+    tendermint_version: string;
+  };
+}
+
+export interface ChainConfig {
+  chainName: string;
+  prettyName: string;
+  bech32Prefix: string;
+  bech32ConsensusPrefix: string;
+  chainId: string;
+  coinType: string;
+  assets: Asset[];
+  themeColor?: string;
+  features?: string[];
+  endpoints: {
+    rest?: Endpoint[];
+    rpc?: Endpoint[];
+    grpc?: Endpoint[];
+  };
+  logo: string;
+  versions: {
+    application?: string;
+    cosmosSdk?: string;
+    tendermint?: string;
+  };
+  exponent: string;
+  excludes?: string;
+  providerChain: {
+    api: Endpoint[];
+  };
+  // keplr config
+  keplrFeatures?: string[];
+  keplrPriceStep?: {
+    low: number;
+    average: number;
+    high: number;
+  };
+  faucet?: {
+    amount: string;
+    ip_limit: number;
+    address_limit: number;
+    fees: string;
+  };
+}
diff --git a/yarn.lock b/yarn.lock
index dff0bc41f2..22f90f6771 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1360,6 +1360,11 @@
   dependencies:
     "@babel/runtime" "^7.19.4"
 
+"@chain-registry/types@^0.50.162":
+  version "0.50.179"
+  resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-0.50.179.tgz#f32595dc3e3d50f8ce24c7a1b9556e54ab6c56b7"
+  integrity sha512-IsYQCkw1WYMteDSLWo0TKs9QPREBpnB1wv4Z7IClfTDcPG7J/evK39VT6k866vG3kr0e8wVX4zOoIYEBV5fv6g==
+
 "@chenfengyuan/vue-countdown@2":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/@chenfengyuan/vue-countdown/-/vue-countdown-2.1.2.tgz#108d96b271e8db463604b6eedbefa83f2b668487"
@@ -2342,6 +2347,11 @@
     "@chain-registry/types" "^0.14.0"
     cross-fetch "^3.1.5"
 
+"@pkgr/core@^0.2.7":
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
+  integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
+
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
@@ -2443,6 +2453,15 @@
     "@types/node" ">=13.7.0"
     long "^4.0.0"
 
+"@rollup/plugin-inject@^5.0.5":
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz#616f3a73fe075765f91c5bec90176608bed277a3"
+  integrity sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.3"
+
 "@rollup/pluginutils@^4.2.0":
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
@@ -2451,6 +2470,15 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
+"@rollup/pluginutils@^5.0.1":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
+  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
 "@rollup/pluginutils@^5.0.2", "@rollup/pluginutils@^5.0.4":
   version "5.0.4"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz#74f808f9053d33bafec0cc98e7b835c9667d32ba"
@@ -3171,6 +3199,26 @@ arraybuffer.prototype.slice@^1.0.1:
     is-array-buffer "^3.0.2"
     is-shared-array-buffer "^1.0.2"
 
+asn1.js@^4.10.1:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
+  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+assert@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-2.1.0.tgz#6d92a238d05dc02e7427c881fb8be81c8448b2dd"
+  integrity sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==
+  dependencies:
+    call-bind "^1.0.2"
+    is-nan "^1.3.2"
+    object-is "^1.1.5"
+    object.assign "^4.1.4"
+    util "^0.12.5"
+
 ast-stringify@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/ast-stringify/-/ast-stringify-0.1.0.tgz#5c6439fbfb4513dcc26c7d34464ccd084ed91cb7"
@@ -3213,6 +3261,13 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
 axios@0.27.2:
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.27.2.tgz#207658cc8621606e586c85db4b41a750e756d972"
@@ -3314,12 +3369,12 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bn.js@^4.11.9:
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
   version "4.12.2"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.2.tgz#3d8fed6796c24e177737f7cc5172ee04ef39ec99"
   integrity sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==
 
-bn.js@^5.2.0:
+bn.js@^5.2.0, bn.js@^5.2.1:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.2.tgz#82c09f9ebbb17107cd72cb7fd39bd1f9d0aaa566"
   integrity sha512-v2YAxEmKaBLahNwE1mjp4WON6huMNeuDvagFZW+ASCuA/ku0bXR9hSMw0XpiqMoA3+rmnyck/tPRSFQkoC9Cuw==
@@ -3351,11 +3406,81 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-brorand@^1.1.0:
+brorand@^1.0.1, brorand@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
 
+browser-resolve@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-2.0.0.tgz#99b7304cb392f8d73dba741bb2d7da28c6d7842b"
+  integrity sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==
+  dependencies:
+    resolve "^1.17.0"
+
+browserify-aes@^1.0.4, browserify-aes@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
+  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
+  dependencies:
+    buffer-xor "^1.0.3"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.3"
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+browserify-cipher@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
+  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
+  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
+browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.1.tgz#06e530907fe2949dc21fc3c2e2302e10b1437238"
+  integrity sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==
+  dependencies:
+    bn.js "^5.2.1"
+    randombytes "^2.1.0"
+    safe-buffer "^5.2.1"
+
+browserify-sign@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.3.tgz#7afe4c01ec7ee59a89a558a4b75bd85ae62d4208"
+  integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
+  dependencies:
+    bn.js "^5.2.1"
+    browserify-rsa "^4.1.0"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    elliptic "^6.5.5"
+    hash-base "~3.0"
+    inherits "^2.0.4"
+    parse-asn1 "^5.1.7"
+    readable-stream "^2.3.8"
+    safe-buffer "^5.2.1"
+
+browserify-zlib@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
+  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
+  dependencies:
+    pako "~1.0.5"
+
 browserslist@^4.0.0, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9:
   version "4.21.10"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
@@ -3383,6 +3508,19 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-xor@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
+
+buffer@^5.7.1:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
 buffer@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
@@ -3407,6 +3545,11 @@ build@^0.1.4:
     winston "*"
     wrench "1.3.x"
 
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
+  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
+
 c12@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/c12/-/c12-1.4.2.tgz#9011d73fdc98b88ab4471106e34b0a4b20eb56d2"
@@ -3424,7 +3567,7 @@ c12@^1.4.2:
     pkg-types "^1.0.3"
     rc9 "^2.1.1"
 
-call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
   integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
@@ -3440,6 +3583,24 @@ call-bind@^1.0.0, call-bind@^1.0.2:
     function-bind "^1.1.1"
     get-intrinsic "^1.0.2"
 
+call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.4.tgz#238de935d2a2a692928c538c7ccfa91067fd062a"
+  integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    get-intrinsic "^1.3.0"
+
 call-me-maybe@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.2.tgz#03f964f19522ba643b1b0693acb9152fe2074baa"
@@ -3548,6 +3709,14 @@ ci-info@^3.2.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.6.tgz#8fe672437d01cd6c4561af5334e0cc50ff1955f7"
+  integrity sha512-3Ek9H3X6pj5TgenXYtNWdaBon1tgYCaebd+XPg0keyjEbEfkD4KkmAxkQ/i1vYvxdcT5nscLBfq9VJRmCBcFSw==
+  dependencies:
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
+
 cli-color@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-2.0.3.tgz#73769ba969080629670f3f2ef69a4bf4e7cc1879"
@@ -3679,6 +3848,16 @@ consola@^3.2.3:
   resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
   integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
 
+console-browserify@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
+  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
+
 convert-source-map@^1.4.0, convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
@@ -3730,6 +3909,52 @@ cosmjs-types@^0.9.0:
   resolved "https://registry.yarnpkg.com/cosmjs-types/-/cosmjs-types-0.9.0.tgz#c3bc482d28c7dfa25d1445093fdb2d9da1f6cfcc"
   integrity sha512-MN/yUe6mkJwHnCFfsNPeCfXVhyxHYW6c/xDUzrSbBycYzw++XvWDMJArXp2pLdgD6FQ8DW79vkPjeNKVrXaHeQ==
 
+create-ecdh@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
+  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.5.3"
+
+create-hash@^1.1.0, create-hash@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
+  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    md5.js "^1.3.4"
+    ripemd160 "^2.0.1"
+    sha.js "^2.4.0"
+
+create-hash@~1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.3.tgz#606042ac8b9262750f483caddab0f5819172d8fd"
+  integrity sha512-snRpch/kwQhcdlnZKYanNF1m0RDlrCdSKQaH87w1FCFPVPNCQ/Il9QJKAX2jVBZddRdaHBMC+zXa9Gw9tmkNUA==
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
+  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+create-require@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
 cross-fetch@^3.1.5:
   version "3.1.8"
   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.8.tgz#0327eba65fd68a7d119f8fb2bf9334a1a7956f82"
@@ -3748,6 +3973,24 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+crypto-browserify@^3.12.1:
+  version "3.12.1"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.1.tgz#bb8921bec9acc81633379aa8f52d69b0b69e0dac"
+  integrity sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==
+  dependencies:
+    browserify-cipher "^1.0.1"
+    browserify-sign "^4.2.3"
+    create-ecdh "^4.0.4"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    diffie-hellman "^5.0.3"
+    hash-base "~3.0.4"
+    inherits "^2.0.4"
+    pbkdf2 "^3.1.2"
+    public-encrypt "^4.0.3"
+    randombytes "^2.1.0"
+    randomfill "^1.0.4"
+
 css-declaration-sorter@^6.3.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
@@ -3931,7 +4174,7 @@ deepmerge@4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
-define-data-property@^1.0.1:
+define-data-property@^1.0.1, define-data-property@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
   integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
@@ -3972,6 +4215,14 @@ delegate@^3.1.2:
   resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
   integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
 
+des.js@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.1.0.tgz#1d37f5766f3bbff4ee9638e871a8768c173b81da"
+  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
 destr@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.1.tgz#2fc7bddc256fed1183e03f8d148391dde4023cb2"
@@ -3982,6 +4233,15 @@ didyoumean@^1.2.2:
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
   integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
 
+diffie-hellman@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
+  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
 dijkstrajs@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
@@ -4008,6 +4268,11 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
+domain-browser@4.22.0:
+  version "4.22.0"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-4.22.0.tgz#6ddd34220ec281f9a65d3386d267ddd35c491f9f"
+  integrity sha512-IGBwjF7tNk3cwypFNH/7bfzBcgSCbaMOD3GsaY1AU/JRrnHnYgEM0+9kQt52iZxjNsjBtJYtao146V+f8jFZNw==
+
 domelementtype@^2.0.1, domelementtype@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
@@ -4058,7 +4323,7 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.710.tgz#d0ec4ea8a97df4c5eaeb8c69d45bf81f248b3855"
   integrity sha512-w+9yAVHoHhysCa+gln7AzbO9CdjFcL/wN/5dd+XW/Msl2d/4+WisEaCF1nty0xbAKaxdaJfgLB2296U7zZB7BA==
 
-elliptic@^6.5.4:
+elliptic@^6.5.3, elliptic@^6.5.4, elliptic@^6.5.5:
   version "6.6.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
   integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
@@ -4346,6 +4611,19 @@ event-emitter@^0.3.5:
     d "1"
     es5-ext "~0.10.14"
 
+events@^3.0.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
+  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
+  dependencies:
+    md5.js "^1.3.4"
+    safe-buffer "^5.1.1"
+
 ext@^1.1.2:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
@@ -4481,6 +4759,13 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
+for-each@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
+  integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
+  dependencies:
+    is-callable "^1.2.7"
+
 form-data@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
@@ -4557,7 +4842,7 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
 
-get-intrinsic@^1.1.1:
+get-intrinsic@^1.1.1, get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
   integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
@@ -4578,7 +4863,7 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-proto@^1.0.1:
+get-proto@^1.0.0, get-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
   integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
@@ -4755,7 +5040,7 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0:
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
   integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
@@ -4786,11 +5071,42 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
 has@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
   integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
+hash-base@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
+  integrity sha512-0TROgQ1/SxE6KmxWSvXHvRj90/Xo1JvZShofnYF+f6ZsGtR4eES7WfrQzPalmyagfKZCXpVnitiRebZulWsbiw==
+  dependencies:
+    inherits "^2.0.1"
+
+hash-base@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
+  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
+  dependencies:
+    inherits "^2.0.4"
+    readable-stream "^3.6.0"
+    safe-buffer "^5.2.0"
+
+hash-base@~3.0, hash-base@~3.0.4:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.5.tgz#52480e285395cf7fba17dc4c9e47acdc7f248a8a"
+  integrity sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==
+  dependencies:
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
+
 hash-sum@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
@@ -4840,6 +5156,11 @@ html-tags@^3.3.1:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
+https-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
+  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
+
 https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
@@ -4848,6 +5169,11 @@ https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
     agent-base "6"
     debug "4"
 
+husky@^9.1.7:
+  version "9.1.7"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.7.tgz#d46a38035d101b46a70456a850ff4201344c0b2d"
+  integrity sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==
+
 iconv-lite@^0.4.17, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -4862,7 +5188,7 @@ idna-uts46-hx@5.0.7:
   dependencies:
     punycode "^2.1.1"
 
-ieee754@^1.2.1:
+ieee754@^1.1.13, ieee754@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -4872,6 +5198,11 @@ ignore@^5.2.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
   integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
+ignore@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
+  integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
+
 immutable@^4.0.0:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.4.tgz#2e07b33837b4bb7662f288c244d1ced1ef65a78f"
@@ -4890,7 +5221,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@~2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -4975,6 +5306,14 @@ interpret@^1.0.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
   integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
 
+is-arguments@^1.0.4:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.2.0.tgz#ad58c6aecf563b78ef2bf04df540da8f5d7d8e1b"
+  integrity sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -5036,6 +5375,13 @@ is-core-module@^2.13.0:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
+  dependencies:
+    hasown "^2.0.2"
+
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -5058,6 +5404,16 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
+is-generator-function@^1.0.7:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
 is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -5070,6 +5426,14 @@ is-map@^2.0.1, is-map@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
   integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
 
+is-nan@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
+  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -5100,6 +5464,16 @@ is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
 is-set@^2.0.1, is-set@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -5138,6 +5512,13 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
   dependencies:
     which-typed-array "^1.1.11"
 
+is-typed-array@^1.1.14, is-typed-array@^1.1.3:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
+  dependencies:
+    which-typed-array "^1.1.16"
+
 is-weakmap@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
@@ -5173,6 +5554,11 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+isomorphic-timers-promises@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz#e4137c24dbc54892de8abae3a4b5c1ffff381598"
+  integrity sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==
+
 isomorphic-ws@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz#55fd4cd6c5e6491e76dc125938dd863f5cd4f2dc"
@@ -5502,6 +5888,15 @@ md-editor-v3@^2.8.1:
   resolved "https://registry.yarnpkg.com/md-editor-v3/-/md-editor-v3-2.11.3.tgz#f66e653034aeff03aca48d7728ce03c504db8d28"
   integrity sha512-SCfS4qMy0HldFdplcIGUMCpSv8qkNWkYShSdv2gTHeViKduA34zV89BOrWcqls2EZSlvt2n3G7nHRzYUvJjDKw==
 
+md5.js@^1.3.4:
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
+  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
 mdn-data@2.0.14:
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
@@ -5552,6 +5947,14 @@ micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+miller-rabin@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
+  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
 mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -5757,6 +6160,39 @@ node-releases@^2.0.14:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
+node-stdlib-browser@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-stdlib-browser/-/node-stdlib-browser-1.3.1.tgz#f41fa554f720a3df951e40339f4d92ac512222ac"
+  integrity sha512-X75ZN8DCLftGM5iKwoYLA3rjnrAEs97MkzvSd4q2746Tgpg8b8XWiBGiBG4ZpgcAqBgtgPHTiAc8ZMCvZuikDw==
+  dependencies:
+    assert "^2.0.0"
+    browser-resolve "^2.0.0"
+    browserify-zlib "^0.2.0"
+    buffer "^5.7.1"
+    console-browserify "^1.1.0"
+    constants-browserify "^1.0.0"
+    create-require "^1.1.1"
+    crypto-browserify "^3.12.1"
+    domain-browser "4.22.0"
+    events "^3.0.0"
+    https-browserify "^1.0.0"
+    isomorphic-timers-promises "^1.0.1"
+    os-browserify "^0.3.0"
+    path-browserify "^1.0.1"
+    pkg-dir "^5.0.0"
+    process "^0.11.10"
+    punycode "^1.4.1"
+    querystring-es3 "^0.2.1"
+    readable-stream "^3.6.0"
+    stream-browserify "^3.0.0"
+    stream-http "^3.2.0"
+    string_decoder "^1.0.0"
+    timers-browserify "^2.0.4"
+    tty-browserify "0.0.1"
+    url "^0.11.4"
+    util "^0.12.4"
+    vm-browserify "^1.0.1"
+
 normalize-package-data@^2.3.2:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -5824,6 +6260,11 @@ object-inspect@^1.12.3, object-inspect@^1.9.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
   integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
 
+object-inspect@^1.13.3:
+  version "1.13.4"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
+  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
+
 object-is@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
@@ -5873,6 +6314,11 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+os-browserify@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
+  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
+
 os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
@@ -5930,6 +6376,23 @@ pako@^2.0.2:
   resolved "https://registry.yarnpkg.com/pako/-/pako-2.1.0.tgz#266cc37f98c7d883545d11335c00fbd4062c9a86"
   integrity sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==
 
+pako@~1.0.5:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+parse-asn1@^5.0.0, parse-asn1@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.7.tgz#73cdaaa822125f9647165625eb45f8a051d2df06"
+  integrity sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==
+  dependencies:
+    asn1.js "^4.10.1"
+    browserify-aes "^1.2.0"
+    evp_bytestokey "^1.0.3"
+    hash-base "~3.0"
+    pbkdf2 "^3.1.2"
+    safe-buffer "^5.2.1"
+
 parse-code-context@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-code-context/-/parse-code-context-1.0.0.tgz#718c295c593d0d19a37f898473268cc75e98de1e"
@@ -5948,6 +6411,11 @@ parse-package-name@1.0.0:
   resolved "https://registry.yarnpkg.com/parse-package-name/-/parse-package-name-1.0.0.tgz#1a108757e4ffc6889d5e78bcc4932a97c097a5a7"
   integrity sha512-kBeTUtcj+SkyfaW4+KBe0HtsloBJ/mKTPoxpVdA57GZiPerREsUWJOhVj9anXweFiJkm5y8FG1sxFZkZ0SN6wg==
 
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -5993,6 +6461,18 @@ pathe@^1.0.0, pathe@^1.1.0, pathe@^1.1.1:
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
   integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
 
+pbkdf2@^3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.3.tgz#8be674d591d65658113424592a95d1517318dd4b"
+  integrity sha512-wfRLBZ0feWRhCIkoMB6ete7czJcnNnqRpcoWQBLqatqXXmelSRqfdDK4F3u9T2s2cXas/hQJcryI/4lAL+XTlA==
+  dependencies:
+    create-hash "~1.1.3"
+    create-hmac "^1.1.7"
+    ripemd160 "=2.0.1"
+    safe-buffer "^5.2.1"
+    sha.js "^2.4.11"
+    to-buffer "^1.2.0"
+
 perfect-debounce@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
@@ -6013,11 +6493,21 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+picomatch@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
+
 pidtree@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.3.1.tgz#ef09ac2cc0533df1f3250ccf2c4d366b0d12114a"
@@ -6046,6 +6536,13 @@ pirates@^4.0.1, pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
   integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
 
+pkg-dir@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-5.0.0.tgz#a02d6aebe6ba133a928f74aec20bafdfe6b8e760"
+  integrity sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==
+  dependencies:
+    find-up "^5.0.0"
+
 pkg-types@^1.0.1, pkg-types@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
@@ -6060,6 +6557,11 @@ pngjs@^5.0.0:
   resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
   integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
 
+possible-typed-array-names@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
+  integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
+
 postcss-calc@^8.2.3:
   version "8.2.4"
   resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
@@ -6345,11 +6847,29 @@ prettier@^2.6.2, prettier@^2.7.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+pretty-quick@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/pretty-quick/-/pretty-quick-4.2.2.tgz#0fc31da666f182fe14e119905fc9829b5b85a234"
+  integrity sha512-uAh96tBW1SsD34VhhDmWuEmqbpfYc/B3j++5MC/6b3Cb8Ow7NJsvKFhg0eoGu2xXX+o9RkahkTK6sUdd8E7g5w==
+  dependencies:
+    "@pkgr/core" "^0.2.7"
+    ignore "^7.0.5"
+    mri "^1.2.0"
+    picocolors "^1.1.1"
+    picomatch "^4.0.2"
+    tinyexec "^0.3.2"
+    tslib "^2.8.1"
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
+
 progress@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -6389,6 +6909,23 @@ prr@~1.0.1:
   resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
   integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
 
+public-encrypt@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
+  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+    safe-buffer "^5.1.2"
+
+punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
+
 punycode@^2.1.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
@@ -6404,11 +6941,38 @@ qrcode@^1.5.3:
     pngjs "^5.0.0"
     yargs "^15.3.1"
 
+qs@^6.12.3:
+  version "6.14.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.0.tgz#c63fa40680d2c5c941412a0e899c89af60c0a930"
+  integrity sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==
+  dependencies:
+    side-channel "^1.1.0"
+
+querystring-es3@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+randomfill@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
+  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
+  dependencies:
+    randombytes "^2.0.5"
+    safe-buffer "^5.1.0"
+
 rc9@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.1.tgz#6614c32db7731b44cd48641ce68f373c3ee212a9"
@@ -6434,7 +6998,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-readable-stream@^2.0.1:
+readable-stream@^2.0.1, readable-stream@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -6447,7 +7011,7 @@ readable-stream@^2.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.4.0, readable-stream@^3.6.0:
+readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -6551,6 +7115,15 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.17.0:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -6571,6 +7144,22 @@ rimraf@3.0.2:
   dependencies:
     glob "^7.1.3"
 
+ripemd160@=2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
+  integrity sha512-J7f4wutN8mdbV08MJnXibYpCOPHR+yzy+iQ/AsjMv2j8cLavQ8VGagDFUwwTAdF8FmRKVeNpbTTEwNHCW1g94w==
+  dependencies:
+    hash-base "^2.0.0"
+    inherits "^2.0.1"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
+  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+
 rollup@^3.27.1:
   version "3.29.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.0.tgz#1b40e64818afc979c7e5bef93de675829288986b"
@@ -6619,16 +7208,16 @@ safe-array-concat@^1.0.0:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
 safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@~5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
 safe-regex-test@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
@@ -6638,6 +7227,15 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
 safe-stable-stringify@^2.3.1:
   version "2.4.3"
   resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz#138c84b6f6edb3db5f8ef3ef7115b8f55ccbf886"
@@ -6689,6 +7287,32 @@ set-blocking@^2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+setimmediate@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+
+sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8:
+  version "2.4.12"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.12.tgz#eb8b568bf383dfd1867a32c3f2b74eb52bdbf23f"
+  integrity sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==
+  dependencies:
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
+    to-buffer "^1.2.0"
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -6722,6 +7346,35 @@ shiki@^1.0.0-beta.0:
   dependencies:
     "@shikijs/core" "1.0.0-beta.1"
 
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -6731,6 +7384,17 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
+side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
 signal-exit@^3.0.2, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
@@ -6816,6 +7480,24 @@ stop-iteration-iterator@^1.0.0:
   dependencies:
     internal-slot "^1.0.4"
 
+stream-browserify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-3.0.0.tgz#22b0a2850cdf6503e73085da1fc7b7d0c2122f2f"
+  integrity sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==
+  dependencies:
+    inherits "~2.0.4"
+    readable-stream "^3.5.0"
+
+stream-http@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-3.2.0.tgz#1872dfcf24cb15752677e40e5c3f9cc1926028b5"
+  integrity sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.4"
+    readable-stream "^3.6.0"
+    xtend "^4.0.2"
+
 string-width@^2.0.0, string-width@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
@@ -6869,7 +7551,7 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-string_decoder@^1.1.1:
+string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -7136,6 +7818,13 @@ through@^2.3.6:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
+timers-browserify@^2.0.4:
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
+  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
+  dependencies:
+    setimmediate "^1.0.4"
+
 timers-ext@^0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/timers-ext/-/timers-ext-0.1.7.tgz#6f57ad8578e07a3fb9f91d9387d65647555e25c6"
@@ -7154,6 +7843,11 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
+tinyexec@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
+  integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -7166,6 +7860,15 @@ tmpl@1.0.5:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
+to-buffer@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.2.1.tgz#2ce650cdb262e9112a18e65dc29dcb513c8155e0"
+  integrity sha512-tB82LpAIWjhLYbqjx3X4zEeHN6M8CiuOEy2JY8SEQVdYRe3CCHOFaqrBW1doLDrfpWhplcW7BL+bO3/6S3pcDQ==
+  dependencies:
+    isarray "^2.0.5"
+    safe-buffer "^5.2.1"
+    typed-array-buffer "^1.0.3"
+
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
@@ -7203,6 +7906,16 @@ tslib@^1.9.0, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
+tslib@^2.8.1:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+tty-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.1.tgz#3f05251ee17904dfd0677546670db9651682b811"
+  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
+
 type@^1.0.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
@@ -7222,6 +7935,15 @@ typed-array-buffer@^1.0.0:
     get-intrinsic "^1.2.1"
     is-typed-array "^1.1.10"
 
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
 typed-array-byte-length@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz#d787a24a995711611fb2b87a4052799517b230d0"
@@ -7437,6 +8159,14 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+url@^0.11.4:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.4.tgz#adca77b3562d56b72746e76b330b7f27b6721f3c"
+  integrity sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==
+  dependencies:
+    punycode "^1.4.1"
+    qs "^6.12.3"
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -7449,6 +8179,17 @@ util@^0.10.3:
   dependencies:
     inherits "2.0.3"
 
+util@^0.12.4, util@^0.12.5:
+  version "0.12.5"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
+  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
+  dependencies:
+    inherits "^2.0.3"
+    is-arguments "^1.0.4"
+    is-generator-function "^1.0.7"
+    is-typed-array "^1.1.3"
+    which-typed-array "^1.1.2"
+
 uuid@^9.0.0:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"
@@ -7462,6 +8203,14 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+vite-plugin-node-polyfills@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.24.0.tgz#4a2e984bba134017fc88cace0149cf8afdb50b54"
+  integrity sha512-GA9QKLH+vIM8NPaGA+o2t8PDfFUl32J8rUp1zQfMKVJQiNkOX4unE51tR6ppl6iKw5yOrDAdSH7r/UIFLCVhLw==
+  dependencies:
+    "@rollup/plugin-inject" "^5.0.5"
+    node-stdlib-browser "^1.2.0"
+
 vite-plugin-pages@^0.28.0:
   version "0.28.0"
   resolved "https://registry.yarnpkg.com/vite-plugin-pages/-/vite-plugin-pages-0.28.0.tgz#c9ed6ef43f43a4c42ffb8e28862d48ebc92fc4b9"
@@ -7497,6 +8246,11 @@ vite@^4.4.9:
   optionalDependencies:
     fsevents "~2.3.2"
 
+vm-browserify@^1.0.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
+  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
+
 vue-demi@*, vue-demi@>=0.14.5:
   version "0.14.6"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.6.tgz#dc706582851dc1cdc17a0054f4fec2eb6df74c92"
@@ -7659,6 +8413,19 @@ which-typed-array@^1.1.10, which-typed-array@^1.1.11, which-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
+which-typed-array@^1.1.16, which-typed-array@^1.1.2:
+  version "1.1.19"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
+  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    for-each "^0.3.5"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+
 which@^1.2.9:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@@ -7739,6 +8506,11 @@ xstream@^11.14.0:
     globalthis "^1.0.1"
     symbol-observable "^2.0.3"
 
+xtend@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+
 y18n@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"

From 4578301396226e2d9ff75a587fcb8fe991db1450 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 23 Jul 2025 17:55:13 -0500
Subject: [PATCH 222/240] fix reverted build errors

---
 src/modules/wallet/suggest.vue | 4 ++--
 src/modules/wallet/unisat.vue  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/modules/wallet/suggest.vue b/src/modules/wallet/suggest.vue
index e36274682a..eac4d11b12 100644
--- a/src/modules/wallet/suggest.vue
+++ b/src/modules/wallet/suggest.vue
@@ -3,10 +3,10 @@ import { computed, ref } from 'vue';
 import { suggestChain } from '@leapwallet/cosmos-snap-provider';
 import {
   useDashboard,
-  type ChainConfig,
   useBlockchain,
-  NetworkType,
 } from '@/stores';
+import type { ChainConfig } from '@/types/chaindata';
+import { NetworkType } from '@/types/chaindata';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';
diff --git a/src/modules/wallet/unisat.vue b/src/modules/wallet/unisat.vue
index d66f9bf77d..9ea0423253 100644
--- a/src/modules/wallet/unisat.vue
+++ b/src/modules/wallet/unisat.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useDashboard, type ChainConfig, useBlockchain } from '@/stores';
+import { useDashboard, useBlockchain } from '@/stores';
+import type { ChainConfig } from '@/types/chaindata';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
 import AdBanner from '@/components/ad/AdBanner.vue';

From 9e3f190a66f22f11d50c6905001d1a5474f02f3a Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Tue, 29 Jul 2025 17:43:34 -0500
Subject: [PATCH 223/240] use basetore blocktime, eliminate redundant block
 fetching

---
 chains/mainnet/xion.json                | 149 ++++++++++++++++++++++++
 src/main.ts                             |  37 ++++--
 src/modules/[chain]/block/block.ts      |  62 +++-------
 src/modules/[chain]/consensus/index.vue |   7 +-
 src/stores/useBaseStore.ts              |  41 +++----
 src/stores/useDashboard.ts              |   4 +-
 6 files changed, 222 insertions(+), 78 deletions(-)
 create mode 100644 chains/mainnet/xion.json

diff --git a/chains/mainnet/xion.json b/chains/mainnet/xion.json
new file mode 100644
index 0000000000..5e82d72df9
--- /dev/null
+++ b/chains/mainnet/xion.json
@@ -0,0 +1,149 @@
+{
+  "chain_name": "xion",
+  "registry_name": "xion",
+  "coingecko": "xion",
+  "network_type": "mainnet",
+  "rpc": [
+    {
+      "address": "https://rpc.xion-mainnet-1.burnt.com",
+      "provider": "🔥BurntLabs🔥"
+    },
+    {
+      "address": "https://rpc-burnt.imperator.co/",
+      "provider": "Imperator.co"
+    },
+    {
+      "address": "https://xion-rpc.polkachu.com",
+      "provider": "Polkachu"
+    }
+  ],
+  "api": [
+    {
+      "address": "https://api.xion-mainnet-1.burnt.com",
+      "provider": "🔥BurntLabs🔥"
+    },
+    {
+      "address": "https://lcd-burnt.imperator.co/",
+      "provider": "Imperator.co"
+    },
+    {
+      "address": "https://xion-api.polkachu.com",
+      "provider": "Polkachu"
+    }
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "0.50.13",
+  "coin_type": "118",
+  "min_tx_fee": "100",
+  "addr_prefix": "xion",
+  "theme_color": "#96b325",
+  "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png",
+  "assets": [
+    {
+      "base": "uxion",
+      "symbol": "XION",
+      "exponent": "6",
+      "coingecko_id": "xion-2",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png"
+    },
+    {
+      "base": "ibc/0471F1C4E7AFD3F07702BEF6DC365268D64570F7C1FDC98EA6098DD6DE59817B",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
+    },
+    {
+      "base": "ibc/F082B65C88E4B6D5EF1DB243CDA1D331D002759E938A0F5CD3FFDC5D53B3E349",
+      "symbol": "USDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/noble/images/USDCoin.png"
+    },
+    {
+      "base": "ibc/CC7B293B3F08EA7DB96AFD4765BD0C7F95ABD7ECEAF21C74F3ACCBF7CEFB6591",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
+    },
+    {
+      "base": "ibc/9463E39D230614B313B487836D13A392BD1731928713D4C8427A083627048DB3",
+      "symbol": "AXL",
+      "exponent": "6",
+      "coingecko_id": "axelar",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axl.png"
+    },
+    {
+      "base": "ibc/6490A7EAB61059BFC1CDDEB05917DD70BDF3A611654162A1A47DB930D40D8AF4",
+      "symbol": "axlUSDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlUSDT",
+      "exponent": "6",
+      "coingecko_id": "tether",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlDAI",
+      "exponent": "18",
+      "coingecko_id": "dai",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axldai.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlFRAX",
+      "exponent": "6",
+      "coingecko_id": "frax",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlfrax.png"
+    },
+    {
+      "base": "ibc/AAD7136DD626569C3DDE7C5F764968BB2E939875EFC568AE5712B62081850814",
+      "symbol": "axlWETH",
+      "exponent": "18",
+      "coingecko_id": "axlweth",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/weth.png"
+    },
+    {
+      "base": "ibc/056EA54C3D9B49B3C0418955A27980A91DD4F210914BFE240A1DB19E27895ECA",
+      "symbol": "KYVE",
+      "exponent": "6",
+      "coingecko_id": "kyve-network",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/kyve/images/kyve-token.png"
+    },
+    {
+      "base": "ibc/DBE9697AC1044255A305A2034AD360B4152632BFBFB5785234731F60196B9645",
+      "symbol": "ELYS",
+      "exponent": "6",
+      "coingecko_id": "elys",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/elys/images/elys.png"
+    },
+    {
+      "base": "ibc/E706A0C6CACB374ADC2BCF6A74FE1B260840FC822E45DCB776DEA962A57FED30",
+      "symbol": "axlARB",
+      "exponent": "18",
+      "coingecko_id": "arb",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/_non-cosmos/arbitrum/images/arb.png"
+    }
+  ],
+  "features": [
+    "dashboard",
+    "governance",
+    "staking",
+    "blocks",
+    "tx",
+    "uptime",
+    "ibc",
+    "supply",
+    "parameters",
+    "consensus",
+    "cosmwasm",
+    "account"
+  ],
+  "keplr_features": ["ibc-go", "ibc-transfer", "no-legacy-stdTx"]
+}
diff --git a/src/main.ts b/src/main.ts
index f0d9b263ed..cc2194dbda 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@
 import App from '@/App.vue';
 import i18n from '@/plugins/i18n';
 import '@/style.css';
-import { createApp, ref } from 'vue';
+import { createApp, ref, watch } from 'vue';
 import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
@@ -19,13 +19,32 @@ app.use(LazyLoad, { component: true });
 // Mount vue app
 app.mount('#app');
 
-// fetch latest block every 6s
-const blockStore = useBaseStore();
+// fetch latest block every <blocktime> ms
+const baseStore = useBaseStore();
 const requestCounter = ref(0);
-setInterval(() => {
-  requestCounter.value += 1;
-  if (requestCounter.value < 5) {
-    // max allowed request
-    blockStore.fetchLatest().finally(() => (requestCounter.value -= 1));
+
+let intervalId: NodeJS.Timeout;
+
+const startInterval = () => {
+  clearInterval(intervalId); // Clear any existing interval
+  // console.log('Starting interval with blocktime:', baseStore.blocktime);
+
+  intervalId = setInterval(() => {
+    requestCounter.value += 1;
+    if (requestCounter.value < 5) {
+      // max allowed request
+      baseStore.fetchLatest().finally(() => (requestCounter.value -= 1));
+    }
+  }, baseStore.blocktime);
+};
+
+// Call startInterval initially
+startInterval();
+
+// Watch for changes to baseStore.blocktime
+watch(
+  () => baseStore.blocktime,
+  () => {
+    startInterval(); // Restart the interval when baseStore.blocktime changes
   }
-}, 6000);
+);
diff --git a/src/modules/[chain]/block/block.ts b/src/modules/[chain]/block/block.ts
index ead62cb3e3..de16412e08 100644
--- a/src/modules/[chain]/block/block.ts
+++ b/src/modules/[chain]/block/block.ts
@@ -1,68 +1,42 @@
 import { defineStore } from 'pinia';
-import { decodeTxRaw, type DecodedTxRaw } from '@cosmjs/proto-signing';
-import { useBlockchain } from '@/stores';
-import { hashTx } from '@/libs';
-import type { Block } from '@/types';
+import { useBaseStore, useBlockchain } from '@/stores';
 
 export const useBlockModule = defineStore('blockModule', {
-  state: () => {
-    return {
-      latest: {} as Block,
-      current: {} as Block,
-      recents: [] as Block[],
-    };
-  },
   getters: {
+    baseStore() {
+      return useBaseStore();
+    },
     blockchain() {
       return useBlockchain();
     },
     blocktime() {
-      if (this.recents.length < 2) return 6000;
-      return 6000; // todo later
+      return useBaseStore().blocktime;
     },
     txsInRecents() {
-      const txs = [] as { hash: string; tx: DecodedTxRaw }[];
-      this.recents.forEach((x) =>
-        x.block?.data?.txs.forEach((tx: Uint8Array) => {
-          if (tx) {
-            try {
-              txs.push({
-                hash: hashTx(tx),
-                tx: decodeTxRaw(tx),
-              });
-            } catch (e) {}
-          }
-        })
-      );
-      return txs;
+      return useBaseStore().txsInRecents;
+    },
+    latest(){
+      return useBaseStore().latest;
     },
+    earliest() {
+      return useBaseStore().earlest;
+    },
+    recents() {
+      return useBaseStore().recents;
+    }
   },
   actions: {
     initial() {
       this.clearRecentBlocks();
-      this.autoFetch();
     },
     async clearRecentBlocks() {
-      this.recents = [];
-    },
-    autoFetch() {
-      this.fetchLatest().then((x) => {
-        const timer = this.autoFetch;
-        this.latest = x;
-        // if(this.recents.length >= 50) this.recents.pop()
-        // this.recents.push(x)
-        // setTimeout(timer, 6000)
-      });
+      return this.baseStore.clearRecentBlocks()
     },
     async fetchLatest() {
-      this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-      if (this.recents.length >= 50) this.recents.shift();
-      this.recents.push(this.latest);
-      return this.latest;
+      return this.baseStore.fetchLatest()
     },
     async fetchBlock(height: string) {
-      this.current = await this.blockchain.rpc?.getBaseBlockAt(height);
-      return this.current;
+      return this.baseStore.fetchBlock(height)
     },
   },
 });
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index d839c1a8db..bb4fca1c95 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 import fetch from 'cross-fetch';
 import { onMounted, ref, computed, onUnmounted } from 'vue';
-import { useBlockchain, useFormatter, useStakingStore } from '@/stores';
+import { useBlockchain, useFormatter, useStakingStore, useBaseStore } from '@/stores';
 import { consensusPubkeyToHexAddress } from '@/libs';
 
 const format = useFormatter();
 const chainStore = useBlockchain();
 const stakingStore = useStakingStore();
+const baseStore = useBaseStore();
 const rpcList = ref(chainStore.current?.endpoints?.rpc || [{ address: '', provider: '' }]);
 let rpc = ref('');
 const validators = ref(stakingStore.validators);
@@ -31,7 +32,7 @@ onMounted(async () => {
   clearTime();
   timer = setInterval(() => {
     update();
-  }, 6000);
+  }, Math.round(baseStore.blocktime / 2));
 });
 onUnmounted(() => {
   clearTime();
@@ -87,7 +88,7 @@ async function onChange() {
   update();
   timer = setInterval(() => {
     update();
-  }, 6000);
+  }, Math.round(baseStore.blocktime / 2));
 }
 
 async function fetchPosition() {
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index b476c040cc..1d80bb72b2 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -5,7 +5,6 @@ import dayjs from 'dayjs';
 import type { Block } from '@/types';
 import { hashTx } from '@/libs';
 import { fromBase64 } from '@cosmjs/encoding';
-import { useRouter } from 'vue-router';
 
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
@@ -14,7 +13,6 @@ export const useBaseStore = defineStore('baseStore', {
       latest: {} as Block,
       recents: [] as Block[],
       theme: (window.localStorage.getItem('theme') || 'dark') as 'light' | 'dark',
-      connected: true,
     };
   },
   getters: {
@@ -23,14 +21,17 @@ export const useBaseStore = defineStore('baseStore', {
         if (this.latest.block?.header?.height !== this.earlest.block?.header?.height) {
           const diff = dayjs(this.latest.block?.header?.time).diff(this.earlest.block?.header?.time);
           const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height);
-          return diff / blocks;
+          return Math.round(diff / blocks);
         }
       }
-      return 6000;
+      return 1000; // better to start low and increase
     },
     blockchain() {
       return useBlockchain();
     },
+    connected(): boolean {
+      return this.blockchain?.rpc as unknown as boolean;
+    },
     currentChainId(): string {
       return this.latest.block?.header.chain_id || '';
     },
@@ -63,31 +64,31 @@ export const useBaseStore = defineStore('baseStore', {
   },
   actions: {
     async initial() {
+      while (!this.connected) {
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+      }
       this.fetchLatest();
     },
     async clearRecentBlocks() {
       this.recents = [];
     },
     async fetchLatest() {
-      try {
+      if (this.connected) {
         this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-        this.connected = true;
-      } catch (e) {
-        this.connected = false;
-      }
-      if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
-        //reset earlest and recents
-        this.earlest = this.latest;
-        this.recents = [];
-      }
-      //check if the block exists in recents
-      if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
-        if (this.recents.length >= 50) {
-          this.recents.shift();
+        if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
+          //reset earlest and recents
+          this.earlest = this.latest;
+          this.recents = [];
+        }
+        //check if the block exists in recents
+        if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
+          if (this.recents.length >= 50) {
+            this.recents.shift();
+          }
+          this.recents.push(this.latest);
         }
-        this.recents.push(this.latest);
       }
-      return this.latest;
+        return this.latest;
     },
 
     async fetchValidatorByHeight(height?: number, offset = 0) {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 26aac87107..3cf07b4ea8 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -159,8 +159,8 @@ export const useDashboard = defineStore('dashboard', {
   },
   actions: {
     async initial() {
-      //await this.loadingFromLocal();
-      await this.loadingFromRegistry()
+      await this.loadingFromLocal();
+      //await this.loadingFromRegistry()
     },
     loadingPrices() {
       const coinIds = [] as string[];

From df50cb1253b68e81cf93dd935f1ff63be033804d Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:32:50 -0500
Subject: [PATCH 224/240] modify basestore to retain previous behavior but
 fetch missed blocks

---
 src/main.ts                | 39 +++++++---------------
 src/stores/useBaseStore.ts | 67 ++++++++++++++++++++++++++------------
 src/types/chaindata.ts     |  1 +
 3 files changed, 58 insertions(+), 49 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index cc2194dbda..3266f8d103 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@
 import App from '@/App.vue';
 import i18n from '@/plugins/i18n';
 import '@/style.css';
-import { createApp, ref, watch } from 'vue';
+import { createApp, ref } from 'vue';
 import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
@@ -19,32 +19,15 @@ app.use(LazyLoad, { component: true });
 // Mount vue app
 app.mount('#app');
 
-// fetch latest block every <blocktime> ms
-const baseStore = useBaseStore();
-const requestCounter = ref(0);
-
-let intervalId: NodeJS.Timeout;
-
-const startInterval = () => {
-  clearInterval(intervalId); // Clear any existing interval
-  // console.log('Starting interval with blocktime:', baseStore.blocktime);
+const REFRESH_INTERVAL = import.meta.env.VITE_REFRESH_INTERVAL || 6000; // 6 seconds
 
-  intervalId = setInterval(() => {
-    requestCounter.value += 1;
-    if (requestCounter.value < 5) {
-      // max allowed request
-      baseStore.fetchLatest().finally(() => (requestCounter.value -= 1));
-    }
-  }, baseStore.blocktime);
-};
-
-// Call startInterval initially
-startInterval();
-
-// Watch for changes to baseStore.blocktime
-watch(
-  () => baseStore.blocktime,
-  () => {
-    startInterval(); // Restart the interval when baseStore.blocktime changes
+// fetch latest block every 6s
+const blockStore = useBaseStore();
+const requestCounter = ref(0);
+setInterval(() => {
+  requestCounter.value += 1;
+  if (requestCounter.value < 5) {
+    // max allowed request
+    blockStore.fetchLatest().finally(() => (requestCounter.value -= 1));
   }
-);
+}, REFRESH_INTERVAL);
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 1d80bb72b2..5866f9b448 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -9,18 +9,19 @@ import { fromBase64 } from '@cosmjs/encoding';
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
     return {
-      earlest: {} as Block,
+      earliest: {} as Block,
       latest: {} as Block,
       recents: [] as Block[],
       theme: (window.localStorage.getItem('theme') || 'dark') as 'light' | 'dark',
+      connected: false,
     };
   },
   getters: {
     blocktime(): number {
-      if (this.earlest && this.latest) {
-        if (this.latest.block?.header?.height !== this.earlest.block?.header?.height) {
-          const diff = dayjs(this.latest.block?.header?.time).diff(this.earlest.block?.header?.time);
-          const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height);
+      if (this.earliest && this.latest) {
+        if (this.latest.block?.header?.height !== this.earliest.block?.header?.height) {
+          const diff = dayjs(this.latest.block?.header?.time).diff(this.earliest.block?.header?.time);
+          const blocks = Number(this.latest.block.header.height) - Number(this.earliest.block.header.height);
           return Math.round(diff / blocks);
         }
       }
@@ -29,7 +30,7 @@ export const useBaseStore = defineStore('baseStore', {
     blockchain() {
       return useBlockchain();
     },
-    connected(): boolean {
+    hasRpc(): boolean {
       return this.blockchain?.rpc as unknown as boolean;
     },
     currentChainId(): string {
@@ -64,7 +65,7 @@ export const useBaseStore = defineStore('baseStore', {
   },
   actions: {
     async initial() {
-      while (!this.connected) {
+      while (!this.hasRpc) {
         await new Promise((resolve) => setTimeout(resolve, 1000));
       }
       this.fetchLatest();
@@ -73,24 +74,48 @@ export const useBaseStore = defineStore('baseStore', {
       this.recents = [];
     },
     async fetchLatest() {
-      if (this.connected) {
+      if (!this.hasRpc) return this.latest;
+      try {
         this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-        if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
-          //reset earlest and recents
-          this.earlest = this.latest;
-          this.recents = [];
-        }
-        //check if the block exists in recents
-        if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
-          if (this.recents.length >= 50) {
-            this.recents.shift();
-          }
-          this.recents.push(this.latest);
+        this.connected = true;
+      } catch (error) {
+        console.error('Error fetching latest block:', error);
+        this.connected = false;
+      }
+      if (!this.earliest || this.earliest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
+        //reset earliest and recents
+        this.earliest = this.latest;
+        this.recents = [];
+      }
+      //check if the block exists in recents
+      if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
+        const newBlocks = await this.fetchNewBlocks();
+        if (this.recents.length + newBlocks.length > 50) {
+          this.recents.splice(0, this.recents.length + newBlocks.length - 50);
         }
+        this.recents.push(...newBlocks);
       }
-        return this.latest;
+      return this.latest;
+    },
+    /**
+     * Fetches all recent blocks since the current latest block and adds them to recents.
+     * Only fetches blocks with height greater than this.latest.block.header.height.
+     * Returns an array of new blocks added to recents.
+     */
+    async fetchNewBlocks() {
+      if (!this.latest?.block?.header?.height) return [];
+      const oldHeight = Number(this.recents[this.recents.length - 1]?.block?.header?.height);
+      const newHeight = Number(this.latest.block.header.height);
+      let newBlocks = [];
+      // Fetch all blocks between oldHeight+1 and less than newHeight
+      for (let h = oldHeight + 1; h < newHeight; h++) {
+        const block = await this.fetchBlock(h);
+        newBlocks.push(block);
+      }
+      // Add the latest block
+      newBlocks.push(this.latest);
+      return newBlocks;
     },
-
     async fetchValidatorByHeight(height?: number, offset = 0) {
       return this.blockchain.rpc.getBaseValidatorsetAt(String(height), offset);
     },
diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
index 289c09d236..e642e2c972 100644
--- a/src/types/chaindata.ts
+++ b/src/types/chaindata.ts
@@ -139,4 +139,5 @@ export interface ChainConfig {
     address_limit: number;
     fees: string;
   };
+  blocktime_ms?: number;
 }

From e598d01b696d2c3af62c461f55b2c6d23a2ee701 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:50:14 -0500
Subject: [PATCH 225/240] update comments, add connect logic to fetchBlock

---
 src/stores/useBaseStore.ts | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 5866f9b448..fa1bef85cc 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -90,17 +90,15 @@ export const useBaseStore = defineStore('baseStore', {
       //check if the block exists in recents
       if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
         const newBlocks = await this.fetchNewBlocks();
-        if (this.recents.length + newBlocks.length > 50) {
-          this.recents.splice(0, this.recents.length + newBlocks.length - 50);
-        }
-        this.recents.push(...newBlocks);
+        const combined = [...this.recents, ...newBlocks];
+        this.recents = combined.slice(-50);
       }
       return this.latest;
     },
     /**
-     * Fetches all recent blocks since the current latest block and adds them to recents.
-     * Only fetches blocks with height greater than this.latest.block.header.height.
-     * Returns an array of new blocks added to recents.
+     * Fetches all blocks since the last block in recents.
+     * Only fetches blocks with height greater than this.recents[-1].block.header.height.
+     * Returns an array of new blocks to be added to recents.
      */
     async fetchNewBlocks() {
       if (!this.latest?.block?.header?.height) return [];
@@ -110,6 +108,7 @@ export const useBaseStore = defineStore('baseStore', {
       // Fetch all blocks between oldHeight+1 and less than newHeight
       for (let h = oldHeight + 1; h < newHeight; h++) {
         const block = await this.fetchBlock(h);
+        if (!block?.block?.header?.height) continue; // skip if block not found
         newBlocks.push(block);
       }
       // Add the latest block
@@ -123,7 +122,15 @@ export const useBaseStore = defineStore('baseStore', {
       return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
     },
     async fetchBlock(height?: number | string) {
-      return this.blockchain.rpc.getBaseBlockAt(String(height));
+      try {
+        const block = await this.blockchain.rpc.getBaseBlockAt(String(height));
+        this.connected = true;
+        return block;
+      } catch (error) {
+        console.error('Error fetching latest block:', error);
+        this.connected = false;
+      }
+      return {} as Block;
     },
     async fetchAbciInfo() {
       return this.blockchain.rpc.getBaseNodeInfo();

From 8f02a1f65f126462098871d61829f075fc9af681 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:57:59 -0500
Subject: [PATCH 226/240] fix typo

---
 src/modules/[chain]/block/block.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/block/block.ts b/src/modules/[chain]/block/block.ts
index de16412e08..8f858e1c8b 100644
--- a/src/modules/[chain]/block/block.ts
+++ b/src/modules/[chain]/block/block.ts
@@ -19,7 +19,7 @@ export const useBlockModule = defineStore('blockModule', {
       return useBaseStore().latest;
     },
     earliest() {
-      return useBaseStore().earlest;
+      return useBaseStore().earliest;
     },
     recents() {
       return useBaseStore().recents;

From 78c9597b1981a97a45ff2bbb5f834366d3f83ca5 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:13:01 -0500
Subject: [PATCH 227/240] make fetch all blocks configurable

---
 src/stores/useBaseStore.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index fa1bef85cc..6c26bea205 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -6,6 +6,9 @@ import type { Block } from '@/types';
 import { hashTx } from '@/libs';
 import { fromBase64 } from '@cosmjs/encoding';
 
+const FETCH_ALL_BLOCKS = import.meta.env.VITE_FETCH_ALL_BLOCKS || false;
+const RECENT_BLOCKS_LIMIT = import.meta.env.VITE_RECENT_BLOCK_LIMIT || 50;
+
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
     return {
@@ -91,7 +94,7 @@ export const useBaseStore = defineStore('baseStore', {
       if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
         const newBlocks = await this.fetchNewBlocks();
         const combined = [...this.recents, ...newBlocks];
-        this.recents = combined.slice(-50);
+        this.recents = combined.slice(-RECENT_BLOCKS_LIMIT);
       }
       return this.latest;
     },
@@ -102,6 +105,7 @@ export const useBaseStore = defineStore('baseStore', {
      */
     async fetchNewBlocks() {
       if (!this.latest?.block?.header?.height) return [];
+      if (!FETCH_ALL_BLOCKS) return [this.latest];
       const oldHeight = Number(this.recents[this.recents.length - 1]?.block?.header?.height);
       const newHeight = Number(this.latest.block.header.height);
       let newBlocks = [];

From af806f10544469023a7e5abbb2310337a68218c8 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:23:03 -0500
Subject: [PATCH 228/240] add .env.example file

---
 .env.example | 4 ++++
 .gitignore   | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000000..3e4e505112
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,4 @@
+# rename to .env.local or .env.<your_environment>
+VITE_REFRESH_INTERVAL=2000
+VITE_FETCH_ALL_BLOCKS=true
+VITE_RECENT_BLOCK_LIMIT=100
diff --git a/.gitignore b/.gitignore
index 212ccd26db..e4a00ae8c0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,7 @@ node_modules/
 **/.vscode
 yarn-error.log
 dist
-.idea
\ No newline at end of file
+.idea
+
+.env*
+!.env.example

From c469a91c9a2b4ffdf7fb48962ead3da3b3452cb5 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:32:40 -0500
Subject: [PATCH 229/240] remove errant change

---
 src/types/chaindata.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
index e642e2c972..289c09d236 100644
--- a/src/types/chaindata.ts
+++ b/src/types/chaindata.ts
@@ -139,5 +139,4 @@ export interface ChainConfig {
     address_limit: number;
     fees: string;
   };
-  blocktime_ms?: number;
 }

From d1db35c2c14616bbd998f17e4bd02480f8f03771 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:15:49 -0500
Subject: [PATCH 230/240] normalize store references

---
 src/components/ChainSummary.vue            | 2 +-
 src/components/charts/TxsInBlocksChart.vue | 3 ++-
 src/main.ts                                | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index 0143df2876..5fb21f21af 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useDashboard } from '@/stores/useDashboard';
+import { useDashboard } from '@/stores';
 import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 
diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
index 685d455568..06c8070a6e 100644
--- a/src/components/charts/TxsInBlocksChart.vue
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -28,8 +28,9 @@ const options = computed(() => {
       },
       show: false,
       categories: baseStore.recents
+        .slice(0, 50)
         .map((x) => x.block.header.height)
-        .concat(Array(50 - baseStore.recents.length).fill('')),
+        .concat(Array(Math.max(0, 50)).fill('')),
     },
   };
 });
diff --git a/src/main.ts b/src/main.ts
index 3266f8d103..00fde0053d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,7 +7,7 @@ import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
 import router from './router';
-import { useBaseStore } from './stores/useBaseStore';
+import { useBaseStore } from '@/stores';
 
 // Create vue app
 const app = createApp(App);

From 20325c05bb12d22fd12e9b0ba36b3cce00e51a2a Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:50:21 -0500
Subject: [PATCH 231/240] normalize @/store imports

---
 src/modules/[chain]/indexStore.ts | 25 +++++++++++++------------
 src/stores/useCoinGecko.ts        | 12 +++++++-----
 src/stores/useDashboard.ts        | 21 +++++++--------------
 src/stores/useFormatter.ts        | 11 +++--------
 4 files changed, 30 insertions(+), 39 deletions(-)

diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index e991dbf39e..3164cfaefd 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -1,7 +1,14 @@
-import { useBlockchain, useCoingecko, useBaseStore, useBankStore, useFormatter, useGovStore } from '@/stores';
-import { useDistributionStore } from '@/stores/useDistributionStore';
-import { useMintStore } from '@/stores/useMintStore';
-import { useStakingStore } from '@/stores/useStakingStore';
+import {
+  useBlockchain,
+  useCoingecko,
+  useBaseStore,
+  useBankStore,
+  useFormatter,
+  useGovStore,
+  useDistributionStore,
+  useMintStore,
+  useStakingStore,
+} from '@/stores';
 import type { Coin, Tally } from '@/types';
 import numeral from 'numeral';
 import { defineStore } from 'pinia';
@@ -157,9 +164,7 @@ export const useIndexModule = defineStore('module-index', {
           title: 'Validators',
           color: 'error',
           icon: 'mdi-human-queue',
-          stats: String(
-            base?.latest?.block?.last_commit?.signatures.length || 0
-          ),
+          stats: String(base?.latest?.block?.last_commit?.signatures.length || 0),
           change: 0,
         },
         {
@@ -256,11 +261,7 @@ export const useIndexModule = defineStore('module-index', {
  * @param value - The value to set for the parameter.
  * @returns The new URL with the parameter added or replaced.
  */
-export function addOrReplaceUrlParam(
-  url: string,
-  param: string,
-  value: string
-): string {
+export function addOrReplaceUrlParam(url: string, param: string, value: string): string {
   // Parse the URL
   const urlObj = new URL(url, window.location.origin);
 
diff --git a/src/stores/useCoinGecko.ts b/src/stores/useCoinGecko.ts
index 0c499fce12..f563f25282 100644
--- a/src/stores/useCoinGecko.ts
+++ b/src/stores/useCoinGecko.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { get } from '../libs/http';
-import type { LoadingStatus } from './useDashboard';
+import { get } from '@/libs/http';
+import type { LoadingStatus } from '@/stores';
 
 export interface PriceMeta {
   usd?: string;
@@ -13,6 +13,8 @@ export interface PriceMeta {
 
 const LocalStoreKey = 'currency';
 
+export const coingeckoUrl = import.meta.env.VITE_COINGECKO_URL || 'https://api.coingecko.com';
+
 export const useCoingecko = defineStore('coingecko', {
   state: () => {
     const currency = localStorage.getItem(LocalStoreKey);
@@ -27,11 +29,11 @@ export const useCoingecko = defineStore('coingecko', {
 
   actions: {
     getMarketChart(days = 30, coinId = 'cosmos') {
-      return get(`https://api.coingecko.com/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`);
+      return get(`${coingeckoUrl}/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`);
     },
 
     fetchCoinPrice(ids: string[]) {
-      const url = `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${[
+      const url = `${coingeckoUrl}/api/v3/simple/price?include_24hr_change=true&vs_currencies=${[
         'usd',
         this.currency,
       ].join(',')}&ids=${ids.join(',')}`;
@@ -40,7 +42,7 @@ export const useCoingecko = defineStore('coingecko', {
       });
     },
     getCoinInfo(coinId: string) {
-      return get(`https://api.coingecko.com/api/v3/coins/${coinId}`);
+      return get(`${coingeckoUrl}/api/v3/coins/${coinId}`);
     },
     setSecondaryCurrency(currency: string) {
       if (currency !== 'usd') {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 3cf07b4ea8..6d9622d36f 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -1,10 +1,9 @@
 import { defineStore } from 'pinia';
-import { get } from '../libs/http';
+import { get } from '@/libs/http';
 import type { ChainConfig, DirectoryChainConfig, Endpoint, LocalChainConfig } from '@/types/chaindata';
 import { ConfigSource, NetworkType } from '@/types/chaindata';
 import { useBlockchain } from './useBlockchain';
-
-
+import { coingeckoUrl } from '@/stores';
 
 function apiConverter(api: any[]) {
   if (!api) return [];
@@ -37,15 +36,14 @@ export function convertFromLocal(lc: LocalChainConfig): ChainConfig {
         { denom: x.base, exponent: 0 },
         { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
       ],
-      type_asset: 'sdk.coin'
+      type_asset: 'sdk.coin',
     }));
   }
   conf.versions = {
     cosmosSdk: lc.sdk_version,
   };
   conf.bech32Prefix = lc.addr_prefix;
-  conf.bech32ConsensusPrefix =
-    lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
+  conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
@@ -138,7 +136,6 @@ export enum LoadingStatus {
   Loaded,
 }
 
-
 export const useDashboard = defineStore('dashboard', {
   state: () => {
     const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}');
@@ -184,7 +181,7 @@ export const useDashboard = defineStore('dashboard', {
 
       const currencies = ['usd, cny']; // usd,cny,eur,jpy,krw,sgd,hkd
       get(
-        `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
+        `${coingeckoUrl}/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
           ','
         )}&ids=${coinIds.join(',')}`
       ).then((x) => {
@@ -194,7 +191,7 @@ export const useDashboard = defineStore('dashboard', {
     async loadingFromRegistry() {
       if (this.status === LoadingStatus.Empty) {
         this.status = LoadingStatus.Loading;
-        get(this.source).then((res) => {
+        get(this.source).then((res: { chains: DirectoryChainConfig[] }) => {
           res.chains.forEach((x: DirectoryChainConfig) => {
             this.chains[x.chain_name] = convertFromDirectory(x);
           });
@@ -232,11 +229,7 @@ export const useDashboard = defineStore('dashboard', {
         const blockchain = useBlockchain();
         const keys = Object.keys(this.favoriteMap);
         for (let i = 0; i < keys.length; i++) {
-          if (
-            !blockchain.chainName &&
-            this.chains[keys[i]] &&
-            this.favoriteMap[keys[i]]
-          ) {
+          if (!blockchain.chainName && this.chains[keys[i]] && this.favoriteMap[keys[i]]) {
             blockchain.setCurrent(keys[i]);
             break;
           }
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 40cb0e8ef2..2007ce2b99 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useBlockchain } from './useBlockchain';
+import { useBlockchain, useBankStore, useStakingStore, useDashboard } from '@/stores';
 import numeral from 'numeral';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
@@ -7,12 +7,9 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import utc from 'dayjs/plugin/utc';
 import localeData from 'dayjs/plugin/localeData';
-import { useStakingStore } from './useStakingStore';
-import { fromBase64, fromBech32, fromHex, toHex } from '@cosmjs/encoding';
+import { fromBase64, fromHex, toHex } from '@cosmjs/encoding';
 import { consensusPubkeyToHexAddress, get } from '@/libs';
-import { useBankStore } from './useBankStore';
 import type { Coin, DenomTrace } from '@/types';
-import { useDashboard } from './useDashboard';
 import type { Asset } from '@/types/chaindata';
 
 dayjs.extend(localeData);
@@ -131,9 +128,7 @@ export const useFormatter = defineStore('formatter', {
       // find the symbol
       const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom;
       // convert denomination to symbol
-      const exponent =
-        this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent ||
-        this.specialDenom(token.denom);
+      const exponent = this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
       // caculate amount of symbol
       const amount = Number(token.amount) / 10 ** exponent;
       return amount;

From 518ace32b3aa7d9cbf954ffc0276bcedec21f65d Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 31 Jul 2025 17:45:08 -0500
Subject: [PATCH 232/240] ibc improvements, sort ibc connections

---
 package.json                                  |  10 +-
 src/modules/[chain]/ibc/connStore.ts          |  90 ++-
 src/modules/[chain]/ibc/connection.vue        |  66 +-
 .../ibc/connection/[connection_id].vue        | 236 ++----
 src/modules/[chain]/ibc/connection/index.vue  |   4 +-
 src/types/ibc.ts                              | 154 ++--
 yarn.lock                                     | 730 ++----------------
 7 files changed, 326 insertions(+), 964 deletions(-)

diff --git a/package.json b/package.json
index ef0ebd1097..6faca93c6e 100644
--- a/package.json
+++ b/package.json
@@ -13,19 +13,20 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@chain-registry/types": "^0.50.162",
+    "@chain-registry/client": "^1.53.184",
+    "@chain-registry/types": "^0.50.184",
     "@chenfengyuan/vue-countdown": "2",
     "@cosmjs/amino": "^0.32.3",
     "@cosmjs/crypto": "^0.32.3",
     "@cosmjs/encoding": "^0.32.3",
     "@cosmjs/stargate": "^0.32.3",
+    "@cosmjs/cosmwasm-stargate": "^0.30.0",
     "@iconify/vue": "^4.1.0",
     "@intlify/unplugin-vue-i18n": "^0.8.2",
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
     "@leapwallet/name-matcha": "^2.0.0",
     "@osmonauts/lcd": "^0.8.0",
     "@personaxyz/ad-sdk": "0.0.25",
-    "@ping-pub/chain-registry-client": "^0.0.25",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vueuse/core": "^9.12.0",
     "@vueuse/integrations": "^10.1.2",
@@ -33,11 +34,14 @@
     "apexcharts": "^3.37.1",
     "autoprefixer": "^10.4.14",
     "axios": "^1.3.2",
+    "bech32": "^1.1.4",
     "buffer": "^6.0.3",
     "build": "^0.1.4",
     "cross-fetch": "^3.1.5",
     "daisyui": "^3.1.0",
     "dayjs": "^1.11.7",
+    "idna-uts46-hx": "^5.0.7",
+    "js-sha3": "^0.8.0",
     "lazy-load-vue3": "^1.3.0",
     "long": "^5.2.1",
     "md-editor-v3": "^2.8.1",
@@ -67,7 +71,7 @@
     "@vue/tsconfig": "^0.1.3",
     "husky": "^9.1.7",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.0",
     "pretty-quick": "^4.2.2",
     "sass": "^1.58.0",
     "shiki": "^1.0.0-beta.0",
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 9d6eeaad32..4c4bd91f6f 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -1,67 +1,87 @@
+
 import { defineStore } from 'pinia';
 
-import { useBlockchain } from '@/stores';
-import ChainRegistryClient from '@ping-pub/chain-registry-client';
-import type { IBCPath, IBCInfo } from '@ping-pub/chain-registry-client/dist/types';
-import type { Channel } from '@/types';
+import { useBlockchain } from '@/stores'
+import { ChainRegistryClient } from '@chain-registry/client';
+import type { IBCData } from '@chain-registry/types/ibc_data.schema';
 import router from '@/router';
+import fetch from 'cross-fetch';
 
 export const useIBCModule = defineStore('module-ibc', {
   state: () => {
     return {
-      paths: [] as IBCPath[],
-      connectionId: '' as string,
-      registryConf: {} as IBCInfo,
+      info: [] as IBCData[],
+      connectionId: "" as string,
+      registryConf: {} as IBCData,
     };
   },
   getters: {
     chain() {
-      return useBlockchain();
+      return useBlockchain()
     },
-    commonIBCs(): any {
-      return this.paths.filter(
-        (x: IBCPath) => x.path.search(this.chain.current?.prettyName || this.chain.chainName) > -1
-      );
+    chainName(): string {
+      return this.chain.chainName;
     },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName
-        ? 'chain_1'
-        : 'chain_2';
+      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_1' : 'chain_2'
     },
     destField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName || this.chain.chainName
-        ? 'chain_2'
-        : 'chain_1';
+      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_2' : 'chain_1'
     },
     registryChannels(): any {
-      return this.registryConf.channels;
+      return this.registryConf.channels
     },
   },
   actions: {
     load() {
-      const client = new ChainRegistryClient();
-      client.fetchIBCPaths().then((res) => {
-        this.paths = res;
+      const client = new ChainRegistryClient({
+        chainNames: [this.chainName],
       });
-    },
-    fetchConnection(path: string) {
-      const client = new ChainRegistryClient();
-      client.fetchIBCPathInfo(path).then((res) => {
-        const isFirstChain =
-          res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+      this.fetchIBCUrls().then((res) => {
+        res.forEach((element: any) => {
+          if (element.download_url) {
+            client.urls.push(element.download_url);
+          }
+        });
 
-        const connId = isFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
+        client.fetchUrls().then(() => {
+          const info = client.getChainIbcData(this.chainName)
+          this.info = info.sort((a, b) => {
+            // Sort by remote chain name (not equal to this.chainName)
+            const getRemote = (x: any) => x.chain_1.chain_name === this.chainName ? x.chain_2.chain_name : x.chain_1.chain_name;
+            return getRemote(a).localeCompare(getRemote(b));
+          });
 
-        this.registryConf = res;
-        this.showConnection(connId);
+        })
       });
+
+    },
+    async fetchIBCUrls(): Promise<any[]> {
+      let ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC'
+      if (this.chainName.includes("testnet")) {
+        console.log(this.chainName)
+        ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC'
+      }
+      const entries = await fetch(ibcEndpoint).then((res) => res.json())
+      return entries.filter((x: any) => x.name.match(this.chainName));
+    },
+    fetchConnection(index: number) {
+      const res = this.info[index];
+      const isFirstChain = res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+
+      const connId = isFirstChain
+        ? res.chain_1.connection_id
+        : res.chain_2.connection_id;
+
+      this.registryConf = res;
+      this.showConnection(connId);
     },
     showConnection(connId?: string | number) {
       if (!connId) {
-        this.registryConf = {} as any;
+        this.registryConf = {} as any
       }
-      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`;
-      router.push(path);
-    },
+      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`
+      router.push(path)
+    }
   },
 });
diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index ff1bfb81bc..f0a136f3e7 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -1,76 +1,64 @@
 <script lang="ts" setup>
-import PaginationBar from '@/components/PaginationBar.vue';
-import { useBlockchain, useFormatter } from '@/stores';
+import { useBlockchain } from '@/stores';
 import { PageRequest, type Connection, type Pagination } from '@/types';
-import { computed, onMounted } from 'vue';
+import { onMounted } from 'vue';
 import { ref } from 'vue';
 
-import ChainRegistryClient from '@ping-pub/chain-registry-client';
-import type { IBCPath } from '@ping-pub/chain-registry-client/dist/types';
-import router from '@/router';
 import { useIBCModule } from './connStore';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const ibcStore = useIBCModule();
+const ibcStore = useIBCModule()
 const list = ref([] as Connection[]);
-const pageRequest = ref(new PageRequest());
-const pageResponse = ref({} as Pagination);
+const pageRequest = ref(new PageRequest())
+const pageResponse = ref({} as Pagination)
 const tab = ref('registry');
 
 onMounted(() => {
-  pageload(1);
-  ibcStore.load();
+  pageload(1)
+  ibcStore.load()
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p);
+  pageRequest.value.setPage(p)
   chainStore.rpc.getIBCConnections(pageRequest.value).then((x) => {
     list.value = x.connections;
-    pageResponse.value = x.pagination;
+    pageResponse.value = x.pagination
     if (x.pagination.total && Number(x.pagination.total) > 0) {
-      ibcStore.showConnection(0);
+      ibcStore.showConnection(list.value[0].id);
     }
   });
 }
+
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <div class="flex flex-wrap gap-4 items-center">
+      <div class="flex flex-wrap gap-4  items-center">
         <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{
-            $t('ibc.registry')
-          }}</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{ $t('ibc.registry')
+            }}</a>
           <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{
-            $t('module.favorite')
-          }}</a>
+            $t('module.favorite') }}</a>
         </div>
       </div>
       <div>
-        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4">
-          <span
-            v-for="s in ibcStore.commonIBCs"
-            class="btn btn-xs btn-link mr-1"
-            @click="ibcStore.fetchConnection(s.path)"
-            >{{ s.from }} &#x21cc; {{ s.to }}</span
-          >
+        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4 ">
+          <span v-for="(s, i) in ibcStore.info" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(i)">{{
+            s.chain_1.chain_name === ibcStore.chainName ? s.chain_2.chain_name : s.chain_1.chain_name
+          }}
+          &#x21cc; {{
+            s.chain_1.chain_name === ibcStore.chainName ? s.chain_1.chain_name : s.chain_2.chain_name
+          }}</span>
         </div>
-        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4">
+        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4 ">
           <div class="join border border-primary">
             <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
-            <input
-              v-model="ibcStore.connectionId"
-              type="number"
-              class="input input-bordered w-40 join-item"
-              min="0"
-              :max="pageResponse.total || 0"
-              :placeholder="`0~${pageResponse.total}`"
-            />
-            <button class="join-item btn btn-primary" @click="ibcStore.showConnection()">
-              {{ $t('ibc.btn_apply') }}
-            </button>
+            <input v-model="ibcStore.connectionId" type=number class="input input-bordered w-40 join-item" min="0"
+              :max="pageResponse.total || 0" :placeholder="`0~${pageResponse.total}`" />
+            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">{{ $t('ibc.btn_apply')
+              }}</button>
           </div>
         </div>
       </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index 354bd967c1..ff32057bf3 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -1,14 +1,7 @@
 <script lang="ts" setup>
 import { formatSeconds } from '@/libs/utils';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
-import {
-  type Connection,
-  type ClientState,
-  type Channel,
-  PageRequest,
-  type TxResponse,
-  type PaginatedTxs,
-} from '@/types';
+import { type Connection, type ClientState, type Channel, PageRequest, type TxResponse, type PaginatedTxs } from '@/types';
 import { computed, onMounted } from 'vue';
 import { ref } from 'vue';
 import { useIBCModule } from '../connStore';
@@ -19,31 +12,33 @@ const props = defineProps(['chain', 'connection_id']);
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
-const ibcStore = useIBCModule();
+const ibcStore = useIBCModule()
 const conn = ref({} as Connection);
 const clientState = ref({} as { client_id: string; client_state: ClientState });
 const channels = ref([] as Channel[]);
 
 const connId = computed(() => {
-  return props.connection_id || 0;
-});
+  return props.connection_id || 0
+})
 
-const loading = ref(false);
-const txs = ref({} as PaginatedTxs);
-const direction = ref('');
-const channel_id = ref('');
-const port_id = ref('');
-const page = ref(new PageRequest());
-page.value.limit = 5;
+const loading = ref(false)
+const txs = ref({} as PaginatedTxs)
+const direction = ref('')
+const channel_id = ref('')
+const port_id = ref('')
+const page = ref(new PageRequest())
+page.value.limit = 5
 
 onMounted(() => {
   if (connId.value) {
     chainStore.rpc.getIBCConnectionsById(connId.value).then((x) => {
       conn.value = x.connection;
     });
-    chainStore.rpc.getIBCConnectionsClientState(connId.value).then((x) => {
-      clientState.value = x.identified_client_state;
-    });
+    chainStore.rpc
+      .getIBCConnectionsClientState(connId.value)
+      .then((x) => {
+        clientState.value = x.identified_client_state;
+      });
     chainStore.rpc.getIBCConnectionsChannels(connId.value).then((x) => {
       channels.value = x.channels;
     });
@@ -58,47 +53,37 @@ function loadChannel(channel: string, port: string) {
 
 function pageload(pageNum: number) {
   if (direction.value === 'In') {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
   } else {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
   }
+
 }
 
 function fetchSendingTxs(channel: string, port: string, pageNum = 0) {
-  page.value.setPage(pageNum);
-  loading.value = true;
-  direction.value = 'Out';
-  channel_id.value = channel;
-  port_id.value = port;
-  txs.value = {} as PaginatedTxs;
-  chainStore.rpc
-    .getTxs(
-      "?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'",
-      { channel, port },
-      page.value
-    )
-    .then((res) => {
-      txs.value = res;
-    })
-    .finally(() => (loading.value = false));
+
+  page.value.setPage(pageNum)
+  loading.value = true
+  direction.value = 'Out'
+  channel_id.value = channel
+  port_id.value = port
+  txs.value = {} as PaginatedTxs
+  chainStore.rpc.getTxs("?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'", { channel, port }, page.value).then(res => {
+    txs.value = res
+  })
+    .finally(() => loading.value = false)
 }
 function fetchRecevingTxs(channel: string, port: string, pageNum = 0) {
-  page.value.setPage(pageNum);
-  loading.value = true;
-  direction.value = 'In';
-  channel_id.value = channel;
-  port_id.value = port;
-  txs.value = {} as PaginatedTxs;
-  chainStore.rpc
-    .getTxs(
-      "?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'",
-      { channel, port },
-      page.value
-    )
-    .then((res) => {
-      txs.value = res;
-    })
-    .finally(() => (loading.value = false));
+  page.value.setPage(pageNum)
+  loading.value = true
+  direction.value = 'In'
+  channel_id.value = channel
+  port_id.value = port
+  txs.value = {} as PaginatedTxs
+  chainStore.rpc.getTxs("?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'", { channel, port }, page.value).then(res => {
+    txs.value = res
+  })
+    .finally(() => loading.value = false)
 }
 
 function color(v: string) {
@@ -110,31 +95,29 @@ function color(v: string) {
 </script>
 <template>
   <div class="">
-    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow">
+    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow ">
       <div class="mx-auto max-w-7xl px-6 lg:!px-8">
         <dl class="grid grid-cols-1 gap-x-6 text-center lg:!grid-cols-3">
           <div class="mx-auto flex items-center">
             <div>
-              <div
-                class="order-first text-3xl font-semibold tracking-tight text-main mb-1"
-              >
+              <div class="order-first text-3xl font-semibold tracking-tight text-main mb-1">
                 {{ baseStore.latest?.block?.header?.chain_id }}
               </div>
-              <div class="text-sm text-gray-500 dark:text-gray-400">{{ conn.client_id }} {{ props.connection_id }}</div>
+              <div class="text-sm text-gray-500 dark:text-gray-400">
+                {{ conn.client_id }} {{ props.connection_id }}
+              </div>
             </div>
           </div>
           <div class="mx-auto flex items-center">
             <div :class="{ 'text-success': conn.state?.indexOf('_OPEN') > -1 }">
               <span class="text-lg rounded-full">&#x21cc;</span>
-              <div class="text-c">
+              <div class=" text-c">
                 {{ conn.state }}
               </div>
             </div>
           </div>
           <div class="mx-auto">
-            <div
-              class="order-first text-3xl font-semibold tracking-tight text-main mb-2"
-            >
+            <div class="order-first text-3xl font-semibold tracking-tight text-main mb-2">
               {{ clientState.client_state?.chain_id }}
             </div>
             <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -146,9 +129,8 @@ function color(v: string) {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title mb-4 overflow-hidden">
-        {{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{ clientState.client_state?.['@type'] }}</span>
-      </h2>
+      <h2 class="card-title mb-4 overflow-hidden">{{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{
+        clientState.client_state?.['@type'] }}</span></h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
           <thead class="bg-base-200">
@@ -167,21 +149,15 @@ function color(v: string) {
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.trusting_period') }}:</td>
-              <td>
-                {{ formatSeconds(clientState.client_state?.trusting_period) }}
-              </td>
+              <td>{{ formatSeconds(clientState.client_state?.trusting_period) }}</td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.unbonding_period') }}:</td>
-              <td>
-                {{ formatSeconds(clientState.client_state?.unbonding_period) }}
-              </td>
+              <td>{{ formatSeconds(clientState.client_state?.unbonding_period) }}</td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.max_clock_drift') }}:</td>
-              <td>
-                {{ formatSeconds(clientState.client_state?.max_clock_drift) }}
-              </td>
+              <td>{{ formatSeconds(clientState.client_state?.max_clock_drift) }}</td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.frozen_height') }}:</td>
@@ -202,28 +178,23 @@ function color(v: string) {
           <tbody>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between">
-                  <span>{{ $t('ibc.allow_update_after_expiry') }}:</span>
-                  <span>{{ clientState.client_state?.allow_update_after_expiry }}</span>
-                </div>
+                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_expiry') }}:</span> <span>{{
+                  clientState.client_state?.allow_update_after_expiry }}</span></div>
               </td>
             </tr>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between">
-                  <span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span>
-                  <span>{{ clientState.client_state?.allow_update_after_misbehaviour }}</span>
-                </div>
+                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span> <span>{{
+                  clientState.client_state?.allow_update_after_misbehaviour }}</span></div>
               </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.upgrade_path') }}:</td>
-              <td class="text-right">
-                {{ clientState.client_state?.upgrade_path.join(', ') }}
-              </td>
+              <td class="text-right">{{ clientState.client_state?.upgrade_path.join(', ') }}</td>
             </tr>
           </tbody>
         </table>
+
       </div>
     </div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow overflow-hidden">
@@ -233,9 +204,7 @@ function color(v: string) {
           <thead>
             <tr>
               <th>{{ $t('ibc.txs') }}</th>
-              <th style="position: relative; z-index: 2">
-                {{ $t('ibc.channel_id') }}
-              </th>
+              <th style="position: relative; z-index: 2">{{ $t('ibc.channel_id') }}</th>
               <th>{{ $t('ibc.port_id') }}</th>
               <th>{{ $t('ibc.state') }}</th>
               <th>{{ $t('ibc.counterparty') }}</th>
@@ -245,76 +214,34 @@ function color(v: string) {
             </tr>
           </thead>
           <tbody>
-            <tr v-for="v in ibcStore.registryChannels">
+            <tr v-for="v in channels">
               <td>
                 <div class="flex gap-1">
-                  <button
-                    class="btn btn-xs"
-                    @click="fetchSendingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading"
-                  >
+                  <button class="btn btn-xs" @click="fetchSendingTxs(v.channel_id, v.port_id)" :disabled="loading">
                     <span v-if="loading" class="loading loading-spinner loading-sm"></span>
                     {{ $t('ibc.btn_out') }}
                   </button>
-                  <button
-                    class="btn btn-xs"
-                    @click="fetchRecevingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)"
-                    :disabled="loading"
-                  >
+                  <button class="btn btn-xs" @click="fetchRecevingTxs(v.channel_id, v.port_id)" :disabled="loading">
                     <span v-if="loading" class="loading loading-spinner loading-sm"></span>
                     {{ $t('ibc.btn_in') }}
                   </button>
                 </div>
               </td>
               <td>
-                <a href="#">{{ v[ibcStore.sourceField].channel_id }}</a>
-              </td>
-              <td>{{ v[ibcStore.sourceField].port_id }}</td>
-            </tr>
-            <tr v-for="v in channels">
-              <td>
-                <div class="flex gap-1">
-                  <button
-                    class="btn btn-xs"
-                    @click="fetchSendingTxs(v.channel_id, v.port_id)"
-                    :disabled="loading"
-                  >
-                    <span
-                      v-if="loading"
-                      class="loading loading-spinner loading-sm"
-                    ></span>
-                    {{ $t('ibc.btn_out') }}
-                  </button>
-                  <button
-                    class="btn btn-xs"
-                    @click="fetchRecevingTxs(v.channel_id, v.port_id)"
-                    :disabled="loading"
-                  >
-                    <span
-                      v-if="loading"
-                      class="loading loading-spinner loading-sm"
-                    ></span>
-                    {{ $t('ibc.btn_in') }}
-                  </button>
-                </div>
-              </td>
-              <td>
-                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{ v.channel_id }}</a>
+                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{
+                  v.channel_id
+                }}</a>
               </td>
               <td>{{ v.port_id }}</td>
               <td>
-                <div
-                  class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
-                  :class="`text-${color(v.state)}`"
-                >
-                  <span
-                    class="inset-x-0 inset-y-0 opacity-10 absolute"
-                    :class="`bg-${color(v.state)}`"
-                  ></span>
+                <div class="text-xs truncate relative py-2 px-4 rounded-full w-fit" :class="`text-${color(v.state)}`">
+                  <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${color(v.state)}`"></span>
                   {{ v.state }}
                 </div>
               </td>
-              <td>{{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}</td>
+              <td>
+                {{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}
+              </td>
               <td>{{ v.connection_hops.join(', ') }}</td>
               <td>{{ v.version }}</td>
               <td>{{ v.ordering }}</td>
@@ -324,13 +251,13 @@ function color(v: string) {
       </div>
     </div>
     <div v-if="channel_id">
-      <h3 class="card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }})</h3>
+      <h3 class=" card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }}) </h3>
       <table class="table">
         <thead>
           <tr>
-            <td>{{ $t('ibc.height') }}</td>
+            <td> {{ $t('ibc.height') }}</td>
             <td>{{ $t('ibc.txhash') }}</td>
-            <td>{{ $t('ibc.messages') }}</td>
+            <td> {{ $t('ibc.messages') }}</td>
             <td>{{ $t('ibc.time') }}</td>
           </tr>
         </thead>
@@ -339,20 +266,13 @@ function color(v: string) {
             <td>{{ resp.height }}</td>
             <td>
               <div class="text-xs truncate text-primary dark:invert">
-                <RouterLink
-                  :to="`/${chainStore.chainName}/tx/${resp.txhash}`"
-                  >{{ resp.txhash }}</RouterLink
-                >
+                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }}</RouterLink>
               </div>
             </td>
             <td>
               <div class="flex">
                 {{ format.messages(resp.tx.body.messages) }}
-                <Icon
-                  v-if="resp.code === 0"
-                  icon="mdi-check"
-                  class="text-success text-lg"
-                />
+                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </div>
             </td>
@@ -360,11 +280,7 @@ function color(v: string) {
           </tr>
         </tbody>
       </table>
-      <PaginationBar
-        :limit="page.limit"
-        :total="txs.pagination?.total"
-        :callback="pageload"
-      />
+      <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
     </div>
   </div>
 </template>
diff --git a/src/modules/[chain]/ibc/connection/index.vue b/src/modules/[chain]/ibc/connection/index.vue
index 0296422276..2f309cc84a 100644
--- a/src/modules/[chain]/ibc/connection/index.vue
+++ b/src/modules/[chain]/ibc/connection/index.vue
@@ -2,7 +2,7 @@
 // router.push(`/${props.chain}/ibc/connection/connection-0`)
 </script>
 <template>
-  <div></div>
+    <div></div>
 </template>
 <route>
     {
@@ -11,4 +11,4 @@
         order: 9
       }
     }
-  </route>
+  </route>
\ No newline at end of file
diff --git a/src/types/ibc.ts b/src/types/ibc.ts
index feef32847e..9c77e0c381 100644
--- a/src/types/ibc.ts
+++ b/src/types/ibc.ts
@@ -1,105 +1,117 @@
-import type { PaginatedResponse } from '.';
+import type { PaginatedResponse } from "."
+import type { IBCInfo as RegistryIBCInfo } from "@chain-registry/types"
+
+export interface IBCInfo extends RegistryIBCInfo { }
 
 export interface DenomTrace {
-  path: string;
-  base_denom: string;
+  path: string,
+  base_denom: string
 }
 
 export interface Connection {
-  id: string;
-  client_id: string;
+  id: string,
+  client_id: string,
   versions: {
-    identifier: string;
-    features: string[];
-  }[];
-  state: string;
+    identifier: string,
+    features: string[]
+  }[],
+  state: string,
   counterparty: {
-    client_id: string;
-    connection_id: string;
+    client_id: string,
+    connection_id: string,
     prefix: {
-      key_prefix: string;
-    };
-  };
-  delay_period: string;
+      key_prefix: string
+    }
+  },
+  delay_period: string
 }
 
 export interface Channel {
-  state: string;
-  ordering: string;
+  state: string,
+  ordering: string,
   counterparty: {
-    port_id: string;
-    channel_id: string;
-  };
-  connection_hops: string[];
-  version: string;
-  port_id: string;
-  channel_id: string;
+    port_id: string,
+    channel_id: string
+  },
+  connection_hops: string[],
+  version: string,
+  port_id: string,
+  channel_id: string
 }
 
 export interface ClientState {
-  '@type': string;
-  chain_id: string;
+  "@type": string,
+  chain_id: string,
   trust_level: {
-    numerator: string;
-    denominator: string;
-  };
-  trusting_period: string;
-  unbonding_period: string;
-  max_clock_drift: string;
+    numerator: string,
+    denominator: string
+  },
+  trusting_period: string,
+  unbonding_period: string,
+  max_clock_drift: string,
   frozen_height: {
-    revision_number: string;
-    revision_height: string;
-  };
+    revision_number: string,
+    revision_height: string
+  },
   latest_height: {
-    revision_number: string;
-    revision_height: string;
-  };
+    revision_number: string,
+    revision_height: string
+  },
   proof_specs: {
     leaf_spec: {
-      hash: string;
-      prehash_key: string;
-      prehash_value: string;
-      length: string;
-      prefix: string;
-    };
+      hash: string,
+      prehash_key: string,
+      prehash_value: string,
+      length: string,
+      prefix: string
+    },
     inner_spec: {
-      child_order: number[];
-      child_size: number;
-      min_prefix_length: number;
-      max_prefix_length: number;
-      empty_child: string;
-      hash: string;
-    };
-    max_depth: number;
-    min_depth: number;
-  }[];
-  upgrade_path: string[];
-  allow_update_after_expiry: boolean;
-  allow_update_after_misbehaviour: boolean;
+      child_order: number[],
+      child_size: number,
+      min_prefix_length: number,
+      max_prefix_length: number,
+      empty_child: string,
+      hash: string
+    },
+    max_depth: number,
+    min_depth: number
+  }[],
+  upgrade_path: string[],
+  allow_update_after_expiry: boolean,
+  allow_update_after_misbehaviour: boolean
 }
 
 export interface ClientStateWithProof {
   identified_client_state: {
-    client_id: string;
-    client_state: ClientState;
-  };
-  proof: string;
+    client_id: string,
+    client_state: ClientState
+  },
+  proof: string,
   proof_height: {
-    revision_number: string;
-    revision_height: string;
-  };
+    revision_number: string,
+    revision_height: string
+  }
+
 }
 export interface ConnectionWithProof {
-  connection: Connection;
-  proof: string;
+  connection: Connection,
+  proof: string,
   proof_height: {
-    revision_number: string;
-    revision_height: string;
-  };
+    revision_number: string,
+    revision_height: string
+  }
+
 }
 export interface PaginatedIBCChannels extends PaginatedResponse {
-  channels: Channel[];
+  channels: Channel[]
 }
 export interface PaginatedIBCConnections extends PaginatedResponse {
-  connections: Connection[];
+  connections: Connection[]
+}
+
+export interface IBCPath {
+  path: string,
+  from?: string,
+  to?: string,
+  url?: string
 }
diff --git a/yarn.lock b/yarn.lock
index 22f90f6771..183728322a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1223,7 +1223,7 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.18.9", "@babel/runtime@^7.19.0", "@babel/runtime@^7.19.4", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.18.9", "@babel/runtime@^7.19.0", "@babel/runtime@^7.8.4":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
   integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
@@ -1353,17 +1353,29 @@
     "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
-"@chain-registry/types@^0.14.0":
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-0.14.0.tgz#43ea04992adabdee2a0f03f8a519b01722ab354b"
-  integrity sha512-TlIqc3CijT734no7RiYBfUvCG2fory0blwrBcK4XTYOCi2vANsxfDdiPLFQcaSETYDd14DdjhrdXwMocEeOnLQ==
+"@chain-registry/client@^1.53.184":
+  version "1.53.184"
+  resolved "https://registry.yarnpkg.com/@chain-registry/client/-/client-1.53.184.tgz#7da6f2e77857c0855dec5334eb6b975cfb24c355"
+  integrity sha512-9fJK1nFyhJrFy91tiRStQ2jhH9tVI3yrlM49IOq5tjw8rX3nj0RBpuynRk523YHC1510/rc+YKqswUSYoHYClA==
   dependencies:
-    "@babel/runtime" "^7.19.4"
+    "@chain-registry/types" "^0.50.184"
+    "@chain-registry/utils" "^1.51.184"
+    bfs-path "^1.0.2"
+    cross-fetch "^3.1.5"
 
-"@chain-registry/types@^0.50.162":
-  version "0.50.179"
-  resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-0.50.179.tgz#f32595dc3e3d50f8ce24c7a1b9556e54ab6c56b7"
-  integrity sha512-IsYQCkw1WYMteDSLWo0TKs9QPREBpnB1wv4Z7IClfTDcPG7J/evK39VT6k866vG3kr0e8wVX4zOoIYEBV5fv6g==
+"@chain-registry/types@^0.50.184":
+  version "0.50.184"
+  resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-0.50.184.tgz#1762fc474fe64d9b48aacb11f8dee8abcedb2a43"
+  integrity sha512-rak5+BmQsv6c4gbV+ZmMTHs/aGNvBFqOgACpwYNIWD4pk5OwGRLN4cZaVj4R/KqndYgDugmW609w70g2hBFvjg==
+
+"@chain-registry/utils@^1.51.184":
+  version "1.51.184"
+  resolved "https://registry.yarnpkg.com/@chain-registry/utils/-/utils-1.51.184.tgz#386c1c4aa6055567ad59298ad253fe964ea9e24c"
+  integrity sha512-OpNi7iNHjGT+Lw7ZhjMNrkf1h0n6/tLGDs7vgvZTxKUdAX3FUNpjrYk4/8p75hf/YNrWC7TzPptM4Hcu5K+BVA==
+  dependencies:
+    "@chain-registry/types" "^0.50.184"
+    bignumber.js "9.1.2"
+    sha.js "^2.4.11"
 
 "@chenfengyuan/vue-countdown@2":
   version "2.1.2"
@@ -1450,6 +1462,23 @@
     long "^4.0.0"
     pako "^2.0.2"
 
+"@cosmjs/cosmwasm-stargate@^0.30.0":
+  version "0.30.1"
+  resolved "https://registry.yarnpkg.com/@cosmjs/cosmwasm-stargate/-/cosmwasm-stargate-0.30.1.tgz#6f9ca310f75433a3e30d683bc6aa24eadb345d79"
+  integrity sha512-W/6SLUCJAJGBN+sJLXouLZikVgmqDd9LCdlMzQaxczcCHTWeJAmRvOiZGSZaSy3shw/JN1qc6g6PKpvTVgj10A==
+  dependencies:
+    "@cosmjs/amino" "^0.30.1"
+    "@cosmjs/crypto" "^0.30.1"
+    "@cosmjs/encoding" "^0.30.1"
+    "@cosmjs/math" "^0.30.1"
+    "@cosmjs/proto-signing" "^0.30.1"
+    "@cosmjs/stargate" "^0.30.1"
+    "@cosmjs/tendermint-rpc" "^0.30.1"
+    "@cosmjs/utils" "^0.30.1"
+    cosmjs-types "^0.7.1"
+    long "^4.0.0"
+    pako "^2.0.2"
+
 "@cosmjs/crypto@^0.29.3", "@cosmjs/crypto@^0.29.5":
   version "0.29.5"
   resolved "https://registry.yarnpkg.com/@cosmjs/crypto/-/crypto-0.29.5.tgz#ab99fc382b93d8a8db075780cf07487a0f9519fd"
@@ -1702,7 +1731,7 @@
     protobufjs "~6.11.3"
     xstream "^11.14.0"
 
-"@cosmjs/stargate@^0.30.0":
+"@cosmjs/stargate@^0.30.0", "@cosmjs/stargate@^0.30.1":
   version "0.30.1"
   resolved "https://registry.yarnpkg.com/@cosmjs/stargate/-/stargate-0.30.1.tgz#e1b22e1226cffc6e93914a410755f1f61057ba04"
   integrity sha512-RdbYKZCGOH8gWebO7r6WvNnQMxHrNXInY/gPHPzMjbQF6UatA6fNM2G2tdgS5j5u7FTqlCI10stNXrknaNdzog==
@@ -2339,14 +2368,6 @@
     "@sentry/webpack-plugin" "^2.4.0"
     uuid "^9.0.0"
 
-"@ping-pub/chain-registry-client@^0.0.25":
-  version "0.0.25"
-  resolved "https://registry.yarnpkg.com/@ping-pub/chain-registry-client/-/chain-registry-client-0.0.25.tgz#fcb974bdc0ef40db26425d8bf5c382aafb884f44"
-  integrity sha512-33foemlTE5pDMhmRN2MhtIjW0/6f4x0kR5nNneocP1ycsTwv9RgEbsjq30TFmOTW8UC1AgoQupe+LKVYHYbyBA==
-  dependencies:
-    "@chain-registry/types" "^0.14.0"
-    cross-fetch "^3.1.5"
-
 "@pkgr/core@^0.2.7":
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
@@ -2453,15 +2474,6 @@
     "@types/node" ">=13.7.0"
     long "^4.0.0"
 
-"@rollup/plugin-inject@^5.0.5":
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz#616f3a73fe075765f91c5bec90176608bed277a3"
-  integrity sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.3"
-
 "@rollup/pluginutils@^4.2.0":
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
@@ -2470,15 +2482,6 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
-"@rollup/pluginutils@^5.0.1":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
-  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
 "@rollup/pluginutils@^5.0.2", "@rollup/pluginutils@^5.0.4":
   version "5.0.4"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz#74f808f9053d33bafec0cc98e7b835c9667d32ba"
@@ -3199,26 +3202,6 @@ arraybuffer.prototype.slice@^1.0.1:
     is-array-buffer "^3.0.2"
     is-shared-array-buffer "^1.0.2"
 
-asn1.js@^4.10.1:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-assert@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-2.1.0.tgz#6d92a238d05dc02e7427c881fb8be81c8448b2dd"
-  integrity sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==
-  dependencies:
-    call-bind "^1.0.2"
-    is-nan "^1.3.2"
-    object-is "^1.1.5"
-    object.assign "^4.1.4"
-    util "^0.12.5"
-
 ast-stringify@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/ast-stringify/-/ast-stringify-0.1.0.tgz#5c6439fbfb4513dcc26c7d34464ccd084ed91cb7"
@@ -3359,7 +3342,12 @@ bech32@1.1.4, bech32@^1.1.4:
   resolved "https://registry.yarnpkg.com/bech32/-/bech32-1.1.4.tgz#e38c9f37bf179b8eb16ae3a772b40c356d4832e9"
   integrity sha512-s0IrSOzLlbvX7yp4WBfPITzpAU8sqQcpsmwXDiKwrG4r491vwCO/XpejasRNl0piBMe/DvP4Tz0mIS/X1DPJBQ==
 
-bignumber.js@^9.1.2:
+bfs-path@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bfs-path/-/bfs-path-1.0.2.tgz#9b5fa4b8c4ad226597fc4d2ee15398bdcc644a07"
+  integrity sha512-KTKx2JJtAAAT7C/rJYDXXWA2VLPycAS4kwFktKsxUo0hj4UTtw/Gm5PJuY7Uf3xSlIQNo7HRCSWei2ivncVwbQ==
+
+bignumber.js@9.1.2, bignumber.js@^9.1.2:
   version "9.1.2"
   resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-9.1.2.tgz#b7c4242259c008903b13707983b5f4bbd31eda0c"
   integrity sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==
@@ -3369,12 +3357,12 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
+bn.js@^4.11.9:
   version "4.12.2"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.2.tgz#3d8fed6796c24e177737f7cc5172ee04ef39ec99"
   integrity sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==
 
-bn.js@^5.2.0, bn.js@^5.2.1:
+bn.js@^5.2.0:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.2.tgz#82c09f9ebbb17107cd72cb7fd39bd1f9d0aaa566"
   integrity sha512-v2YAxEmKaBLahNwE1mjp4WON6huMNeuDvagFZW+ASCuA/ku0bXR9hSMw0XpiqMoA3+rmnyck/tPRSFQkoC9Cuw==
@@ -3406,81 +3394,11 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-brorand@^1.0.1, brorand@^1.1.0:
+brorand@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
 
-browser-resolve@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-2.0.0.tgz#99b7304cb392f8d73dba741bb2d7da28c6d7842b"
-  integrity sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==
-  dependencies:
-    resolve "^1.17.0"
-
-browserify-aes@^1.0.4, browserify-aes@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.1.tgz#06e530907fe2949dc21fc3c2e2302e10b1437238"
-  integrity sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==
-  dependencies:
-    bn.js "^5.2.1"
-    randombytes "^2.1.0"
-    safe-buffer "^5.2.1"
-
-browserify-sign@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.3.tgz#7afe4c01ec7ee59a89a558a4b75bd85ae62d4208"
-  integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
-  dependencies:
-    bn.js "^5.2.1"
-    browserify-rsa "^4.1.0"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    elliptic "^6.5.5"
-    hash-base "~3.0"
-    inherits "^2.0.4"
-    parse-asn1 "^5.1.7"
-    readable-stream "^2.3.8"
-    safe-buffer "^5.2.1"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
 browserslist@^4.0.0, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9:
   version "4.21.10"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
@@ -3508,19 +3426,6 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
-
-buffer@^5.7.1:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
-
 buffer@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
@@ -3545,11 +3450,6 @@ build@^0.1.4:
     winston "*"
     wrench "1.3.x"
 
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
-
 c12@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/c12/-/c12-1.4.2.tgz#9011d73fdc98b88ab4471106e34b0a4b20eb56d2"
@@ -3593,7 +3493,7 @@ call-bind@^1.0.8:
     get-intrinsic "^1.2.4"
     set-function-length "^1.2.2"
 
-call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
+call-bound@^1.0.3, call-bound@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.4.tgz#238de935d2a2a692928c538c7ccfa91067fd062a"
   integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
@@ -3709,14 +3609,6 @@ ci-info@^3.2.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.6.tgz#8fe672437d01cd6c4561af5334e0cc50ff1955f7"
-  integrity sha512-3Ek9H3X6pj5TgenXYtNWdaBon1tgYCaebd+XPg0keyjEbEfkD4KkmAxkQ/i1vYvxdcT5nscLBfq9VJRmCBcFSw==
-  dependencies:
-    inherits "^2.0.4"
-    safe-buffer "^5.2.1"
-
 cli-color@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-2.0.3.tgz#73769ba969080629670f3f2ef69a4bf4e7cc1879"
@@ -3848,16 +3740,6 @@ consola@^3.2.3:
   resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
   integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
 
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
-
 convert-source-map@^1.4.0, convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
@@ -3909,52 +3791,6 @@ cosmjs-types@^0.9.0:
   resolved "https://registry.yarnpkg.com/cosmjs-types/-/cosmjs-types-0.9.0.tgz#c3bc482d28c7dfa25d1445093fdb2d9da1f6cfcc"
   integrity sha512-MN/yUe6mkJwHnCFfsNPeCfXVhyxHYW6c/xDUzrSbBycYzw++XvWDMJArXp2pLdgD6FQ8DW79vkPjeNKVrXaHeQ==
 
-create-ecdh@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
-  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.5.3"
-
-create-hash@^1.1.0, create-hash@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hash@~1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.3.tgz#606042ac8b9262750f483caddab0f5819172d8fd"
-  integrity sha512-snRpch/kwQhcdlnZKYanNF1m0RDlrCdSKQaH87w1FCFPVPNCQ/Il9QJKAX2jVBZddRdaHBMC+zXa9Gw9tmkNUA==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-create-require@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
-  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
-
 cross-fetch@^3.1.5:
   version "3.1.8"
   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.8.tgz#0327eba65fd68a7d119f8fb2bf9334a1a7956f82"
@@ -3973,24 +3809,6 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-crypto-browserify@^3.12.1:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.1.tgz#bb8921bec9acc81633379aa8f52d69b0b69e0dac"
-  integrity sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==
-  dependencies:
-    browserify-cipher "^1.0.1"
-    browserify-sign "^4.2.3"
-    create-ecdh "^4.0.4"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    diffie-hellman "^5.0.3"
-    hash-base "~3.0.4"
-    inherits "^2.0.4"
-    pbkdf2 "^3.1.2"
-    public-encrypt "^4.0.3"
-    randombytes "^2.1.0"
-    randomfill "^1.0.4"
-
 css-declaration-sorter@^6.3.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
@@ -4215,14 +4033,6 @@ delegate@^3.1.2:
   resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
   integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
 
-des.js@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.1.0.tgz#1d37f5766f3bbff4ee9638e871a8768c173b81da"
-  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
 destr@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.1.tgz#2fc7bddc256fed1183e03f8d148391dde4023cb2"
@@ -4233,15 +4043,6 @@ didyoumean@^1.2.2:
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
   integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
 
-diffie-hellman@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
 dijkstrajs@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
@@ -4268,11 +4069,6 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
-domain-browser@4.22.0:
-  version "4.22.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-4.22.0.tgz#6ddd34220ec281f9a65d3386d267ddd35c491f9f"
-  integrity sha512-IGBwjF7tNk3cwypFNH/7bfzBcgSCbaMOD3GsaY1AU/JRrnHnYgEM0+9kQt52iZxjNsjBtJYtao146V+f8jFZNw==
-
 domelementtype@^2.0.1, domelementtype@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
@@ -4323,7 +4119,7 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.710.tgz#d0ec4ea8a97df4c5eaeb8c69d45bf81f248b3855"
   integrity sha512-w+9yAVHoHhysCa+gln7AzbO9CdjFcL/wN/5dd+XW/Msl2d/4+WisEaCF1nty0xbAKaxdaJfgLB2296U7zZB7BA==
 
-elliptic@^6.5.3, elliptic@^6.5.4, elliptic@^6.5.5:
+elliptic@^6.5.4:
   version "6.6.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
   integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
@@ -4611,19 +4407,6 @@ event-emitter@^0.3.5:
     d "1"
     es5-ext "~0.10.14"
 
-events@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
 ext@^1.1.2:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
@@ -4842,7 +4625,7 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
 
-get-intrinsic@^1.1.1, get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.3.0:
+get-intrinsic@^1.1.1, get-intrinsic@^1.2.4, get-intrinsic@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
   integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
@@ -4863,7 +4646,7 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-proto@^1.0.0, get-proto@^1.0.1:
+get-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
   integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
@@ -5083,30 +4866,6 @@ has@^1.0.3:
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
   integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
-hash-base@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
-  integrity sha512-0TROgQ1/SxE6KmxWSvXHvRj90/Xo1JvZShofnYF+f6ZsGtR4eES7WfrQzPalmyagfKZCXpVnitiRebZulWsbiw==
-  dependencies:
-    inherits "^2.0.1"
-
-hash-base@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-  dependencies:
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-hash-base@~3.0, hash-base@~3.0.4:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.5.tgz#52480e285395cf7fba17dc4c9e47acdc7f248a8a"
-  integrity sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==
-  dependencies:
-    inherits "^2.0.4"
-    safe-buffer "^5.2.1"
-
 hash-sum@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
@@ -5156,11 +4915,6 @@ html-tags@^3.3.1:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
-
 https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
@@ -5188,7 +4942,14 @@ idna-uts46-hx@5.0.7:
   dependencies:
     punycode "^2.1.1"
 
-ieee754@^1.1.13, ieee754@^1.2.1:
+idna-uts46-hx@^5.0.7:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/idna-uts46-hx/-/idna-uts46-hx-5.1.2.tgz#307cb604174690f8f4bba96588b199201bea1524"
+  integrity sha512-lLQOVOuJOq5uH5NWd5bnkXtpUY5uEQBVw918cC6ePmoEwa54EB/+c4rEKQ0HIspceomILY0WSap8mh0vSBHpoA==
+  dependencies:
+    punycode "^2.1.1"
+
+ieee754@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -5221,7 +4982,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@~2.0.4:
+inherits@2, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -5306,14 +5067,6 @@ interpret@^1.0.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
   integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
 
-is-arguments@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.2.0.tgz#ad58c6aecf563b78ef2bf04df540da8f5d7d8e1b"
-  integrity sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==
-  dependencies:
-    call-bound "^1.0.2"
-    has-tostringtag "^1.0.2"
-
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -5375,13 +5128,6 @@ is-core-module@^2.13.0:
   dependencies:
     has "^1.0.3"
 
-is-core-module@^2.16.0:
-  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
-  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
-  dependencies:
-    hasown "^2.0.2"
-
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -5404,16 +5150,6 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-generator-function@^1.0.7:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
-  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
-  dependencies:
-    call-bound "^1.0.3"
-    get-proto "^1.0.0"
-    has-tostringtag "^1.0.2"
-    safe-regex-test "^1.1.0"
-
 is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -5426,14 +5162,6 @@ is-map@^2.0.1, is-map@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
   integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
 
-is-nan@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
-  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
-  dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -5464,16 +5192,6 @@ is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-regex@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
-  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
-  dependencies:
-    call-bound "^1.0.2"
-    gopd "^1.2.0"
-    has-tostringtag "^1.0.2"
-    hasown "^2.0.2"
-
 is-set@^2.0.1, is-set@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -5512,7 +5230,7 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
   dependencies:
     which-typed-array "^1.1.11"
 
-is-typed-array@^1.1.14, is-typed-array@^1.1.3:
+is-typed-array@^1.1.14:
   version "1.1.15"
   resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
   integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
@@ -5554,11 +5272,6 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-isomorphic-timers-promises@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz#e4137c24dbc54892de8abae3a4b5c1ffff381598"
-  integrity sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==
-
 isomorphic-ws@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz#55fd4cd6c5e6491e76dc125938dd863f5cd4f2dc"
@@ -5630,7 +5343,7 @@ jiti@^1.18.2, jiti@^1.19.1, jiti@^1.19.3:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.20.0.tgz#2d823b5852ee8963585c8dd8b7992ffc1ae83b42"
   integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
 
-js-sha3@0.8.0:
+js-sha3@0.8.0, js-sha3@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840"
   integrity sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==
@@ -5888,15 +5601,6 @@ md-editor-v3@^2.8.1:
   resolved "https://registry.yarnpkg.com/md-editor-v3/-/md-editor-v3-2.11.3.tgz#f66e653034aeff03aca48d7728ce03c504db8d28"
   integrity sha512-SCfS4qMy0HldFdplcIGUMCpSv8qkNWkYShSdv2gTHeViKduA34zV89BOrWcqls2EZSlvt2n3G7nHRzYUvJjDKw==
 
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
 mdn-data@2.0.14:
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
@@ -5947,14 +5651,6 @@ micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
 mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -6160,39 +5856,6 @@ node-releases@^2.0.14:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
-node-stdlib-browser@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-stdlib-browser/-/node-stdlib-browser-1.3.1.tgz#f41fa554f720a3df951e40339f4d92ac512222ac"
-  integrity sha512-X75ZN8DCLftGM5iKwoYLA3rjnrAEs97MkzvSd4q2746Tgpg8b8XWiBGiBG4ZpgcAqBgtgPHTiAc8ZMCvZuikDw==
-  dependencies:
-    assert "^2.0.0"
-    browser-resolve "^2.0.0"
-    browserify-zlib "^0.2.0"
-    buffer "^5.7.1"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    create-require "^1.1.1"
-    crypto-browserify "^3.12.1"
-    domain-browser "4.22.0"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    isomorphic-timers-promises "^1.0.1"
-    os-browserify "^0.3.0"
-    path-browserify "^1.0.1"
-    pkg-dir "^5.0.0"
-    process "^0.11.10"
-    punycode "^1.4.1"
-    querystring-es3 "^0.2.1"
-    readable-stream "^3.6.0"
-    stream-browserify "^3.0.0"
-    stream-http "^3.2.0"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.1"
-    url "^0.11.4"
-    util "^0.12.4"
-    vm-browserify "^1.0.1"
-
 normalize-package-data@^2.3.2:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -6260,11 +5923,6 @@ object-inspect@^1.12.3, object-inspect@^1.9.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
   integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
 
-object-inspect@^1.13.3:
-  version "1.13.4"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
-  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
-
 object-is@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
@@ -6314,11 +5972,6 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
-
 os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
@@ -6376,23 +6029,6 @@ pako@^2.0.2:
   resolved "https://registry.yarnpkg.com/pako/-/pako-2.1.0.tgz#266cc37f98c7d883545d11335c00fbd4062c9a86"
   integrity sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==
 
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-parse-asn1@^5.0.0, parse-asn1@^5.1.7:
-  version "5.1.7"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.7.tgz#73cdaaa822125f9647165625eb45f8a051d2df06"
-  integrity sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==
-  dependencies:
-    asn1.js "^4.10.1"
-    browserify-aes "^1.2.0"
-    evp_bytestokey "^1.0.3"
-    hash-base "~3.0"
-    pbkdf2 "^3.1.2"
-    safe-buffer "^5.2.1"
-
 parse-code-context@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-code-context/-/parse-code-context-1.0.0.tgz#718c295c593d0d19a37f898473268cc75e98de1e"
@@ -6411,11 +6047,6 @@ parse-package-name@1.0.0:
   resolved "https://registry.yarnpkg.com/parse-package-name/-/parse-package-name-1.0.0.tgz#1a108757e4ffc6889d5e78bcc4932a97c097a5a7"
   integrity sha512-kBeTUtcj+SkyfaW4+KBe0HtsloBJ/mKTPoxpVdA57GZiPerREsUWJOhVj9anXweFiJkm5y8FG1sxFZkZ0SN6wg==
 
-path-browserify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
-  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
-
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -6461,18 +6092,6 @@ pathe@^1.0.0, pathe@^1.1.0, pathe@^1.1.1:
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
   integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
 
-pbkdf2@^3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.3.tgz#8be674d591d65658113424592a95d1517318dd4b"
-  integrity sha512-wfRLBZ0feWRhCIkoMB6ete7czJcnNnqRpcoWQBLqatqXXmelSRqfdDK4F3u9T2s2cXas/hQJcryI/4lAL+XTlA==
-  dependencies:
-    create-hash "~1.1.3"
-    create-hmac "^1.1.7"
-    ripemd160 "=2.0.1"
-    safe-buffer "^5.2.1"
-    sha.js "^2.4.11"
-    to-buffer "^1.2.0"
-
 perfect-debounce@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
@@ -6536,13 +6155,6 @@ pirates@^4.0.1, pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
   integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
 
-pkg-dir@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-5.0.0.tgz#a02d6aebe6ba133a928f74aec20bafdfe6b8e760"
-  integrity sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==
-  dependencies:
-    find-up "^5.0.0"
-
 pkg-types@^1.0.1, pkg-types@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
@@ -6842,11 +6454,16 @@ postcss@^8, postcss@^8.1.10, postcss@^8.4.23, postcss@^8.4.27:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-prettier@^2.6.2, prettier@^2.7.1:
+prettier@^2.6.2:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+prettier@^3.0.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.6.2.tgz#ccda02a1003ebbb2bfda6f83a074978f608b9393"
+  integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
+
 pretty-quick@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/pretty-quick/-/pretty-quick-4.2.2.tgz#0fc31da666f182fe14e119905fc9829b5b85a234"
@@ -6865,11 +6482,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
-
 progress@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -6909,23 +6521,6 @@ prr@~1.0.1:
   resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
   integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
 
-public-encrypt@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-punycode@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
-
 punycode@^2.1.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
@@ -6941,38 +6536,11 @@ qrcode@^1.5.3:
     pngjs "^5.0.0"
     yargs "^15.3.1"
 
-qs@^6.12.3:
-  version "6.14.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.0.tgz#c63fa40680d2c5c941412a0e899c89af60c0a930"
-  integrity sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==
-  dependencies:
-    side-channel "^1.1.0"
-
-querystring-es3@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
-
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomfill@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
 rc9@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.1.tgz#6614c32db7731b44cd48641ce68f373c3ee212a9"
@@ -6998,7 +6566,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-readable-stream@^2.0.1, readable-stream@^2.3.8:
+readable-stream@^2.0.1:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -7011,7 +6579,7 @@ readable-stream@^2.0.1, readable-stream@^2.3.8:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
+readable-stream@^3.4.0, readable-stream@^3.6.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -7115,15 +6683,6 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.17.0:
-  version "1.22.10"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
-  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
-  dependencies:
-    is-core-module "^2.16.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -7144,22 +6703,6 @@ rimraf@3.0.2:
   dependencies:
     glob "^7.1.3"
 
-ripemd160@=2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
-  integrity sha512-J7f4wutN8mdbV08MJnXibYpCOPHR+yzy+iQ/AsjMv2j8cLavQ8VGagDFUwwTAdF8FmRKVeNpbTTEwNHCW1g94w==
-  dependencies:
-    hash-base "^2.0.0"
-    inherits "^2.0.1"
-
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
 rollup@^3.27.1:
   version "3.29.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.0.tgz#1b40e64818afc979c7e5bef93de675829288986b"
@@ -7208,7 +6751,7 @@ safe-array-concat@^1.0.0:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
+safe-buffer@^5.2.1, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -7227,15 +6770,6 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-safe-regex-test@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
-  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
-  dependencies:
-    call-bound "^1.0.2"
-    es-errors "^1.3.0"
-    is-regex "^1.2.1"
-
 safe-stable-stringify@^2.3.1:
   version "2.4.3"
   resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz#138c84b6f6edb3db5f8ef3ef7115b8f55ccbf886"
@@ -7299,12 +6833,7 @@ set-function-length@^1.2.2:
     gopd "^1.0.1"
     has-property-descriptors "^1.0.2"
 
-setimmediate@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
-
-sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8:
+sha.js@^2.4.11:
   version "2.4.12"
   resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.12.tgz#eb8b568bf383dfd1867a32c3f2b74eb52bdbf23f"
   integrity sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==
@@ -7346,35 +6875,6 @@ shiki@^1.0.0-beta.0:
   dependencies:
     "@shikijs/core" "1.0.0-beta.1"
 
-side-channel-list@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
-  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
-  dependencies:
-    es-errors "^1.3.0"
-    object-inspect "^1.13.3"
-
-side-channel-map@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
-  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
-  dependencies:
-    call-bound "^1.0.2"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.5"
-    object-inspect "^1.13.3"
-
-side-channel-weakmap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
-  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
-  dependencies:
-    call-bound "^1.0.2"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.5"
-    object-inspect "^1.13.3"
-    side-channel-map "^1.0.1"
-
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -7384,17 +6884,6 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-side-channel@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
-  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
-  dependencies:
-    es-errors "^1.3.0"
-    object-inspect "^1.13.3"
-    side-channel-list "^1.0.0"
-    side-channel-map "^1.0.1"
-    side-channel-weakmap "^1.0.2"
-
 signal-exit@^3.0.2, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
@@ -7480,24 +6969,6 @@ stop-iteration-iterator@^1.0.0:
   dependencies:
     internal-slot "^1.0.4"
 
-stream-browserify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-3.0.0.tgz#22b0a2850cdf6503e73085da1fc7b7d0c2122f2f"
-  integrity sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==
-  dependencies:
-    inherits "~2.0.4"
-    readable-stream "^3.5.0"
-
-stream-http@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-3.2.0.tgz#1872dfcf24cb15752677e40e5c3f9cc1926028b5"
-  integrity sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    xtend "^4.0.2"
-
 string-width@^2.0.0, string-width@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
@@ -7551,7 +7022,7 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-string_decoder@^1.0.0, string_decoder@^1.1.1:
+string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -7818,13 +7289,6 @@ through@^2.3.6:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-timers-browserify@^2.0.4:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
-  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
 timers-ext@^0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/timers-ext/-/timers-ext-0.1.7.tgz#6f57ad8578e07a3fb9f91d9387d65647555e25c6"
@@ -7911,11 +7375,6 @@ tslib@^2.8.1:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
-tty-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.1.tgz#3f05251ee17904dfd0677546670db9651682b811"
-  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
-
 type@^1.0.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
@@ -8159,14 +7618,6 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
-url@^0.11.4:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.4.tgz#adca77b3562d56b72746e76b330b7f27b6721f3c"
-  integrity sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==
-  dependencies:
-    punycode "^1.4.1"
-    qs "^6.12.3"
-
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -8179,17 +7630,6 @@ util@^0.10.3:
   dependencies:
     inherits "2.0.3"
 
-util@^0.12.4, util@^0.12.5:
-  version "0.12.5"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
-  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
-  dependencies:
-    inherits "^2.0.3"
-    is-arguments "^1.0.4"
-    is-generator-function "^1.0.7"
-    is-typed-array "^1.1.3"
-    which-typed-array "^1.1.2"
-
 uuid@^9.0.0:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"
@@ -8203,14 +7643,6 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
-vite-plugin-node-polyfills@^0.24.0:
-  version "0.24.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.24.0.tgz#4a2e984bba134017fc88cace0149cf8afdb50b54"
-  integrity sha512-GA9QKLH+vIM8NPaGA+o2t8PDfFUl32J8rUp1zQfMKVJQiNkOX4unE51tR6ppl6iKw5yOrDAdSH7r/UIFLCVhLw==
-  dependencies:
-    "@rollup/plugin-inject" "^5.0.5"
-    node-stdlib-browser "^1.2.0"
-
 vite-plugin-pages@^0.28.0:
   version "0.28.0"
   resolved "https://registry.yarnpkg.com/vite-plugin-pages/-/vite-plugin-pages-0.28.0.tgz#c9ed6ef43f43a4c42ffb8e28862d48ebc92fc4b9"
@@ -8246,11 +7678,6 @@ vite@^4.4.9:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
 vue-demi@*, vue-demi@>=0.14.5:
   version "0.14.6"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.6.tgz#dc706582851dc1cdc17a0054f4fec2eb6df74c92"
@@ -8413,7 +7840,7 @@ which-typed-array@^1.1.10, which-typed-array@^1.1.11, which-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-which-typed-array@^1.1.16, which-typed-array@^1.1.2:
+which-typed-array@^1.1.16:
   version "1.1.19"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
   integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
@@ -8506,11 +7933,6 @@ xstream@^11.14.0:
     globalthis "^1.0.1"
     symbol-observable "^2.0.3"
 
-xtend@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
 y18n@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"

From 5330553fd2decec92528231b5797ae6f4ff579d5 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 31 Jul 2025 17:54:09 -0500
Subject: [PATCH 233/240] ran prettier in ibc path

---
 src/modules/[chain]/ibc/connStore.ts          |  47 +++---
 src/modules/[chain]/ibc/connection.vue        |  54 +++----
 .../ibc/connection/[connection_id].vue        | 135 ++++++++++--------
 src/modules/[chain]/ibc/connection/index.vue  |   4 +-
 4 files changed, 128 insertions(+), 112 deletions(-)

diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 4c4bd91f6f..8cec9a0fde 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -1,7 +1,6 @@
-
 import { defineStore } from 'pinia';
 
-import { useBlockchain } from '@/stores'
+import { useBlockchain } from '@/stores';
 import { ChainRegistryClient } from '@chain-registry/client';
 import type { IBCData } from '@chain-registry/types/ibc_data.schema';
 import router from '@/router';
@@ -11,25 +10,25 @@ export const useIBCModule = defineStore('module-ibc', {
   state: () => {
     return {
       info: [] as IBCData[],
-      connectionId: "" as string,
+      connectionId: '' as string,
       registryConf: {} as IBCData,
     };
   },
   getters: {
     chain() {
-      return useBlockchain()
+      return useBlockchain();
     },
     chainName(): string {
       return this.chain.chainName;
     },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_1' : 'chain_2'
+      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_1' : 'chain_2';
     },
     destField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_2' : 'chain_1'
+      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_2' : 'chain_1';
     },
     registryChannels(): any {
-      return this.registryConf.channels
+      return this.registryConf.channels;
     },
   },
   actions: {
@@ -45,43 +44,41 @@ export const useIBCModule = defineStore('module-ibc', {
         });
 
         client.fetchUrls().then(() => {
-          const info = client.getChainIbcData(this.chainName)
+          const info = client.getChainIbcData(this.chainName);
           this.info = info.sort((a, b) => {
             // Sort by remote chain name (not equal to this.chainName)
-            const getRemote = (x: any) => x.chain_1.chain_name === this.chainName ? x.chain_2.chain_name : x.chain_1.chain_name;
+            const getRemote = (x: any) =>
+              x.chain_1.chain_name === this.chainName ? x.chain_2.chain_name : x.chain_1.chain_name;
             return getRemote(a).localeCompare(getRemote(b));
           });
-
-        })
+        });
       });
-
     },
     async fetchIBCUrls(): Promise<any[]> {
-      let ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC'
-      if (this.chainName.includes("testnet")) {
-        console.log(this.chainName)
-        ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC'
+      let ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC';
+      if (this.chainName.includes('testnet')) {
+        console.log(this.chainName);
+        ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC';
       }
-      const entries = await fetch(ibcEndpoint).then((res) => res.json())
+      const entries = await fetch(ibcEndpoint).then((res) => res.json());
       return entries.filter((x: any) => x.name.match(this.chainName));
     },
     fetchConnection(index: number) {
       const res = this.info[index];
-      const isFirstChain = res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+      const isFirstChain =
+        res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
 
-      const connId = isFirstChain
-        ? res.chain_1.connection_id
-        : res.chain_2.connection_id;
+      const connId = isFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
 
       this.registryConf = res;
       this.showConnection(connId);
     },
     showConnection(connId?: string | number) {
       if (!connId) {
-        this.registryConf = {} as any
+        this.registryConf = {} as any;
       }
-      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`
-      router.push(path)
-    }
+      const path = `/${this.chain.chainName}/ibc/connection/${connId || `connection-${this.connectionId || 0}`}`;
+      router.push(path);
+    },
   },
 });
diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index f0a136f3e7..59695a02f2 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -8,57 +8,63 @@ import { useIBCModule } from './connStore';
 
 const props = defineProps(['chain']);
 const chainStore = useBlockchain();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const list = ref([] as Connection[]);
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
 const tab = ref('registry');
 
 onMounted(() => {
-  pageload(1)
-  ibcStore.load()
+  pageload(1);
+  ibcStore.load();
 });
 
 function pageload(p: number) {
-  pageRequest.value.setPage(p)
+  pageRequest.value.setPage(p);
   chainStore.rpc.getIBCConnections(pageRequest.value).then((x) => {
     list.value = x.connections;
-    pageResponse.value = x.pagination
+    pageResponse.value = x.pagination;
     if (x.pagination.total && Number(x.pagination.total) > 0) {
       ibcStore.showConnection(list.value[0].id);
     }
   });
 }
-
 </script>
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <div class="flex flex-wrap gap-4  items-center">
+      <div class="flex flex-wrap gap-4 items-center">
         <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{ $t('ibc.registry')
-            }}</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{
+            $t('ibc.registry')
+          }}</a>
           <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{
-            $t('module.favorite') }}</a>
+            $t('module.favorite')
+          }}</a>
         </div>
       </div>
       <div>
-        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4 ">
-          <span v-for="(s, i) in ibcStore.info" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(i)">{{
-            s.chain_1.chain_name === ibcStore.chainName ? s.chain_2.chain_name : s.chain_1.chain_name
-          }}
-          &#x21cc; {{
-            s.chain_1.chain_name === ibcStore.chainName ? s.chain_1.chain_name : s.chain_2.chain_name
-          }}</span>
+        <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4">
+          <span v-for="(s, i) in ibcStore.info" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(i)"
+            >{{ s.chain_1.chain_name === ibcStore.chainName ? s.chain_2.chain_name : s.chain_1.chain_name }} &#x21cc;
+            {{ s.chain_1.chain_name === ibcStore.chainName ? s.chain_1.chain_name : s.chain_2.chain_name }}</span
+          >
         </div>
-        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4 ">
+        <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4">
           <div class="join border border-primary">
             <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
-            <input v-model="ibcStore.connectionId" type=number class="input input-bordered w-40 join-item" min="0"
-              :max="pageResponse.total || 0" :placeholder="`0~${pageResponse.total}`" />
-            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">{{ $t('ibc.btn_apply')
-              }}</button>
+            <input
+              v-model="ibcStore.connectionId"
+              type="number"
+              class="input input-bordered w-40 join-item"
+              min="0"
+              :max="pageResponse.total || 0"
+              :placeholder="`0~${pageResponse.total}`"
+            />
+            <button class="join-item btn btn-primary" @click="ibcStore.showConnection()">
+              {{ $t('ibc.btn_apply') }}
+            </button>
           </div>
         </div>
       </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index ff32057bf3..2fa7ecff18 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -1,7 +1,14 @@
 <script lang="ts" setup>
 import { formatSeconds } from '@/libs/utils';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
-import { type Connection, type ClientState, type Channel, PageRequest, type TxResponse, type PaginatedTxs } from '@/types';
+import {
+  type Connection,
+  type ClientState,
+  type Channel,
+  PageRequest,
+  type TxResponse,
+  type PaginatedTxs,
+} from '@/types';
 import { computed, onMounted } from 'vue';
 import { ref } from 'vue';
 import { useIBCModule } from '../connStore';
@@ -12,33 +19,31 @@ const props = defineProps(['chain', 'connection_id']);
 const chainStore = useBlockchain();
 const baseStore = useBaseStore();
 const format = useFormatter();
-const ibcStore = useIBCModule()
+const ibcStore = useIBCModule();
 const conn = ref({} as Connection);
 const clientState = ref({} as { client_id: string; client_state: ClientState });
 const channels = ref([] as Channel[]);
 
 const connId = computed(() => {
-  return props.connection_id || 0
-})
+  return props.connection_id || 0;
+});
 
-const loading = ref(false)
-const txs = ref({} as PaginatedTxs)
-const direction = ref('')
-const channel_id = ref('')
-const port_id = ref('')
-const page = ref(new PageRequest())
-page.value.limit = 5
+const loading = ref(false);
+const txs = ref({} as PaginatedTxs);
+const direction = ref('');
+const channel_id = ref('');
+const port_id = ref('');
+const page = ref(new PageRequest());
+page.value.limit = 5;
 
 onMounted(() => {
   if (connId.value) {
     chainStore.rpc.getIBCConnectionsById(connId.value).then((x) => {
       conn.value = x.connection;
     });
-    chainStore.rpc
-      .getIBCConnectionsClientState(connId.value)
-      .then((x) => {
-        clientState.value = x.identified_client_state;
-      });
+    chainStore.rpc.getIBCConnectionsClientState(connId.value).then((x) => {
+      clientState.value = x.identified_client_state;
+    });
     chainStore.rpc.getIBCConnectionsChannels(connId.value).then((x) => {
       channels.value = x.channels;
     });
@@ -53,37 +58,47 @@ function loadChannel(channel: string, port: string) {
 
 function pageload(pageNum: number) {
   if (direction.value === 'In') {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   } else {
-    fetchSendingTxs(channel_id.value, port_id.value, pageNum -1)
+    fetchSendingTxs(channel_id.value, port_id.value, pageNum - 1);
   }
-
 }
 
 function fetchSendingTxs(channel: string, port: string, pageNum = 0) {
-
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'Out'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'Out';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=send_packet.packet_src_channel='{channel}'&events=send_packet.packet_src_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 function fetchRecevingTxs(channel: string, port: string, pageNum = 0) {
-  page.value.setPage(pageNum)
-  loading.value = true
-  direction.value = 'In'
-  channel_id.value = channel
-  port_id.value = port
-  txs.value = {} as PaginatedTxs
-  chainStore.rpc.getTxs("?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'", { channel, port }, page.value).then(res => {
-    txs.value = res
-  })
-    .finally(() => loading.value = false)
+  page.value.setPage(pageNum);
+  loading.value = true;
+  direction.value = 'In';
+  channel_id.value = channel;
+  port_id.value = port;
+  txs.value = {} as PaginatedTxs;
+  chainStore.rpc
+    .getTxs(
+      "?order_by=2&events=recv_packet.packet_dst_channel='{channel}'&events=recv_packet.packet_dst_port='{port}'",
+      { channel, port },
+      page.value
+    )
+    .then((res) => {
+      txs.value = res;
+    })
+    .finally(() => (loading.value = false));
 }
 
 function color(v: string) {
@@ -95,7 +110,7 @@ function color(v: string) {
 </script>
 <template>
   <div class="">
-    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow ">
+    <div class="px-4 pt-3 pb-4 bg-base-200 rounded mb-4 shadow">
       <div class="mx-auto max-w-7xl px-6 lg:!px-8">
         <dl class="grid grid-cols-1 gap-x-6 text-center lg:!grid-cols-3">
           <div class="mx-auto flex items-center">
@@ -103,15 +118,13 @@ function color(v: string) {
               <div class="order-first text-3xl font-semibold tracking-tight text-main mb-1">
                 {{ baseStore.latest?.block?.header?.chain_id }}
               </div>
-              <div class="text-sm text-gray-500 dark:text-gray-400">
-                {{ conn.client_id }} {{ props.connection_id }}
-              </div>
+              <div class="text-sm text-gray-500 dark:text-gray-400">{{ conn.client_id }} {{ props.connection_id }}</div>
             </div>
           </div>
           <div class="mx-auto flex items-center">
             <div :class="{ 'text-success': conn.state?.indexOf('_OPEN') > -1 }">
               <span class="text-lg rounded-full">&#x21cc;</span>
-              <div class=" text-c">
+              <div class="text-c">
                 {{ conn.state }}
               </div>
             </div>
@@ -129,8 +142,9 @@ function color(v: string) {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title mb-4 overflow-hidden">{{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{
-        clientState.client_state?.['@type'] }}</span></h2>
+      <h2 class="card-title mb-4 overflow-hidden">
+        {{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{ clientState.client_state?.['@type'] }}</span>
+      </h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
           <thead class="bg-base-200">
@@ -178,14 +192,18 @@ function color(v: string) {
           <tbody>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_expiry') }}:</span> <span>{{
-                  clientState.client_state?.allow_update_after_expiry }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_expiry') }}:</span>
+                  <span>{{ clientState.client_state?.allow_update_after_expiry }}</span>
+                </div>
               </td>
             </tr>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span> <span>{{
-                  clientState.client_state?.allow_update_after_misbehaviour }}</span></div>
+                <div class="flex justify-between">
+                  <span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span>
+                  <span>{{ clientState.client_state?.allow_update_after_misbehaviour }}</span>
+                </div>
               </td>
             </tr>
             <tr>
@@ -194,7 +212,6 @@ function color(v: string) {
             </tr>
           </tbody>
         </table>
-
       </div>
     </div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow overflow-hidden">
@@ -228,9 +245,7 @@ function color(v: string) {
                 </div>
               </td>
               <td>
-                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{
-                  v.channel_id
-                }}</a>
+                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{ v.channel_id }}</a>
               </td>
               <td>{{ v.port_id }}</td>
               <td>
@@ -239,9 +254,7 @@ function color(v: string) {
                   {{ v.state }}
                 </div>
               </td>
-              <td>
-                {{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}
-              </td>
+              <td>{{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}</td>
               <td>{{ v.connection_hops.join(', ') }}</td>
               <td>{{ v.version }}</td>
               <td>{{ v.ordering }}</td>
@@ -251,13 +264,13 @@ function color(v: string) {
       </div>
     </div>
     <div v-if="channel_id">
-      <h3 class=" card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }}) </h3>
+      <h3 class="card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }})</h3>
       <table class="table">
         <thead>
           <tr>
-            <td> {{ $t('ibc.height') }}</td>
+            <td>{{ $t('ibc.height') }}</td>
             <td>{{ $t('ibc.txhash') }}</td>
-            <td> {{ $t('ibc.messages') }}</td>
+            <td>{{ $t('ibc.messages') }}</td>
             <td>{{ $t('ibc.time') }}</td>
           </tr>
         </thead>
diff --git a/src/modules/[chain]/ibc/connection/index.vue b/src/modules/[chain]/ibc/connection/index.vue
index 2f309cc84a..0296422276 100644
--- a/src/modules/[chain]/ibc/connection/index.vue
+++ b/src/modules/[chain]/ibc/connection/index.vue
@@ -2,7 +2,7 @@
 // router.push(`/${props.chain}/ibc/connection/connection-0`)
 </script>
 <template>
-    <div></div>
+  <div></div>
 </template>
 <route>
     {
@@ -11,4 +11,4 @@
         order: 9
       }
     }
-  </route>
\ No newline at end of file
+  </route>

From 4b6f61f878539a46eb227d9543d71c17b1c0c551 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Thu, 31 Jul 2025 18:42:09 -0500
Subject: [PATCH 234/240] adjust prettier settings

---
 .prettierrc.json                              |  14 +-
 src/modules/[chain]/ibc/connStore.ts          |  25 ++-
 src/modules/[chain]/ibc/connection.vue        |  45 +++--
 .../ibc/connection/[connection_id].vue        | 106 +++++++++---
 src/types/ibc.ts                              | 158 +++++++++---------
 5 files changed, 220 insertions(+), 128 deletions(-)

diff --git a/.prettierrc.json b/.prettierrc.json
index ef7e9a5394..35ff4599e7 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,12 +1,12 @@
 {
-  "tabWidth": 2,
-  "singleQuote": true,
-  "semi": true,
-  "endOfLine": "auto",
-  "bracketSpacing": true,
-  "trailingComma": "es5",
   "arrowParens": "always",
+  "bracketSpacing": true,
+  "endOfLine": "auto",
+  "printWidth": 80,
+  "semi": true,
   "singleAttributePerLine": false,
-  "printWidth": 120,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
   "useTabs": false
 }
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 8cec9a0fde..014980562c 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -22,10 +22,14 @@ export const useIBCModule = defineStore('module-ibc', {
       return this.chain.chainName;
     },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_1' : 'chain_2';
+      return this.registryConf?.chain_1?.chain_name === this.chainName
+        ? 'chain_1'
+        : 'chain_2';
     },
     destField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName ? 'chain_2' : 'chain_1';
+      return this.registryConf?.chain_1?.chain_name === this.chainName
+        ? 'chain_2'
+        : 'chain_1';
     },
     registryChannels(): any {
       return this.registryConf.channels;
@@ -48,17 +52,21 @@ export const useIBCModule = defineStore('module-ibc', {
           this.info = info.sort((a, b) => {
             // Sort by remote chain name (not equal to this.chainName)
             const getRemote = (x: any) =>
-              x.chain_1.chain_name === this.chainName ? x.chain_2.chain_name : x.chain_1.chain_name;
+              x.chain_1.chain_name === this.chainName
+                ? x.chain_2.chain_name
+                : x.chain_1.chain_name;
             return getRemote(a).localeCompare(getRemote(b));
           });
         });
       });
     },
     async fetchIBCUrls(): Promise<any[]> {
-      let ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC';
+      let ibcEndpoint =
+        'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC';
       if (this.chainName.includes('testnet')) {
         console.log(this.chainName);
-        ibcEndpoint = 'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC';
+        ibcEndpoint =
+          'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC';
       }
       const entries = await fetch(ibcEndpoint).then((res) => res.json());
       return entries.filter((x: any) => x.name.match(this.chainName));
@@ -66,9 +74,12 @@ export const useIBCModule = defineStore('module-ibc', {
     fetchConnection(index: number) {
       const res = this.info[index];
       const isFirstChain =
-        res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
+        res.chain_1.chain_name === this.chain.current?.prettyName ||
+        res.chain_1.chain_name === this.chain.chainName;
 
-      const connId = isFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
+      const connId = isFirstChain
+        ? res.chain_1.connection_id
+        : res.chain_2.connection_id;
 
       this.registryConf = res;
       this.showConnection(connId);
diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index 59695a02f2..ae3d884544 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -36,24 +36,44 @@ function pageload(p: number) {
       <div class="flex flex-wrap gap-4 items-center">
         <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{
-            $t('ibc.registry')
-          }}</a>
-          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{
-            $t('module.favorite')
-          }}</a>
+          <a
+            class="tab"
+            :class="{ 'tab-active': tab === 'registry' }"
+            @click="tab = 'registry'"
+            >{{ $t('ibc.registry') }}</a
+          >
+          <a
+            class="tab"
+            :class="{ 'tab-active': tab === 'favorite' }"
+            @click="tab = 'favorite'"
+            >{{ $t('module.favorite') }}</a
+          >
         </div>
       </div>
       <div>
         <div v-show="tab === 'registry'" class="flex flex-wrap gap-1 p-4">
-          <span v-for="(s, i) in ibcStore.info" class="btn btn-xs btn-link mr-1" @click="ibcStore.fetchConnection(i)"
-            >{{ s.chain_1.chain_name === ibcStore.chainName ? s.chain_2.chain_name : s.chain_1.chain_name }} &#x21cc;
-            {{ s.chain_1.chain_name === ibcStore.chainName ? s.chain_1.chain_name : s.chain_2.chain_name }}</span
+          <span
+            v-for="(s, i) in ibcStore.info"
+            class="btn btn-xs btn-link mr-1"
+            @click="ibcStore.fetchConnection(i)"
+            >{{
+              s.chain_1.chain_name === ibcStore.chainName
+                ? s.chain_2.chain_name
+                : s.chain_1.chain_name
+            }}
+            &#x21cc;
+            {{
+              s.chain_1.chain_name === ibcStore.chainName
+                ? s.chain_1.chain_name
+                : s.chain_2.chain_name
+            }}</span
           >
         </div>
         <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4">
           <div class="join border border-primary">
-            <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
+            <button class="join-item px-2">
+              {{ $t('ibc.connection_id') }}:
+            </button>
             <input
               v-model="ibcStore.connectionId"
               type="number"
@@ -62,7 +82,10 @@ function pageload(p: number) {
               :max="pageResponse.total || 0"
               :placeholder="`0~${pageResponse.total}`"
             />
-            <button class="join-item btn btn-primary" @click="ibcStore.showConnection()">
+            <button
+              class="join-item btn btn-primary"
+              @click="ibcStore.showConnection()"
+            >
               {{ $t('ibc.btn_apply') }}
             </button>
           </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index 2fa7ecff18..acdca12d06 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -115,10 +115,14 @@ function color(v: string) {
         <dl class="grid grid-cols-1 gap-x-6 text-center lg:!grid-cols-3">
           <div class="mx-auto flex items-center">
             <div>
-              <div class="order-first text-3xl font-semibold tracking-tight text-main mb-1">
+              <div
+                class="order-first text-3xl font-semibold tracking-tight text-main mb-1"
+              >
                 {{ baseStore.latest?.block?.header?.chain_id }}
               </div>
-              <div class="text-sm text-gray-500 dark:text-gray-400">{{ conn.client_id }} {{ props.connection_id }}</div>
+              <div class="text-sm text-gray-500 dark:text-gray-400">
+                {{ conn.client_id }} {{ props.connection_id }}
+              </div>
             </div>
           </div>
           <div class="mx-auto flex items-center">
@@ -130,7 +134,9 @@ function color(v: string) {
             </div>
           </div>
           <div class="mx-auto">
-            <div class="order-first text-3xl font-semibold tracking-tight text-main mb-2">
+            <div
+              class="order-first text-3xl font-semibold tracking-tight text-main mb-2"
+            >
               {{ clientState.client_state?.chain_id }}
             </div>
             <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -143,7 +149,10 @@ function color(v: string) {
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
       <h2 class="card-title mb-4 overflow-hidden">
-        {{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{ clientState.client_state?.['@type'] }}</span>
+        {{ $t('ibc.title_2')
+        }}<span class="ml-2 text-sm">{{
+          clientState.client_state?.['@type']
+        }}</span>
       </h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
@@ -163,15 +172,21 @@ function color(v: string) {
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.trusting_period') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.trusting_period) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.trusting_period) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.unbonding_period') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.unbonding_period) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.unbonding_period) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.max_clock_drift') }}:</td>
-              <td>{{ formatSeconds(clientState.client_state?.max_clock_drift) }}</td>
+              <td>
+                {{ formatSeconds(clientState.client_state?.max_clock_drift) }}
+              </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.frozen_height') }}:</td>
@@ -194,7 +209,9 @@ function color(v: string) {
               <td colspan="2">
                 <div class="flex justify-between">
                   <span>{{ $t('ibc.allow_update_after_expiry') }}:</span>
-                  <span>{{ clientState.client_state?.allow_update_after_expiry }}</span>
+                  <span>{{
+                    clientState.client_state?.allow_update_after_expiry
+                  }}</span>
                 </div>
               </td>
             </tr>
@@ -202,13 +219,17 @@ function color(v: string) {
               <td colspan="2">
                 <div class="flex justify-between">
                   <span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span>
-                  <span>{{ clientState.client_state?.allow_update_after_misbehaviour }}</span>
+                  <span>{{
+                    clientState.client_state?.allow_update_after_misbehaviour
+                  }}</span>
                 </div>
               </td>
             </tr>
             <tr>
               <td class="w-52">{{ $t('ibc.upgrade_path') }}:</td>
-              <td class="text-right">{{ clientState.client_state?.upgrade_path.join(', ') }}</td>
+              <td class="text-right">
+                {{ clientState.client_state?.upgrade_path.join(', ') }}
+              </td>
             </tr>
           </tbody>
         </table>
@@ -221,7 +242,9 @@ function color(v: string) {
           <thead>
             <tr>
               <th>{{ $t('ibc.txs') }}</th>
-              <th style="position: relative; z-index: 2">{{ $t('ibc.channel_id') }}</th>
+              <th style="position: relative; z-index: 2">
+                {{ $t('ibc.channel_id') }}
+              </th>
               <th>{{ $t('ibc.port_id') }}</th>
               <th>{{ $t('ibc.state') }}</th>
               <th>{{ $t('ibc.counterparty') }}</th>
@@ -234,27 +257,51 @@ function color(v: string) {
             <tr v-for="v in channels">
               <td>
                 <div class="flex gap-1">
-                  <button class="btn btn-xs" @click="fetchSendingTxs(v.channel_id, v.port_id)" :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="fetchSendingTxs(v.channel_id, v.port_id)"
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_out') }}
                   </button>
-                  <button class="btn btn-xs" @click="fetchRecevingTxs(v.channel_id, v.port_id)" :disabled="loading">
-                    <span v-if="loading" class="loading loading-spinner loading-sm"></span>
+                  <button
+                    class="btn btn-xs"
+                    @click="fetchRecevingTxs(v.channel_id, v.port_id)"
+                    :disabled="loading"
+                  >
+                    <span
+                      v-if="loading"
+                      class="loading loading-spinner loading-sm"
+                    ></span>
                     {{ $t('ibc.btn_in') }}
                   </button>
                 </div>
               </td>
               <td>
-                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{ v.channel_id }}</a>
+                <a href="#" @click="loadChannel(v.channel_id, v.port_id)">{{
+                  v.channel_id
+                }}</a>
               </td>
               <td>{{ v.port_id }}</td>
               <td>
-                <div class="text-xs truncate relative py-2 px-4 rounded-full w-fit" :class="`text-${color(v.state)}`">
-                  <span class="inset-x-0 inset-y-0 opacity-10 absolute" :class="`bg-${color(v.state)}`"></span>
+                <div
+                  class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
+                  :class="`text-${color(v.state)}`"
+                >
+                  <span
+                    class="inset-x-0 inset-y-0 opacity-10 absolute"
+                    :class="`bg-${color(v.state)}`"
+                  ></span>
                   {{ v.state }}
                 </div>
               </td>
-              <td>{{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}</td>
+              <td>
+                {{ v.counterparty?.port_id }}/{{ v.counterparty?.channel_id }}
+              </td>
               <td>{{ v.connection_hops.join(', ') }}</td>
               <td>{{ v.version }}</td>
               <td>{{ v.ordering }}</td>
@@ -264,7 +311,9 @@ function color(v: string) {
       </div>
     </div>
     <div v-if="channel_id">
-      <h3 class="card-title capitalize">Transactions ({{ channel_id }} {{ port_id }} {{ direction }})</h3>
+      <h3 class="card-title capitalize">
+        Transactions ({{ channel_id }} {{ port_id }} {{ direction }})
+      </h3>
       <table class="table">
         <thead>
           <tr>
@@ -279,13 +328,20 @@ function color(v: string) {
             <td>{{ resp.height }}</td>
             <td>
               <div class="text-xs truncate text-primary dark:invert">
-                <RouterLink :to="`/${chainStore.chainName}/tx/${resp.txhash}`">{{ resp.txhash }}</RouterLink>
+                <RouterLink
+                  :to="`/${chainStore.chainName}/tx/${resp.txhash}`"
+                  >{{ resp.txhash }}</RouterLink
+                >
               </div>
             </td>
             <td>
               <div class="flex">
                 {{ format.messages(resp.tx.body.messages) }}
-                <Icon v-if="resp.code === 0" icon="mdi-check" class="text-success text-lg" />
+                <Icon
+                  v-if="resp.code === 0"
+                  icon="mdi-check"
+                  class="text-success text-lg"
+                />
                 <Icon v-else icon="mdi-multiply" class="text-error text-lg" />
               </div>
             </td>
@@ -293,7 +349,11 @@ function color(v: string) {
           </tr>
         </tbody>
       </table>
-      <PaginationBar :limit="page.limit" :total="txs.pagination?.total" :callback="pageload" />
+      <PaginationBar
+        :limit="page.limit"
+        :total="txs.pagination?.total"
+        :callback="pageload"
+      />
     </div>
   </div>
 </template>
diff --git a/src/types/ibc.ts b/src/types/ibc.ts
index 9c77e0c381..c68b9d0137 100644
--- a/src/types/ibc.ts
+++ b/src/types/ibc.ts
@@ -1,117 +1,115 @@
-import type { PaginatedResponse } from "."
+import type { PaginatedResponse } from '.';
 import type { IBCInfo as RegistryIBCInfo } from "@chain-registry/types"
 
 export interface IBCInfo extends RegistryIBCInfo { }
 
-export interface DenomTrace {
+export interface IBCPath {
   path: string,
-  base_denom: string
+  from?: string,
+  to?: string,
+  url?: string
+}
+
+export interface DenomTrace {
+  path: string;
+  base_denom: string;
 }
 
 export interface Connection {
-  id: string,
-  client_id: string,
+  id: string;
+  client_id: string;
   versions: {
-    identifier: string,
-    features: string[]
-  }[],
-  state: string,
+    identifier: string;
+    features: string[];
+  }[];
+  state: string;
   counterparty: {
-    client_id: string,
-    connection_id: string,
+    client_id: string;
+    connection_id: string;
     prefix: {
-      key_prefix: string
-    }
-  },
-  delay_period: string
+      key_prefix: string;
+    };
+  };
+  delay_period: string;
 }
 
 export interface Channel {
-  state: string,
-  ordering: string,
+  state: string;
+  ordering: string;
   counterparty: {
-    port_id: string,
-    channel_id: string
-  },
-  connection_hops: string[],
-  version: string,
-  port_id: string,
-  channel_id: string
+    port_id: string;
+    channel_id: string;
+  };
+  connection_hops: string[];
+  version: string;
+  port_id: string;
+  channel_id: string;
 }
 
 export interface ClientState {
-  "@type": string,
-  chain_id: string,
+  '@type': string;
+  chain_id: string;
   trust_level: {
-    numerator: string,
-    denominator: string
-  },
-  trusting_period: string,
-  unbonding_period: string,
-  max_clock_drift: string,
+    numerator: string;
+    denominator: string;
+  };
+  trusting_period: string;
+  unbonding_period: string;
+  max_clock_drift: string;
   frozen_height: {
-    revision_number: string,
-    revision_height: string
-  },
+    revision_number: string;
+    revision_height: string;
+  };
   latest_height: {
-    revision_number: string,
-    revision_height: string
-  },
+    revision_number: string;
+    revision_height: string;
+  };
   proof_specs: {
     leaf_spec: {
-      hash: string,
-      prehash_key: string,
-      prehash_value: string,
-      length: string,
-      prefix: string
-    },
+      hash: string;
+      prehash_key: string;
+      prehash_value: string;
+      length: string;
+      prefix: string;
+    };
     inner_spec: {
-      child_order: number[],
-      child_size: number,
-      min_prefix_length: number,
-      max_prefix_length: number,
-      empty_child: string,
-      hash: string
-    },
-    max_depth: number,
-    min_depth: number
-  }[],
-  upgrade_path: string[],
-  allow_update_after_expiry: boolean,
-  allow_update_after_misbehaviour: boolean
+      child_order: number[];
+      child_size: number;
+      min_prefix_length: number;
+      max_prefix_length: number;
+      empty_child: string;
+      hash: string;
+    };
+    max_depth: number;
+    min_depth: number;
+  }[];
+  upgrade_path: string[];
+  allow_update_after_expiry: boolean;
+  allow_update_after_misbehaviour: boolean;
 }
 
 export interface ClientStateWithProof {
   identified_client_state: {
-    client_id: string,
-    client_state: ClientState
-  },
-  proof: string,
+    client_id: string;
+    client_state: ClientState;
+  };
+  proof: string;
   proof_height: {
-    revision_number: string,
-    revision_height: string
-  }
-
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface ConnectionWithProof {
-  connection: Connection,
-  proof: string,
+  connection: Connection;
+  proof: string;
   proof_height: {
-    revision_number: string,
-    revision_height: string
-  }
-
+    revision_number: string;
+    revision_height: string;
+  };
 }
 export interface PaginatedIBCChannels extends PaginatedResponse {
-  channels: Channel[]
+  channels: Channel[];
 }
 export interface PaginatedIBCConnections extends PaginatedResponse {
-  connections: Connection[]
-}
-
-export interface IBCPath {
-  path: string,
-  from?: string,
-  to?: string,
-  url?: string
+  connections: Connection[];
 }

From f7d9ae88e1e367ce32c06361c1ab5f58eb6290f3 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Fri, 1 Aug 2025 13:19:02 -0500
Subject: [PATCH 235/240] default to use registry.ping.pub for ibc file
 retrievals

---
 .env.example                         | 24 +++++++++++++++++++++---
 env.d.ts                             | 13 +++++++++++++
 src/modules/[chain]/ibc/connStore.ts | 28 ++++++++++++++++++++--------
 src/types/ibc.ts                     |  7 -------
 4 files changed, 54 insertions(+), 18 deletions(-)

diff --git a/.env.example b/.env.example
index 3e4e505112..4921ff88f8 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,22 @@
 # rename to .env.local or .env.<your_environment>
-VITE_REFRESH_INTERVAL=2000
-VITE_FETCH_ALL_BLOCKS=true
-VITE_RECENT_BLOCK_LIMIT=100
+
+# Refresh interval for the app to query api for new blocks
+VITE_REFRESH_INTERVAL=6000
+
+# Enable fetching all blocks (this can increase api calls to public nodes resulting in rate limiting)
+VITE_FETCH_ALL_BLOCKS=false
+
+# Limit for recent blocks and associated transactions displayed in the UI
+VITE_RECENT_BLOCK_LIMIT=50
+
+# URL for CoinGecko API or custom proxy
+VITE_COINGECKO_URL=https://api.coingecko.com
+
+# GITHUB_API_URL default
+VITE_GITHUB_API_URL=https://api.github.com/repos/cosmos/chain-registry/contents
+
+# PINGPUB_API_URL default
+VITE_PINGPUB_API_URL=https://registry.ping.pub
+
+# IBC use PINGPUB_API_URL by Default (false) or GITHUB_API_URL (true)
+VITE_IBC_USE_GITHUB_API=false
diff --git a/env.d.ts b/env.d.ts
index 33f49a00af..68dc2b9756 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,3 +1,16 @@
 /// <reference types="vite/client" />
 
 declare module '@personaxyz/ad-sdk';
+interface ImportMetaEnv {
+    readonly VITE_REFRESH_INTERVAL?: number,
+    readonly VITE_FETCH_ALL_BLOCKS?: boolean,
+    readonly VITE_RECENT_BLOCK_LIMIT?: number,
+    readonly VITE_COINGECKO_URL?: string,
+    readonly VITE_GITHUB_API_URL?: string,
+    readonly VITE_PINGPUB_API_URL?: string,
+    readonly VITE_IBC_USE_GITHUB_API?: string,
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 014980562c..898a385559 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -6,6 +6,11 @@ import type { IBCData } from '@chain-registry/types/ibc_data.schema';
 import router from '@/router';
 import fetch from 'cross-fetch';
 
+const IBC_USE_GITHUB_API = import.meta.env.VITE_IBC_USE_GITHUB_API === 'true';
+const PINGPUB_API_URL = import.meta.env.VITE_PINGPUB_API_URL || 'https://registry.ping.pub'
+const GITHUB_API_URL = import.meta.env.VITE_GITHUB_API_URL || 'https://api.github.com/repos/cosmos/chain-registry/contents';
+const IBC_API_URL = IBC_USE_GITHUB_API ? GITHUB_API_URL : PINGPUB_API_URL;
+
 export const useIBCModule = defineStore('module-ibc', {
   state: () => {
     return {
@@ -39,6 +44,7 @@ export const useIBCModule = defineStore('module-ibc', {
     load() {
       const client = new ChainRegistryClient({
         chainNames: [this.chainName],
+        baseUrl: IBC_USE_GITHUB_API ? undefined : PINGPUB_API_URL,
       });
       this.fetchIBCUrls().then((res) => {
         res.forEach((element: any) => {
@@ -61,15 +67,21 @@ export const useIBCModule = defineStore('module-ibc', {
       });
     },
     async fetchIBCUrls(): Promise<any[]> {
-      let ibcEndpoint =
-        'https://api.github.com/repos/cosmos/chain-registry/contents/_IBC';
-      if (this.chainName.includes('testnet')) {
-        console.log(this.chainName);
-        ibcEndpoint =
-          'https://api.github.com/repos/cosmos/chain-registry/contents/testnets/_IBC';
+      const prefix = this.chainName.includes('testnet') ? 'testnets/' : '';
+      const ibcEndpoint = new URL(`${prefix}_IBC`, IBC_API_URL + '/').toString();
+      console.log('Fetching IBC URLs from:', IBC_API_URL);
+      let entries = await fetch(ibcEndpoint)
+        .then((res) => res.json())
+        .then((data: any) => Array.isArray(data) ? data.filter((x: any) => x.name.match(this.chainName)) : []);
+
+      // If using PINGPUB_API_URL, add thedownload URLs
+      if (IBC_API_URL == PINGPUB_API_URL) {
+        return entries.map((entry: any) => {
+            entry.download_url = new URL(`${prefix}_IBC/${entry.name}`, PINGPUB_API_URL + '/').toString();
+          return entry;
+        });
       }
-      const entries = await fetch(ibcEndpoint).then((res) => res.json());
-      return entries.filter((x: any) => x.name.match(this.chainName));
+      return entries
     },
     fetchConnection(index: number) {
       const res = this.info[index];
diff --git a/src/types/ibc.ts b/src/types/ibc.ts
index c68b9d0137..1f831326c9 100644
--- a/src/types/ibc.ts
+++ b/src/types/ibc.ts
@@ -3,13 +3,6 @@ import type { IBCInfo as RegistryIBCInfo } from "@chain-registry/types"
 
 export interface IBCInfo extends RegistryIBCInfo { }
 
-export interface IBCPath {
-  path: string,
-  from?: string,
-  to?: string,
-  url?: string
-}
-
 export interface DenomTrace {
   path: string;
   base_denom: string;

From 8cdc7c2e1d44359bafbcec6d560d85c2eec2cab6 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Fri, 1 Aug 2025 15:21:14 -0500
Subject: [PATCH 236/240] fix network detection issues with ibc

---
 chains/mainnet/xion.json             |  3 +-
 src/modules/[chain]/ibc/connStore.ts | 43 ++++++++++++++--------------
 src/stores/useDashboard.ts           | 10 ++++++-
 src/types/chaindata.ts               |  2 ++
 4 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/chains/mainnet/xion.json b/chains/mainnet/xion.json
index 5e82d72df9..49dafec078 100644
--- a/chains/mainnet/xion.json
+++ b/chains/mainnet/xion.json
@@ -1,5 +1,6 @@
 {
   "chain_name": "xion",
+  "chain_id": "xion-mainnet-1",
   "registry_name": "xion",
   "coingecko": "xion",
   "network_type": "mainnet",
@@ -32,7 +33,7 @@
     }
   ],
   "snapshot_provider": "",
-  "sdk_version": "0.50.13",
+  "sdk_version": "0.53.3",
   "coin_type": "118",
   "min_tx_fee": "100",
   "addr_prefix": "xion",
diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index 898a385559..dbb637c4d2 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -7,8 +7,9 @@ import router from '@/router';
 import fetch from 'cross-fetch';
 
 const IBC_USE_GITHUB_API = import.meta.env.VITE_IBC_USE_GITHUB_API === 'true';
-const PINGPUB_API_URL = import.meta.env.VITE_PINGPUB_API_URL || 'https://registry.ping.pub'
-const GITHUB_API_URL = import.meta.env.VITE_GITHUB_API_URL || 'https://api.github.com/repos/cosmos/chain-registry/contents';
+const PINGPUB_API_URL = import.meta.env.VITE_PINGPUB_API_URL || 'https://registry.ping.pub';
+const GITHUB_API_URL =
+  import.meta.env.VITE_GITHUB_API_URL || 'https://api.github.com/repos/cosmos/chain-registry/contents';
 const IBC_API_URL = IBC_USE_GITHUB_API ? GITHUB_API_URL : PINGPUB_API_URL;
 
 export const useIBCModule = defineStore('module-ibc', {
@@ -26,15 +27,17 @@ export const useIBCModule = defineStore('module-ibc', {
     chainName(): string {
       return this.chain.chainName;
     },
+    isFirstChain(): boolean {
+      return (
+        this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName ||
+        this.registryConf?.chain_1?.chain_name === this.chain.chainName
+      );
+    },
     sourceField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName
-        ? 'chain_1'
-        : 'chain_2';
+      return this.isFirstChain ? 'chain_1' : 'chain_2';
     },
     destField(): string {
-      return this.registryConf?.chain_1?.chain_name === this.chainName
-        ? 'chain_2'
-        : 'chain_1';
+      return this.isFirstChain ? 'chain_2' : 'chain_1';
     },
     registryChannels(): any {
       return this.registryConf.channels;
@@ -42,9 +45,10 @@ export const useIBCModule = defineStore('module-ibc', {
   },
   actions: {
     load() {
+      const prefix = this.chain.current?.networkType?.includes('testnet') ? 'testnets/' : '';
       const client = new ChainRegistryClient({
         chainNames: [this.chainName],
-        baseUrl: IBC_USE_GITHUB_API ? undefined : PINGPUB_API_URL,
+        baseUrl: IBC_USE_GITHUB_API ? undefined : new URL(`${prefix}`, PINGPUB_API_URL + '/').toString(),
       });
       this.fetchIBCUrls().then((res) => {
         res.forEach((element: any) => {
@@ -58,40 +62,35 @@ export const useIBCModule = defineStore('module-ibc', {
           this.info = info.sort((a, b) => {
             // Sort by remote chain name (not equal to this.chainName)
             const getRemote = (x: any) =>
-              x.chain_1.chain_name === this.chainName
-                ? x.chain_2.chain_name
-                : x.chain_1.chain_name;
+              x.chain_1.chain_name === this.isFirstChain ? x.chain_2.chain_name : x.chain_1.chain_name;
             return getRemote(a).localeCompare(getRemote(b));
           });
         });
       });
     },
     async fetchIBCUrls(): Promise<any[]> {
-      const prefix = this.chainName.includes('testnet') ? 'testnets/' : '';
+      const prefix = this.chain.current?.networkType?.includes('testnet') ? 'testnets/' : '';
       const ibcEndpoint = new URL(`${prefix}_IBC`, IBC_API_URL + '/').toString();
       console.log('Fetching IBC URLs from:', IBC_API_URL);
       let entries = await fetch(ibcEndpoint)
         .then((res) => res.json())
-        .then((data: any) => Array.isArray(data) ? data.filter((x: any) => x.name.match(this.chainName)) : []);
+        .then((data: any) => (Array.isArray(data) ? data.filter((x: any) => x.name.match(this.chainName)) : []));
 
       // If using PINGPUB_API_URL, add thedownload URLs
       if (IBC_API_URL == PINGPUB_API_URL) {
         return entries.map((entry: any) => {
-            entry.download_url = new URL(`${prefix}_IBC/${entry.name}`, PINGPUB_API_URL + '/').toString();
+          entry.download_url = new URL(`${prefix}_IBC/${entry.name}`, PINGPUB_API_URL + '/').toString();
           return entry;
         });
       }
-      return entries
+      return entries;
     },
     fetchConnection(index: number) {
       const res = this.info[index];
-      const isFirstChain =
-        res.chain_1.chain_name === this.chain.current?.prettyName ||
-        res.chain_1.chain_name === this.chain.chainName;
+      const resIsFirstChain =
+        res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
 
-      const connId = isFirstChain
-        ? res.chain_1.connection_id
-        : res.chain_2.connection_id;
+      const connId = resIsFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
 
       this.registryConf = res;
       this.showConnection(connId);
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 6d9622d36f..3d719deb46 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -45,6 +45,7 @@ export function convertFromLocal(lc: LocalChainConfig): ChainConfig {
   conf.bech32Prefix = lc.addr_prefix;
   conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
+  conf.networkType = lc.network_type;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
   conf.endpoints = {
@@ -74,6 +75,7 @@ export function convertFromDirectory(source: DirectoryChainConfig): ChainConfig
     (conf.chainId = source.chain_id),
     (conf.chainName = source.chain_name),
     (conf.prettyName = source.pretty_name),
+    (conf.networkType = source.network_type),
     (conf.versions = {
       application: source.versions?.application_version || '',
       cosmosSdk: source.versions?.cosmos_sdk_version || '',
@@ -138,7 +140,7 @@ export enum LoadingStatus {
 
 export const useDashboard = defineStore('dashboard', {
   state: () => {
-    const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}');
+    const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"xion":true, "xiontestnet2":true}');
     return {
       status: LoadingStatus.Empty,
       source: ConfigSource.MainnetCosmosDirectory,
@@ -209,6 +211,9 @@ export const useDashboard = defineStore('dashboard', {
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalChainConfig>(source).forEach((x: LocalChainConfig) => {
         this.chains[x.chain_name] = convertFromLocal(x);
+        if (!this.chains[x.chain_name].networkType) {
+          this.chains[x.chain_name].networkType = this.networkType.toString().toLowerCase();
+        }
       });
       this.setupDefault();
       this.status = LoadingStatus.Loaded;
@@ -221,6 +226,9 @@ export const useDashboard = defineStore('dashboard', {
           : import.meta.glob('../../chains/testnet/*.json', { eager: true });
       Object.values<LocalChainConfig>(source).forEach((x: LocalChainConfig) => {
         config[x.chain_name] = convertFromLocal(x);
+        if (!config[x.chain_name].networkType) {
+          config[x.chain_name].networkType = network.toString().toLowerCase();
+        }
       });
       return config;
     },
diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
index 289c09d236..7909c04370 100644
--- a/src/types/chaindata.ts
+++ b/src/types/chaindata.ts
@@ -41,6 +41,7 @@ export interface LocalChainConfig {
     symbol: string;
   }[];
   chain_name: string;
+  network_type?: string;
   coin_type: string;
   logo: string;
   theme_color?: string;
@@ -103,6 +104,7 @@ export interface DirectoryChainConfig {
 export interface ChainConfig {
   chainName: string;
   prettyName: string;
+  networkType?: string;
   bech32Prefix: string;
   bech32ConsensusPrefix: string;
   chainId: string;

From 88f2def1d170dd290b385b1f40c8717d158c0ac4 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Fri, 1 Aug 2025 15:46:16 -0500
Subject: [PATCH 237/240] fix chain order in ibc

---
 src/modules/[chain]/ibc/connStore.ts | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/modules/[chain]/ibc/connStore.ts b/src/modules/[chain]/ibc/connStore.ts
index dbb637c4d2..f529ed35e1 100644
--- a/src/modules/[chain]/ibc/connStore.ts
+++ b/src/modules/[chain]/ibc/connStore.ts
@@ -29,8 +29,8 @@ export const useIBCModule = defineStore('module-ibc', {
     },
     isFirstChain(): boolean {
       return (
-        this.registryConf?.chain_1?.chain_name === this.chain.current?.prettyName ||
-        this.registryConf?.chain_1?.chain_name === this.chain.chainName
+        this.registryConf.chain_1.chain_name === this.chain.current?.prettyName ||
+        this.registryConf.chain_1.chain_name === this.chain.chainName
       );
     },
     sourceField(): string {
@@ -56,13 +56,15 @@ export const useIBCModule = defineStore('module-ibc', {
             client.urls.push(element.download_url);
           }
         });
-
         client.fetchUrls().then(() => {
           const info = client.getChainIbcData(this.chainName);
           this.info = info.sort((a, b) => {
             // Sort by remote chain name (not equal to this.chainName)
             const getRemote = (x: any) =>
-              x.chain_1.chain_name === this.isFirstChain ? x.chain_2.chain_name : x.chain_1.chain_name;
+              x?.chain_1?.chain_name === this.chain.current?.prettyName ||
+              x?.chain_1?.chain_name === this.chain.chainName
+                ? x.chain_2.chain_name
+                : x.chain_1.chain_name;
             return getRemote(a).localeCompare(getRemote(b));
           });
         });
@@ -86,13 +88,10 @@ export const useIBCModule = defineStore('module-ibc', {
       return entries;
     },
     fetchConnection(index: number) {
-      const res = this.info[index];
-      const resIsFirstChain =
-        res.chain_1.chain_name === this.chain.current?.prettyName || res.chain_1.chain_name === this.chain.chainName;
-
-      const connId = resIsFirstChain ? res.chain_1.connection_id : res.chain_2.connection_id;
-
-      this.registryConf = res;
+      this.registryConf = this.info[index];
+      const connId = this.isFirstChain
+        ? this.registryConf.chain_1.connection_id
+        : this.registryConf.chain_2.connection_id;
       this.showConnection(connId);
     },
     showConnection(connId?: string | number) {

From f72dccd59f1d829b72f582eecba43bb7469b1274 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Fri, 1 Aug 2025 15:53:50 -0500
Subject: [PATCH 238/240] revert modified favorites

---
 src/stores/useDashboard.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 3d719deb46..c4194ad311 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -140,7 +140,7 @@ export enum LoadingStatus {
 
 export const useDashboard = defineStore('dashboard', {
   state: () => {
-    const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"xion":true, "xiontestnet2":true}');
+    const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}');
     return {
       status: LoadingStatus.Empty,
       source: ConfigSource.MainnetCosmosDirectory,

From 0926861f8cb3b2533655588fc8fbe5743411f982 Mon Sep 17 00:00:00 2001
From: Sai <sai@umee.cc>
Date: Mon, 22 Sep 2025 19:17:05 +0530
Subject: [PATCH 239/240] removed other chains info

---
 chains/mainnet/axelar.json  |  70 -----------------
 chains/mainnet/neutron.json |  43 -----------
 chains/mainnet/nolus.json   |  29 -------
 chains/mainnet/umee-1.json  |  10 +++
 chains/mainnet/xion.json    | 150 ------------------------------------
 chains/testnet/bfhevm.json  |  21 -----
 chains/testnet/crossfi.json |  11 ---
 7 files changed, 10 insertions(+), 324 deletions(-)
 delete mode 100644 chains/mainnet/axelar.json
 delete mode 100644 chains/mainnet/neutron.json
 delete mode 100644 chains/mainnet/nolus.json
 delete mode 100644 chains/mainnet/xion.json
 delete mode 100644 chains/testnet/bfhevm.json
 delete mode 100644 chains/testnet/crossfi.json

diff --git a/chains/mainnet/axelar.json b/chains/mainnet/axelar.json
deleted file mode 100644
index 255f99187d..0000000000
--- a/chains/mainnet/axelar.json
+++ /dev/null
@@ -1,70 +0,0 @@
-{
-  "chain_name": "axelar",
-  "api": ["https://rest.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"],
-  "rpc": ["https://tm.axelar.lava.build/lava-referer-97409c72-1a82-4861-8651-119c15151cbe"],
-  "snapshot_provider": "",
-  "sdk_version": "0.45.6",
-  "coin_type": "118",
-  "min_tx_fee": "800",
-  "addr_prefix": "axelar",
-  "logo": "/logos/axelar.svg",
-  "theme_color": "#161723",
-  "assets": [
-    {
-      "base": "uaxl",
-      "symbol": "AXL",
-      "exponent": "6",
-      "coingecko_id": "axelar",
-      "logo": "/logos/axelar.svg"
-    },
-    {
-      "base": "uusdc",
-      "symbol": "axlUSDC",
-      "exponent": "6",
-      "coingecko_id": "usd-coin",
-      "logo": "/logos/usdc.svg"
-    },
-    {
-      "base": "uusdt",
-      "symbol": "axlUSDT",
-      "exponent": "6",
-      "coingecko_id": "tether",
-      "logo": "/logos/usdt.svg"
-    },
-    {
-      "base": "dai-wei",
-      "symbol": "axlDAI",
-      "exponent": "18",
-      "coingecko_id": "dai",
-      "logo": "/logos/dai.svg"
-    },
-    {
-      "base": "weth-wei",
-      "symbol": "axlWETH",
-      "exponent": "18",
-      "coingecko_id": "ethereum",
-      "logo": "/logos/weth.svg"
-    },
-    {
-      "base": "wmatic-wei",
-      "symbol": "axlWMATIC",
-      "exponent": "18",
-      "coingecko_id": "matic-network",
-      "logo": "/logos/wmatic.svg"
-    },
-    {
-      "base": "wavax-wei",
-      "symbol": "axlWAVAX",
-      "exponent": "18",
-      "coingecko_id": "avalanche-2",
-      "logo": "/logos/wavax.svg"
-    },
-    {
-      "base": "dot-planck",
-      "symbol": "axlDOT",
-      "exponent": "10",
-      "coingecko_id": "polkadot",
-      "logo": "/logos/dot.svg"
-    }
-  ]
-}
diff --git a/chains/mainnet/neutron.json b/chains/mainnet/neutron.json
deleted file mode 100644
index 6d9594a908..0000000000
--- a/chains/mainnet/neutron.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "chain_name": "neutron",
-  "api": [
-    { "provider": "Polkachu", "address": "https://neutron-api.polkachu.com" },
-    { "provider": "NodeStake", "address": "https://api.neutron.nodestake.top" },
-    { "provider": "Allnodes", "address": "https://neutron-rest.publicnode.com" }
-  ],
-  "rpc": [
-    { "provider": "Polkachu", "address": "https://neutron-rpc.polkachu.com" },
-    { "provider": "NodeStake", "address": "https://rpc.neutron.nodestake.top" },
-    { "provider": "Allnodes", "address": "https://neutron-rpc.publicnode.com:443" }
-  ],
-  "provider_chain": {
-    "api": ["https://rest.cosmos.directory/cosmoshub"]
-  },
-  "features": [
-    "dashboard",
-    "blocks",
-    "ibc",
-    "cosmwasm",
-    "uptime",
-    "parameters",
-    "state-sync",
-    "consensus",
-    "supply",
-    "widget"
-  ],
-  "sdk_version": "0.45.1",
-  "coin_type": "118",
-  "min_tx_fee": "8000",
-  "assets": [
-    {
-      "base": "untrn",
-      "symbol": "NTRN",
-      "exponent": "6",
-      "coingecko_id": "neutron",
-      "logo": "/logos/neutron.svg"
-    }
-  ],
-  "addr_prefix": "neutron",
-  "theme_color": "#161723",
-  "logo": "/logos/neutron.svg"
-}
diff --git a/chains/mainnet/nolus.json b/chains/mainnet/nolus.json
deleted file mode 100644
index 2c832db946..0000000000
--- a/chains/mainnet/nolus.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "chain_name": "nolus",
-  "coingecko": "nolus",
-  "api": [
-    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:1317" },
-    { "provider": "LavenderFive", "address": "https://nolus-api.lavenderfive.com:443" },
-    { "provider": "Allnodes", "address": "https://nolus-rest.publicnode.com" }
-  ],
-  "rpc": [
-    { "provider": "Nolus", "address": "https://pirin-cl.nolus.network:26657" },
-    { "provider": "LavenderFive", "address": "https://nolus-rpc.lavenderfive.com:443" },
-    { "provider": "Allnodes", "address": "https://nolus-rpc.publicnode.com:443" }
-  ],
-  "snapshot_provider": "",
-  "sdk_version": "v0.47.6",
-  "coin_type": "118",
-  "min_tx_fee": "0",
-  "addr_prefix": "nolus",
-  "logo": "/logos/nolus.svg",
-  "assets": [
-    {
-      "base": "unls",
-      "symbol": "NLS",
-      "exponent": "6",
-      "coingecko_id": "nolus",
-      "logo": "/logos/nolus.svg"
-    }
-  ]
-}
diff --git a/chains/mainnet/umee-1.json b/chains/mainnet/umee-1.json
index 7f51979d38..2235451032 100644
--- a/chains/mainnet/umee-1.json
+++ b/chains/mainnet/umee-1.json
@@ -1,6 +1,11 @@
 {
     "chain_name": "umee-1",
     "api": [
+        {
+            "address": "https://api-umee.mzonder.com/",
+            "provider": "mzonder",
+            "type": "rest"
+        },
         {
             "address": "https://umee-api.polkachu.com:443",
             "provider": "Polkachu",
@@ -8,6 +13,11 @@
         }
     ],
     "rpc": [
+        {
+            "address": "https://rpc-umee.mzonder.com/",
+            "provider": "mzonder",
+            "type": "rpc"
+        },
         {
             "address": "https://umee-rpc.polkachu.com:443",
             "provider": "Polkachu",
diff --git a/chains/mainnet/xion.json b/chains/mainnet/xion.json
deleted file mode 100644
index 49dafec078..0000000000
--- a/chains/mainnet/xion.json
+++ /dev/null
@@ -1,150 +0,0 @@
-{
-  "chain_name": "xion",
-  "chain_id": "xion-mainnet-1",
-  "registry_name": "xion",
-  "coingecko": "xion",
-  "network_type": "mainnet",
-  "rpc": [
-    {
-      "address": "https://rpc.xion-mainnet-1.burnt.com",
-      "provider": "🔥BurntLabs🔥"
-    },
-    {
-      "address": "https://rpc-burnt.imperator.co/",
-      "provider": "Imperator.co"
-    },
-    {
-      "address": "https://xion-rpc.polkachu.com",
-      "provider": "Polkachu"
-    }
-  ],
-  "api": [
-    {
-      "address": "https://api.xion-mainnet-1.burnt.com",
-      "provider": "🔥BurntLabs🔥"
-    },
-    {
-      "address": "https://lcd-burnt.imperator.co/",
-      "provider": "Imperator.co"
-    },
-    {
-      "address": "https://xion-api.polkachu.com",
-      "provider": "Polkachu"
-    }
-  ],
-  "snapshot_provider": "",
-  "sdk_version": "0.53.3",
-  "coin_type": "118",
-  "min_tx_fee": "100",
-  "addr_prefix": "xion",
-  "theme_color": "#96b325",
-  "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png",
-  "assets": [
-    {
-      "base": "uxion",
-      "symbol": "XION",
-      "exponent": "6",
-      "coingecko_id": "xion-2",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png"
-    },
-    {
-      "base": "ibc/0471F1C4E7AFD3F07702BEF6DC365268D64570F7C1FDC98EA6098DD6DE59817B",
-      "symbol": "OSMO",
-      "exponent": "6",
-      "coingecko_id": "osmosis",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
-    },
-    {
-      "base": "ibc/F082B65C88E4B6D5EF1DB243CDA1D331D002759E938A0F5CD3FFDC5D53B3E349",
-      "symbol": "USDC",
-      "exponent": "6",
-      "coingecko_id": "usd-coin",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/noble/images/USDCoin.png"
-    },
-    {
-      "base": "ibc/CC7B293B3F08EA7DB96AFD4765BD0C7F95ABD7ECEAF21C74F3ACCBF7CEFB6591",
-      "symbol": "OSMO",
-      "exponent": "6",
-      "coingecko_id": "osmosis",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
-    },
-    {
-      "base": "ibc/9463E39D230614B313B487836D13A392BD1731928713D4C8427A083627048DB3",
-      "symbol": "AXL",
-      "exponent": "6",
-      "coingecko_id": "axelar",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axl.png"
-    },
-    {
-      "base": "ibc/6490A7EAB61059BFC1CDDEB05917DD70BDF3A611654162A1A47DB930D40D8AF4",
-      "symbol": "axlUSDC",
-      "exponent": "6",
-      "coingecko_id": "usd-coin",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
-    },
-    {
-      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
-      "symbol": "axlUSDT",
-      "exponent": "6",
-      "coingecko_id": "tether",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
-    },
-    {
-      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
-      "symbol": "axlDAI",
-      "exponent": "18",
-      "coingecko_id": "dai",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axldai.png"
-    },
-    {
-      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
-      "symbol": "axlFRAX",
-      "exponent": "6",
-      "coingecko_id": "frax",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlfrax.png"
-    },
-    {
-      "base": "ibc/AAD7136DD626569C3DDE7C5F764968BB2E939875EFC568AE5712B62081850814",
-      "symbol": "axlWETH",
-      "exponent": "18",
-      "coingecko_id": "axlweth",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/weth.png"
-    },
-    {
-      "base": "ibc/056EA54C3D9B49B3C0418955A27980A91DD4F210914BFE240A1DB19E27895ECA",
-      "symbol": "KYVE",
-      "exponent": "6",
-      "coingecko_id": "kyve-network",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/kyve/images/kyve-token.png"
-    },
-    {
-      "base": "ibc/DBE9697AC1044255A305A2034AD360B4152632BFBFB5785234731F60196B9645",
-      "symbol": "ELYS",
-      "exponent": "6",
-      "coingecko_id": "elys",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/elys/images/elys.png"
-    },
-    {
-      "base": "ibc/E706A0C6CACB374ADC2BCF6A74FE1B260840FC822E45DCB776DEA962A57FED30",
-      "symbol": "axlARB",
-      "exponent": "18",
-      "coingecko_id": "arb",
-      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/_non-cosmos/arbitrum/images/arb.png"
-    }
-  ],
-  "features": [
-    "dashboard",
-    "governance",
-    "staking",
-    "blocks",
-    "tx",
-    "uptime",
-    "ibc",
-    "supply",
-    "parameters",
-    "consensus",
-    "cosmwasm",
-    "account"
-  ],
-  "keplr_features": ["ibc-go", "ibc-transfer", "no-legacy-stdTx"]
-}
diff --git a/chains/testnet/bfhevm.json b/chains/testnet/bfhevm.json
deleted file mode 100644
index c136f030db..0000000000
--- a/chains/testnet/bfhevm.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "chain_name": "bfhevm_777-1",
-  "api": ["https://rest-testnet-bfhevm.xyz:443"],
-  "rpc": ["https://rpc-bfhevm.xyz:8443"],
-  "coingecko": "",
-  "snapshot_provider": "",
-  "sdk_version": "0.45.7",
-  "coin_type": "60",
-  "min_tx_fee": "700",
-  "addr_prefix": "bfh",
-  "logo": "",
-  "assets": [
-    {
-      "base": "abfh",
-      "symbol": "BFH",
-      "exponent": "18",
-      "coingecko_id": "",
-      "logo": ""
-    }
-  ]
-}
diff --git a/chains/testnet/crossfi.json b/chains/testnet/crossfi.json
deleted file mode 100644
index d602617509..0000000000
--- a/chains/testnet/crossfi.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "chain_name": "crossfi-testnet-1",
-  "api": ["https://crossfi-testnet-api.forpeaky.xyz"],
-  "rpc": ["https://crossfi-testnet-rpc.forpeaky.xyz"],
-  "coingecko": "",
-  "snapshot_provider": "",
-  "sdk_version": "0.47.1",
-  "coin_type": "118",
-  "min_tx_fee": "500",
-  "addr_prefix": "crossfi"
-}

From daef7e624249b276bd4ef46ebd1ddf581953ff04 Mon Sep 17 00:00:00 2001
From: Sai <sai@umee.cc>
Date: Mon, 22 Sep 2025 19:42:35 +0530
Subject: [PATCH 240/240] update the umee-1.json

---
 chains/mainnet/umee-1.json | 233 +++++++++++++++++++++++++++++++++++--
 1 file changed, 221 insertions(+), 12 deletions(-)

diff --git a/chains/mainnet/umee-1.json b/chains/mainnet/umee-1.json
index 2235451032..0003a4ebcb 100644
--- a/chains/mainnet/umee-1.json
+++ b/chains/mainnet/umee-1.json
@@ -1,27 +1,236 @@
 {
     "chain_name": "umee-1",
-    "api": [
+    "rpc": [
+        {
+            "address": "https://rpc-umee.mzonder.com",
+            "provider": "MZONDER",
+            "type": "rpc"
+        },
         {
-            "address": "https://api-umee.mzonder.com/",
-            "provider": "mzonder",
-            "type": "rest"
+            "address": "https://ux-rpc.chainroot.io",
+            "provider": "Chainroot",
+            "type": "rpc"
         },
         {
-            "address": "https://umee-api.polkachu.com:443",
+            "address": "https://umee-rpc.polkachu.com",
             "provider": "Polkachu",
-            "type": "rest"
+            "type": "rpc"
+        },
+        {
+            "address": "https://rpc-umee-ia.cosmosia.notional.ventures/",
+            "provider": "Notional",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-mainnet-rpc.autostake.com:443",
+            "provider": "AutoStake 🛡️ Slash Protected",
+            "type": "rpc"
+        },
+        {
+            "address": "http://umee.rpc.m.stavr.tech:10457",
+            "provider": "🔥STAVR🔥",
+            "type": "rpc"
+        },
+        {
+            "address": "http://rpc-umee-0.node75.org:26657",
+            "provider": "Pro-Nodes75",
+            "type": "rpc"
+        },
+        {
+            "address": "https://rpc-umee-01.stakeflow.io",
+            "provider": "Stakeflow",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-rpc.staketab.org:443",
+            "provider": "Staketab",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-rpc.theamsolutions.info",
+            "provider": "AM Solutions",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee.rpc.kjnodes.com",
+            "provider": "kjnodes"
+        },
+        {
+            "address": "https://umee-rpc.w3coins.io",
+            "provider": "w3coins",
+            "type": "rpc"
+        },
+        {
+            "address": "https://rpc-umee.mms.team",
+            "provider": "MMS",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-rpc.stake-town.com",
+            "provider": "StakeTown",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-rpc.highstakes.ch",
+            "provider": "High Stakes 🇨🇭",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee.rpc.stakevillage.net:443",
+            "provider": "Stake Village",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee-rpc.noders.services",
+            "provider": "[NODERS]TEAM",
+            "type": "rpc"
+        },
+        {
+            "address": "https://umee_mainnet_rpc.chain.whenmoonwhenlambo.money",
+            "provider": "🚀 WHEN MOON 🌕 WHEN LAMBO 🔥",
+            "type": "rpc"
         }
     ],
-    "rpc": [
+    "api": [
         {
-            "address": "https://rpc-umee.mzonder.com/",
-            "provider": "mzonder",
-            "type": "rpc"
+            "address": "https://api-umee.mzonder.com",
+            "provider": "MZONDER"
+        },
+        {
+            "address": "https://ux-api.chainroot.io",
+            "provider": "Chainroot"
+        },
+        {
+            "address": "https://api-umee-ia.cosmosia.notional.ventures/",
+            "provider": "Notional"
+        },
+        {
+            "address": "https://umee.api.m.stavr.tech",
+            "provider": "🔥STAVR🔥"
+        },
+        {
+            "address": "https://umee-mainnet-lcd.autostake.com:443",
+            "provider": "AutoStake 🛡️ Slash Protected"
+        },
+        {
+            "address": "https://umee-api.polkachu.com",
+            "provider": "Polkachu"
+        },
+        {
+            "address": "https://api-umee-01.stakeflow.io",
+            "provider": "Stakeflow"
+        },
+        {
+            "address": "https://umee-rest.staketab.org",
+            "provider": "Staketab"
+        },
+        {
+            "address": "https://umee-api.theamsolutions.info",
+            "provider": "AM Solutions"
+        },
+        {
+            "address": "https://umee.api.kjnodes.com",
+            "provider": "kjnodes"
         },
         {
-            "address": "https://umee-rpc.polkachu.com:443",
+            "address": "https://umee-api.w3coins.io",
+            "provider": "w3coins"
+        },
+        {
+            "address": "https://api-umee.mms.team",
+            "provider": "MMS"
+        },
+        {
+            "address": "https://umee-api.stake-town.com",
+            "provider": "StakeTown"
+        },
+        {
+            "address": "https://umee-api.highstakes.ch",
+            "provider": "High Stakes 🇨🇭"
+        },
+        {
+            "address": "https://umee.api.stakevillage.net",
+            "provider": "Stake Village"
+        },
+        {
+            "address": "https://umee-api.noders.services",
+            "provider": "[NODERS]TEAM"
+        },
+        {
+            "address": "https://umee_mainnet_api.chain.whenmoonwhenlambo.money",
+            "provider": "🚀 WHEN MOON 🌕 WHEN LAMBO 🔥"
+        }
+    ],
+    "grpc": [
+        {
+            "address": "grpc-umee.mzonder.com:443",
+            "provider": "MZONDER",
+            "type": "grpc"
+        },
+        {
+            "address": "grpc-umee-ia.cosmosia.notional.ventures:443",
+            "provider": "Notional",
+            "type": "grpc"
+        },
+        {
+            "address": "umee-grpc.polkachu.com:13690",
             "provider": "Polkachu",
-            "type": "rpc"
+            "type": "grpc"
+        },
+        {
+            "address": "umee-mainnet-grpc.autostake.com:443",
+            "provider": "AutoStake 🛡️ Slash Protected",
+            "type": "grpc"
+        },
+        {
+            "address": "umee.grpc.m.stavr.tech:9090",
+            "provider": "🔥STAVR🔥",
+            "type": "grpc"
+        },
+        {
+            "address": "grpc-umee-01.stakeflow.io:9990",
+            "provider": "Stakeflow",
+            "type": "grpc"
+        },
+        {
+            "address": "services.staketab.com:9020",
+            "provider": "Staketab",
+            "type": "grpc"
+        },
+        {
+            "address": "umee.grpc.kjnodes.com:16290",
+            "provider": "kjnodes",
+            "type": "grpc"
+        },
+        {
+            "address": "umee-grpc.w3coins.io:13690",
+            "provider": "w3coins",
+            "type": "grpc"
+        },
+        {
+            "address": "grpc-umee.mms.team:443",
+            "provider": "MMS",
+            "type": "grpc"
+        },
+        {
+            "address": "umee-grpc.stake-town.com:443",
+            "provider": "StakeTown",
+            "type": "grpc"
+        },
+        {
+            "address": "umee.grpc.stakevillage.net:11090",
+            "provider": "Stake Village",
+            "type": "grpc"
+        },
+        {
+            "address": "umee-grpc.noders.services:32090",
+            "provider": "[NODERS]TEAM",
+            "type": "grpc"
+        },
+        {
+            "address": "umee-grpc.chainroot.io:443",
+            "provider": "Chainroot",
+            "type": "grpc"
         }
     ],
     "sdk_version": "0.47.11",