@meddleware/treasury-ui 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/treasury-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "homepage": "https://docs.meddleware.co.uk/treasury/",
   "description": "Meddleware treasury console — organisation-level accounting across revenue streams (Sui and beyond). Read-only, desktop-console UI built on @meddleware/ui.",
   "author": "Meddleware <dev@meddleware.co.uk>",
@@ -44,10 +44,11 @@
     "access": "public"
   },
   "dependencies": {
+    "@meddleware/access-gate-client": "^0.0.1",
     "@meddleware/design-tokens": "^0.1.7",
     "@meddleware/ui": "^0.1.28",
-    "@meddleware/wallet-adapter": "^0.0.9",
-    "@mysten/sui": "^2.33.0",
+    "@meddleware/wallet-adapter": "^0.0.11",
+    "@mysten/sui": "^2.33.1",
     "vue": "^3.5.43"
   },
   "devDependencies": {
@@ -69,7 +70,7 @@
     "stylelint-config-standard": "^40.0.0",
     "typescript": "~6.0.0",
     "vite": "^8.3.0",
-    "vitest": "~5.0.1",
+    "vitest": "~5.0.2",
     "vue-eslint-parser": "^10.4.1",
     "vue-tsc": "~3.3.11"
   },

package/src/App.vue

@@ -2,7 +2,7 @@
 // Standalone shell for the Treasury SPA. The core UI lives in TreasuryView.vue (also
 // exported for inline embedding in the dashboard).
 import { AppHeader, AppFooter, ColorModeControl, CopyrightLine, useColorMode } from '@meddleware/ui'
-import { NETWORK } from './config.js'
+import { network } from './config.js'
 import TreasuryView from './TreasuryView.vue'
 
 const { mode, set } = useColorMode('dark')
@@ -17,7 +17,7 @@ const DEV_URL = import.meta.env.VITE_DEV_URL || 'https://dev.meddleware.co.uk/tr
         <h1 class="brand-title">Meddleware Treasury</h1>
       </template>
       <template #actions>
-        <span class="network-badge">{{ NETWORK }}</span>
+        <span class="network-badge">{{ network }}</span>
         <ColorModeControl :model-value="mode" @update:model-value="set" />
       </template>
     </AppHeader>

package/src/TreasuryView.vue

@@ -17,7 +17,7 @@ import AccountsTab from './tabs/AccountsTab.vue'
 import ActivityTab from './tabs/ActivityTab.vue'
 import { useTreasuryActivity } from './composables/useTreasuryActivity.js'
 import { useEpoch } from './composables/useEpoch.js'
-import { NETWORK } from './config.js'
+import { network } from './config.js'
 
 const TABS: AppTab[] = [
   { id: 'overview', label: 'Overview' },
@@ -51,6 +51,6 @@ const { epoch } = useEpoch()
       <component :is="activeComponent" />
     </UiTabPanel>
 
-    <UiStatusBar :network="NETWORK" :healthy="!eventsError" :epoch="epoch" :last-refresh="lastRefresh" />
+    <UiStatusBar :network="network" :healthy="!eventsError" :epoch="epoch" :last-refresh="lastRefresh" />
   </div>
 </template>

package/src/composables/chainContext.ts

@@ -0,0 +1,24 @@
+import { getCurrentInstance, onMounted, watch } from 'vue'
+import { network } from '../config.js'
+
+/**
+ * Load on mount and again whenever the network changes, clearing the previous network's data
+ * first. Only inside a component (unit tests call `reload()` directly).
+ */
+export function onChainContext(load: () => Promise<void>, reset: () => void): void {
+  if (!getCurrentInstance()) return
+  onMounted(load)
+  watch(network, () => {
+    reset()
+    void load()
+  })
+}
+
+/** A guard against a slower, older load overwriting a newer one. */
+export function latest(): () => () => boolean {
+  let generation = 0
+  return () => {
+    const mine = ++generation
+    return () => mine === generation
+  }
+}

package/src/composables/useEpoch.ts

@@ -1,5 +1,6 @@
-import { ref, onMounted, getCurrentInstance } from 'vue'
+import { ref } from 'vue'
 import { getSuiClient } from '../wallet.js'
+import { onChainContext } from './chainContext.js'
 
 export function useEpoch() {
   const epoch = ref<number | null>(null)
@@ -14,8 +15,7 @@ export function useEpoch() {
     }
   }
 
-  // Auto-load on mount, but only when used inside a component (skips in unit tests).
-  if (getCurrentInstance()) onMounted(load)
+  onChainContext(load, () => (epoch.value = null))
 
   return { epoch, reload: load }
 }

package/src/composables/useGates.ts

@@ -1,6 +1,10 @@
-import { ref, onMounted, getCurrentInstance } from 'vue'
+// Gates the platform treasury administers: its AdminCaps (resilient to event pruning), each merged
+// with its Gate. A gate that cannot be read is left out rather than failing the list.
+import { ref } from 'vue'
+import { fetchAdminCaps, fetchGate, fetchPlatformConfig } from '@meddleware/access-gate-client'
 import { getSuiClient } from '../wallet.js'
-import { PACKAGE_ID, CONFIG_ID } from '../config.js'
+import { requireDeployment } from '../config.js'
+import { latest, onChainContext } from './chainContext.js'
 
 export interface Gate {
   id: string
@@ -14,64 +18,34 @@ export function useGates() {
   const gates = ref<Gate[]>([])
   const loading = ref(false)
   const error = ref<string | null>(null)
+  const begin = latest()
 
   async function load() {
-    if (!PACKAGE_ID || !CONFIG_ID) return
+    const current = begin()
     loading.value = true
     error.value = null
     try {
+      const d = requireDeployment()
       const client = getSuiClient()
-
-      // Get treasury address from PlatformConfig so we know whose AdminCaps to look for.
-      // This is resilient to event pruning (the GateCreatedEvent is pruned on testnet
-      // after ~3 months, making event-based discovery unreliable).
-      const configRes = await client.getObject({ objectId: CONFIG_ID, include: { json: true } })
-      const configFields = configRes.object?.json as Record<string, unknown> | null
-      const treasury = configFields?.treasury as string | undefined
-      if (!treasury) {
-        gates.value = []
-        return
-      }
-
-      // List AdminCap objects owned by treasury — one per gate the treasury controls.
-      const { objects } = await client.listOwnedObjects({
-        owner: treasury,
-        type: `${PACKAGE_ID}::access_gate::AdminCap`,
-        include: { json: true },
-      })
-
-      // Fetch each Gate shared object referenced by the AdminCap's gate_id.
-      const gateList = await Promise.all(
-        (objects ?? []).map(async (o: { json?: { gate_id?: unknown } | null; object?: { json?: { gate_id?: unknown } | null } | null }): Promise<Gate | null> => {
-          const capFields = o?.json ?? o?.object?.json
-          const gateId = String(capFields?.gate_id ?? '')
-          if (!gateId || gateId === 'undefined') return null
-          try {
-            const gateRes = await client.getObject({ objectId: gateId, include: { json: true } })
-            const f = gateRes.object?.json as Record<string, unknown> | null
-            if (!f) return null
-            return {
-              id: gateId,
-              name: String(f.nft_name ?? 'Unnamed Gate'),
-              price: BigInt(String(f.price_mist ?? '0')),
-              paused: Boolean(f.paused),
-              frozen: Boolean(f.frozen),
-            }
-          } catch {
-            return null
-          }
-        }),
+      const { treasury } = await fetchPlatformConfig(client, d.platformConfigId, d.originalId)
+      const caps = await fetchAdminCaps(client, treasury, d.originalId)
+      const settled = await Promise.allSettled(caps.map((c) => fetchGate(client, c.gateId, d.originalId)))
+      if (!current()) return
+      gates.value = settled.flatMap((r) =>
+        r.status === 'fulfilled' && r.value
+          ? [{ id: r.value.gateId, name: r.value.nftName || 'Unnamed Gate', price: r.value.priceMist, paused: r.value.paused, frozen: r.value.frozen }]
+          : [],
       )
-      gates.value = gateList.filter((g): g is Gate => g !== null)
     } catch (e) {
+      if (!current()) return
+      gates.value = []
       error.value = e instanceof Error ? e.message : String(e)
     } finally {
-      loading.value = false
+      if (current()) loading.value = false
     }
   }
 
-  // Auto-load on mount, but only when used inside a component (skips in unit tests).
-  if (getCurrentInstance()) onMounted(load)
+  onChainContext(load, () => (gates.value = []))
 
   return { gates, loading, error, reload: load }
 }

package/src/composables/usePlatformConfig.ts

@@ -1,9 +1,10 @@
-// Reads the PlatformConfig shared object once on mount and exposes the treasury
-// address + commission rate (bps). Source of truth for the commission model and for
-// whose AdminCaps the gate discovery (useGates) looks up.
-import { ref, onMounted, getCurrentInstance } from 'vue'
+// Reads the PlatformConfig shared object and exposes the treasury address + commission rate (bps).
+// Source of truth for the commission model and for whose AdminCaps the gate discovery looks up.
+import { ref } from 'vue'
+import { fetchPlatformConfig } from '@meddleware/access-gate-client'
 import { getSuiClient } from '../wallet.js'
-import { CONFIG_ID } from '../config.js'
+import { requireDeployment } from '../config.js'
+import { latest, onChainContext } from './chainContext.js'
 
 export interface PlatformConfig {
   treasury: string
@@ -14,29 +15,27 @@ export function usePlatformConfig() {
   const config = ref<PlatformConfig | null>(null)
   const loading = ref(false)
   const error = ref<string | null>(null)
+  const begin = latest()
 
   async function load() {
-    if (!CONFIG_ID) { error.value = 'PlatformConfig ID not configured'; return }
+    const current = begin()
     loading.value = true
     error.value = null
     try {
-      const client = getSuiClient()
-      const res = await client.getObject({ objectId: CONFIG_ID, include: { json: true } })
-      const fields = res.object.json as Record<string, unknown> | null
-      if (!fields) throw new Error('unexpected object structure')
-      config.value = {
-        treasury: String(fields.treasury),
-        commissionBps: Number(fields.commission_bps),
-      }
+      const d = requireDeployment()
+      const c = await fetchPlatformConfig(getSuiClient(), d.platformConfigId, d.originalId)
+      if (!current()) return
+      config.value = { treasury: c.treasury, commissionBps: Number(c.commissionBps) }
     } catch (e) {
+      if (!current()) return
+      config.value = null
       error.value = e instanceof Error ? e.message : String(e)
     } finally {
-      loading.value = false
+      if (current()) loading.value = false
     }
   }
 
-  // Auto-load on mount, but only when used inside a component (skips in unit tests).
-  if (getCurrentInstance()) onMounted(load)
+  onChainContext(load, () => (config.value = null))
 
   return { config, loading, error, reload: load }
 }

package/src/composables/useTreasuryActivity.ts

@@ -1,12 +1,17 @@
-import { ref, onMounted, getCurrentInstance } from 'vue'
+// Recent access_gate mints and consumes, newest first, typed by @meddleware/access-gate-client.
+// Read from the indexer when VITE_INDEXER_URL is set (display data; falls back to the full node).
+import { ref } from 'vue'
+import { listAccessGateEvents, type EventCursor } from '@meddleware/access-gate-client'
 import { getSuiClient } from '../wallet.js'
-import { PACKAGE_ID } from '../config.js'
+import { INDEXER_URL, network, requireDeployment } from '../config.js'
+import { latest, onChainContext } from './chainContext.js'
 
 export interface TreasuryEvent {
-  type: 'AccessMinted' | 'AccessConsumed' | 'AccessBurned'
+  type: 'AccessMinted' | 'AccessConsumed'
   txDigest: string
   checkpoint: string | null
-  address?: string
+  /** The buyer (or airdrop recipient) of a mint; the NFT owner who spent a use. */
+  address: string
 }
 
 export function useTreasuryActivity(limit = 20) {
@@ -14,62 +19,52 @@ export function useTreasuryActivity(limit = 20) {
   const loading = ref(false)
   const error = ref<string | null>(null)
   const lastRefresh = ref<Date | null>(null)
+  /** Oldest checkpoint the indexer covers, when the list came from it. */
+  const indexedFromCheckpoint = ref<string | null>(null)
+  const begin = latest()
 
   async function load() {
-    if (!PACKAGE_ID) return
+    const current = begin()
     loading.value = true
     error.value = null
     try {
-      const client = getSuiClient()
-      const eventTypes = [
-        `${PACKAGE_ID}::access_gate::AccessMintedEvent`,
-        `${PACKAGE_ID}::access_gate::AccessConsumedEvent`,
-      ]
-
-      const results = await Promise.allSettled(
-        eventTypes.map((t) =>
-          client.listEvents({ filter: { eventType: t }, limit, order: 'descending' }),
-        ),
-      )
-
-      const all: TreasuryEvent[] = []
-      for (const r of results) {
-        if (r.status !== 'fulfilled') continue
-        for (const e of r.value.events) {
-          const typeName = e.eventType.split('::').pop() ?? ''
-          const label =
-            typeName === 'AccessMintedEvent' ? 'AccessMinted'
-            : typeName === 'AccessConsumedEvent' ? 'AccessConsumed'
-            : 'AccessBurned'
-          const f = (e.json ?? {}) as Record<string, unknown>
-          all.push({
-            type: label as TreasuryEvent['type'],
-            txDigest: e.transactionDigest,
-            checkpoint: e.checkpoint ?? null,
-            address: String(f.recipient ?? f.creator ?? f.sender ?? ''),
-          })
+      const d = requireDeployment()
+      const out: TreasuryEvent[] = []
+      let cursor: EventCursor | null = null
+      let from: string | null = null
+      // Bounded: each call scans at most a few full-node pages; ten calls cover any realistic limit.
+      for (let calls = 0; calls < 10; calls++) {
+        const page = await listAccessGateEvents(getSuiClient(), {
+          originalId: d.originalId,
+          kinds: ['AccessMinted', 'AccessConsumed'],
+          limit: Math.min(100, limit - out.length),
+          cursor,
+          indexer: INDEXER_URL ? { url: INDEXER_URL, network: network.value } : undefined,
+        })
+        for (const e of page.events) {
+          if (e.kind === 'AccessMinted') out.push({ type: e.kind, txDigest: e.txDigest, checkpoint: e.checkpoint, address: e.recipient })
+          else if (e.kind === 'AccessConsumed') out.push({ type: e.kind, txDigest: e.txDigest, checkpoint: e.checkpoint, address: e.consumer })
         }
+        from = page.indexedFromCheckpoint ?? from
+        cursor = page.cursor
+        if (!cursor || out.length >= limit) break
       }
-
-      // Sort globally by checkpoint descending so the merged list is newest-first across all types.
-      all.sort((a, b) => {
-        const ca = BigInt(a.checkpoint ?? '0')
-        const cb = BigInt(b.checkpoint ?? '0')
-        if (cb > ca) return 1
-        if (cb < ca) return -1
-        return 0
-      })
-      events.value = all.slice(0, limit)
+      if (!current()) return
+      events.value = out.slice(0, limit)
+      indexedFromCheckpoint.value = from
       lastRefresh.value = new Date()
     } catch (e) {
+      if (!current()) return
       error.value = e instanceof Error ? e.message : String(e)
     } finally {
-      loading.value = false
+      if (current()) loading.value = false
     }
   }
 
-  // Auto-load on mount, but only when used inside a component (skips in unit tests).
-  if (getCurrentInstance()) onMounted(load)
+  onChainContext(load, () => {
+    events.value = []
+    indexedFromCheckpoint.value = null
+  })
 
-  return { events, loading, error, lastRefresh, reload: load }
+  return { events, loading, error, lastRefresh, indexedFromCheckpoint, reload: load }
 }

package/src/config.ts

@@ -1,31 +1,25 @@
-// Build-time configuration. All chain ids are read from VITE_* env with working
-// testnet defaults; mainnet ids stay empty until deployment (set the _MAINNET vars —
-// no code change needed). PACKAGE_ID / CONFIG_ID / RPC_URL resolve to the active network.
-export type Network = 'testnet' | 'mainnet'
+// Chain configuration. The network is wallet-adapter's shared runtime selector — the one source for
+// the client, the access_gate ids, explorer links and the status bar. The ids come from
+// @meddleware/access-gate-client/deployments, generated from access-gate-sui's published records.
+import { computed } from 'vue'
+import { useNetwork } from '@meddleware/wallet-adapter'
+import { accessGateDeployment, type AccessGateDeployment } from '@meddleware/access-gate-client/deployments'
+import type { SuiNetwork } from '@meddleware/ui'
 
-export const NETWORK: Network = (import.meta.env.VITE_NETWORK as Network) || 'testnet'
+/** The active network (read-only ref; the standalone build selects `VITE_NETWORK` in main.ts). */
+export const network = useNetwork().network
 
-export const RPC_URLS: Record<Network, string> = {
-  testnet: import.meta.env.VITE_RPC_TESTNET || 'https://fullnode.testnet.sui.io:443',
-  mainnet: import.meta.env.VITE_RPC_MAINNET || 'https://fullnode.mainnet.sui.io:443',
-}
-
-/** Published access_gate package ID. Governs which events/objects are queried. */
-export const ACCESS_GATE_PACKAGE_ID: Record<Network, string> = {
-  testnet:
-    import.meta.env.VITE_ACCESS_GATE_PACKAGE_ID_TESTNET ||
-    '0x0bedd0b27d993d3292ca6a5315f7562de8bc0ff3752b445b4c53252c76f2d20d',
-  mainnet: import.meta.env.VITE_ACCESS_GATE_PACKAGE_ID_MAINNET || '',
-}
+/** SuiVision has no localnet; nothing is listed there (no deployment), so testnet links are inert. */
+export const explorerNetwork = computed<SuiNetwork>(() => (network.value === 'mainnet' ? 'mainnet' : 'testnet'))
 
-/** PlatformConfig shared object ID — holds commission_bps + treasury address. */
-export const PLATFORM_CONFIG_ID: Record<Network, string> = {
-  testnet:
-    import.meta.env.VITE_PLATFORM_CONFIG_ID_TESTNET ||
-    '0x7c5aed0ce7f29a4dfb60657858df31c12410a67098b4bcdd1d8cb1e531be4884',
-  mainnet: import.meta.env.VITE_PLATFORM_CONFIG_ID_MAINNET || '',
+/**
+ * The access_gate deployment on the active network.
+ *
+ * @throws {Error} if none is recorded for it (e.g. mainnet before launch, or localnet).
+ */
+export function requireDeployment(): AccessGateDeployment {
+  return accessGateDeployment(network.value)
 }
 
-export const PACKAGE_ID = ACCESS_GATE_PACKAGE_ID[NETWORK]
-export const CONFIG_ID = PLATFORM_CONFIG_ID[NETWORK]
-export const RPC_URL = RPC_URLS[NETWORK]
+/** Optional read-indexer (display data only; reads fall back to the full node). */
+export const INDEXER_URL: string = import.meta.env.VITE_INDEXER_URL || ''

package/src/env.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
+  /** Standalone build only: the network main.ts selects (embedded views follow the host's selector). */
   readonly VITE_NETWORK?: string
-  readonly VITE_RPC_TESTNET?: string
-  readonly VITE_RPC_MAINNET?: string
-  readonly VITE_ACCESS_GATE_PACKAGE_ID_TESTNET?: string
-  readonly VITE_ACCESS_GATE_PACKAGE_ID_MAINNET?: string
-  readonly VITE_PLATFORM_CONFIG_ID_TESTNET?: string
-  readonly VITE_PLATFORM_CONFIG_ID_MAINNET?: string
+  /** Optional read-indexer base URL (display data; reads fall back to the full node). */
+  readonly VITE_INDEXER_URL?: string
+  readonly VITE_DOCS_URL?: string
+  readonly VITE_DEV_URL?: string
 }
 
 interface ImportMeta {

package/src/main.ts

@@ -7,7 +7,13 @@ import '@meddleware/ui/base.css'
 import './styles/qt.css'
 import { createApp } from 'vue'
 import { useSeason } from '@meddleware/ui'
+import { useNetwork } from '@meddleware/wallet-adapter'
 import App from './App.vue'
 
+// The standalone build targets one network; select it in the shared selector so the client, the
+// ids, the explorer links and the status bar all agree. (Embedded, the host's selector rules.)
+const built = import.meta.env.VITE_NETWORK || 'testnet'
+if (built === 'testnet' || built === 'mainnet') useNetwork().setNetwork(built)
+
 useSeason()
 createApp(App).mount('#app')

package/src/styles/qt.css

@@ -7,7 +7,7 @@
  * UiActivityFeed/UiActivityItem). What remains here are small text/layout
  * utilities that are specific to this console's tabs.
  *
- * Applied globally via DaoView.vue (so it works when embedded as a library).
+ * Applied globally via TreasuryView.vue (so it works when embedded as a library).
  */
 
 /* ── Shell layout ────────────────────────────────────────────────────────── */

package/src/tabs/AccountsTab.vue

@@ -15,7 +15,7 @@ import {
   UiStatRow,
   UiDataTable,
 } from '@meddleware/ui'
-import { NETWORK } from '../config.js'
+import { explorerNetwork } from '../config.js'
 
 const { config, loading: cfgLoading, error: cfgErr } = usePlatformConfig()
 const { balance } = useTreasury(() => config.value?.treasury ?? null)
@@ -42,7 +42,7 @@ function formatPrice(mist: bigint): string {
           <UiStatRow label="Current balance"><AmountCell :mist="balance" /></UiStatRow>
           <UiStatRow label="Treasury address" align="left">
             <CopyableAddress :address="config.treasury">
-              <ExplorerLink :href="suiExplorerUrl('account', config.treasury, NETWORK)" :value="config.treasury" />
+              <ExplorerLink :href="suiExplorerUrl('account', config.treasury, explorerNetwork)" :value="config.treasury" />
             </CopyableAddress>
           </UiStatRow>
         </UiStatGrid>
@@ -63,7 +63,7 @@ function formatPrice(mist: bigint): string {
           <td class="dao-amount">{{ formatPrice(gate.price) }}</td>
           <td class="dao-mono dao-mono--sm dao-nowrap">
             <CopyableAddress :address="gate.id" label="Copy object ID">
-              <ExplorerLink :href="suiExplorerUrl('object', gate.id, NETWORK)" :value="gate.id" />
+              <ExplorerLink :href="suiExplorerUrl('object', gate.id, explorerNetwork)" :value="gate.id" />
             </CopyableAddress>
           </td>
         </tr>

package/src/tabs/ActivityTab.vue

@@ -11,10 +11,10 @@ import {
   UiBadge,
   UiToolbarButton,
 } from '@meddleware/ui'
-import { NETWORK } from '../config.js'
+import { explorerNetwork } from '../config.js'
 import type { TreasuryEvent } from '../composables/useTreasuryActivity.js'
 
-const { events, loading, error, reload } = useTreasuryActivity(200)
+const { events, loading, error, reload, indexedFromCheckpoint } = useTreasuryActivity(200)
 
 const PAGE_SIZE = 20
 const page = ref(1)
@@ -30,7 +30,6 @@ function nextPage() { if (page.value < totalPages.value) page.value++ }
 const eventLabel: Record<TreasuryEvent['type'], string> = {
   AccessMinted: 'Access Sold',
   AccessConsumed: 'Access Used',
-  AccessBurned: 'Access Burned',
 }
 
 function badgeVariant(type: TreasuryEvent['type']): 'active' | 'closed' {
@@ -47,13 +46,14 @@ function badgeVariant(type: TreasuryEvent['type']): 'active' | 'closed' {
   </header>
 
   <p v-if="error" class="dao-muted">{{ error }}</p>
+  <p v-if="indexedFromCheckpoint" class="dao-muted">Indexed since checkpoint {{ indexedFromCheckpoint }}.</p>
 
   <UiDataTable v-if="pageEvents.length || loading" :empty="'No events'">
     <template #head>
       <th>Type</th>
       <th>
         Address
-        <abbr class="dao-info" title="The wallet address associated with this event (recipient, creator, or initiator depending on event type). Click to view in explorer; click the copy icon to copy the full address.">?</abbr>
+        <abbr class="dao-info" title="The buyer of a sold pass, or the holder who used one. Click to view in explorer; click the copy icon to copy the full address.">?</abbr>
       </th>
       <th>
         Block
@@ -68,7 +68,7 @@ function badgeVariant(type: TreasuryEvent['type']): 'active' | 'closed' {
       <td><UiBadge :variant="badgeVariant(ev.type)">{{ eventLabel[ev.type] }}</UiBadge></td>
       <td class="dao-mono activity__cell dao-nowrap">
         <CopyableAddress v-if="ev.address && ev.address !== 'undefined'" :address="ev.address">
-          <ExplorerLink :href="suiExplorerUrl('account', ev.address, NETWORK)" :value="ev.address" />
+          <ExplorerLink :href="suiExplorerUrl('account', ev.address, explorerNetwork)" :value="ev.address" />
         </CopyableAddress>
         <span v-else>—</span>
       </td>
@@ -77,7 +77,7 @@ function badgeVariant(type: TreasuryEvent['type']): 'active' | 'closed' {
       </td>
       <td class="dao-mono activity__cell dao-nowrap">
         <CopyableAddress :address="ev.txDigest" label="Copy transaction">
-          <ExplorerLink :href="suiExplorerUrl('txblock', ev.txDigest, NETWORK)" :value="ev.txDigest" />
+          <ExplorerLink :href="suiExplorerUrl('txblock', ev.txDigest, explorerNetwork)" :value="ev.txDigest" />
         </CopyableAddress>
       </td>
     </tr>

package/src/tabs/OverviewTab.vue

@@ -17,7 +17,7 @@ import {
   UiActivityFeed,
   UiActivityItem,
 } from '@meddleware/ui'
-import { NETWORK } from '../config.js'
+import { explorerNetwork } from '../config.js'
 import type { TreasuryEvent } from '../composables/useTreasuryActivity.js'
 
 const { config } = usePlatformConfig()
@@ -28,7 +28,6 @@ const { gates, loading: gatesLoading } = useGates()
 const eventLabel: Record<TreasuryEvent['type'], string> = {
   AccessMinted: 'Access sold',
   AccessConsumed: 'Access used',
-  AccessBurned: 'Access burned',
 }
 
 const commissionPct = computed(() =>
@@ -49,7 +48,7 @@ const accessesConsumed = computed(() => events.value.filter((e) => e.type === 'A
           <UiStatRow label="Commission rate">{{ commissionPct }}</UiStatRow>
           <UiStatRow label="Treasury address" align="left">
             <CopyableAddress v-if="config?.treasury" :address="config.treasury">
-              <ExplorerLink :href="suiExplorerUrl('account', config.treasury, NETWORK)" :value="config.treasury" />
+              <ExplorerLink :href="suiExplorerUrl('account', config.treasury, explorerNetwork)" :value="config.treasury" />
             </CopyableAddress>
             <span v-else class="dao-mono dao-mono--sm">—</span>
           </UiStatRow>

package/vite.config.ts

@@ -3,4 +3,9 @@ import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
   plugins: [vue()],
+  optimizeDeps: {
+    // @meddleware/wallet-adapter ships TS + .vue source and holds the shared wallet singleton; if it
+    // were pre-bundled, its .vue files (served raw) would load a second copy of the singleton in dev.
+    exclude: ['@meddleware/wallet-adapter'],
+  },
 })