From 635e6acb41d67f904746045dc66bdb8532e05dae Mon Sep 17 00:00:00 2001
From: Jan Michek <15363559+janmichek@users.noreply.github.com>
Date: Thu, 29 Jun 2023 11:11:40 +0200
Subject: [PATCH] feat: Transaction details page hints (#331)

---
 .../AccountTransactionsTableCondensed.vue     |  2 +-
 .../ContractCallTransactionsTable.vue         |  2 +-
 ...ContractCallTransactionsTableCondensed.vue |  2 +-
 src/components/ContractsTable.vue             |  8 ++--
 src/components/ContractsTableCondensed.vue    |  8 ++--
 src/components/OracleEventsQueryPanel.vue     |  2 +-
 .../TransactionCellNameUpdateTx.vue           |  2 +-
 .../TransactionCellOracleExtendTx.vue         |  2 +-
 src/components/TransactionGeneralPanel.vue    | 25 +++++++++++
 src/components/TransactionPointersPanel.vue   | 25 ++++++++---
 ...ansactionTypeTableChannelCloseMutualTx.vue | 13 ++++++
 ...TransactionTypeTableChannelCloseSoloTx.vue | 16 +++++++
 .../TransactionTypeTableChannelCreateTx.vue   | 22 ++++++++++
 .../TransactionTypeTableChannelDepositTx.vue  | 17 +++++++-
 ...sactionTypeTableChannelForceProgressTx.vue | 19 ++++++++-
 .../TransactionTypeTableChannelSettleTx.vue   | 13 ++++++
 .../TransactionTypeTableChannelSlashTx.vue    | 10 +++++
 ...nsactionTypeTableChannelSnapshotSoloTx.vue | 16 +++++++
 .../TransactionTypeTableChannelWithdrawTx.vue | 13 ++++++
 .../TransactionTypeTableContractCallTx.vue    | 42 +++++++++++++++++--
 .../TransactionTypeTableContractCreateTx.vue  | 36 ++++++++++++++--
 .../TransactionTypeTableGAAttachTx.vue        | 34 ++++++++++++++-
 .../TransactionTypeTableGAMetaTx.vue          | 13 ++++++
 .../TransactionTypeTableNameClaimTx.vue       | 12 +++++-
 .../TransactionTypeTableNamePreclaimTx.vue    |  4 ++
 .../TransactionTypeTableNameRevokeTx.vue      |  7 ++++
 .../TransactionTypeTableNameTransferTx.vue    | 16 +++++--
 .../TransactionTypeTableNameUpdateTx.vue      | 10 +++++
 .../TransactionTypeTableOracleExtendTx.vue    |  8 ++++
 .../TransactionTypeTableOracleQueryTx.vue     | 22 ++++++++++
 .../TransactionTypeTableOracleRegisterTx.vue  | 18 +++++++-
 .../TransactionTypeTableOracleRespondTx.vue   | 13 ++++++
 .../TransactionTypeTableSpendTx.vue           | 37 ++++++++++------
 src/utils/hints/contractsHints.js             | 17 ++++++--
 src/utils/hints/namesHints.js                 |  5 +++
 src/utils/hints/oraclesHints.js               |  5 ++-
 src/utils/hints/stateChannelsHints.js         | 26 ++++++++++++
 src/utils/hints/transactionsHints.js          | 21 ++++++++++
 38 files changed, 511 insertions(+), 52 deletions(-)

diff --git a/src/components/AccountTransactionsTableCondensed.vue b/src/components/AccountTransactionsTableCondensed.vue
index 2a1f28c60..67f664337 100644
--- a/src/components/AccountTransactionsTableCondensed.vue
+++ b/src/components/AccountTransactionsTableCondensed.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script setup>
-import { transactionsHints } from '../utils/hints/transactionsHints'
+import { transactionsHints } from '@/utils/hints/transactionsHints'
 import { accountHints } from '@/utils/hints/accountHints'
 import TransactionCell from '@/components/TransactionCell'
 import ValueHashEllipsed from '@/components/ValueHashEllipsed'
diff --git a/src/components/ContractCallTransactionsTable.vue b/src/components/ContractCallTransactionsTable.vue
index b7dc29f61..3c5be9c68 100644
--- a/src/components/ContractCallTransactionsTable.vue
+++ b/src/components/ContractCallTransactionsTable.vue
@@ -5,7 +5,7 @@
         <th>Hash</th>
         <th>Time</th>
         <th>Caller</th>
-        <th>Entry Point</th>
+        <th>Entrypoint</th>
       </tr>
     </thead>
     <tbody>
diff --git a/src/components/ContractCallTransactionsTableCondensed.vue b/src/components/ContractCallTransactionsTableCondensed.vue
index 2c6ac585c..a98035c03 100644
--- a/src/components/ContractCallTransactionsTableCondensed.vue
+++ b/src/components/ContractCallTransactionsTableCondensed.vue
@@ -37,7 +37,7 @@
       </tr>
       <tr class="contract-call-transactions-table-condensed__row">
         <th class="contract-call-transactions-table-condensed__header">
-          Entry Point
+          Entrypoint
         </th>
         <td class="contract-call-transactions-table-condensed__data">
           <app-chip
diff --git a/src/components/ContractsTable.vue b/src/components/ContractsTable.vue
index 3d88c1cc9..90a18376d 100644
--- a/src/components/ContractsTable.vue
+++ b/src/components/ContractsTable.vue
@@ -9,21 +9,21 @@
           </hint-tooltip>
         </th>
         <th>
-          Created
+          Created By
           <hint-tooltip>
-            {{ contractsHints.contractCreated }}
+            {{ contractsHints.createdBy }}
           </hint-tooltip>
         </th>
         <th>
           Hash
           <hint-tooltip>
-            {{ contractsHints.contractTxHash }}
+            {{ contractsHints.hash }}
           </hint-tooltip>
         </th>
         <th>
           Created By
           <hint-tooltip>
-            {{ contractsHints.contractCreator }}
+            {{ contractsHints.creator }}
           </hint-tooltip>
         </th>
       </tr>
diff --git a/src/components/ContractsTableCondensed.vue b/src/components/ContractsTableCondensed.vue
index 05051d04a..3bfcd64e0 100644
--- a/src/components/ContractsTableCondensed.vue
+++ b/src/components/ContractsTableCondensed.vue
@@ -23,9 +23,9 @@
         <tr class="contracts-table-condensed__row">
           <th class="contracts-table-condensed__header">
             <app-tooltip>
-              Created
+              Created By
               <template #tooltip>
-                {{ contractsHints.contractCreated }}
+                {{ contractsHints.createdBy }}
               </template>
             </app-tooltip>
           </th>
@@ -41,7 +41,7 @@
             <app-tooltip>
               Hash
               <template #tooltip>
-                {{ contractsHints.contractTxHash }}
+                {{ contractsHints.hash }}
               </template>
             </app-tooltip>
           </th>
@@ -56,7 +56,7 @@
             <app-tooltip>
               Created By
               <template #tooltip>
-                {{ contractsHints.contractCreator }}
+                {{ contractsHints.creator }}
               </template>
             </app-tooltip>
           </th>
diff --git a/src/components/OracleEventsQueryPanel.vue b/src/components/OracleEventsQueryPanel.vue
index 514170f87..3877963fc 100644
--- a/src/components/OracleEventsQueryPanel.vue
+++ b/src/components/OracleEventsQueryPanel.vue
@@ -31,7 +31,7 @@
       </dd>
 
       <dt class="oracle-events-query-panel_term">
-        Response Lifetime:
+        Response TTL:
         <hint-tooltip>
           {{ oraclesHints.responseTtl }}
         </hint-tooltip>
diff --git a/src/components/TransactionCellNameUpdateTx.vue b/src/components/TransactionCellNameUpdateTx.vue
index 2d7821637..331e84429 100644
--- a/src/components/TransactionCellNameUpdateTx.vue
+++ b/src/components/TransactionCellNameUpdateTx.vue
@@ -15,7 +15,7 @@
       {{ transactionData.name_ttl }}
     </app-chip>
     <template #tooltip>
-      Lifetime
+      TTL
     </template>
   </app-tooltip>
 </template>
diff --git a/src/components/TransactionCellOracleExtendTx.vue b/src/components/TransactionCellOracleExtendTx.vue
index d6ff8734e..5eb032e80 100644
--- a/src/components/TransactionCellOracleExtendTx.vue
+++ b/src/components/TransactionCellOracleExtendTx.vue
@@ -8,7 +8,7 @@
       {{ transactionData.oracle_ttl.value }}
     </app-chip>
     <template #tooltip>
-      Lifetime
+      TTL
     </template>
   </app-tooltip>
 </template>
diff --git a/src/components/TransactionGeneralPanel.vue b/src/components/TransactionGeneralPanel.vue
index 7e0118a2e..2d3e44b6e 100644
--- a/src/components/TransactionGeneralPanel.vue
+++ b/src/components/TransactionGeneralPanel.vue
@@ -22,6 +22,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Keyblock Height
+            <hint-tooltip>
+              {{ transactionsHints.keyblockHeight }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             {{ transactionDetails.blockHeight }}
@@ -30,6 +33,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Keyblock Confirmations
+            <hint-tooltip>
+              {{ transactionsHints.keyblockConfirmations }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             {{ transactionDetails.confirmations }}
@@ -38,6 +44,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Status
+            <hint-tooltip>
+              {{ transactionsHints.status }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             <app-chip
@@ -57,6 +66,9 @@
           class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Microblock Hash
+            <hint-tooltip>
+              {{ transactionsHints.microblockHash }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             <span class="transaction-general-panel__hash">
@@ -72,6 +84,9 @@
           class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Time
+            <hint-tooltip>
+              {{ transactionsHints.time }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             <datetime-label :datetime="transactionDetails.created"/>
@@ -80,6 +95,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Fee
+            <hint-tooltip>
+              {{ transactionsHints.fee }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             {{ formatAePrice(formatAettosToAe(transactionDetails.fee), null) }}
@@ -88,6 +106,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             Nonce
+            <hint-tooltip>
+              {{ transactionsHints.nonce }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             {{ transactionDetails.nonce }}
@@ -96,6 +117,9 @@
         <tr class="transaction-general-panel__row">
           <th class="transaction-general-panel__table-header">
             API links
+            <hint-tooltip>
+              {{ transactionsHints.apiLinks }}
+            </hint-tooltip>
           </th>
           <td class="transaction-general-panel__data">
             <div class="transaction-general-panel__container">
@@ -125,6 +149,7 @@
 </template>
 
 <script setup>
+import { transactionsHints } from '@/utils/hints/transactionsHints'
 import AppPanel from '@/components/AppPanel'
 import AppChip from '@/components/AppChip'
 import AppIcon from '@/components/AppIcon'
diff --git a/src/components/TransactionPointersPanel.vue b/src/components/TransactionPointersPanel.vue
index 2a5131241..e446e171b 100644
--- a/src/components/TransactionPointersPanel.vue
+++ b/src/components/TransactionPointersPanel.vue
@@ -10,6 +10,9 @@
         <tr class="transaction-pointers-panel__row">
           <th class="transaction-pointers-panel__table-header">
             Account
+            <hint-tooltip>
+              {{ namesHints.accountPointer }}
+            </hint-tooltip>
           </th>
           <td class="transaction-pointers-panel__data">
             <app-link
@@ -18,9 +21,9 @@
               <span class="transaction-pointers-panel__link-text">
                 {{ pointers.account_pubkey }}
               </span>
-              <span class="transaction-pointers-panel__link-text-ellipse">{{
-                formatEllipseHash(pointers.account_pubkey)
-              }}</span>
+              <span class="transaction-pointers-panel__link-text-ellipse">
+                {{ formatEllipseHash(pointers.account_pubkey) }}
+              </span>
             </app-link>
             <template v-else>
               ---
@@ -30,6 +33,9 @@
         <tr class="transaction-pointers-panel__row">
           <th class="transaction-pointers-panel__table-header">
             Channel
+            <hint-tooltip>
+              {{ namesHints.channelPointer }}
+            </hint-tooltip>
           </th>
           <td class="transaction-pointers-panel__data">
             {{ formatNullable(pointers.channel) }}
@@ -38,6 +44,9 @@
         <tr class="transaction-pointers-panel__row">
           <th class="transaction-pointers-panel__table-header">
             Smart Contract
+            <hint-tooltip>
+              {{ namesHints.contractPointer }}
+            </hint-tooltip>
           </th>
           <td class="transaction-pointers-panel__data">
             <app-link
@@ -46,9 +55,9 @@
               <span class="transaction-pointers-panel__link-text">
                 {{ pointers.contract_pubkey }}
               </span>
-              <span class="transaction-pointers-panel__link-text-ellipse">{{
-                formatEllipseHash(pointers.contract_pubkey)
-              }}</span>
+              <span class="transaction-pointers-panel__link-text-ellipse">
+                {{ formatEllipseHash(pointers.contract_pubkey) }}
+              </span>
             </app-link>
             <template v-else>
               ---
@@ -58,6 +67,9 @@
         <tr class="transaction-pointers-panel__row">
           <th class="transaction-pointers-panel__table-header">
             Oracle
+            <hint-tooltip>
+              {{ namesHints.oraclePointer }}
+            </hint-tooltip>
           </th>
           <td class="transaction-pointers-panel__data">
             {{ formatNullable(pointers.oracle_pubkey) }}
@@ -69,6 +81,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppPanel from '@/components/AppPanel'
 import { formatNullable } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableChannelCloseMutualTx.vue b/src/components/TransactionTypeTableChannelCloseMutualTx.vue
index 780e0ce5c..e52556354 100644
--- a/src/components/TransactionTypeTableChannelCloseMutualTx.vue
+++ b/src/components/TransactionTypeTableChannelCloseMutualTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-close-mutual-tx__row">
         <th class="transaction-type-panel-channel-close-mutual-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-mutual-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-close-mutual-tx__row">
         <th class="transaction-type-panel-channel-close-mutual-tx__table-header">
           Initiator / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.initiatorCloseAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-mutual-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.initiator}`">
@@ -31,6 +37,9 @@
       <tr class="transaction-type-panel-channel-close-mutual-tx__row">
         <th class="transaction-type-panel-channel-close-mutual-tx__table-header">
           Responder / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.responderCloseAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-mutual-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.responder}`">
@@ -48,6 +57,9 @@
       <tr class="transaction-type-panel-channel-close-mutual-tx__row">
         <th class="transaction-type-panel-channel-close-mutual-tx__table-header">
           Sent By
+          <hint-tooltip>
+            {{ stateChannelsHints.sentBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-mutual-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -60,6 +72,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableChannelCloseSoloTx.vue b/src/components/TransactionTypeTableChannelCloseSoloTx.vue
index d380bd5ca..f4c3146a8 100644
--- a/src/components/TransactionTypeTableChannelCloseSoloTx.vue
+++ b/src/components/TransactionTypeTableChannelCloseSoloTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-close-solo-tx__row">
         <th class="transaction-type-panel-channel-close-solo-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-solo-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-close-solo-tx__row">
         <th class="transaction-type-panel-channel-close-solo-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.closeRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-solo-tx__data">
           {{ transactionData.round }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-channel-close-solo-tx__row">
         <th class="transaction-type-panel-channel-close-solo-tx__table-header">
           Initiator
+          <hint-tooltip>
+            {{ stateChannelsHints.initiator }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.initiator}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-channel-close-solo-tx__row">
         <th class="transaction-type-panel-channel-close-solo-tx__table-header">
           Responder
+          <hint-tooltip>
+            {{ stateChannelsHints.responder }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.responder}`">
@@ -42,6 +54,9 @@
       <tr class="transaction-type-panel-channel-close-solo-tx__row">
         <th class="transaction-type-panel-channel-close-solo-tx__table-header">
           Proposed By
+          <hint-tooltip>
+            {{ stateChannelsHints.closeProposedBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-close-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -54,6 +69,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableChannelCreateTx.vue b/src/components/TransactionTypeTableChannelCreateTx.vue
index 7561966d0..1f2779f59 100644
--- a/src/components/TransactionTypeTableChannelCreateTx.vue
+++ b/src/components/TransactionTypeTableChannelCreateTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Channel Reserve
+          <hint-tooltip>
+            {{ stateChannelsHints.channelReserve }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           {{
@@ -27,6 +33,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Initiator / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.initiatorCreateAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           <app-link :to="`/accounts/${transactionData.initiator_id}`">
@@ -44,6 +53,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Initiator Delegates
+          <hint-tooltip>
+            {{ stateChannelsHints.initiatorDelegates }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           {{ transactionData.delegate_ids }}
@@ -52,6 +64,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Responder / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.responderCreateAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           <app-link :to="`/accounts/${transactionData.responder_id}`">
@@ -69,6 +84,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Responder Delegates
+          <hint-tooltip>
+            {{ stateChannelsHints.responderDelegates }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           {{ transactionData.delegate_ids }}
@@ -77,6 +95,9 @@
       <tr class="transaction-type-panel-channel-create-tx__row">
         <th class="transaction-type-panel-channel-create-tx__table-header">
           Lock Period
+          <hint-tooltip>
+            {{ stateChannelsHints.lockPeriod }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-create-tx__data">
           {{ transactionData.lock_period }}
@@ -87,6 +108,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableChannelDepositTx.vue b/src/components/TransactionTypeTableChannelDepositTx.vue
index 6649768c4..a8ae94839 100644
--- a/src/components/TransactionTypeTableChannelDepositTx.vue
+++ b/src/components/TransactionTypeTableChannelDepositTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-deposit-tx__row">
         <th class="transaction-type-panel-channel-deposit-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-deposit-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-deposit-tx__row">
         <th class="transaction-type-panel-channel-deposit-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.depositRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-deposit-tx__data">
           {{ transactionData.round }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-channel-deposit-tx__row">
         <th class="transaction-type-panel-channel-deposit-tx__table-header">
           Depositor
+          <hint-tooltip>
+            {{ stateChannelsHints.depositor }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-deposit-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -30,7 +39,12 @@
         </td>
       </tr>
       <tr class="transaction-type-panel-channel-deposit-tx__row">
-        <td>Amount</td>
+        <th class="transaction-type-panel-channel-deposit-tx__table-header">
+          Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.depositAmount }}
+          </hint-tooltip>
+        </th>
         <td class="transaction-type-panel-channel-deposit-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.amount), null) }}
         </td>
@@ -40,6 +54,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableChannelForceProgressTx.vue b/src/components/TransactionTypeTableChannelForceProgressTx.vue
index 9361ccec4..974a727c2 100644
--- a/src/components/TransactionTypeTableChannelForceProgressTx.vue
+++ b/src/components/TransactionTypeTableChannelForceProgressTx.vue
@@ -5,6 +5,9 @@
         <th
           class="transaction-type-panel-channel-force-progress-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-force-progress-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -13,9 +16,11 @@
         </td>
       </tr>
       <tr class="transaction-type-panel-channel-force-progress-tx__row">
-        <th
-          class="transaction-type-panel-channel-force-progress-tx__table-header">
+        <th class="transaction-type-panel-channel-force-progress-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.forceProgressRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-force-progress-tx__data">
           {{ transactionData.round }}
@@ -25,6 +30,9 @@
         <th
           class="transaction-type-panel-channel-force-progress-tx__table-header">
           Initiator
+          <hint-tooltip>
+            {{ stateChannelsHints.initiator }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-force-progress-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.initiator}`">
@@ -36,6 +44,9 @@
         <th
           class="transaction-type-panel-channel-force-progress-tx__table-header">
           Responder
+          <hint-tooltip>
+            {{ stateChannelsHints.responder }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-force-progress-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.responder}`">
@@ -47,6 +58,9 @@
         <th
           class="transaction-type-panel-channel-force-progress-tx__table-header">
           Forced By
+          <hint-tooltip>
+            {{ stateChannelsHints.forcedBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-force-progress-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -59,6 +73,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableChannelSettleTx.vue b/src/components/TransactionTypeTableChannelSettleTx.vue
index 95fa0c92f..1bef5abb3 100644
--- a/src/components/TransactionTypeTableChannelSettleTx.vue
+++ b/src/components/TransactionTypeTableChannelSettleTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-settle-tx__row">
         <th class="transaction-type-panel-channel-settle-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-settle-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-settle-tx__row">
         <th class="transaction-type-panel-channel-settle-tx__table-header">
           Initiator / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.initiatorSettleAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-settle-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.initiator}`">
@@ -31,6 +37,9 @@
       <tr class="transaction-type-panel-channel-settle-tx__row">
         <th class="transaction-type-panel-channel-settle-tx__table-header">
           Responder / Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.responderCloseAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-settle-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.responder}`">
@@ -48,6 +57,9 @@
       <tr class="transaction-type-panel-channel-settle-tx__row">
         <th class="transaction-type-panel-channel-settle-tx__table-header">
           Settled By
+          <hint-tooltip>
+            {{ stateChannelsHints.settledBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-settle-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -60,6 +72,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableChannelSlashTx.vue b/src/components/TransactionTypeTableChannelSlashTx.vue
index 32fc7db30..fa48c9a31 100644
--- a/src/components/TransactionTypeTableChannelSlashTx.vue
+++ b/src/components/TransactionTypeTableChannelSlashTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-slash-tx__row">
         <th class="transaction-type-panel-channel-slash-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-slash-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-slash-tx__row">
         <th class="transaction-type-panel-channel-slash-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.slashedRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-slash-tx__data">
           {{ transactionData.round }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-channel-slash-tx__row">
         <th class="transaction-type-panel-channel-slash-tx__table-header">
           Slashed By
+          <hint-tooltip>
+            {{ stateChannelsHints.slashedBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-slash-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -34,6 +43,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableChannelSnapshotSoloTx.vue b/src/components/TransactionTypeTableChannelSnapshotSoloTx.vue
index 488c00429..304e0502d 100644
--- a/src/components/TransactionTypeTableChannelSnapshotSoloTx.vue
+++ b/src/components/TransactionTypeTableChannelSnapshotSoloTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-snapshot-solo-tx__row">
         <th class="transaction-type-panel-channel-snapshot-solo-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-snapshot-solo-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-snapshot-solo-tx__row">
         <th class="transaction-type-panel-channel-snapshot-solo-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.snapshotRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-snapshot-solo-tx__data">
           {{ transactionData.round }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-channel-snapshot-solo-tx__row">
         <th class="transaction-type-panel-channel-snapshot-solo-tx__table-header">
           Initiator
+          <hint-tooltip>
+            {{ stateChannelsHints.initiator }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-snapshot-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.initiator}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-channel-snapshot-solo-tx__row">
         <th class="transaction-type-panel-channel-snapshot-solo-tx__table-header">
           Responder
+          <hint-tooltip>
+            {{ stateChannelsHints.responder }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-snapshot-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.channel.responder}`">
@@ -42,6 +54,9 @@
       <tr class="transaction-type-panel-channel-snapshot-solo-tx__row">
         <th class="transaction-type-panel-channel-snapshot-solo-tx__table-header">
           Snapshotted By
+          <hint-tooltip>
+            {{ stateChannelsHints.snapshottedBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-snapshot-solo-tx__data">
           <app-link :to="`/accounts/${transactionData.from_id}`">
@@ -54,6 +69,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableChannelWithdrawTx.vue b/src/components/TransactionTypeTableChannelWithdrawTx.vue
index 6e081af21..5edffb712 100644
--- a/src/components/TransactionTypeTableChannelWithdrawTx.vue
+++ b/src/components/TransactionTypeTableChannelWithdrawTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-channel-withdraw-tx__row">
         <th class="transaction-type-panel-channel-withdraw-tx__table-header">
           Channel ID
+          <hint-tooltip>
+            {{ stateChannelsHints.stateChannelId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-withdraw-tx__data">
           <app-link :to="`/state-channels/${transactionData.channel_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-channel-withdraw-tx__row">
         <th class="transaction-type-panel-channel-withdraw-tx__table-header">
           Round
+          <hint-tooltip>
+            {{ stateChannelsHints.withdrawRound }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-withdraw-tx__data">
           {{ transactionData.round }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-channel-withdraw-tx__row">
         <th class="transaction-type-panel-channel-withdraw-tx__table-header">
           Recipient
+          <hint-tooltip>
+            {{ stateChannelsHints.withdrawRecipient }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-withdraw-tx__data">
           <app-link :to="`/accounts/${transactionData.to_id}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-channel-withdraw-tx__row">
         <th class="transaction-type-panel-channel-withdraw-tx__table-header">
           Amount
+          <hint-tooltip>
+            {{ stateChannelsHints.withdrawAmount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-channel-withdraw-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.amount), null) }}
@@ -42,6 +54,7 @@
 </template>
 
 <script setup>
+import { stateChannelsHints } from '@/utils/hints/stateChannelsHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableContractCallTx.vue b/src/components/TransactionTypeTableContractCallTx.vue
index b73d32b7a..80d41e2f0 100644
--- a/src/components/TransactionTypeTableContractCallTx.vue
+++ b/src/components/TransactionTypeTableContractCallTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Status
+          <hint-tooltip>
+            {{ contractsHints.status }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           <transaction-type-status-label :status="transactionData.result"/>
@@ -12,6 +15,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Smart Contract
+          <hint-tooltip>
+            {{ contractsHints.smartContract }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           <app-link :to="`/contracts/${transactionData.contract_id}`">
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Caller
+          <hint-tooltip>
+            {{ contractsHints.caller }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           <app-link :to="`/accounts/${transactionData.caller_id}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Amount
+          <hint-tooltip>
+            {{ contractsHints.amount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.amount), null) }}
@@ -39,7 +51,10 @@
       </tr>
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
-          Entry Point
+          Entrypoint
+          <hint-tooltip>
+            {{ contractsHints.entrypoint }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           <app-chip>
@@ -50,6 +65,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Arguments
+          <hint-tooltip>
+            {{ contractsHints.arguments }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           {{ formatNullable(transactionData.arguments) }}
@@ -58,6 +76,9 @@
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
           Return
+          <hint-tooltip>
+            {{ contractsHints.return }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           {{ formatNullable(transactionData.return) }}
@@ -65,9 +86,16 @@
       </tr>
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
-          Gas Limit /
+          Gas Limit
+          <hint-tooltip>
+            {{ contractsHints.gasLimit }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Price
+          <hint-tooltip>
+            {{ contractsHints.gasPrice }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           {{ transactionData.gas }}
@@ -77,9 +105,16 @@
       </tr>
       <tr class="transaction-type-panel-contract-call-tx__row">
         <th class="transaction-type-panel-contract-call-tx__table-header">
-          Gas Used /
+          Gas Used
+          <hint-tooltip>
+            {{ contractsHints.gasUsed }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Costs
+          <hint-tooltip>
+            {{ contractsHints.gasCost }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-call-tx__data">
           {{ formatNullable(transactionData.gas_used) }}
@@ -92,6 +127,7 @@
 </template>
 
 <script setup>
+import { contractsHints } from '@/utils/hints/contractsHints'
 import AppLink from '@/components/AppLink'
 import TransactionTypeStatusLabel from '@/components/TransactionTypeStatusLabel'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
diff --git a/src/components/TransactionTypeTableContractCreateTx.vue b/src/components/TransactionTypeTableContractCreateTx.vue
index 4a9a7cabc..2fbdc0d7b 100644
--- a/src/components/TransactionTypeTableContractCreateTx.vue
+++ b/src/components/TransactionTypeTableContractCreateTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
           Status
+          <hint-tooltip>
+            {{ contractsHints.status }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           <transaction-type-status-label :status="transactionData.return_type"/>
@@ -12,6 +15,9 @@
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
           Smart Contract
+          <hint-tooltip>
+            {{ contractsHints.smartContract }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           <app-link :to="`/contracts/${transactionData.contract_id}`">
@@ -21,7 +27,10 @@
       </tr>
       <tr>
         <th class="transaction-type-panel-contract-create-tx__table-header">
-          Creator
+          Created By
+          <hint-tooltip>
+            {{ contractsHints.createdBy }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           <app-link :to="`/accounts/${transactionData.owner_id}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
           Amount
+          <hint-tooltip>
+            {{ contractsHints.amount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.amount), null) }}
@@ -40,6 +52,9 @@
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
           Arguments
+          <hint-tooltip>
+            {{ contractsHints.arguments }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           {{ formatNullable(transactionData.args) }}
@@ -47,9 +62,16 @@
       </tr>
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
-          Gas Limit /
+          Gas Limit
+          <hint-tooltip>
+            {{ contractsHints.gasLimit }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Price
+          <hint-tooltip>
+            {{ contractsHints.gasPrice }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           {{ transactionData.gas }}
@@ -59,9 +81,16 @@
       </tr>
       <tr class="transaction-type-panel-contract-create-tx__row">
         <th class="transaction-type-panel-contract-create-tx__table-header">
-          Gas Used /
+          Gas Used
+          <hint-tooltip>
+            {{ contractsHints.gasUsed }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Costs
+          <hint-tooltip>
+            {{ contractsHints.gasCost }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-contract-create-tx__data">
           {{ formatNullable(transactionData.gas_used) }}
@@ -77,6 +106,7 @@
 import AppLink from '@/components/AppLink'
 import TransactionTypeStatusLabel from '@/components/TransactionTypeStatusLabel'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
+import { contractsHints } from '@/utils/hints/contractsHints'
 
 const props = defineProps({
   transactionData: {
diff --git a/src/components/TransactionTypeTableGAAttachTx.vue b/src/components/TransactionTypeTableGAAttachTx.vue
index 280832839..c7b1fa928 100644
--- a/src/components/TransactionTypeTableGAAttachTx.vue
+++ b/src/components/TransactionTypeTableGAAttachTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
           Status
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxStatus }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           <transaction-type-status-label :status="transactionData.return_type"/>
@@ -12,6 +15,9 @@
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
           Account
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxAccount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           <app-link :to="`/accounts/${transactionData.owner_id}`">
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
           Smart Contract ID
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxSmartContractId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           <app-link :to="`/contracts/${transactionData.contract_id}`">
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
           Auth Function
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxAuthFunction }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           {{ transactionData.auth_fun_name }}
@@ -40,6 +52,9 @@
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
           Arguments
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxArguments }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           {{ formatNullable(transactionData.args) }}
@@ -47,9 +62,16 @@
       </tr>
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
-          Gas Limit /
+          Gas Limit
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxGasLimit }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Price
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxGasPrice }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           {{ formatNullable(transactionData.gas) }}
@@ -59,9 +81,16 @@
       </tr>
       <tr class="transaction-type-panel-ga-attach-tx__row">
         <th class="transaction-type-panel-ga-attach-tx__table-header">
-          Gas Used /
+          Gas Used
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxGasUsed }}
+          </hint-tooltip>
+          /
           <wbr>
           Gas Costs
+          <hint-tooltip>
+            {{ transactionsHints.gaAttachTxGasCost }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-attach-tx__data">
           {{ formatNullable(transactionData.gas_used) }}
@@ -74,6 +103,7 @@
 </template>
 
 <script setup>
+import { transactionsHints } from '@/utils/hints/transactionsHints'
 import AppLink from '@/components/AppLink'
 import TransactionTypeStatusLabel from '@/components/TransactionTypeStatusLabel'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
diff --git a/src/components/TransactionTypeTableGAMetaTx.vue b/src/components/TransactionTypeTableGAMetaTx.vue
index 4f2577398..2afb35653 100644
--- a/src/components/TransactionTypeTableGAMetaTx.vue
+++ b/src/components/TransactionTypeTableGAMetaTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-ga-meta-tx__row">
         <th class="transaction-type-panel-ga-meta-tx__table-header">
           Sender
+          <hint-tooltip>
+            {{ transactionsHints.sender }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-meta-tx__data">
           <app-link :to="`/accounts/${innerTransactionDetails.sender_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-ga-meta-tx__row">
         <th class="transaction-type-panel-ga-meta-tx__table-header">
           Recipient
+          <hint-tooltip>
+            {{ transactionsHints.recipient }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-meta-tx__data">
           <app-link :to="`/accounts/${innerTransactionDetails.recipient_id}`">
@@ -24,6 +30,9 @@
       <tr class="transaction-type-panel-ga-meta-tx__row">
         <th class="transaction-type-panel-ga-meta-tx__table-header">
           Amount
+          <hint-tooltip>
+            {{ transactionsHints.amount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-meta-tx__data">
           {{
@@ -37,6 +46,9 @@
       <tr class="transaction-type-panel-ga-meta-tx__row">
         <th class="transaction-type-panel-ga-meta-tx__table-header">
           Payload
+          <hint-tooltip>
+            {{ transactionsHints.payload }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-ga-meta-tx__data">
           {{ payload }}
@@ -48,6 +60,7 @@
 
 <script setup>
 import { decode } from '@aeternity/aepp-sdk'
+import { transactionsHints } from '@/utils/hints/transactionsHints'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
 import AppLink from '@/components/AppLink'
 
diff --git a/src/components/TransactionTypeTableNameClaimTx.vue b/src/components/TransactionTypeTableNameClaimTx.vue
index ec3db2ce6..e1497fac7 100644
--- a/src/components/TransactionTypeTableNameClaimTx.vue
+++ b/src/components/TransactionTypeTableNameClaimTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-name-claim-tx__row">
         <th class="transaction-type-panel-name-claim-tx__table-header">
           Name
+          <hint-tooltip>
+            {{ namesHints.name }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-claim-tx__data">
           <app-link :to="`/names/${transactionData.name}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-name-claim-tx__row">
         <th class="transaction-type-panel-name-claim-tx__table-header">
           Claimer
+          <hint-tooltip>
+            {{ namesHints.claimer }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-claim-tx__data">
           <app-link :to="`/accounts/${transactionData.account_id}`">
@@ -23,7 +29,10 @@
       </tr>
       <tr class="transaction-type-panel-name-claim-tx__row">
         <th class="transaction-type-panel-name-claim-tx__table-header">
-          Name Fee
+          Activation Price
+          <hint-tooltip>
+            {{ namesHints.activationPrice }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-claim-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.name_fee), null) }}
@@ -34,6 +43,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableNamePreclaimTx.vue b/src/components/TransactionTypeTableNamePreclaimTx.vue
index e9992655b..758495408 100644
--- a/src/components/TransactionTypeTableNamePreclaimTx.vue
+++ b/src/components/TransactionTypeTableNamePreclaimTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-name-preclaim-tx__row">
         <th class="transaction-type-panel-name-preclaim-tx__table-header">
           Claimer
+          <hint-tooltip>
+            {{ namesHints.preclaimer }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-preclaim-tx__data">
           <app-link :to="`/accounts/${transactionData.account_id}`">
@@ -16,6 +19,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppLink from '@/components/AppLink'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableNameRevokeTx.vue b/src/components/TransactionTypeTableNameRevokeTx.vue
index 2eb8b96dc..fd0397498 100644
--- a/src/components/TransactionTypeTableNameRevokeTx.vue
+++ b/src/components/TransactionTypeTableNameRevokeTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-name-revoke-tx__row">
         <th class="transaction-type-panel-name-revoke-tx__table-header">
           Name
+          <hint-tooltip>
+            {{ namesHints.name }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-revoke-tx__data">
           <app-link
@@ -19,6 +22,9 @@
       <tr class="transaction-type-panel-name-revoke-tx__row">
         <th class="transaction-type-panel-name-revoke-tx__table-header">
           Last Owner
+          <hint-tooltip>
+            {{ namesHints.lastOwner }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-revoke-tx__data">
           <app-link :to="`/accounts/${transactionData.account_id}`">
@@ -31,6 +37,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppLink from '@/components/AppLink'
 import { formatNullable } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableNameTransferTx.vue b/src/components/TransactionTypeTableNameTransferTx.vue
index 7e4c7ab3b..27e41a4e8 100644
--- a/src/components/TransactionTypeTableNameTransferTx.vue
+++ b/src/components/TransactionTypeTableNameTransferTx.vue
@@ -1,9 +1,12 @@
 <template>
   <table class="transaction-type-panel-name-transfer-tx__table">
     <tbody>
-      <tr class="ransaction-type-panel-name-transfer-tx__row">
+      <tr class="transaction-type-panel-name-transfer-tx__row">
         <th class="transaction-type-panel-name-transfer-tx__table-header">
           Name
+          <hint-tooltip>
+            {{ namesHints.name }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-transfer-tx__data">
           <app-link
@@ -16,9 +19,12 @@
           </template>
         </td>
       </tr>
-      <tr class="ransaction-type-panel-name-transfer-tx__row">
+      <tr class="transaction-type-panel-name-transfer-tx__row">
         <th class="transaction-type-panel-name-transfer-tx__table-header">
           Old Owner
+          <hint-tooltip>
+            {{ namesHints.oldOwner }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-transfer-tx__data">
           <app-link :to="`/accounts/${transactionData.account_id}`">
@@ -26,9 +32,12 @@
           </app-link>
         </td>
       </tr>
-      <tr class="ransaction-type-panel-name-transfer-tx__row">
+      <tr class="transaction-type-panel-name-transfer-tx__row">
         <th class="transaction-type-panel-name-transfer-tx__table-header">
           New Owner
+          <hint-tooltip>
+            {{ namesHints.newOwner }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-transfer-tx__data">
           <app-link :to="`/accounts/${transactionData.recipient_id}`">
@@ -41,6 +50,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppLink from '@/components/AppLink'
 import { formatNullable } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableNameUpdateTx.vue b/src/components/TransactionTypeTableNameUpdateTx.vue
index 72b593065..660b54914 100644
--- a/src/components/TransactionTypeTableNameUpdateTx.vue
+++ b/src/components/TransactionTypeTableNameUpdateTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-name-update-tx__row">
         <th class="transaction-type-panel-name-update-tx__table-header">
           Name
+          <hint-tooltip>
+            {{ namesHints.name }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-update-tx__data">
           <app-link
@@ -19,6 +22,9 @@
       <tr class="transaction-type-panel-name-update-tx__row">
         <th class="transaction-type-panel-name-update-tx__table-header">
           Owner
+          <hint-tooltip>
+            {{ namesHints.owner }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-update-tx__data">
           <app-link :to="`/accounts/${transactionData.account_id}`">
@@ -29,6 +35,9 @@
       <tr class="transaction-type-panel-name-update-tx__row">
         <th class="transaction-type-panel-name-update-tx__table-header">
           Name TTL
+          <hint-tooltip>
+            {{ namesHints.nameTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-name-update-tx__data">
           {{ transactionData.name_ttl }}
@@ -39,6 +48,7 @@
 </template>
 
 <script setup>
+import { namesHints } from '@/utils/hints/namesHints'
 import AppLink from '@/components/AppLink'
 import { formatNullable } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableOracleExtendTx.vue b/src/components/TransactionTypeTableOracleExtendTx.vue
index b764cf913..71329bec9 100644
--- a/src/components/TransactionTypeTableOracleExtendTx.vue
+++ b/src/components/TransactionTypeTableOracleExtendTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-oracle-extend-tx__row">
         <th class="transaction-type-panel-oracle-extend-tx__table-header">
           Oracle
+          <hint-tooltip>
+            {{ oraclesHints.oracleId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-extend-tx__data">
           <app-link :to="`/oracles/${transactionData.oracle_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-oracle-extend-tx__row">
         <th class="transaction-type-panel-oracle-extend-tx__table-header">
           Oracle TTL / Type
+          <hint-tooltip>
+            {{ oraclesHints.oracleTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-extend-tx__data">
           {{ transactionData.oracle_ttl.value }}
@@ -26,6 +32,8 @@
 </template>
 
 <script setup>
+import { oraclesHints } from '@/utils/hints/oraclesHints'
+
 defineProps({
   transactionData: {
     required: true,
diff --git a/src/components/TransactionTypeTableOracleQueryTx.vue b/src/components/TransactionTypeTableOracleQueryTx.vue
index afa03b26c..b36743ddf 100644
--- a/src/components/TransactionTypeTableOracleQueryTx.vue
+++ b/src/components/TransactionTypeTableOracleQueryTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Oracle
+          <hint-tooltip>
+            {{ oraclesHints.oracleId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           <app-link :to="`/oracles/${transactionData.oracle_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Sender
+          <hint-tooltip>
+            {{ oraclesHints.sender }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           <app-link :to="`/accounts/${transactionData.sender_id}`">
@@ -24,6 +30,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Query ID
+          <hint-tooltip>
+            {{ oraclesHints.queryId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           {{ formatNullable(transactionData.query_id) }}
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Query
+          <hint-tooltip>
+            {{ oraclesHints.queryContent }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           {{ transactionData.query }}
@@ -40,6 +52,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Query Fee
+          <hint-tooltip>
+            {{ oraclesHints.queryFee }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.query_fee), null) }}
@@ -48,6 +63,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Query TTL / Type
+          <hint-tooltip>
+            {{ oraclesHints.queryTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           {{ transactionData.query_ttl.value }}
@@ -58,6 +76,9 @@
       <tr class="transaction-type-panel-oracle-query-tx__row">
         <th class="transaction-type-panel-oracle-query-tx__table-header">
           Response TTL / Type
+          <hint-tooltip>
+            {{ oraclesHints.responseTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-query-tx__data">
           {{ transactionData.response_ttl.value }}
@@ -70,6 +91,7 @@
 </template>
 
 <script setup>
+import { oraclesHints } from '@/utils/hints/oraclesHints'
 import AppLink from '@/components/AppLink'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
 
diff --git a/src/components/TransactionTypeTableOracleRegisterTx.vue b/src/components/TransactionTypeTableOracleRegisterTx.vue
index 21b1560c0..96b235448 100644
--- a/src/components/TransactionTypeTableOracleRegisterTx.vue
+++ b/src/components/TransactionTypeTableOracleRegisterTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-oracle-register-tx__row">
         <th class="transaction-type-panel-oracle-register-tx__table-header">
           Oracle
+          <hint-tooltip>
+            {{ oraclesHints.oracleId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-register-tx__data">
           <app-link :to="`/oracles/${transactionData.oracle_id}`">
@@ -13,7 +16,10 @@
       </tr>
       <tr class="transaction-type-panel-oracle-register-tx__row">
         <th class="transaction-type-panel-oracle-register-tx__table-header">
-          Oracle Lifetime / Type
+          Oracle TTL / Type
+          <hint-tooltip>
+            {{ oraclesHints.oracleTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-register-tx__data">
           {{ transactionData.oracle_ttl.value }}
@@ -24,6 +30,9 @@
       <tr class="transaction-type-panel-oracle-register-tx__row">
         <th class="transaction-type-panel-oracle-register-tx__table-header">
           Query Fee
+          <hint-tooltip>
+            {{ oraclesHints.queryFee }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-register-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.query_fee), null) }}
@@ -32,6 +41,9 @@
       <tr class="transaction-type-panel-oracle-register-tx__row">
         <th class="transaction-type-panel-oracle-register-tx__table-header">
           Query Format
+          <hint-tooltip>
+            {{ oraclesHints.queryFormat }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-register-tx__data">
           {{ transactionData.query_format }}
@@ -40,6 +52,9 @@
       <tr class="transaction-type-panel-oracle-register-tx__row">
         <th class="transaction-type-panel-oracle-register-tx__table-header">
           Response Format
+          <hint-tooltip>
+            {{ oraclesHints.responseFormat }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-register-tx__data">
           {{ transactionData.response_format }}
@@ -50,6 +65,7 @@
 </template>
 
 <script setup>
+import { oraclesHints } from '@/utils/hints/oraclesHints'
 import { formatAePrice, formatAettosToAe, formatNullable } from '@/utils/format'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableOracleRespondTx.vue b/src/components/TransactionTypeTableOracleRespondTx.vue
index ef5bceea9..e16ee32e7 100644
--- a/src/components/TransactionTypeTableOracleRespondTx.vue
+++ b/src/components/TransactionTypeTableOracleRespondTx.vue
@@ -4,6 +4,9 @@
       <tr class="transaction-type-panel-oracle-respond-tx__row">
         <th class="transaction-type-panel-oracle-respond-tx__table-header">
           Oracle
+          <hint-tooltip>
+            {{ oraclesHints.oracleId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-respond-tx__data">
           <app-link :to="`/oracles/${transactionData.oracle_id}`">
@@ -14,6 +17,9 @@
       <tr class="transaction-type-panel-oracle-respond-tx__row">
         <th class="transaction-type-panel-oracle-respond-tx__table-header">
           Query ID
+          <hint-tooltip>
+            {{ oraclesHints.queryId }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-respond-tx__data">
           {{ transactionData.query_id }}
@@ -22,6 +28,9 @@
       <tr class="transaction-type-panel-oracle-respond-tx__row">
         <th class="transaction-type-panel-oracle-respond-tx__table-header">
           Response
+          <hint-tooltip>
+            {{ oraclesHints.response }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-respond-tx__data">
           {{ formatDecodeByteArray(transactionData.response) }}
@@ -30,6 +39,9 @@
       <tr class="transaction-type-panel-oracle-respond-tx__row">
         <th class="transaction-type-panel-oracle-respond-tx__table-header">
           Response TTL / Type
+          <hint-tooltip>
+            {{ oraclesHints.responseTtl }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-oracle-respond-tx__data">
           {{ transactionData.response_ttl.value }}
@@ -42,6 +54,7 @@
 </template>
 
 <script setup>
+import { oraclesHints } from '@/utils/hints/oraclesHints'
 import { formatDecodeByteArray } from '@/utils/format'
 
 defineProps({
diff --git a/src/components/TransactionTypeTableSpendTx.vue b/src/components/TransactionTypeTableSpendTx.vue
index 901f29516..f33a151cc 100644
--- a/src/components/TransactionTypeTableSpendTx.vue
+++ b/src/components/TransactionTypeTableSpendTx.vue
@@ -4,32 +4,38 @@
       <tr class="transaction-type-panel-spend-tx__row">
         <th class="transaction-type-panel-spend-tx__table-header">
           Sender
+          <hint-tooltip>
+            {{ transactionsHints.sender }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-spend-tx__data">
           <app-link :to="`/accounts/${transactionData.sender_id}`">
-            <span class="transaction-type-panel-spend-tx__hash">{{
-              transactionData.sender_id
-            }}</span>
-            <span class="transaction-type-panel-spend-tx__hash-ellipse">{{
-              formatEllipseHash(transactionData.sender_id)
-            }}</span>
+            <span class="transaction-type-panel-spend-tx__hash">
+              {{ transactionData.sender_id }}
+            </span>
+            <span class="transaction-type-panel-spend-tx__hash-ellipse">
+              {{ formatEllipseHash(transactionData.sender_id) }}
+            </span>
           </app-link>
         </td>
       </tr>
       <tr class="transaction-type-panel-spend-tx__row">
         <th class="transaction-type-panel-spend-tx__table-header">
           Recipient
+          <hint-tooltip>
+            {{ transactionsHints.recipient }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-spend-tx__data">
           <app-link
             v-if="!transactionData.recipient"
             :to="`/accounts/${transactionData.recipient_id}`">
-            <span class="transaction-type-panel-spend-tx__hash">{{
-              transactionData.recipient_id
-            }}</span>
-            <span class="transaction-type-panel-spend-tx__hash-ellipse">{{
-              formatEllipseHash(transactionData.recipient_id)
-            }}</span>
+            <span class="transaction-type-panel-spend-tx__hash">
+              {{ transactionData.recipient_id }}
+            </span>
+            <span class="transaction-type-panel-spend-tx__hash-ellipse">
+              {{ formatEllipseHash(transactionData.recipient_id) }}
+            </span>
           </app-link>
           <app-link
             v-else
@@ -41,6 +47,9 @@
       <tr class="transaction-type-panel-spend-tx__row">
         <th class="transaction-type-panel-spend-tx__table-header">
           Amount
+          <hint-tooltip>
+            {{ transactionsHints.amount }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-spend-tx__data">
           {{ formatAePrice(formatAettosToAe(transactionData.amount), null) }}
@@ -49,6 +58,9 @@
       <tr class="transaction-type-panel-spend-tx__row">
         <th class="transaction-type-panel-spend-tx__table-header">
           Payload
+          <hint-tooltip>
+            {{ transactionsHints.payload }}
+          </hint-tooltip>
         </th>
         <td class="transaction-type-panel-spend-tx__data">
           {{ decode(transactionData.payload) }}
@@ -60,6 +72,7 @@
 
 <script setup>
 import { decode } from '@aeternity/aepp-sdk'
+import { transactionsHints } from '@/utils/hints/transactionsHints'
 import { formatAePrice, formatAettosToAe, formatEllipseHash } from '@/utils/format'
 import AppLink from '@/components/AppLink'
 
diff --git a/src/utils/hints/contractsHints.js b/src/utils/hints/contractsHints.js
index 7af3b7aee..414d1b3a6 100644
--- a/src/utils/hints/contractsHints.js
+++ b/src/utils/hints/contractsHints.js
@@ -1,6 +1,17 @@
 export const contractsHints = {
   contractId: 'Unique identifier for a smart contract instance that lives on the blockchain.',
-  contractCreated: 'Keyblock height and exact date and time when the smart contract was created.',
-  contractTxHash: 'The transaction hash of a ContractCreateTx that was executed to create the smart contract on the blockchain.',
-  contractCreator: 'Account that created the smart contract.',
+  createdBy: 'Keyblock height and exact date and time when the smart contract was created.',
+  hash: 'The transaction hash of a ContractCreateTx that was executed to create the smart contract on the blockchain.',
+  creator: 'Account that created the smart contract on the blockchain.',
+  status: 'Status of the transaction.',
+  smartContract: 'Unique identifier for a smart contract instance that lives on the blockchain.',
+  caller: 'Account that called the smart contract.',
+  amount: 'Amount of AE coins that were transferred to the smart contract address.',
+  entrypoint: 'The entrypoint of the smart contract that has been called.',
+  arguments: 'Arguments that were passed to the entrypoint.',
+  return: 'Value that was returned by the entrypoint.',
+  gasLimit: 'Maximum amount of gas to be consumed by this transaction.',
+  gasPrice: 'Price for one unit of gas.',
+  gasUsed: 'Amount of gas that was consumed by this transaction.',
+  gasCost: 'The amount of AE paid for the execution of the contract entrypoint.',
 }
diff --git a/src/utils/hints/namesHints.js b/src/utils/hints/namesHints.js
index 167670137..7b78c9ed7 100644
--- a/src/utils/hints/namesHints.js
+++ b/src/utils/hints/namesHints.js
@@ -27,4 +27,9 @@ export const namesHints = {
   activationPrice: 'Amount of AE coins paid for the name activation at fixed price or via auction. These AE coins are burned.',
   activationTime: 'Keyblock height and date and time when the name was activated.',
   nameAndHighestBidder: 'Auctioned name and its highest bidder.',
+  preclaimer: 'The account that pre-claimed the name.',
+  claimer: 'The account that claimed the name.',
+  nameTtl: 'The relative lifetime before expiration in keyblocks.',
+  oldOwner: 'The account that previously owned the name.',
+  newOwner: 'The account that received the name and became its new owner.',
 }
diff --git a/src/utils/hints/oraclesHints.js b/src/utils/hints/oraclesHints.js
index f06be534e..c0441aa86 100644
--- a/src/utils/hints/oraclesHints.js
+++ b/src/utils/hints/oraclesHints.js
@@ -12,7 +12,10 @@ export const oraclesHints = {
   queryStatus: 'Status of the oracle query that can be expanded to see the details.',
   respondTx: 'Transaction hash of the oracle response.',
   queryId: 'Unique identifier of the oracle query.',
-  queryContent: 'The query is the actual subject of the Query transaction that was sent to the oracle.',
+  queryContent: 'The actual subject of the OracleQueryTx that an oracle operator requests in order to respond.',
   responseTtl: 'Defines how long the response will be accessible in keyblocks. The displayed lifetime is relative and if a smart contract relies on the response, the user or a service should make sure the response is consumed during its lifetime.',
   response: 'The response payload to the given query.',
+  sender: 'The account that queried the oracle.',
+  queryTtl: 'Defines the lifetime of an oracle query in keyblocks. The oracle operator can only respond as long as the query is valid.',
+  oracleTtl: 'Defines how long the oracle will be accessible in keyblocks.',
 }
diff --git a/src/utils/hints/stateChannelsHints.js b/src/utils/hints/stateChannelsHints.js
index a0b5111c2..189ff0a3b 100644
--- a/src/utils/hints/stateChannelsHints.js
+++ b/src/utils/hints/stateChannelsHints.js
@@ -12,4 +12,30 @@ export const stateChannelsHints = {
   initiator: 'The account that initiated the creation of the state channel and covered the fees for its creation.',
   responder: 'The participating account that joined the state channel.',
   lastKnownRound: 'Participants can for example protect themselves from being cheated on by providing a snapshot from the latest off-chain round to the chain.',
+  slashedRound: 'The round in which the slash was triggered.',
+  slashedBy: 'The account that slashed (disputed) malicious ChannelCloseSoloTx or ChannelForceProgressTx.',
+  initiatorCreateAmount: 'Unsigned amount of coins the initiator commits to the channel.',
+  initiatorCloseAmount: 'Final balance for the initiator.',
+  initiatorSettleAmount: 'Unsigned amount of coins the initiator gets from the channel.',
+  responderCreateAmount: 'Unsigned amount of coins the responder commits to the channel.',
+  responderCloseAmount: 'Final balance for the responder.',
+  responderSettleAmount: 'Unsigned amount of coins the responder gets from the channel.',
+  settledBy: 'Participant of the state channel that posted the settling transaction.',
+  snapshotRound: 'Channel snapshot\'s round.',
+  snapshottedBy: 'The account that initated the snapshot of the state channel.',
+  forceProgressRound: 'The round in which the state channel was forced to progress.',
+  forcedBy: 'Participant or a delegate of the channel that posts the force progress transaction.',
+  depositor: 'The account that deposited funds to the state channel.',
+  depositRound: 'The channel\'s internal round that applies the deposit.',
+  depositAmount: 'Amount deposited to the state channel.',
+  withdrawRound: ' The channel\'s internal round that applies the withdraw.',
+  withdrawAmount: 'Amount withdrawn from the state channel.',
+  withdrawRecipient: 'The account that received the withdrawn funds.',
+  initiatorDelegates: 'List of delegate account ids by the initiator. The delegates play a role in the solo closing sequence.',
+  responderDelegates: 'List of delegate account ids by the responder. The delegates play a role in the solo closing sequence.',
+  lockPeriod: 'Period for disputes after solo operations.',
+  closeRound: 'The round in which the state channel was proposed to be closed.',
+  closeProposedBy: 'The participant of the state channel that posts the closing transaction.',
+  sentBy: 'State channel participant or delegate that posts the slashing transaction.',
+  channelReserve: 'The minimum amount of AE coins that must remain locked in any of the off-chain accounts in the state channel.',
 }
diff --git a/src/utils/hints/transactionsHints.js b/src/utils/hints/transactionsHints.js
index d48a031b8..4afdf395d 100644
--- a/src/utils/hints/transactionsHints.js
+++ b/src/utils/hints/transactionsHints.js
@@ -27,4 +27,25 @@ export const transactionsHints = {
   gAAttachTx: 'Converts a regular, plain-old account into a generalized account by attaching a smart contract to it that has to implement a special function to authorize transactions.',
   gAMetaTx: 'This transaction type must be used in order to execute transactions for a generalized account where the authorization is handled by a smart contract. The actual transaction is wrapped and will only be executed if the provided auth data is valid according to the smart contract that verifies it.',
   payingForTx: 'Covers the fees for another user. It wraps any kind of other transaction types.',
+  keyblockHeight: 'Keyblock height when the transaction was mined.',
+  keyblockConfirmations: 'Amount of keyblocks that were added since the transaction was mined.',
+  status: 'Status of the transaction.',
+  microblockHash: 'Microblock in which the transaction is included.',
+  time: 'Exact date and time when the transaction was mined.',
+  fee: 'Fees paid for the transaction.',
+  nonce: 'The nonce that has been used to execute this transaction. The nonce is used to prevent replay attacks and to keep transactions for a specific account in the right order. If a transaction with a way higher nonce is broadcasted, it won\'t be executed until all transactions with lower nonces are executed.',
+  apiLinks: 'Links to sources of the transaction data.',
+  sender: 'Account that sent AE coins.',
+  recipient: 'Account that received AE coins.',
+  amount: 'Amount of AE coins that were transferred.',
+  payload: 'Additional message attached to transaction.',
+  gaAttachTxStatus: 'Status of the transaction.',
+  gaAttachTxAccount: 'Account that was converted into a generalized account. The authorization logic of the account is now handled by the smart contract that was attached to the account.',
+  gaAttachTxSmartContractId: 'Unique identifier of the smart contract that was attached to the account.',
+  gaAttachTxGasLimit: 'Maximum amount of gas to be consumed by this transaction.',
+  gaAttachTxAuthFunction: 'Name of the smart contract entrypoint that in the future handles the authorization logic of the account.',
+  gaAttachTxArguments: 'Arguments that were passed to initialize the attached smart contract.',
+  gaAttachTxGasPrice: 'Price for one unit of gas.',
+  gaAttachTxGasUsed: 'Amount of gas that was consumed for attaching the smart contract to the account.',
+  gaAttachTxGasCost: 'The amount of AE paid for attaching the smart contract to the account.',
 }