feat: improve self-stake boost UI with TLOS amounts and tooltips

- Show actual self-staked TLOS amount instead of raw boost vote weight
  e.g. '🔒 30,013 TLOS (10x Boost)' instead of '+271,466.0406 Boosted'
- Add tooltip with details: staked amount, boost votes, BP count (X/30)
- For BPs without boost activation: '🔒 161,606 TLOS Self Staked'
  with tooltip explaining re-vote needed
- Track self_staked_amount and num_producers_voted in Producer type
- Users can now see actual skin-in-the-game in TLOS terms

Author: molty365

src/components/validators/ValidatorDataTable.vue

@@ -180,18 +180,24 @@ export default defineComponent({
                                             v-if="bp.self_staked_boost > 0"
                                             color="primary"
                                             text-color="white"
-                                            :label="`+${(bp.self_staked_boost / 10000).toLocaleString(undefined, {minimumFractionDigits: 4,maximumFractionDigits: 4,})} Boosted`"
+                                            :label="`🔒 ${(bp.self_staked_amount / 10000).toLocaleString(undefined, {minimumFractionDigits: 0,maximumFractionDigits: 0,})} ${symbol} (10x Boost)`"
                                             size="sm"
-                                        />
+                                        >
+                                            <q-tooltip>
+                                                Self-staked: {{ (bp.self_staked_amount / 10000).toLocaleString(undefined, {minimumFractionDigits: 4,maximumFractionDigits: 4,}) }} {{ symbol }}
+                                                · Boost: +{{ (bp.self_staked_boost / 10000).toLocaleString(undefined, {minimumFractionDigits: 0,maximumFractionDigits: 0,}) }} votes
+                                                · Voting for {{ bp.num_producers_voted }}/30 BPs
+                                            </q-tooltip>
+                                        </q-chip>
                                         <q-chip
                                             v-else-if="bp.is_self_staking"
                                             outline
-                                            color="green"
-                                            text-color="green"
-                                            label="Self Staked"
+                                            color="positive"
+                                            text-color="positive"
+                                            :label="`🔒 ${(bp.self_staked_amount / 10000).toLocaleString(undefined, {minimumFractionDigits: 0,maximumFractionDigits: 0,})} ${symbol} Self Staked`"
                                             size="sm"
                                         >
-                                            <q-tooltip>This BP votes for itself but hasn't activated the 10x boost yet. BP needs to re-vote to activate.</q-tooltip>
+                                            <q-tooltip>This BP self-stakes but hasn't activated the 10x boost yet. A re-vote or stake change will activate it.</q-tooltip>
                                         </q-chip>
                                     </div>
                                 </div>

src/stores/chain.ts

@@ -100,11 +100,15 @@ export const useChainStore = defineStore('chain', {
                         table: 'voters',
                         lower_bound: Name.from(data.owner),
                         limit: 1,
-                    }) as { rows:  { owner: string; self_stake_boost: number; producers: string[]; last_vote_weight: number }[] };
+                    }) as { rows:  { owner: string; self_stake_boost: number; staked: number; producers: string[]; last_vote_weight: number }[] };
                     let selfStakedBoost = 0;
                     let isSelfStaking = false;
+                    let selfStakedAmount = 0;
+                    let numProducersVoted = 0;
                     if (producerVote.rows.length > 0 && producerVote.rows[0].owner === data.owner) {
                         isSelfStaking = producerVote.rows[0].producers.includes(data.owner);
+                        selfStakedAmount = producerVote.rows[0].staked;
+                        numProducersVoted = producerVote.rows[0].producers.length;
                         // self_stake_boost is a binary_extension<bool> on-chain; when active, the
                         // system contract applies a 10x multiplier to the BP's own vote weight.
                         // The API may return the raw value as a truthy number (e.g. 1000).
@@ -113,29 +117,32 @@ export const useChainStore = defineStore('chain', {
                             selfStakedBoost = 10 * producerVote.rows[0].last_vote_weight;
                         }
                     }
+                    const extraFields = {
+                        self_staked_boost: selfStakedBoost,
+                        is_self_staking: isSelfStaking,
+                        self_staked_amount: selfStakedAmount,
+                        num_producers_voted: numProducersVoted,
+                    };
                     if (bp) {
                         try {
                             return {
                                 ...data,
                                 name: bp.org.candidate_name,
                                 location: bp.org.location.name,
-                                self_staked_boost: selfStakedBoost,
-                                is_self_staking: isSelfStaking,
+                                ...extraFields,
                             };
                         } catch (error) {
                             return {
                                 ...data,
-                                self_staked_boost: selfStakedBoost,
-                                is_self_staking: isSelfStaking,
+                                ...extraFields,
                             };
                         }
                     } else {
                         return {
                             ...data,
                             name: data.owner,
                             location: '',
-                            self_staked_boost: selfStakedBoost,
-                            is_self_staking: isSelfStaking,
+                            ...extraFields,
                         };
                     }
                 }));

src/types/Producers.ts

@@ -10,4 +10,6 @@ export interface Producer {
   name: string;
   self_staked_boost: number;
   is_self_staking: boolean;
+  self_staked_amount: number;
+  num_producers_voted: number;
 }