electron/utils/keystore.ts

@@ -4,7 +4,6 @@ export async function encrypt(seed: string, password: string) {
     const salt = crypto.randomBytes(16)
     const iv = crypto.randomBytes(12)
 
-    // derive 32-byte key từ password
     const key = await new Promise<Buffer>((resolve, reject) => {
         crypto.scrypt(password, salt, 32, { N: 16384, r: 8, p: 1 }, (err, derivedKey) => {
             if (err) reject(err)

src/App.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { LayoutVue } from '@/components'
-
 const config = {
     token: {
         colorPrimary: '#42A5F5',

src/api/neptuneApi.ts

@@ -2,7 +2,7 @@ import { callJsonRpc } from '@/api/request'
 
 export const getUtxosFromViewKey = async (
     viewKey: string,
-    startBlock: number = 0,
+    startBlock: number | null = 0,
     endBlock: number | null = null,
     maxSearchDepth: number = 1000
 ): Promise<any> => {
@@ -17,7 +17,7 @@ export const getUtxosFromViewKey = async (
 
 export const getBalance = async (
     viewKey: string,
-    startBlock: number = 0,
+    startBlock: number | null = 0,
     endBlock: number | null = null,
     maxSearchDepth: number = 1000
 ): Promise<any> => {

src/components/common/ButtonCommon.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ButtonProps } from '@/interface'
 import { computed } from 'vue'
-import { SpinnerCommon } from '@/components'
 
 const props = withDefaults(defineProps<ButtonProps>(), {
     type: 'default',

src/components/common/PasswordForm.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { ButtonCommon, CardBase, FormCommon } from '@/components'
 
 interface Props {
     title?: string

src/composables/useNeptuneWallet.ts

@@ -7,6 +7,7 @@ import type {
     WalletState,
 } from '@/interface'
 import initWasm, { generate_seed, address_from_seed, validate_seed_phrase } from '@neptune/wasm'
+import { toFiniteNumber } from '@/utils'
 
 let wasmInitialized = false
 let initPromise: Promise<void> | null = null
@@ -171,9 +172,7 @@ export function useNeptuneWallet() {
             store.setKeystorePath(keystoreFile.filePath)
             if ('minBlockHeight' in keystoreFile) {
                 const height = keystoreFile.minBlockHeight
-                store.setMinBlockHeight(
-                    typeof height === 'number' && Number.isFinite(height) ? height : null
-                )
+                store.setMinBlockHeight(toFiniteNumber(height))
             }
             return true
         } catch (err) {
@@ -182,82 +181,69 @@ export function useNeptuneWallet() {
         }
     }
 
-    // ===== API METHODS =====
-
     const persistMinBlockHeight = async (utxos: any[]) => {
         const keystorePath = store.getKeystorePath
-
         if (!keystorePath) return
 
         try {
-            const heights = utxos
-                .map((utxo) => {
-                    const rawHeight = [utxo?.blockHeight, utxo?.block_height, utxo?.height, utxo?.block?.height]
-                        .find((h) => h !== null && h !== undefined) ?? null
+            const minBlockHeight = utxos.reduce((min, utxo) => {
+                const h = +(
+                    utxo?.blockHeight ??
+                    utxo?.block_height ??
+                    utxo?.height ??
+                    utxo?.block?.height
+                )
+                return Number.isFinite(h) && (min === null || h < min) ? h : min
+            }, null)
 
-                    const numericHeight =
-                        typeof rawHeight === 'string' ? Number(rawHeight) : rawHeight
-
-                    return Number.isFinite(numericHeight) ? Number(numericHeight) : null
-                })
-                .filter((height): height is number => height !== null)
-
-            const minBlockHeight = heights.length ? Math.min(...heights) : null
-
-            await (window as any).walletApi.updateMinBlockHeight(keystorePath, minBlockHeight)
+            const response = await (window as any).walletApi.updateMinBlockHeight(
+                keystorePath,
+                minBlockHeight
+            )
+            if (!response.success) throw new Error('Failed to update min block height')
             store.setMinBlockHeight(minBlockHeight)
         } catch (err) {
             console.error('Error saving min block height:', err)
+            throw err
         }
     }
 
     const loadMinBlockHeightFromKeystore = async (): Promise<number | null> => {
         const keystorePath = store.getKeystorePath
-
         if (!keystorePath) return null
 
         try {
             const response = await (window as any).walletApi.getMinBlockHeight(keystorePath)
+            if (!response?.success) return null
 
-            if (response?.success) {
-                const minBlockHeight =
-                    typeof response.minBlockHeight === 'number' && Number.isFinite(response.minBlockHeight)
-                        ? response.minBlockHeight
-                        : null
+            const minBlockHeight = toFiniteNumber(response.minBlockHeight)
 
             store.setMinBlockHeight(minBlockHeight)
             return minBlockHeight
-            }
         } catch (err) {
             console.error('Error loading min block height:', err)
+            throw err
+        }
     }
 
-        return null
-    }
-
+    // ===== API METHODS =====
     const getUtxos = async (): Promise<any> => {
         try {
             if (!store.getViewKey) {
                 throw new Error('No view key available. Please import or generate a wallet first.')
             }
 
-            let startBlock: number | null | undefined = store.getMinBlockHeight
-
-            if (startBlock === null || startBlock === undefined) {
-                startBlock = await loadMinBlockHeightFromKeystore()
-            }
+            let startBlock: number | null = store.getMinBlockHeight
+            if (startBlock == null) startBlock = await loadMinBlockHeightFromKeystore()
 
             const response = await API.getUtxosFromViewKey(
                 store.getViewKey || '',
-                typeof startBlock === 'number' && Number.isFinite(startBlock) ? startBlock : 0
+                toFiniteNumber(startBlock, 0)
             )
 
             const result = response?.result || response
-            const utxoList = Array.isArray(result?.utxos)
-                ? result.utxos
-                : Array.isArray(result)
-                ? result
-                : []
+            const utxos = result?.utxos ?? result
+            const utxoList = Array.isArray(utxos) ? utxos : []
 
             store.setUtxos(utxoList)
 
@@ -279,9 +265,10 @@ export function useNeptuneWallet() {
 
             const response = await API.getBalance(
                 store.getViewKey || '',
-                typeof startBlock === 'number' && Number.isFinite(startBlock) ? startBlock : 0
+                toFiniteNumber(startBlock, 0)
             )
             const result = response?.result || response
+
             store.setBalance(result?.balance || result)
             store.setPendingBalance(result?.pendingBalance || result)
             return {
@@ -318,9 +305,7 @@ export function useNeptuneWallet() {
         }
     }
 
-    const buildTransaction = async (
-        args: PayloadBuildTransaction
-    ): Promise<any> => {
+    const buildTransaction = async (args: PayloadBuildTransaction): Promise<any> => {
         let minBlockHeight: number | null | undefined = store.getMinBlockHeight
         if (minBlockHeight === null || minBlockHeight === undefined) {
             minBlockHeight = await loadMinBlockHeightFromKeystore()
@@ -329,10 +314,7 @@ export function useNeptuneWallet() {
         const payload = {
             spendingKeyHex: store.getSpendingKey,
             inputAdditionRecords: args.inputAdditionRecords,
-            minBlockHeight:
-                typeof minBlockHeight === 'number' && Number.isFinite(minBlockHeight)
-                    ? minBlockHeight
-                    : 0,
+            minBlockHeight: toFiniteNumber(minBlockHeight, 0),
             outputAddresses: args.outputAddresses,
             outputAmounts: args.outputAmounts,
             fee: args.fee,

src/stores/neptuneStore.ts

@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 import { ref, computed } from 'vue'
 import type { WalletState } from '@/interface'
+import { toFiniteNumber } from '@/utils'
 
 export const useNeptuneStore = defineStore('neptune', () => {
     const defaultNetwork = (import.meta.env.VITE_NODE_NETWORK || 'mainnet') as 'mainnet' | 'testnet'
@@ -65,10 +66,7 @@ export const useNeptuneStore = defineStore('neptune', () => {
     }
 
     const setMinBlockHeight = (minBlockHeight: number | null) => {
-        wallet.value.minBlockHeight =
-            typeof minBlockHeight === 'number' && Number.isFinite(minBlockHeight)
-                ? minBlockHeight
-                : null
+        wallet.value.minBlockHeight = toFiniteNumber(minBlockHeight)
     }
 
     const setWallet = (walletData: Partial<WalletState>) => {

src/utils/helpers/helpers.ts

@@ -0,0 +1,3 @@
+export function toFiniteNumber(value: number | null, defaultValue?: number): number | null {
+    return Number.isFinite(value) ? value : (defaultValue ?? null)
+}

src/utils/index.ts

@@ -2,3 +2,4 @@ export * from './constants/code'
 export * from './constants/constants'
 export * from './helpers/format'
 export * from './helpers/seedPhrase'
+export * from './helpers/helpers'

src/views/Auth/components/LoginTab.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { PasswordForm } from '@/components'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/authStore'

src/views/Auth/components/OnboardingTab.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { ButtonCommon } from '@/components'
-
 const emit = defineEmits<{
     goToCreate: []
     goToRecover: []

src/views/Auth/components/SeedPhraseDisplayComponent.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { ButtonCommon } from '@/components'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { message } from 'ant-design-vue'
 

src/views/Auth/components/create/ConfirmSeedComponent.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue'
-import { ButtonCommon } from '@/components'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { message } from 'ant-design-vue'
 

src/views/Auth/components/create/CreatePasswordStep.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { ButtonCommon, FormCommon } from '@/components'
 import { useNeptuneStore } from '@/stores'
 
 const emit = defineEmits<{

src/views/Auth/components/create/CreateWalletComponent.vue

@@ -4,7 +4,6 @@ import { SeedPhraseDisplayComponent, ConfirmSeedComponent } from '..'
 import { CreatePasswordStep, WalletCreatedStep } from '.'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'
-import { CardBaseScrollable } from '@/components'
 import { useRouter } from 'vue-router'
 
 const emit = defineEmits<{

src/views/Auth/components/create/WalletCreatedStep.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ButtonCommon } from '@/components'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'

src/views/Auth/components/recover/RecoverWalletComponent.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { ButtonCommon, PasswordForm } from '@/components'
 import { RecoverSeedComponent } from '..'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'

src/views/Home/HomeView.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
-import { TabsCommon, TabPaneCommon } from '@/components'
 import { WalletTab, NetworkTab, UTXOTab } from './components'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 

src/views/Home/components/NetworkTab.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { formatNumberToLocaleString } from '@/utils'
-import { CardBase, SpinnerCommon } from '@/components'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'

src/views/Home/components/UTXOTab.vue

@@ -1,17 +1,19 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, inject, watch, type ComputedRef } from 'vue'
 import { Table, message } from 'ant-design-vue'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { useNeptuneStore } from '@/stores/neptuneStore'
-import { CardBaseScrollable, SpinnerCommon } from '@/components'
 import { columns } from '../utils'
 
 const { getUtxos } = useNeptuneWallet()
 const neptuneStore = useNeptuneStore()
+const activeTabKey = inject<ComputedRef<string>>('activeTabKey')
 
 const loading = ref(false)
 
-const utxosList = computed(() => (neptuneStore.getUtxos?.length ? neptuneStore.getUtxos : []))
+const utxosList = computed(() => [
+    ...(neptuneStore.getUtxos || []),
+])
 
 const inUseUtxosCount = computed(() => (utxosList.value?.length ? utxosList.value.length : 0))
 const inUseUtxosAmount = computed(() => {
@@ -47,6 +49,13 @@ const loadUtxos = async () => {
 onMounted(() => {
     loadUtxos()
 })
+
+watch(
+    () => activeTabKey?.value,
+    (newTab) => {
+        if (newTab === 'UTXOs') loadUtxos()
+    }
+)
 </script>
 
 <template>

src/views/Home/components/wallet-tab/SendTransactionComponent.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { ButtonCommon, ModalCommon } from '@/components'
 
 interface Props {
     isLoading?: boolean

src/views/Home/components/wallet-tab/WalletBalance.vue

@@ -27,7 +27,9 @@ const props = defineProps<Props>()
 
 <style lang="scss" scoped>
 .balance-section {
-    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     margin-bottom: var(--spacing-xl);
     padding-bottom: var(--spacing-lg);
     border-bottom: 2px solid var(--border-color);

src/views/Home/components/wallet-tab/WalletInfo.vue

@@ -1,15 +1,8 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { ref, computed, onMounted, onUnmounted, inject, watch, type ComputedRef } from 'vue'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'
-import {
-    ButtonCommon,
-    CardBaseScrollable,
-    ModalCommon,
-    SpinnerCommon,
-    PasswordForm,
-} from '@/components'
 import SeedPhraseDisplayComponent from '@/views/Auth/components/SeedPhraseDisplayComponent.vue'
 import SendTransactionComponent from './SendTransactionComponent.vue'
 import { WalletAddress, WalletBalance } from '.'
@@ -23,6 +16,7 @@ const {
     broadcastSignedTransaction,
     decryptKeystore,
 } = useNeptuneWallet()
+const activeTabKey = inject<ComputedRef<string>>('activeTabKey')
 
 const availableBalance = ref<string>('0.00000000')
 const pendingBalance = ref<string>('0.00000000')
@@ -172,6 +166,13 @@ onMounted(() => {
 onUnmounted(() => {
     window.removeEventListener('resize', handleResize)
 })
+
+watch(
+    () => activeTabKey?.value,
+    (newTab) => {
+        if (newTab === 'WALLET') loadWalletData()
+    }
+)
 </script>
 
 <template>