diff --git a/components/base/MediaItem.vue b/components/base/MediaItem.vue
index 5635c3d07f..a601c5c68b 100644
--- a/components/base/MediaItem.vue
+++ b/components/base/MediaItem.vue
@@ -25,6 +25,7 @@
       :preview="preview"
       :autoplay="autoplay"
       :lazy-loading="lazyLoading"
+      :inner-class="innerClass"
     />
     <div
       v-if="isLewd && isLewdBlurredLayer"
@@ -101,6 +102,7 @@ const props = withDefaults(
     lazyLoading?: boolean
     enableNormalTag?: boolean
     sizes?: string
+    innerClass?: string
     imageComponent?:
       | string
       // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
diff --git a/components/collection/CollectionHeader/CollectionBanner.vue b/components/collection/CollectionHeader/CollectionBanner.vue
index 784faa99dd..9623f5cdc6 100644
--- a/components/collection/CollectionHeader/CollectionBanner.vue
+++ b/components/collection/CollectionHeader/CollectionBanner.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="collection-banner relative md:h-[560px] h-72 bg-no-repeat bg-cover bg-center border-b"
-    :style="{ backgroundImage: `url(${bannerImageUrl})` }"
+    :style="{ backgroundImage: `url(${collectionBanner})` }"
   >
     <div class="collection-banner-shadow absolute inset-0" />
 
@@ -55,14 +55,12 @@ const props = defineProps<{
 const route = useRoute()
 
 const collectionAvatar = ref('')
+const collectionBanner = ref('')
 const collectionName = ref('--')
 
-const bannerImageUrl = computed(
-  () => collectionAvatar.value && toOriginalContentUrl(collectionAvatar.value),
-)
-
 watch(() => props.collectionId, () => {
   collectionAvatar.value = ''
+  collectionBanner.value = ''
   collectionName.value = '--'
 })
 
@@ -70,10 +68,12 @@ watchEffect(async () => {
   const collection = props.collection
   const metadata = collection?.metadata
   const image = collection?.meta?.image
+  const banner = collection?.meta?.banner || image
   const name = collection?.name
 
-  if (image && name) {
+  if (image && name && banner) {
     collectionAvatar.value = sanitizeIpfsUrl(image)
+    collectionBanner.value = toOriginalContentUrl(sanitizeIpfsUrl(banner))
     collectionName.value = name
   }
   else {
@@ -81,12 +81,17 @@ watchEffect(async () => {
       metadata as string,
     )) as NFTMetadata
     const metaImage = sanitizeIpfsUrl(meta?.image)
+    const metaBanner = meta?.banner ? sanitizeIpfsUrl(meta?.banner) : metaImage
     const metaName = meta?.name
 
     if (metaName) {
       collectionName.value = metaName
     }
 
+    if (metaBanner) {
+      collectionBanner.value = toOriginalContentUrl(metaBanner)
+    }
+
     if (metaImage) {
       collectionAvatar.value = metaImage
     }
diff --git a/components/collection/drop/GenerativePreview.vue b/components/collection/drop/GenerativePreview.vue
index fa8ed892be..3c3ca8abcc 100644
--- a/components/collection/drop/GenerativePreview.vue
+++ b/components/collection/drop/GenerativePreview.vue
@@ -123,7 +123,7 @@ const { formatted: formattedPrice } = useAmount(
 )
 
 const emit = defineEmits(['generation:start', 'generation:end', 'mint'])
-const isUnlimited = computed(() => drop.value.max !== undefined && drop.value.max > Number.MAX_SAFE_INTEGER)
+const isUnlimited = computed(() => drop.value.max !== undefined && drop.value.max >= Number.MAX_SAFE_INTEGER)
 
 const { start: startTimer } = useTimeoutFn(() => {
   // quick fix: ensure that even if the completed event is not received, the loading state of the drop can be cleared
diff --git a/components/collection/utils/useCollectionDetails.ts b/components/collection/utils/useCollectionDetails.ts
index 4097513492..cf4f48b931 100644
--- a/components/collection/utils/useCollectionDetails.ts
+++ b/components/collection/utils/useCollectionDetails.ts
@@ -145,6 +145,7 @@ export const useCollectionMinimal = ({
 
       collection.value = collectionData
     },
+    { immediate: true },
   )
 
   watchEffect(async () => {
diff --git a/components/common/ConnectWallet/ConnectEvm.vue b/components/common/ConnectWallet/ConnectEvm.vue
index 56c42b124d..9efcf861a0 100644
--- a/components/common/ConnectWallet/ConnectEvm.vue
+++ b/components/common/ConnectWallet/ConnectEvm.vue
@@ -30,7 +30,6 @@ import { useAccount, useDisconnect, useConnections } from '@wagmi/vue'
 const emits = defineEmits(['select'])
 
 const { address, isConnected, isConnecting, chainId } = useAccount()
-const { urlPrefix, setUrlPrefix } = usePrefix()
 const { modal } = useWeb3Modal()
 const { disconnectAsync: disconnect } = useDisconnect()
 const connections = useConnections()
@@ -47,15 +46,12 @@ watch([address, isConnected, chainId], ([address, isConnected, chainId]) => {
   const chainPrefix = CHAIN_ID_TO_PREFIX?.[chainId ?? '']
 
   if (address && isConnected && chainId && chainPrefix) {
-    const isCorrectChainConnected = chainPrefix === urlPrefix.value
-
-    if (!isCorrectChainConnected) {
-      setUrlPrefix(chainPrefix)
-    }
-
     emits('select', {
-      address: address as string,
-      vm: 'EVM',
+      account: {
+        address: address as string,
+        vm: 'EVM',
+      },
+      prefix: chainPrefix,
     })
   }
 })
diff --git a/components/common/ConnectWallet/ConnectSubstrate.vue b/components/common/ConnectWallet/ConnectSubstrate.vue
index 1677f71674..65ff37e754 100644
--- a/components/common/ConnectWallet/ConnectSubstrate.vue
+++ b/components/common/ConnectWallet/ConnectSubstrate.vue
@@ -119,11 +119,13 @@ const installedWallet = computed(() => {
 const setAccount = (account: SubstrateWalletAccount) => {
   forceWalletSelect.value = false
   emits('select', {
-    address: account.address,
-    extension: account.source,
-    name: account.name,
-    vm: 'SUB',
-  } as WalletAccount)
+    account: {
+      address: account.address,
+      extension: account.source,
+      name: account.name,
+      vm: 'SUB',
+    } as WalletAccount,
+  })
 }
 
 const refreshWallets = () => {
diff --git a/components/common/ConnectWallet/ConnectWalletModal.vue b/components/common/ConnectWallet/ConnectWalletModal.vue
index 8297f59ab6..bb9cd9665f 100644
--- a/components/common/ConnectWallet/ConnectWalletModal.vue
+++ b/components/common/ConnectWallet/ConnectWalletModal.vue
@@ -50,9 +50,11 @@
 
 <script setup lang="ts">
 import { NeoModalHead } from '@kodadot1/brick'
-import { type ChainVM, DEFAULT_VM_PREFIX } from '@kodadot1/static'
+import { type ChainVM, type Prefix } from '@kodadot1/static'
+import { DEFAULT_VM_PREFIX } from '@kodadot1/static'
 import WalletAsset from '@/components/common/ConnectWallet/WalletAsset.vue'
 import { ModalCloseType } from '@/components/navbar/types'
+import { arePrefixesOfSameVm } from '@/utils/config/chain.config'
 
 const emit = defineEmits(['close', 'connect'])
 const props = defineProps<{ preselected?: ChainVM }>()
@@ -68,14 +70,15 @@ const selectedTab = ref<ChainVM>(props.preselected ?? 'SUB')
 
 const showAccount = computed(() => Boolean(account.value))
 
-const setAccount = (account: WalletAccount) => {
+const setAccount = ({ account, prefix }: { account: WalletAccount, prefix?: Prefix }) => {
+  prefix ??= DEFAULT_VM_PREFIX[account.vm]
+
   walletStore.setWallet(account)
   identityStore.setAuth({ address: account.address })
 
-  if (!isPrefixVmOf(urlPrefix.value, account.vm)) {
-    const newChain = DEFAULT_VM_PREFIX[account.vm]
-    setUrlPrefix(newChain)
-    redirectAfterChainChange(newChain)
+  if (!arePrefixesOfSameVm(prefix, urlPrefix.value)) {
+    setUrlPrefix(prefix)
+    redirectAfterChainChange(urlPrefix.value)
   }
 
   emit('connect', account)
diff --git a/components/common/Notification.vue b/components/common/Notification.vue
index 127540c4f7..39edd71e90 100644
--- a/components/common/Notification.vue
+++ b/components/common/Notification.vue
@@ -58,8 +58,6 @@ import {
   NeoMessage,
 } from '@kodadot1/brick'
 
-type NotificationAction = { label: string, url: string, icon?: string }
-
 const emit = defineEmits(['close'])
 const props = withDefaults(
   defineProps<{
diff --git a/components/common/autoTeleport/AutoTeleportActionButton.vue b/components/common/autoTeleport/AutoTeleportActionButton.vue
index 828ed56b40..c92c46ca9b 100644
--- a/components/common/autoTeleport/AutoTeleportActionButton.vue
+++ b/components/common/autoTeleport/AutoTeleportActionButton.vue
@@ -62,6 +62,7 @@
         :disabled="isDisabled"
         :loading="loading"
         :loading-with-label="loading"
+        with-shortcut
         class="flex flex-grow btn-height capitalize"
         @click="handleSubmit"
       />
diff --git a/components/common/itemTransfer/ItemTransferModal.vue b/components/common/itemTransfer/ItemTransferModal.vue
index caf0bd1381..ff3fdbad16 100644
--- a/components/common/itemTransfer/ItemTransferModal.vue
+++ b/components/common/itemTransfer/ItemTransferModal.vue
@@ -1,62 +1,41 @@
 <template>
   <div>
     <SigningModal
-      :title="$t('transaction.transferingNft')"
+      v-if="!autoTeleport"
+      :title="$t('transaction.transferingNft', items.length)"
       :is-loading="isLoading"
       :status="status"
-      @try-again="transfer"
+      close-at-signed
+      @try-again="itemTransfer"
     />
 
     <NeoModal
       :value="isModalActive"
+      append-to-body
       @close="onClose"
     >
-      <div class="lg:w-[25rem]">
-        <header
-          class="border-b border-grey flex items-center justify-between px-6"
-        >
-          <p class="py-5 text-base font-bold">
-            {{ $t('transaction.transferNft') }}
-          </p>
-
-          <NeoButton
-            variant="text"
-            no-shadow
-            icon="xmark"
-            size="medium"
-            class="cross"
-            @click="onClose"
-          />
-        </header>
-
-        <div class="px-6 pt-4 pb-5">
+      <ModalBody
+        modal-max-height="100vh"
+        :title="$t('transaction.transferNft', items.length)"
+        content-class="!py-4 !px-8"
+        :scrollable="false"
+        :loading="loading"
+        @close="onClose"
+      >
+        <div>
           <ModalIdentityItem />
 
-          <div class="mt-4 flex">
-            <div>
-              <BasicImage
-                :src="avatar"
-                :alt="nft?.name"
-                class="border image is-48x48"
-              />
-            </div>
-
-            <div
-              class="flex flex-col justify-between ml-4 limit-width w-full is-clipped"
-            >
-              <div
-                class="font-bold text-text-color line-height-1 whitespace-nowrap is-ellipsis"
-              >
-                {{ nft.name }}
-              </div>
-              <div class="line-height-1 whitespace-nowrap is-ellipsis">
-                {{ nft.collection?.name || nft.collection.id }}
-              </div>
-            </div>
-
-            <div class="ml-4 flex items-end whitespace-nowrap">
-              {{ nftPrice }}
-            </div>
+          <div>
+            <ItemTransferSingleItem
+              v-if="items.length === 1"
+              class="!mt-4"
+              :item="nft"
+            />
+            <ItemTransferMultipleItems
+              v-else
+              class="!mt-8"
+              :items="items"
+            />
           </div>
 
           <hr class="my-4">
@@ -76,21 +55,27 @@
           />
         </div>
 
-        <div class="px-6 pb-4 flex flex-col">
+        <div class="pt-12 flex flex-col">
           <div class="flex text-k-grey justify-between items-center mb-4">
             <span class="text-xs capitalize">{{
               $t('transfers.networkFee')
             }}</span>
-            <span class="text-xs">{{ formattedTxFee }}</span>
+            <span class="text-xs">{{ formattedTxFees }}</span>
           </div>
 
-          <NeoButton
+          <AutoTeleportActionButton
+            ref="autoTeleportButton"
+            :fees="{ forceActionAutoFees: true }"
+            :actions="actions"
             :disabled="isDisabled"
             :label="transferItemLabel"
             variant="primary"
             no-shadow
-            class="flex flex-grow py-5 capitalize btn-height"
-            @click="transfer"
+            with-shortcut
+            early-success
+            auto-close-modal
+            :auto-close-modal-delay-modal="0"
+            @confirm="handleTransfer"
           />
 
           <div class="mt-3 flex justify-between text-k-grey">
@@ -105,63 +90,75 @@
             </p>
           </div>
         </div>
-      </div>
+      </ModalBody>
     </NeoModal>
   </div>
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoModal } from '@kodadot1/brick'
+import { NeoIcon, NeoModal } from '@kodadot1/brick'
 import { Interaction } from '@kodadot1/minimark/v1'
+import ModalBody from '@/components/shared/modals/ModalBody.vue'
 import { toSubstrateAddress } from '@/services/profile'
 import ModalIdentityItem from '@/components/shared/ModalIdentityItem.vue'
-import type { NFT } from '@/types'
-import BasicImage from '@/components/shared/view/BasicImage.vue'
-import { parseNftAvatar } from '@/utils/nft'
 import AddressInput from '@/components/shared/AddressInput.vue'
-import formatBalance from '@/utils/format/balance'
-import type { Abi, Actions } from '@/composables/transaction/types'
+import type { Actions } from '@/composables/transaction/types'
 import { hasOperationsDisabled } from '@/utils/prefix'
+import useAutoTeleportActionButton from '@/composables/autoTeleport/useAutoTeleportActionButton'
+import type { AutoTeleportAction } from '@/composables/autoTeleport/types'
+import type { AutoTeleportActionButtonConfirmEvent } from '@/components/common/autoTeleport/AutoTeleportActionButton.vue'
 
-const emit = defineEmits(['close'])
-const props = defineProps<{
-  nft: NFT
-  abi?: Abi | null
-  value: boolean
-}>()
-
+const preferencesStore = usePreferencesStore()
+const listingCartStore = useListingCartStore()
 const { $i18n } = useNuxtApp()
-const route = useRoute()
-const { transaction, status, isLoading } = useTransaction()
+const { transaction, status, isLoading, isError, blockNumber, clear: clearTransaction, txHash } = useTransaction()
+const { notification, lastSessionId, updateSession } = useLoadingNotfication()
+const { getTransactionUrl } = useExplorer()
 const { urlPrefix } = usePrefix()
-const { decimals, chainSymbol } = useChain()
 const { accountId } = useAuth()
-const { getTransactionFee } = useFees()
 
-const txFee = ref<number>(0)
-const isModalActive = useVModel(props, 'value')
-const avatar = ref<string>()
 const address = ref('')
 const isAddressValid = ref(false)
+const items = ref<ListCartItem[]>([])
+
+const nft = computed(() => items.value[0])
 
-const action = computed<Actions>(() => ({
+const abi = useCollectionAbi(computed(() => nft.value?.collection.id))
+
+const getAction = (): Actions => ({
   interaction: Interaction.SEND,
   urlPrefix: urlPrefix.value,
   address: address.value,
-  tokenId: route.params.id.toString(),
-  nftId: props.nft.id,
-  nftSn: props.nft.sn,
-  abi: props.abi,
-  collectionId: props.nft.collection.id,
+  abi: abi.value,
+  nfts: items.value.map(item => ({
+    id: item.id,
+    sn: item.sn,
+    collectionId: item.collection.id,
+  })),
   successMessage: $i18n.t('transaction.item.success') as string,
   errorMessage: $i18n.t('transaction.item.error') as string,
-}))
+})
 
-const { formatted: formattedTxFee } = useAmount(
-  computed(() => txFee.value),
-  decimals,
-  chainSymbol,
-)
+const { action, autoTeleport, autoTeleportButton, autoTeleportLoaded, formattedTxFees } = useAutoTeleportActionButton({
+  getActionFn: getAction,
+})
+
+const actions = computed<AutoTeleportAction[]>(() => isModalActive.value
+  ? [
+      {
+        action: action.value,
+        transaction,
+        details: {
+          isLoading: isLoading.value,
+          status: status.value,
+          isError: isError.value,
+          blockNumber: blockNumber.value,
+        },
+      },
+    ]
+  : [])
+
+const isModalActive = computed(() => preferencesStore.itemTransferCartModalOpen)
 
 const transferItemLabel = computed(() => {
   if (!address.value) {
@@ -180,6 +177,11 @@ const isYourAddress = computed(
   () => accountId.value === getChainAddress(address.value),
 )
 
+const loading = computed(() => (
+  !autoTeleportLoaded.value
+  || (isEvm(urlPrefix.value) ? !abi.value : false)
+))
+
 const isDisabled = computed(
   () =>
     hasOperationsDisabled(urlPrefix.value)
@@ -188,20 +190,21 @@ const isDisabled = computed(
     || isYourAddress.value,
 )
 
-const nftPrice = computed(() =>
-  Number(props.nft.price)
-    ? formatBalance(Number(props.nft.price), decimals.value, chainSymbol.value)
-    : '--',
-)
+const reset = () => {
+  address.value = ''
+  isAddressValid.value = false
+}
 
-const getAvatar = async () => {
-  if (props.nft) {
-    avatar.value = await parseNftAvatar(props.nft)
-  }
+const closeModal = () => {
+  preferencesStore.itemTransferCartModalOpen = false
+  onModalAnimation(() => {
+    listingCartStore.clearListedItems()
+    reset()
+  })
 }
 
 const onClose = () => {
-  emit('close')
+  closeModal()
 }
 
 const handleAddressCheck = (isValid: boolean) => {
@@ -217,31 +220,65 @@ const getChainAddress = (value: string) => {
   }
 }
 
-const getTransferFee = async () => {
-  return getTransactionFee({ action: action.value, prefix: urlPrefix.value })
-    .then(fee => txFee.value = fee)
-    .catch(() => txFee.value = 0)
+const itemTransfer = async () => {
+  try {
+    await transaction(action.value)
+  }
+  catch (error) {
+    warningMessage(error)
+  }
 }
 
-const transfer = () => {
-  transaction(action.value)
-  emit('close')
-}
+const handleTransfer = async ({ autoteleport }: AutoTeleportActionButtonConfirmEvent) => {
+  try {
+    clearTransaction()
 
-onMounted(() => {
-  getAvatar()
-  getTransferFee()
-})
-</script>
+    autoTeleport.value = autoteleport
 
-<style lang="scss" scoped>
-@import '@/assets/styles/abstracts/variables';
+    if (!autoteleport) {
+      await itemTransfer()
+    }
 
-.btn-height {
-  height: 3.5rem;
+    closeModal()
+  }
+  catch (error) {
+    warningMessage(error)
+  }
 }
 
-.limit-width {
-  max-width: 100%;
-}
-</style>
+useTransactionNotification({
+  status,
+  isError,
+  sessionId: lastSessionId,
+  autoTeleport,
+  updateSession,
+  init: () => {
+    return notification(({ isSessionState, notify, session }) => {
+      return notify({
+        title: ref($i18n.t('transaction.transferingNft', items.value.length)),
+        state: computed(() => session?.value.state as LoadingNotificationState),
+        action: computed<NotificationAction | undefined>(() => {
+          return isSessionState('succeeded')
+            ? ({
+                label: $i18n.t('helper.viewTx'),
+                icon: 'arrow-up-right',
+                url: getTransactionUrl(txHash.value || '', urlPrefix.value) || '',
+              })
+            : undefined
+        }),
+        showIndexerDelayMessage: true,
+      })
+    })
+  },
+})
+
+useModalIsOpenTracker({
+  isOpen: isModalActive,
+  onClose: false,
+  onChange: () => {
+    items.value = [...listingCartStore.itemsInChain]
+  },
+})
+
+onBeforeMount(closeModal)
+</script>
diff --git a/components/common/itemTransfer/ItemTransferMultipleItems.vue b/components/common/itemTransfer/ItemTransferMultipleItems.vue
new file mode 100644
index 0000000000..214382f238
--- /dev/null
+++ b/components/common/itemTransfer/ItemTransferMultipleItems.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <MultiItemMedia
+      :items="items"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { ItemMedia } from '@/components/common/successfulModal/SuccessfulItemsMedia.vue'
+
+const props = defineProps<{
+  items: ListCartItem[]
+}>()
+
+const items = computed<ItemMedia[]>(() =>
+  props.items.map(item => ({
+    id: item.id,
+    image: item.meta?.image as string,
+    name: item.name,
+    collection: item.collection.id,
+    collectionName: item.collection.name,
+  }) as ItemMedia),
+)
+</script>
diff --git a/components/common/itemTransfer/ItemTransferSingleItem.vue b/components/common/itemTransfer/ItemTransferSingleItem.vue
new file mode 100644
index 0000000000..e1ed58b3c6
--- /dev/null
+++ b/components/common/itemTransfer/ItemTransferSingleItem.vue
@@ -0,0 +1,19 @@
+<template>
+  <CartItemDetails :nft="item">
+    <template #right>
+      <div class="flex items-end">
+        {{ nftPrice }}
+      </div>
+    </template>
+  </CartItemDetails>
+</template>
+
+<script lang="ts" setup>
+const props = defineProps<{
+  item: ListCartItem
+}>()
+
+const { decimals, chainSymbol } = useChain()
+const { formatted } = useAmount(computed(() => props.item.price), decimals, chainSymbol)
+const nftPrice = computed(() => Number(props.item.price) ? formatted.value : '--')
+</script>
diff --git a/components/common/listingCart/ListingCartMini.vue b/components/common/listingCart/ListingCartMini.vue
index 12c0216764..4b72e249b1 100644
--- a/components/common/listingCart/ListingCartMini.vue
+++ b/components/common/listingCart/ListingCartMini.vue
@@ -6,7 +6,7 @@
     >
       <div class="inline-flex items-center">
         <div
-          class="k-shadow bg-background-color border flex items-center h-13 px-6"
+          class="k-shadow bg-background-color border flex items-center !py-[0.875rem] px-6 gap-8"
         >
           <div class="inline-flex items-center">
             <div>
@@ -16,7 +16,7 @@
             <div class="mx-4" />
             <NeoButton
               :disabled="!listingCartStore.count"
-              class="text-k-grey selection-button"
+              class="!text-k-grey selection-button"
               variant="text"
               no-shadow
               @click="listingCartStore.clearListedItems"
@@ -26,34 +26,64 @@
             <div class="mx-4 divider bg-k-grey" />
             <NeoButton
               variant="text"
-              class="text-k-grey selection-button"
+              class="!text-k-grey selection-button"
               no-shadow
               @click="listingCartStore.addAllToCart"
             >
               {{ $t('listingCart.selectAll') }}
             </NeoButton>
           </div>
+
+          <div class="flex gap-4">
+            <NeoTooltip
+              class="cursor-pointer"
+              position="top"
+              :active="isItemTransferDisabled"
+              :label="$t('toast.unsupportedOperation')"
+            >
+              <NeoButton
+                variant="outlined-rounded"
+                icon="paper-plane-top"
+                :disabled="isItemTransferDisabled"
+                @click="preferencesStore.itemTransferCartModalOpen = true"
+              >
+                {{ $t('transfer') }}
+              </NeoButton>
+            </NeoTooltip>
+
+            <NeoTooltip
+              class="cursor-pointer"
+              position="top"
+              :active="isListingDisabled"
+              :label="$t('toast.unsupportedOperation')"
+            >
+              <NeoButton
+                variant="primary-rounded"
+                :disabled="isListingDisabled"
+                @click="preferencesStore.listingCartModalOpen = true"
+              >
+                {{ $t('listingCart.listItem', listingCartStore.count) }}
+              </NeoButton>
+            </NeoTooltip>
+          </div>
         </div>
-        <NeoButton
-          class="border-l-0 px-7"
-          variant="primary"
-          size="large"
-          @click="preferencesStore.listingCartModalOpen = true"
-        >
-          {{ $t('listingCart.listItem', listingCartStore.count) }}
-        </NeoButton>
       </div>
     </div>
   </transition>
 </template>
 
 <script setup lang="ts">
-import { NeoButton } from '@kodadot1/brick'
+import { NeoButton, NeoTooltip } from '@kodadot1/brick'
 import { useListingCartStore } from '@/stores/listingCart'
 import { usePreferencesStore } from '@/stores/preferences'
+import { listVisible } from '@/utils/config/permission.config'
 
 const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
+const { urlPrefix } = usePrefix()
+
+const isItemTransferDisabled = computed(() => isSub(urlPrefix.value) ? false : listingCartStore.count > 1)
+const isListingDisabled = computed(() => !listVisible(urlPrefix.value))
 
 onBeforeUnmount(() => {
   listingCartStore.clear()
diff --git a/components/common/listingCart/ListingCartModal.vue b/components/common/listingCart/ListingCartModal.vue
index 4b61ae8490..6468a9ad44 100644
--- a/components/common/listingCart/ListingCartModal.vue
+++ b/components/common/listingCart/ListingCartModal.vue
@@ -70,7 +70,7 @@
             class="flex justify-between text-k-grey pb-4 mt-3 border-b-k-shade"
           >
             <span>{{ $t('listingCart.listingFees') }}</span>
-            <span class="ml-2">{{ teleportTransitionTxFees }}</span>
+            <span class="ml-2">{{ formattedTxFees }}</span>
           </div>
         </div>
 
@@ -103,7 +103,7 @@ import { usePreferencesStore } from '@/stores/preferences'
 import type { TokenToList, Actions } from '@/composables/transaction/types'
 import type { ListCartItem } from '@/stores/listingCart'
 import { useListingCartStore } from '@/stores/listingCart'
-import format, { calculateBalance } from '@/utils/format/balance'
+import { calculateBalance } from '@/utils/format/balance'
 import { warningMessage } from '@/utils/notification'
 import { useFiatStore } from '@/stores/fiat'
 import { calculateExactUsdFromToken } from '@/utils/calculation'
@@ -147,14 +147,6 @@ const items = ref<ListCartItem[]>([])
 
 const isSuccessModalOpen = ref(false)
 
-const teleportTransitionTxFees = computed(() =>
-  format(
-    autoTeleportButton.value?.optimalTransition.txFees || 0,
-    decimals.value,
-    chainSymbol.value,
-  ),
-)
-
 function setFixedPrice() {
   const rate = Number(fixedPrice.value) || 0
 
@@ -186,7 +178,7 @@ const getAction = (items: ListCartItem[]): Actions => {
   }
 }
 
-const { action, autoTeleport, autoTeleportButton, autoTeleportLoaded } = useAutoTeleportActionButton({
+const { action, autoTeleport, autoTeleportButton, autoTeleportLoaded, formattedTxFees } = useAutoTeleportActionButton({
   getActionFn: () => getAction(listingCartStore.itemsInChain),
 })
 
diff --git a/components/common/successfulModal/MultiItemMedia.vue b/components/common/successfulModal/MultiItemMedia.vue
index 44a5255647..958f83a6fc 100644
--- a/components/common/successfulModal/MultiItemMedia.vue
+++ b/components/common/successfulModal/MultiItemMedia.vue
@@ -54,7 +54,10 @@
     }}</a>
   </div>
 
-  <div class="mt-5 border-b-k-shade">
+  <div
+    v-if="header"
+    class="mt-5 border-b-k-shade"
+  >
     <p class="is-size-6 capitalize font-bold text-center">
       {{ header }}
     </p>
@@ -68,7 +71,7 @@ const COLLAPSED_ITEMS_COUNT = 5
 
 const props = defineProps<{
   items: ItemMedia[]
-  header: string
+  header?: string
   showPrice?: boolean
 }>()
 
diff --git a/components/drops/BasicDropCard.vue b/components/drops/BasicDropCard.vue
index 709ce49b3c..ac5ca448de 100644
--- a/components/drops/BasicDropCard.vue
+++ b/components/drops/BasicDropCard.vue
@@ -136,7 +136,7 @@ const props = withDefaults(
 )
 
 const { placeholder } = useTheme()
-const isUnlimited = computed(() => props.dropMax > Number.MAX_SAFE_INTEGER)
+const isUnlimited = computed(() => props.dropMax >= Number.MAX_SAFE_INTEGER)
 
 const chainPropList = chainPropListOf(props.dropPrefix)
 const { usd: formattedPrice } = useAmount(
diff --git a/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemOffer.vue b/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemOffer.vue
index dd064aa7c8..022a6794f2 100644
--- a/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemOffer.vue
+++ b/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemOffer.vue
@@ -27,6 +27,7 @@ import { useMakingOfferStore } from '@/stores/makeOffer'
 import MakeOffer from '@/components/offer/MakeOffer.vue'
 import GalleryItemPriceSection from '@/components/gallery/GalleryItemAction/GalleryItemActionSection.vue'
 import type { NFTOffer } from '@/composables/useNft'
+import { doAfterCheckCurrentChainVM } from '@/components/common/ConnectWallet/openReconnectWalletModal'
 
 const props = defineProps<{
   nft: NFT
@@ -36,7 +37,7 @@ const props = defineProps<{
 const preferencesStore = usePreferencesStore()
 const makeOfferStore = useMakingOfferStore()
 const { doAfterLogin } = useDoAfterlogin()
-const { isCurrentOwner } = useAuth()
+const { isCurrentOwner, isLogIn } = useAuth()
 const isOwner = computed(() => isCurrentOwner(props.nft?.currentOwner))
 
 const highestOfferPrice = computed(() => props.highestOffer?.price || '')
@@ -50,13 +51,18 @@ const openOfferModal = () => {
 }
 
 const onMakeOfferClick = () => {
-  doAfterLogin({
-    onLoginSuccess: () => {
-      if (!isOwner.value) {
-        openOfferModal()
-      }
-    },
-  })
+  const cb = () => {
+    if (!isOwner.value) {
+      openOfferModal()
+    }
+  }
+
+  if (isLogIn.value) {
+    doAfterCheckCurrentChainVM(cb)
+  }
+  else {
+    doAfterLogin({ onLoginSuccess: cb })
+  }
 }
 
 useModalIsOpenTracker({
diff --git a/components/gallery/GalleryItemButton/GalleryItemMoreActionBtn.vue b/components/gallery/GalleryItemButton/GalleryItemMoreActionBtn.vue
index 75bb935739..4304e0f845 100644
--- a/components/gallery/GalleryItemButton/GalleryItemMoreActionBtn.vue
+++ b/components/gallery/GalleryItemButton/GalleryItemMoreActionBtn.vue
@@ -7,13 +7,7 @@
       @try-again="burn"
     />
 
-    <ItemTransferModal
-      v-if="nft && isOwner"
-      :value="isTransferModalActive"
-      :nft="nft"
-      :abi="abi"
-      @close="isTransferModalActive = false"
-    />
+    <ItemTransferModal v-if="canTransfer" />
 
     <NeoDropdown
       position="bottom-left"
@@ -39,6 +33,7 @@
         v-if="isOwner && !hasOperationsDisabled(urlPrefix)"
       >
         <NeoDropdownItem
+          v-if="canTransfer"
           @click="transfer"
         >
           Transfer NFT
@@ -67,6 +62,7 @@
 <script setup lang="ts">
 import { NeoButton, NeoDropdown, NeoDropdownItem } from '@kodadot1/brick'
 import { Interaction } from '@kodadot1/minimark/v1'
+import { useQuery } from '@tanstack/vue-query'
 import { downloadImage } from '@/utils/download'
 import { sanitizeIpfsUrl, toOriginalContentUrl } from '@/utils/ipfs'
 import { isMobileDevice } from '@/utils/extension'
@@ -80,6 +76,8 @@ const { $i18n, $consola } = useNuxtApp()
 const { toast } = useToast()
 const { accountId } = useAuth()
 const { transaction, isLoading, status } = useTransaction()
+const { listNftByNftWithMetadata } = useListingCartModal()
+const preferencesStore = usePreferencesStore()
 const { urlPrefix } = usePrefix()
 const route = useRoute()
 
@@ -92,9 +90,24 @@ const props = defineProps<{
 }>()
 
 const action = ref('')
-const isTransferModalActive = ref(false)
 
 const isOwner = computed(() => accountId.value === props.nft?.currentOwner)
+const nftId = computed(() => props.nft?.id || '')
+
+const { data } = useQuery({
+  queryKey: ['nft-with-metadata', nftId],
+  queryFn: async () =>
+    nftId.value && canTransfer.value
+      ? (await useAsyncGraphql({
+          query: 'nftEntitiesByIDs',
+          variables: { ids: [nftId.value] },
+        })).data.value
+      : null,
+})
+
+const nftWithMetadata = computed<NFTWithMetadata>(() => data.value?.nftEntities?.[0])
+const canTransfer = computed(() => props.nft && isOwner.value)
+
 const signingModalTitle = computed(() => {
   return (
     {
@@ -181,6 +194,9 @@ const refreshMetadata = async () => {
 }
 
 const transfer = () => {
-  isTransferModalActive.value = true
+  if (nftWithMetadata.value) {
+    listNftByNftWithMetadata(nftWithMetadata.value)
+    preferencesStore.itemTransferCartModalOpen = true
+  }
 }
 </script>
diff --git a/components/items/ItemsGrid/ItemsGridImage.vue b/components/items/ItemsGrid/ItemsGridImage.vue
index cb5e8498db..23c229c9f8 100644
--- a/components/items/ItemsGrid/ItemsGridImage.vue
+++ b/components/items/ItemsGrid/ItemsGridImage.vue
@@ -56,7 +56,7 @@
         </NeoButton>
       </div>
       <div
-        v-else-if="isOwner && listVisible(urlPrefix) && !hideListing"
+        v-else-if="isOwner && !hideListing"
         class="flex"
       >
         <NeoButton
@@ -80,16 +80,12 @@
 // PLEASE FIX bind-key href => to
 import { resolveComponent } from 'vue'
 import { NeoButton, NeoIcon } from '@kodadot1/brick'
-import { listVisible } from '@/utils/config/permission.config'
 import type { NftCardVariant } from '@/components/shared/nftCard/types'
 import type { NFTWithMetadata } from '@/composables/useNft'
 import { useShoppingCartStore } from '@/stores/shoppingCart'
 import { useListingCartStore } from '@/stores/listingCart'
 import { usePreferencesStore } from '@/stores/preferences'
-import {
-  nftToListingCartItem,
-  nftToShoppingCartItem,
-} from '@/components/common/shoppingCart/utils'
+import { nftToShoppingCartItem } from '@/components/common/shoppingCart/utils'
 
 const { placeholder } = useTheme()
 const { isLogIn, isCurrentOwner } = useAuth()
@@ -98,6 +94,7 @@ const { doAfterLogin } = useDoAfterlogin()
 const shoppingCartStore = useShoppingCartStore()
 const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
+const { listNftByNftWithMetadata } = useListingCartModal()
 const { $i18n } = useNuxtApp()
 const NuxtLink = resolveComponent('NuxtLink')
 
@@ -128,12 +125,7 @@ const buyLabel = computed(function () {
   )
 })
 
-const listLabel = computed(() => {
-  const label = Number(props.nft.price)
-    ? $i18n.t('transaction.price.change')
-    : $i18n.t('listingCart.listForSale')
-  return label + (listingCartStore.isItemInCart(props.nft.id) ? ' ✓' : '')
-})
+const listLabel = computed(() => listingCartStore.isItemInCart(props.nft.id) ? $i18n.t('remove') : $i18n.t('select'))
 
 const isOwner = computed(() => isCurrentOwner(props.nft?.currentOwner))
 
@@ -164,13 +156,7 @@ const onClickShoppingCart = () => {
   }
 }
 const onClickListingCart = () => {
-  if (listingCartStore.isItemInCart(props.nft.id)) {
-    listingCartStore.removeItem(props.nft.id)
-  }
-  else {
-    const floorPrice = props.nft.collection.floorPrice[0]?.price || '0'
-    listingCartStore.setItem(nftToListingCartItem(props.nft, floorPrice))
-  }
+  listNftByNftWithMetadata(props.nft, { toggle: true })
 }
 </script>
 
diff --git a/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue b/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
index 0b2a680569..922c92a68b 100644
--- a/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
+++ b/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
@@ -70,7 +70,7 @@
           />
         </template>
 
-        <template v-else-if="listVisible(urlPrefix)">
+        <template v-else>
           <NeoButton
             :label="listLabel"
             data-testid="item-buy"
@@ -99,11 +99,7 @@ import type { TokenEntity } from '@/composables/useNft'
 import { useShoppingCartStore } from '@/stores/shoppingCart'
 import { useListingCartStore } from '@/stores/listingCart'
 import { usePreferencesStore } from '@/stores/preferences'
-import { listVisible } from '@/utils/config/permission.config'
-import {
-  nftToListingCartItem,
-  nftToShoppingCartItem,
-} from '@/components/common/shoppingCart/utils'
+import { nftToShoppingCartItem } from '@/components/common/shoppingCart/utils'
 import { tokenIdToRoute } from '@/components/unique/utils'
 import { fetchOdaToken } from '@/services/oda'
 
@@ -114,6 +110,7 @@ const { doAfterLogin } = useDoAfterlogin()
 const shoppingCartStore = useShoppingCartStore()
 const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
+const { listNftByNftWithMetadata } = useListingCartModal()
 const { $i18n } = useNuxtApp()
 const NuxtLink = resolveComponent('NuxtLink')
 
@@ -166,18 +163,7 @@ const buyLabel = computed(function () {
   )
 })
 
-const listLabel = computed(() => {
-  const isPriceAvailable = Number(nftForShoppingCart.value?.price)
-  const shouldListForSale
-    = (isStack.value && isThereAnythingToList.value) || !isPriceAvailable
-  const isInCart = listingCartStore.isItemInCart(props.entity.id)
-
-  const label = shouldListForSale
-    ? $i18n.t('listingCart.listForSale')
-    : $i18n.t('transaction.price.change')
-
-  return isInCart ? label + ' ✓' : label
-})
+const listLabel = computed(() => listingCartStore.isItemInCart(props.entity.id) ? $i18n.t('remove') : $i18n.t('select'))
 
 const openCompletePurcahseModal = () => {
   preferencesStore.setCompletePurchaseModal({
@@ -214,15 +200,8 @@ const onClickShoppingCart = async () => {
 const onClickListingCart = async () => {
   const nftsToProcess = await getTokensNfts([props.entity])
 
-  const floorPrice = nftsToProcess[0].collection.floorPrice[0]?.price || '0'
-
   for (const nft of nftsToProcess) {
-    if (listingCartStore.isItemInCart(nft.id)) {
-      listingCartStore.removeItem(nft.id)
-    }
-    else {
-      listingCartStore.setItem(nftToListingCartItem(nft, floorPrice))
-    }
+    listNftByNftWithMetadata(nft, { toggle: true })
   }
 }
 
diff --git a/components/offer/MakeOffer.vue b/components/offer/MakeOffer.vue
index 23fd867e34..c1bf5a053f 100644
--- a/components/offer/MakeOffer.vue
+++ b/components/offer/MakeOffer.vue
@@ -76,7 +76,6 @@ import MakingOfferSingleItem from '@/components/offer/MakingOfferSingleItem.vue'
 import { offerVisible } from '@/utils/config/permission.config'
 import useAutoTeleportActionButton from '@/composables/autoTeleport/useAutoTeleportActionButton'
 import { sum } from '@/utils/math'
-import type { NotificationAction } from '@/utils/notification'
 import { OFFER_MINT_PRICE } from '@/composables/transaction/transactionOffer'
 
 const { urlPrefix } = usePrefix()
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
index afe41b9d41..b4734375e7 100644
--- a/components/profile/ProfileDetail.vue
+++ b/components/profile/ProfileDetail.vue
@@ -31,6 +31,7 @@
             :image-component="NuxtImg"
             :title="'User Avatar'"
             class="md:w-[124px] md:h-[124px] h-[78px] w-[78px] object-cover rounded-full"
+            inner-class="object-cover"
           />
           <div
             v-else
diff --git a/components/shared/AddressChecker.vue b/components/shared/AddressChecker.vue
index 9757ba8ab4..475aebfb2c 100644
--- a/components/shared/AddressChecker.vue
+++ b/components/shared/AddressChecker.vue
@@ -42,7 +42,7 @@
         v-if="isWrongNetworkAddress"
         #footer
       >
-        <div class="flex items-center">
+        <div class="flex flex-wrap items-center gap-2">
           <NeoButton
             no-shadow
             rounded
@@ -60,7 +60,7 @@
           <a
             v-safe-href="`https://www.youtube.com/watch?v=3gPvGym8H7I`"
             target="_blank"
-            class="ml-2 text-xs is-blue"
+            class="text-xs is-blue"
           >
             {{ $t('helper.learnMore') }}
           </a>
@@ -95,7 +95,7 @@ type AddressCheck = {
   value?: string
 }
 
-const CHAINS_ADDRESS_CHECKS: Prefix[] = ['rmrk', 'ksm', 'dot']
+const CHAINS_ADDRESS_CHECKS: Prefix[] = ['ksm', 'dot']
 
 const emit = defineEmits(['check', 'change'])
 const props = defineProps<{
@@ -154,7 +154,11 @@ const getSubstrateAddressCheck = (value: string): AddressCheck => {
   )
 
   if (isValidGeneric) {
-    return { valid: true }
+    return {
+      valid: false,
+      type: AddressType.WRONG_NETWORK_ADDRESS,
+      value: $i18n.t('generic'),
+    }
   }
 
   const [validAddressesChain] = CHAINS_ADDRESS_CHECKS.filter(chain =>
diff --git a/components/shared/ProfileAvatar.vue b/components/shared/ProfileAvatar.vue
index 2817001ec7..e1cf15803f 100644
--- a/components/shared/ProfileAvatar.vue
+++ b/components/shared/ProfileAvatar.vue
@@ -14,6 +14,7 @@
       :sizes="`${size}px`"
       title="User Avatar"
       class="object-cover overflow-hidden rounded-full h-full w-full !shadow-none"
+      inner-class="object-cover"
     />
   </div>
   <Avatar
diff --git a/components/teleport/Teleport.vue b/components/teleport/Teleport.vue
index 1472ba3556..ea290c1681 100644
--- a/components/teleport/Teleport.vue
+++ b/components/teleport/Teleport.vue
@@ -372,9 +372,9 @@ const isDisabled = (chain: Chain) => {
 
 const fromNetworks = [
   {
-    label: getChainName('rmrk'),
+    label: getChainName('ksm'),
     value: Chain.KUSAMA,
-    icon: chainIcons.rmrk,
+    icon: chainIcons.ksm,
   },
   {
     label: getChainName('ahk'),
@@ -394,10 +394,10 @@ const fromNetworks = [
 ]
 const toNetworks = [
   {
-    label: getChainName('rmrk'),
+    label: getChainName('ksm'),
     value: Chain.KUSAMA,
     disabled: computed(() => isDisabled(Chain.KUSAMA)),
-    icon: chainIcons.rmrk,
+    icon: chainIcons.ksm,
   },
   {
     label: getChainName('ahk'),
diff --git a/components/transfer/TransferConfirmModal.vue b/components/transfer/TransferConfirmModal.vue
index 5cb7338c76..ed4d199814 100644
--- a/components/transfer/TransferConfirmModal.vue
+++ b/components/transfer/TransferConfirmModal.vue
@@ -149,6 +149,7 @@
         :label="$t('teleport.send')"
         variant="primary"
         no-shadow
+        with-shortcut
         class="fixed-button-height flex flex-1"
         @click="confirmTransfer"
       />
@@ -188,8 +189,7 @@ const confirmTransfer = () => {
 const { accountId } = useAuth()
 
 const network = computed(
-  // naming: rmrk2 -> kusama
-  () => NAMES[urlPrefix.value === 'ksm' ? 'rmrk' : urlPrefix.value],
+  () => NAMES[urlPrefix.value],
 )
 const isExpandList = ref(false)
 
diff --git a/composables/autoTeleport/useAutoTeleportActionButton.ts b/composables/autoTeleport/useAutoTeleportActionButton.ts
index 1b3a0603e1..e3201fcd5a 100644
--- a/composables/autoTeleport/useAutoTeleportActionButton.ts
+++ b/composables/autoTeleport/useAutoTeleportActionButton.ts
@@ -3,11 +3,16 @@ import type { Actions } from '@/composables/transaction/types'
 export default ({
   getActionFn,
 }) => {
+  const { decimals, chainSymbol } = useChain()
+
   const autoTeleport = ref(false)
   const autoTeleportButton = ref()
   const autoTeleportLoaded = ref(false)
   const action = ref<Actions>(emptyObject<Actions>())
 
+  const txFees = computed(() => autoTeleportButton.value?.optimalTransition.txFees || 0)
+  const { formatted: formattedTxFees } = useAmount(txFees, decimals, chainSymbol)
+
   watch(
     () => autoTeleportButton.value?.isReady,
     () => {
@@ -28,5 +33,7 @@ export default ({
     autoTeleport,
     autoTeleportButton,
     autoTeleportLoaded,
+    txFees,
+    formattedTxFees,
   }
 }
diff --git a/composables/drop/massmint/useDropMassMintListing.ts b/composables/drop/massmint/useDropMassMintListing.ts
index a5f4359914..5d189d4ce8 100644
--- a/composables/drop/massmint/useDropMassMintListing.ts
+++ b/composables/drop/massmint/useDropMassMintListing.ts
@@ -40,7 +40,7 @@ export default () => {
           name: mintingSessionNFT?.name || withMetadataNFT.name,
         },
         {
-          image: mintingSessionNFT?.image as string,
+          mediaUrl: { image: mintingSessionNFT?.image as string },
         },
       )
     })
diff --git a/composables/transaction/transactionSend.ts b/composables/transaction/transactionSend.ts
index 5ed921de67..fc2a2d2d90 100644
--- a/composables/transaction/transactionSend.ts
+++ b/composables/transaction/transactionSend.ts
@@ -34,13 +34,16 @@ function checkTsxSend(item: ActionSend) {
 // note: price is automatically set to 0
 // https://github.com/paritytech/substrate/blob/e6a13b807a88d25aa1cd0d320edb9412c3692c67/frame/uniques/src/functions.rs#LL58C2-L58C51
 function execSendAssetHub(item: ActionSend, api, executeTransaction) {
-  const legacy = isLegacy(item.nftId)
-  const paramResolver = assetHubParamResolver(legacy)
+  const arg = item.nfts.map((nft) => {
+    const legacy = isLegacy(nft.id)
+    const paramResolver = assetHubParamResolver(legacy)
+    const cb = getApiCall(api, item.urlPrefix, Interaction.SEND, legacy)
+    return cb(...paramResolver(nft.id, Interaction.SEND, item.address))
+  })
 
-  // getApiCall(api, item.urlPrefix, Interaction.SEND, legacy)
   executeTransaction({
-    cb: getApiCall(api, item.urlPrefix, Interaction.SEND, legacy),
-    arg: paramResolver(item.nftId, Interaction.SEND, item.address),
+    cb: api.tx.utility.batchAll,
+    arg: [arg],
     successMessage: item.successMessage,
     errorMessage: item.errorMessage,
   })
@@ -49,11 +52,14 @@ function execSendAssetHub(item: ActionSend, api, executeTransaction) {
 function execSendEvm(item: ActionSend, executeTransaction: ExecuteTransaction) {
   const { accountId } = useAuth()
 
+  // TODO: add evm safeBatchTransferFrom support
+  const nft = item.nfts[0]
+
   executeTransaction({
-    address: item.collectionId,
+    address: nft.collectionId,
     abi: item.abi as Abi,
     functionName: 'safeTransferFrom',
-    arg: [accountId.value, item.address, item.nftSn],
+    arg: [accountId.value, item.address, nft.sn],
   })
 }
 
diff --git a/composables/transaction/types.ts b/composables/transaction/types.ts
index bbbfc8fad0..a5ce780e3f 100644
--- a/composables/transaction/types.ts
+++ b/composables/transaction/types.ts
@@ -169,15 +169,18 @@ export type ActionList = {
   price?: string
 }
 
+type TokenToSend = {
+  id: string
+  sn: string
+  collectionId: string
+}
+
 export type ActionSend = {
   interaction: Interaction.SEND
   urlPrefix: string
-  tokenId: string
   address: string
-  nftId: string
-  nftSn: string
+  nfts: TokenToSend[]
   abi?: Abi | null
-  collectionId: string
   successMessage?: string
   errorMessage?: string
 }
diff --git a/composables/transaction/utils.ts b/composables/transaction/utils.ts
index d0193bcbc6..c645cd1040 100644
--- a/composables/transaction/utils.ts
+++ b/composables/transaction/utils.ts
@@ -45,7 +45,7 @@ export function isActionValid(action: Actions): boolean {
     [Interaction.LIST]: (action: ActionList) => hasContent(action.token),
     [Interaction.MINTNFT]: (action: ActionMintToken) =>
       hasContent(action.token),
-    [Interaction.SEND]: (action: ActionSend) => Boolean(action.nftId),
+    [Interaction.SEND]: (action: ActionSend) => Boolean(action.nfts.length),
     [Interaction.CONSUME]: (action: ActionConsume) => Boolean(action.nftId),
     [ShoppingActions.MAKE_OFFER]: (action: ActionOffer) =>
       hasContent(action.token),
diff --git a/composables/useBlockTime.ts b/composables/useBlockTime.ts
index 60b096e654..edb7139544 100644
--- a/composables/useBlockTime.ts
+++ b/composables/useBlockTime.ts
@@ -9,7 +9,6 @@ export default function () {
   const chainBlockTimes: PartialConfig<number> = {
     ksm: relayChainBlockTime,
     dot: relayChainBlockTime,
-    rmrk: relayChainBlockTime,
   }
 
   const blockTime = computed(
diff --git a/composables/useCart.ts b/composables/useCart.ts
new file mode 100644
index 0000000000..2616fd6188
--- /dev/null
+++ b/composables/useCart.ts
@@ -0,0 +1,87 @@
+export type CartItem = {
+  id: string
+  urlPrefix: string
+  discarded?: boolean
+}
+
+export const useCart = <T extends CartItem>({ items: initialItems = [] }: { items?: T[] } = {}) => {
+  const items = ref<T[]>(initialItems)
+
+  const chain = usePrefix().urlPrefix
+  const decimals = useChain().decimals
+  const allItemsInChain = computed(() => items.value.filter(item => item.urlPrefix === chain.value))
+  const itemsInChain = computed(() => allItemsInChain.value.filter(item => !item.discarded))
+  const count = computed(() => itemsInChain.value.length)
+
+  function getItem(id: string) {
+    return items.value.find(item => item.id === id)
+  }
+
+  function existInItemIndex<T extends CartItem>(id: string, items: T[]) {
+    return items.findIndex(item => item.id === id || item.token?.id === id)
+  }
+
+  function isItemInCart(id: string) {
+    return existInItemIndex<T>(id, items.value) !== -1
+  }
+
+  function clearDiscardedItems() {
+    items.value = items.value.filter(item => !item.discarded)
+  }
+
+  function setItem(payload: T) {
+    const itemIndex = existInItemIndex<T>(payload.id, items.value)
+    if (itemIndex === -1) {
+      items.value.push(payload)
+      localStorage.value = items.value
+    }
+  }
+
+  function updateItem(payload: Partial<T>) {
+    const existingItemIndex = items.value.findIndex(item => item.id === payload.id)
+    if (existingItemIndex !== -1) {
+      items.value[existingItemIndex] = {
+        ...items.value[existingItemIndex],
+        ...payload,
+      }
+    }
+  }
+
+  function setItemDiscardedState({ id, discarded }: { id: string, discarded: boolean }) {
+    const itemIndex = existInItemIndex(id, items.value)
+    if (itemIndex !== -1) {
+      items.value[itemIndex].discarded = discarded
+      localStorage.value = items.value
+    }
+  }
+
+  function removeItem(id: string) {
+    const itemIndex = existInItemIndex<T>(id, items.value)
+    if (itemIndex !== -1) {
+      items.value.splice(itemIndex, 1)
+      localStorage.value = items.value
+    }
+  }
+
+  function clear() {
+    items.value = []
+  }
+
+  return {
+    items,
+    chain,
+    decimals,
+    count,
+    allItemsInChain,
+    itemsInChain,
+    getItem,
+    isItemInCart,
+    clearDiscardedItems,
+    clear,
+    existInItemIndex,
+    removeItem,
+    updateItem,
+    setItem,
+    setItemDiscardedState,
+  }
+}
diff --git a/composables/useCollectionAbi.ts b/composables/useCollectionAbi.ts
new file mode 100644
index 0000000000..8142da1b62
--- /dev/null
+++ b/composables/useCollectionAbi.ts
@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/vue-query'
+import type { Prefix } from '@kodadot1/static'
+import { fetchOdaCollectionAbi } from '@/services/oda'
+
+export default (collectionId: Ref<string | undefined>, prefix: Ref<Prefix> = usePrefix().urlPrefix) => {
+  const { data: abi } = useQuery({
+    queryKey: ['collection-abi', collectionId],
+    queryFn: () => isEvm(prefix.value) ? fetchOdaCollectionAbi(prefix.value, collectionId.value as string) : Promise.resolve(null),
+    enabled: computed(() => Boolean(collectionId.value)),
+  })
+
+  return abi
+}
diff --git a/composables/useFees.ts b/composables/useFees.ts
deleted file mode 100644
index 7c93baaf74..0000000000
--- a/composables/useFees.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Prefix } from '@kodadot1/static'
-import type { Actions } from '@/composables/transaction/types'
-
-export default function () {
-  const { accountId } = useAuth()
-
-  const getTransactionFee = async ({ action, prefix }: {
-    action: Actions
-    prefix: Prefix
-  }): Promise<number> => {
-    const api = await execByVm({
-      SUB: async () => {
-        const { apiInstance } = useApi()
-        return apiInstance.value
-      },
-    })
-
-    const fee = await getActionTransactionFee({
-      action: { ...action, address: accountId.value } as Actions,
-      address: accountId.value,
-      api,
-      prefix,
-    })
-
-    return Number(fee)
-  }
-
-  return {
-    getTransactionFee,
-  }
-}
diff --git a/composables/useListingCartModal.ts b/composables/useListingCartModal.ts
index 34b7fc11aa..b4c4ffec04 100644
--- a/composables/useListingCartModal.ts
+++ b/composables/useListingCartModal.ts
@@ -22,10 +22,13 @@ export default ({
   const getFloorPrice = (cartItem: ShoppingCartItem | NFTWithMetadata) =>
     cartItem.collection.floorPrice[0]?.price || '0'
 
-  const tryAddingItemToListingCart = (item: ListCartItem) => {
+  const tryAddingItemToListingCart = (item: ListCartItem, toggle: boolean = false) => {
     if (!isItemInCart(item.id)) {
       listingCartStore.setItem(item)
     }
+    else if (toggle) {
+      listingCartStore.removeItem(item.id)
+    }
   }
 
   const listNftByShoppingCartItem = (cartItem: ShoppingCartItem) => {
@@ -36,7 +39,7 @@ export default ({
 
   const listNftByNftWithMetadata = (
     nftWithMetadata: NFTWithMetadata,
-    mediaUrl?: ListCartItemMediaUrl,
+    { mediaUrl, toggle }: { mediaUrl?: ListCartItemMediaUrl, toggle?: boolean } = {},
   ) => {
     tryAddingItemToListingCart(
       nftToListingCartItem(
@@ -44,6 +47,7 @@ export default ({
         getFloorPrice(nftWithMetadata),
         mediaUrl,
       ),
+      toggle,
     )
   }
 
diff --git a/composables/useMultipleBalance.ts b/composables/useMultipleBalance.ts
index bf212aba6d..36a1f61d5c 100644
--- a/composables/useMultipleBalance.ts
+++ b/composables/useMultipleBalance.ts
@@ -26,7 +26,6 @@ export const networkToPrefix: Partial<Record<ChainType, Prefix>> = {
 
 export const prefixToNetwork: Partial<Record<Prefix, ChainType>> = {
   dot: 'polkadot',
-  rmrk: 'kusama',
   ksm: 'kusama',
   ahk: 'kusamaHub',
   ahp: 'polkadotHub',
diff --git a/composables/useRamp.ts b/composables/useRamp.ts
index f00382bf1e..ba812377fa 100644
--- a/composables/useRamp.ts
+++ b/composables/useRamp.ts
@@ -27,7 +27,6 @@ export default function useRamp() {
       ahp: 'DOT_DOT',
       ahk: 'KUSAMA_KSM',
       ksm: 'KUSAMA_KSM',
-      rmrk: 'KUSAMA_KSM',
     } as Record<Prefix, string>)[prefix]
   }
 
diff --git a/composables/useTransak.ts b/composables/useTransak.ts
index 10cb44d882..7d7c9d96f9 100644
--- a/composables/useTransak.ts
+++ b/composables/useTransak.ts
@@ -16,7 +16,6 @@ export default function useTransak() {
       imx: { currency: 'ETH', network: 'immutablezkevm' },
       ahp: { currency: 'DOT', network: 'mainnet' },
       ahk: { currency: 'KSM', network: 'mainnet' },
-      rmrk: { currency: 'KSM', network: 'mainnet' },
       ksm: { currency: 'KSM', network: 'mainnet' },
     } as Record<Prefix, { currency: string, network: string }>)[prefix]
   }
diff --git a/composables/useUsdValue.ts b/composables/useUsdValue.ts
index 4bea5ba82a..92f1e35f95 100644
--- a/composables/useUsdValue.ts
+++ b/composables/useUsdValue.ts
@@ -6,7 +6,6 @@ export default function useUsdValue() {
     const tokenMap = {
       ahk: fiatStore.getCurrentKSMValue,
       ksm: fiatStore.getCurrentKSMValue,
-      rmrk: fiatStore.getCurrentKSMValue,
       ahp: fiatStore.getCurrentDOTValue,
       dot: fiatStore.getCurrentDOTValue,
       ahr: fiatStore.getCurrentROCValue,
diff --git a/layouts/explore-layout.vue b/layouts/explore-layout.vue
index 8abdfba207..7c0bb8a664 100644
--- a/layouts/explore-layout.vue
+++ b/layouts/explore-layout.vue
@@ -32,6 +32,7 @@
     <template v-if="listingCartEnabled">
       <ListingCartMini />
       <ListingCartModal />
+      <ItemTransferModal />
     </template>
 
     <Loader
diff --git a/libs/static/package.json b/libs/static/package.json
index 5848644106..134b77962b 100644
--- a/libs/static/package.json
+++ b/libs/static/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kodadot1/static",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Static constants in the KodaDot development",
   "repository": "kodadot/nft-gallery",
   "license": "MIT",
diff --git a/libs/static/src/chains.ts b/libs/static/src/chains.ts
index 1671c6729e..5cda13af2c 100644
--- a/libs/static/src/chains.ts
+++ b/libs/static/src/chains.ts
@@ -26,11 +26,10 @@ const DEFAULT_CHAIN_PROPERTIES: ChainProperties = toChainProperty(
 )
 
 export const CHAINS: Config<ChainProperties> = {
-  rmrk: DEFAULT_CHAIN_PROPERTIES,
   ksm: DEFAULT_CHAIN_PROPERTIES,
-  ahk: toChainProperty(2, 12, 'KSM', 'https://statemine.subscan.io/', 'SUB'),
+  ahk: toChainProperty(2, 12, 'KSM', 'https://assethub-kusama.subscan.io/', 'SUB'),
   dot: toChainProperty(0, 10, 'DOT', 'https://polkadot.subscan.io/', 'SUB'),
-  ahp: toChainProperty(0, 10, 'DOT', 'https://statemint.subscan.io/', 'SUB'),
+  ahp: toChainProperty(0, 10, 'DOT', 'https://assethub-polkadot.subscan.io/', 'SUB'),
   imx: toChainProperty(42, 18, 'IMX', 'https://explorer.immutable.com/', 'EVM'), // ss58Format is not available
   base: toChainProperty(42, 18, 'ETH', 'https://basescan.org', 'EVM'),
   mnt: toChainProperty(42, 18, 'MNT', 'https://mantlescan.xyz', 'EVM'), // ss58Format is not available
@@ -49,7 +48,6 @@ export const DEFAULT_PREFIX: Prefix = 'ahp'
 export const chainPrefixes: Prefix[] = [
   'ahp',
   'ahk',
-  'rmrk',
   'ksm',
   'dot',
   'imx',
@@ -68,8 +66,7 @@ export const chainPrefixesMap = chainPrefixes.reduce(
 ) as Record<Prefix, Prefix>
 
 export const chainInfo: Record<Prefix, string> = {
-  rmrk: 'kusama',
-  ksm: 'rmrk',
+  ksm: 'kusama',
   ahk: 'statemine',
   dot: 'polkadot',
   ahp: 'statemint',
@@ -82,7 +79,6 @@ export const chainInfo: Record<Prefix, string> = {
 }
 
 export const chainNames: Record<Prefix, string> = {
-  rmrk: 'Kusama',
   ksm: 'Kusama',
   ahk: 'Kusama AssetHub',
   dot: 'Polkadot',
@@ -111,7 +107,6 @@ export const chainList = (): Option[] => {
 // DEV: note that ED is different from the on-chain ED to prevent weird edge cases of XCM
 export const teleportExistentialDeposit: Record<Prefix, number> = {
   ksm: 666666666,
-  rmrk: 666666666,
   ahk: 666666666,
   dot: 15000000000,
   ahp: 5000000000,
@@ -122,7 +117,6 @@ export const teleportExistentialDeposit: Record<Prefix, number> = {
 
 export const existentialDeposit: Record<Prefix, number> = {
   ksm: 333333333,
-  rmrk: 333333333,
   ahk: 333333333,
   dot: 1e10,
   ahp: 1e8,
diff --git a/libs/static/src/endpoints.ts b/libs/static/src/endpoints.ts
index 6db8dc38a5..43a2acf37e 100644
--- a/libs/static/src/endpoints.ts
+++ b/libs/static/src/endpoints.ts
@@ -30,7 +30,6 @@ const AHP_ENDPOINTS: WS_URL[] = [
 
 // Someone from HydraDX team told me that Polkadot API takes Array of endpoints
 export const ALTERNATIVE_ENDPOINT_MAP: Config<ENDPOINT_URL[]> = {
-  rmrk: KUSAMA_ENDPOINTS,
   ksm: KUSAMA_ENDPOINTS,
   ahk: [
     'wss://sys.ibp.network/statemine',
@@ -50,7 +49,6 @@ export const ALTERNATIVE_ENDPOINT_MAP: Config<ENDPOINT_URL[]> = {
 }
 
 export const ENDPOINT_MAP: Config<ENDPOINT_URL> = {
-  rmrk: KUSAMA_ENDPOINTS[0],
   ksm: KUSAMA_ENDPOINTS[0],
   ahk: 'wss://sys.ibp.network/statemine',
   dot: POLKADOT_ENDPOINTS[0],
diff --git a/libs/static/src/indexers.ts b/libs/static/src/indexers.ts
index 954a68d3aa..c88bf4ffcf 100644
--- a/libs/static/src/indexers.ts
+++ b/libs/static/src/indexers.ts
@@ -8,11 +8,10 @@ type SquidEndpoint =
   | `https://${Prefix}.gql.api.kodadot.xyz/`
 
 export const INDEXERS: Config<SquidEndpoint> = {
-  rmrk: 'https://squid.subsquid.io/rubick/graphql',
-  ksm: 'https://ksm.gql.api.kodadot.xyz/',
+  ksm: 'https://ahk.gql.api.kodadot.xyz/', // DEV: show KusamaHub
   ahk: 'https://ahk.gql.api.kodadot.xyz/',
   ahp: 'https://ahp.gql.api.kodadot.xyz/',
-  dot: 'https://squid.subsquid.io/rubick/graphql', // TODO: change to dot indexer when available
+  dot: 'https://ahp.gql.api.kodadot.xyz/', // DEV: show PolkadotHub
   imx: 'https://squid.subsquid.io/flick/graphql',
   base: 'https://kodadot.squids.live/basick/graphql',
   mnt: 'https://squid.subsquid.io/flock/graphql',
diff --git a/libs/static/src/names.ts b/libs/static/src/names.ts
index 07da60ca8a..e7268c9d8f 100644
--- a/libs/static/src/names.ts
+++ b/libs/static/src/names.ts
@@ -1,8 +1,7 @@
 import type { Prefix } from './types'
 
 export const NAMES: Record<Prefix, string> = {
-  rmrk: 'Kusama',
-  ksm: 'RMRK2',
+  ksm: 'Kusama',
   ahk: 'KusamaHub',
   dot: 'Polkadot',
   ahp: 'PolkadotHub',
diff --git a/libs/static/src/services.ts b/libs/static/src/services.ts
index 36eaadfb72..3a4949ecd2 100644
--- a/libs/static/src/services.ts
+++ b/libs/static/src/services.ts
@@ -10,7 +10,6 @@ export const SERVICES: Record<string, string> = {
 }
 
 export const EXPLORERS: Record<Prefix, string> = {
-  rmrk: 'https://kusama.subscan.io/account/',
   ksm: 'https://kusama.subscan.io/account/',
   ahk: 'https://assethub-kusama.subscan.io/account/',
   dot: 'https://polkadot.subscan.io/account/',
diff --git a/libs/static/src/types.ts b/libs/static/src/types.ts
index ec1f4f65c3..cd2754c686 100644
--- a/libs/static/src/types.ts
+++ b/libs/static/src/types.ts
@@ -1,9 +1,9 @@
-export type Prefix = 'rmrk' | 'ksm' | 'ahk' | 'dot' | 'ahp' | 'imx' | 'base' | 'mnt'
+export type Prefix = 'ksm' | 'ahk' | 'dot' | 'ahp' | 'imx' | 'base' | 'mnt'
 //  | 'ahr'
 // | 'glmr'
 // | 'movr'
 
-export type Squid = 'rubick' | 'marck' | 'stick' | 'speck' | 'flick' | 'basick' | 'flock'
+export type Squid = 'stick' | 'speck' | 'flick' | 'basick' | 'flock'
 // | 'snack'
 // | 'click'
 // | 'antick'
diff --git a/libs/ui/src/components/MediaItem/type/ImageMedia.vue b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
index 4da4a997ea..b9e5836209 100644
--- a/libs/ui/src/components/MediaItem/type/ImageMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
@@ -60,6 +60,7 @@ const props = withDefaults(
     placeholder: string
     isFullscreen?: boolean
     lazyLoading?: boolean
+    innerClass?: string
   }>(),
   {
     imageComponent: 'img',
@@ -69,6 +70,7 @@ const props = withDefaults(
     alt: '',
     isFullscreen: false,
     lazyLoading: false,
+    innerClass: '',
   },
 )
 
@@ -81,9 +83,9 @@ const loading = computed<'eager' | 'lazy'>(() =>
 )
 
 const className = computed(() =>
-  !props.original && !props.isFullscreen
+  (!props.original && !props.isFullscreen
     ? 'object-contain absolute inset-0 w-full h-full !rounded-none'
-    : 'block !rounded-none',
+    : 'block !rounded-none') + ` ${props.innerClass}`,
 )
 
 const isBlob = computed(() => props.src.startsWith('blob:'))
diff --git a/libs/ui/src/components/NeoButton/NeoButton.vue b/libs/ui/src/components/NeoButton/NeoButton.vue
index ac9e41a9a2..7c2aa8c488 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.vue
+++ b/libs/ui/src/components/NeoButton/NeoButton.vue
@@ -34,7 +34,7 @@
 <script lang="ts" setup>
 import type { ComputedOptions, ConcreteComponent, MethodOptions } from 'vue'
 import { OButton } from '@oruga-ui/oruga-next'
-import { useMousePressed } from '@vueuse/core'
+import { useMousePressed, useIntersectionObserver } from '@vueuse/core'
 import type { NeoButtonVariant } from '../../types'
 
 const props = withDefaults(
@@ -57,6 +57,7 @@ const props = withDefaults(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
       | ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions>
     loadingWithLabel?: boolean
+    withShortcut?: boolean
   }>(),
   {
     iconPack: 'fasr',
@@ -64,7 +65,7 @@ const props = withDefaults(
   },
 )
 
-const button = ref(null)
+const button = ref<HTMLButtonElement>()
 const pressing = ref(false)
 
 const { pressed } = useMousePressed({ target: button })
@@ -72,6 +73,26 @@ const { pressed } = useMousePressed({ target: button })
 watch(pressed, (pressed) => {
   pressing.value = !pressed ? false : pressed && !props.active
 })
+
+if (props.withShortcut) {
+  const shortcutWatcher = ref()
+
+  useIntersectionObserver(button, ([{ isIntersecting: isVisible }]) => {
+    if (!isVisible) {
+      shortcutWatcher.value?.()
+      shortcutWatcher.value = undefined
+      return
+    }
+
+    if (!shortcutWatcher.value) {
+      shortcutWatcher.value = onPressControlEnter(() => {
+        if (!button.value?.disabled) {
+          button.value?.$el?.click()
+        }
+      })
+    }
+  })
+}
 </script>
 
 <style lang="scss">
diff --git a/locales/en.json b/locales/en.json
index 40b290373c..61277caac1 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -923,6 +923,7 @@
     "usd": "USD",
     "using": "using"
   },
+  "generic": "Generic",
   "go back": "Go Back",
   "handle": "Handle",
   "helper": {
@@ -1629,6 +1630,7 @@
   },
   "referralProgram": "Referral Program",
   "reload": "Reload",
+  "remove": "Remove",
   "requirements": "Requirements",
   "royalty": "royalty",
   "sales": {
@@ -1653,6 +1655,7 @@
     "seeAll": "See All",
     "units": "Units"
   },
+  "select": "Select",
   "series": {
     "assets": "Assets",
     "averagePrice": "Average price",
@@ -1931,9 +1934,9 @@
     },
     "selfTransfer": "You can't transfer to yourself",
     "transfer": "Transfer",
-    "transferNft": "Transfer NFT",
+    "transferNft": "Transfer NFT | Transfer NFTs",
     "transferTo": "Transfer to",
-    "transferingNft": "Transfering NFT",
+    "transferingNft": "Transfering NFT | Bulk Transfer",
     "unlist": {
       "error": "Item unlisting failed",
       "success": "Item successfully unlisted"
diff --git a/pages/[prefix]/gallery/[id].vue b/pages/[prefix]/gallery/[id].vue
index 0267a91732..f775d25cb7 100644
--- a/pages/[prefix]/gallery/[id].vue
+++ b/pages/[prefix]/gallery/[id].vue
@@ -3,9 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { useQuery } from '@tanstack/vue-query'
 import { useGalleryItem } from '@/components/gallery/useGalleryItem'
-import { fetchOdaCollectionAbi } from '@/services/oda'
 
 const nftStore = useNftStore()
 
@@ -18,12 +16,7 @@ const {
   nftMimeType,
 } = useGalleryItem()
 
-const { urlPrefix } = usePrefix()
-const { data: abi } = useQuery({
-  queryKey: ['collection-abi', nft.value?.collection.id],
-  queryFn: () => isEvm(urlPrefix.value) ? fetchOdaCollectionAbi(urlPrefix.value, nft.value?.collection.id as string) : Promise.resolve(null),
-  enabled: computed(() => Boolean(nft.value)),
-})
+const abi = useCollectionAbi(computed(() => nft.value?.collection.id))
 
 watchEffect(() => {
   nftStore.nft = nft.value
diff --git a/pages/[prefix]/u/[id].vue b/pages/[prefix]/u/[id].vue
index ff71b97bef..507574966b 100644
--- a/pages/[prefix]/u/[id].vue
+++ b/pages/[prefix]/u/[id].vue
@@ -3,6 +3,7 @@
     <ProfileDetail />
     <ListingCartMini />
     <ListingCartModal />
+    <ItemTransferModal />
   </div>
 </template>
 
diff --git a/queries/subsquid/general/collectionByIdMinimal.graphql b/queries/subsquid/general/collectionByIdMinimal.graphql
index 57c4d6eeed..48243ea2b7 100644
--- a/queries/subsquid/general/collectionByIdMinimal.graphql
+++ b/queries/subsquid/general/collectionByIdMinimal.graphql
@@ -7,6 +7,7 @@ query collectionByIdMinimal($id: String!) {
       description
       id
       image
+      banner
       name
       type
     }
diff --git a/queries/subsquid/general/collectionByIdMinimalWithRoyalty.graphql b/queries/subsquid/general/collectionByIdMinimalWithRoyalty.graphql
index a416d810a2..20cb384607 100644
--- a/queries/subsquid/general/collectionByIdMinimalWithRoyalty.graphql
+++ b/queries/subsquid/general/collectionByIdMinimalWithRoyalty.graphql
@@ -9,6 +9,7 @@ query collectionByIdMinimalWithRoyalty($id: String!) {
       description
       id
       image
+      banner
       name
       type
     }
diff --git a/stores/identity.ts b/stores/identity.ts
index de9f3abd6f..1f5b293311 100644
--- a/stores/identity.ts
+++ b/stores/identity.ts
@@ -8,7 +8,6 @@ import { chainPropListOf, vmOf } from '@/utils/config/chain.config'
 
 const DEFAULT_BALANCE_STATE = {
   ksm: '0',
-  rmrk: '0',
   ahk: '0',
   dot: '0',
   ahp: '0',
diff --git a/stores/listingCart.ts b/stores/listingCart.ts
index d44c7d2505..6a8e2906b8 100644
--- a/stores/listingCart.ts
+++ b/stores/listingCart.ts
@@ -1,6 +1,4 @@
 import { defineStore } from 'pinia'
-import type { ComputedRef } from 'vue'
-import type { Prefix } from '@kodadot1/static'
 import type {
   EntityWithId,
   NFTMetadata,
@@ -10,127 +8,117 @@ import type {
 export type ListCartItemMediaUrl = { image: string, mimeType?: string }
 
 type ListCartItemInternal = {
-  id: string
   name: string
-  urlPrefix: string
   price: string
   listPrice?: number
   sn: string
   collection: EntityWithId
   meta?: NFTMetadata
   metadata?: string
-  discarded?: boolean
   mediaUrl?: ListCartItemMediaUrl // used inside the drop page to show the actual nft image before the metadata is updated
-}
+} & CartItem
 
 export type ListCartItem = ListCartItemInternal & TokenId
 
-type ID = string
-
-interface State {
-  items: ListCartItem[]
-  allUnlistedItems: ListCartItem[]
-  chain: ComputedRef<Prefix>
-  decimals: ComputedRef<number>
-}
-
 export const DEFAULT_FLOOR_PRICE_RATE = 1
+
 const localStorage = useLocalStorage<ListCartItem[]>('listingCart', [])
-export const useListingCartStore = defineStore('listingCart', {
-  state: (): State => ({
-    items: localStorage.value,
-    allUnlistedItems: [],
-    chain: usePrefix().urlPrefix,
-    decimals: useChain().decimals,
-  }),
-  getters: {
-    allItemsInChain: (state): ListCartItem[] =>
-      state.items.filter(item => item.urlPrefix === state.chain),
-    itemsInChain(): ListCartItem[] {
-      return this.allItemsInChain.filter(item => !item.discarded)
-    },
-    count() {
-      return this.itemsInChain.length
-    },
-    incompleteListPrices(): number {
-      return this.itemsInChain.filter(item => !item.listPrice).length
-    },
-  },
-  actions: {
-    getItem(id: ID) {
-      return this.items.find(item => item.id === id)
-    },
-    isItemInCart(id: ID) {
-      return existInItemIndex(id, this.items) !== -1
-    },
-    setItem(payload: ListCartItem) {
-      const itemIndex = existInItemIndex(payload.id, this.items)
-      if (itemIndex === -1) {
-        this.items.push(payload)
-        localStorage.value = this.items
-      }
-    },
-    setItemPrice({ id, price }: { id: ID, price?: number }) {
-      const itemIndex = existInItemIndex(id, this.items)
-      if (itemIndex !== -1) {
-        this.items[itemIndex].listPrice = price
-        localStorage.value = this.items
-      }
-    },
-    setUnlistedItem(payload: ListCartItem) {
-      const itemIndex = existInItemIndex(payload.id, this.allUnlistedItems)
-      if (itemIndex === -1) {
-        this.allUnlistedItems.push(payload)
-      }
-    },
-    setUnlistedItems(payload: ListCartItem[]) {
-      this.allUnlistedItems = payload
-    },
-    addAllToCart() {
-      this.allUnlistedItems.forEach(item => this.setItem(item))
-    },
-    setFixedPrice(price: number) {
-      this.itemsInChain.forEach((item) => {
-        item.listPrice = price
-      })
-    },
-    setFloorPrice(rate = DEFAULT_FLOOR_PRICE_RATE) {
-      this.itemsInChain.forEach((item) => {
-        const floor = (Number(item.collection.floor) || 0) * +rate.toFixed(2)
-        item.listPrice = Number(
-          (floor / Math.pow(10, this.decimals)).toFixed(4),
-        )
-      })
-    },
-    removeItem(id: ID) {
-      const itemIndex = existInItemIndex(id, this.items)
-      if (itemIndex !== -1) {
-        this.items.splice(itemIndex, 1)
-        localStorage.value = this.items
-      }
-    },
-    setItemDiscardedState({ id, discarded }: { id: ID, discarded: boolean }) {
-      const itemIndex = existInItemIndex(id, this.items)
-      if (itemIndex !== -1) {
-        this.items[itemIndex].discarded = discarded
-        localStorage.value = this.items
-      }
-    },
-    clearDiscardedItems() {
-      this.items = this.items.filter(item => !item.discarded)
-    },
-    clearListedItems() {
-      localStorage.value = []
-      this.items = []
-    },
-    clear() {
-      localStorage.value = []
-      this.items = []
-      this.allUnlistedItems = []
-    },
-  },
-})
 
-function existInItemIndex(id: string, items: ListCartItem[]) {
-  return items.findIndex(item => item.id === id || item.token?.id === id)
-}
+export const useListingCartStore = defineStore('listingCart', () => {
+  const {
+    items,
+    chain,
+    decimals,
+    count,
+    itemsInChain,
+    allItemsInChain,
+    getItem,
+    existInItemIndex,
+    isItemInCart,
+    setItem,
+    setItemDiscardedState,
+    removeItem,
+    clearDiscardedItems,
+    clear: clearItems,
+  } = useCart<ListCartItem>({ items: localStorage.value })
+
+  const allUnlistedItems = ref<ListCartItem[]>([])
+
+  const incompleteListPrices = computed(() =>
+    itemsInChain.value.filter(item => !item.listPrice).length,
+  )
+
+  function setItemPrice({ id, price }: { id: string, price?: number }) {
+    const itemIndex = existInItemIndex(id, items.value)
+    if (itemIndex !== -1) {
+      items.value[itemIndex].listPrice = price
+      localStorage.value = items.value
+    }
+  }
+
+  function setUnlistedItem(payload: ListCartItem) {
+    const itemIndex = existInItemIndex(payload.id, allUnlistedItems.value)
+    if (itemIndex === -1) {
+      allUnlistedItems.value.push(payload)
+    }
+  }
+
+  function setUnlistedItems(payload: ListCartItem[]) {
+    allUnlistedItems.value = payload
+  }
+
+  function addAllToCart() {
+    allUnlistedItems.value.forEach(item => setItem(item))
+  }
+
+  function setFixedPrice(price: number) {
+    itemsInChain.value.forEach((item) => {
+      item.listPrice = price
+    })
+  }
+
+  function setFloorPrice(rate = DEFAULT_FLOOR_PRICE_RATE) {
+    itemsInChain.value.forEach((item) => {
+      const floor = (Number(item.collection.floor) || 0) * +rate.toFixed(2)
+      item.listPrice = Number(
+        (floor / Math.pow(10, decimals.value)).toFixed(4),
+      )
+    })
+  }
+
+  function clearListedItems() {
+    localStorage.value = []
+    clearItems()
+  }
+
+  function clear() {
+    clearItems()
+    localStorage.value = []
+    allUnlistedItems.value = []
+  }
+
+  return {
+    items,
+    allUnlistedItems,
+    chain,
+    decimals,
+    allItemsInChain,
+    itemsInChain,
+    count,
+    incompleteListPrices,
+    getItem,
+    isItemInCart,
+    setItem,
+    setItemPrice,
+    setUnlistedItem,
+    setUnlistedItems,
+    addAllToCart,
+    setFixedPrice,
+    setFloorPrice,
+    removeItem,
+    setItemDiscardedState,
+    clearDiscardedItems,
+    clearListedItems,
+    clear,
+  }
+})
diff --git a/stores/makeOffer.ts b/stores/makeOffer.ts
index edcd55197d..db3a484983 100644
--- a/stores/makeOffer.ts
+++ b/stores/makeOffer.ts
@@ -1,78 +1,39 @@
 import { defineStore } from 'pinia'
-import type { Prefix } from '@kodadot1/static'
+import { computed } from 'vue'
 import type { MakingOfferItem } from '@/components/offer/types'
 
-type ID = string
+export const useMakingOfferStore = defineStore('makingOffer', () => {
+  const {
+    items,
+    chain,
+    count,
+    itemsInChain,
+    allItemsInChain,
+    getItem,
+    setItem,
+    removeItem,
+    clear,
+    updateItem,
+  } = useCart<MakingOfferItem>()
 
-interface State {
-  items: MakingOfferItem[]
-  chain: ComputedRef<Prefix>
-}
+  const getItems = computed(() => items.value)
 
-export const useMakingOfferStore = defineStore('makingOffer', {
-  state: (): State => ({
-    items: [],
-    chain: usePrefix().urlPrefix,
-  }),
-  getters: {
-    getItems: state => state.items,
-    getItem: state => (id: ID) => state.items.find(item => item.id === id),
-    allItemsInChain: (state): MakingOfferItem[] =>
-      state.items.filter(item => item.urlPrefix === state.chain),
-    itemsInChain(): MakingOfferItem[] {
-      return this.allItemsInChain
-    },
-    count() {
-      return this.itemsInChain.length
-    },
-    hasInvalidOfferPrices(): boolean {
-      return this.itemsInChain.some(item => Number(item.offerPrice || 0) <= 0.0001)
-    },
-  },
+  const hasInvalidOfferPrices = computed(() => {
+    return itemsInChain.value.some(item => Number(item.offerPrice || 0) <= 0.0001)
+  })
 
-  actions: {
-    setItem(payload: MakingOfferItem) {
-      const existingItemIndex = this.items.findIndex(
-        item => item.id === payload.id,
-      )
-      if (existingItemIndex === -1) {
-        this.items = [...this.items, payload]
-      }
-      else {
-        const items = [...this.items]
-        items[existingItemIndex] = payload
-        this.items = items
-      }
-    },
-    updateItem(payload: Partial<MakingOfferItem>) {
-      const existingItemIndex = this.items.findIndex(
-        item => item.id === payload.id,
-      )
-      if (existingItemIndex === -1) {
-        return
-      }
-      else {
-        const items = [...this.items]
-        items[existingItemIndex] = {
-          ...this.items[existingItemIndex],
-          ...payload,
-        }
-        this.items = items
-      }
-    },
-    removeItem(id: ID) {
-      const existingItemIndex = this.items.findIndex(item => item.id === id)
-      if (existingItemIndex === -1) {
-        return
-      }
-      else {
-        const items = [...this.items]
-        items.splice(existingItemIndex, 1)
-        this.items = items
-      }
-    },
-    clear() {
-      this.items = []
-    },
-  },
+  return {
+    items,
+    chain,
+    getItems,
+    getItem,
+    allItemsInChain,
+    itemsInChain,
+    count,
+    hasInvalidOfferPrices,
+    setItem,
+    updateItem,
+    removeItem,
+    clear,
+  }
 })
diff --git a/stores/preferences.ts b/stores/preferences.ts
index 14fa19a72a..364f66b4c9 100644
--- a/stores/preferences.ts
+++ b/stores/preferences.ts
@@ -46,6 +46,7 @@ interface State {
   mobileFilterCollapseOpen: boolean
   shoppingCartCollapseOpen: boolean
   listingCartModalOpen: boolean
+  itemTransferCartModalOpen: boolean
   makeOfferModalOpen: boolean
   completePurchaseModal: CompletePurchaseModalState
   triggerBuySuccess: boolean
@@ -80,6 +81,7 @@ export const usePreferencesStore = defineStore('preferences', {
     sidebarFilterCollapseOpen: true,
     mobileFilterCollapseOpen: false,
     listingCartModalOpen: false,
+    itemTransferCartModalOpen: false,
     makeOfferModalOpen: false,
     shoppingCartCollapseOpen: false,
     completePurchaseModal: {
diff --git a/utils/chain.ts b/utils/chain.ts
index 1490984d31..d2f0027463 100644
--- a/utils/chain.ts
+++ b/utils/chain.ts
@@ -58,7 +58,6 @@ export const chainIcons = {
   ahk: '/token/kusama_asset_hub.svg',
   ahp: '/token/polkadot_asset_hub.svg',
   ksm: '/token/ksm.svg',
-  rmrk: '/token/ksm.svg',
   dot: '/token/dot.svg',
   // ahr: '/token/kusama_asset_hub.svg',
 }
diff --git a/utils/config/chain.config.ts b/utils/config/chain.config.ts
index 41e846611d..cf93546a6e 100644
--- a/utils/config/chain.config.ts
+++ b/utils/config/chain.config.ts
@@ -10,6 +10,10 @@ export const vmOf = (prefix: Prefix): ChainVM => {
   return chainPropListOf(prefix).vm
 }
 
+export const arePrefixesOfSameVm = (a: Prefix, b: Prefix): boolean => {
+  return vmOf(a) === vmOf(b)
+}
+
 export const ss58Of = (prefix: Prefix): number => {
   return chainPropListOf(prefix).ss58Format
 }
diff --git a/utils/notification.ts b/utils/notification.ts
index 2caa0260a3..b22b136b4b 100644
--- a/utils/notification.ts
+++ b/utils/notification.ts
@@ -8,7 +8,7 @@ import { h } from 'vue'
 import Notification from '@/components/common/Notification.vue'
 import MessageNotify from '@/components/MessageNotify.vue'
 
-export type NotificationAction = { label: string, url: string }
+export type NotificationAction = { label: string, url: string, icon?: string }
 
 type Params = {
   variant: NeoMessageVariant
diff --git a/utils/shortcuts.ts b/utils/shortcuts.ts
new file mode 100644
index 0000000000..d80d518fb1
--- /dev/null
+++ b/utils/shortcuts.ts
@@ -0,0 +1,11 @@
+import { useMagicKeys } from '@vueuse/core'
+
+export function onPressControlEnter(callback: () => void) {
+  const { Meta, Control, Enter } = useMagicKeys()
+
+  return watch([Meta, Control, Enter], () => {
+    if ((Meta.value || Control.value) && Enter.value) {
+      callback()
+    }
+  })
+}
diff --git a/utils/teleport.ts b/utils/teleport.ts
index f56982845d..42ec5a479e 100644
--- a/utils/teleport.ts
+++ b/utils/teleport.ts
@@ -43,7 +43,7 @@ export const allowedTransitions = {
 }
 
 export const chainToPrefixMap: Record<Chain, Prefix> = {
-  [Chain.KUSAMA]: 'rmrk',
+  [Chain.KUSAMA]: 'ksm',
   [Chain.ASSETHUBKUSAMA]: 'ahk',
   [Chain.ASSETHUBPOLKADOT]: 'ahp',
   [Chain.POLKADOT]: 'dot',
@@ -53,7 +53,6 @@ export const chainToPrefixMap: Record<Chain, Prefix> = {
 }
 
 export const prefixToChainMap: Partial<Record<Prefix, Chain>> = {
-  rmrk: Chain.KUSAMA,
   ksm: Chain.KUSAMA,
   ahk: Chain.ASSETHUBKUSAMA,
   ahp: Chain.ASSETHUBPOLKADOT,
diff --git a/utils/transactionExecutor.ts b/utils/transactionExecutor.ts
index d21e570b21..86b73f42f0 100644
--- a/utils/transactionExecutor.ts
+++ b/utils/transactionExecutor.ts
@@ -14,7 +14,7 @@ import type { KeyringAccount } from '@/utils/types/types'
 import { getAddress } from '@/utils/extension'
 import { toDefaultAddress } from '@/utils/account'
 import { KODADOT_DAO } from '@/utils/support'
-import type { Actions, ExecuteEvmTransactionParams } from '@/composables/transaction/types'
+import type { Actions, ActionsInteractions, ExecuteEvmTransactionParams } from '@/composables/transaction/types'
 
 export type ExecResult = UnsubscribeFn | string
 export type Extrinsic = SubmittableExtrinsic<'promise'>
@@ -141,6 +141,10 @@ const estimateEvm = async ({ arg, abi, functionName, account, prefix }: ExecuteE
   return String(estimatedGas * gasPrice)
 }
 
+const preProcessedAction: Partial<Record<ActionsInteractions, (params: { action: Actions, account: string }) => Actions>> = {
+  [Interaction.SEND]: ({ action, account }) => ({ ...action, address: account }),
+}
+
 export const getActionTransactionFee = ({
   action,
   address: account,
@@ -159,15 +163,17 @@ export const getActionTransactionFee = ({
       return resolve('0')
     }
 
+    const item = preProcessedAction[action.interaction]?.({ action, account }) || action
+
     executeAction({
       api,
-      item: action,
+      item,
       executeTransaction: async (params) => {
         try {
           const fee = await execByVm({
             SUB: () => estimate(account, params.cb, params.arg),
             EVM: () => estimateEvm({ account, ...params, prefix }),
-          }) as string
+          }, { prefix }) as string
 
           resolve(fee)
         }