@meddleware/access-gate-ui 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/access-gate-ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Operator console for creating and managing on-chain Sui access gates — create gates, configure settings, airdrop NFTs, and freeze gates via a wallet-connected SPA.",
   "author": "Meddleware <dev@meddleware.co.uk>",
   "license": "0BSD",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@meddleware/design-tokens": "^0.1.2",
-    "@meddleware/ui": "^0.1.9",
+    "@meddleware/ui": "^0.1.10",
     "@meddleware/nft-gate-client": "^0.0.6",
     "@meddleware/wallet-adapter": "^0.0.5",
     "@mysten/sui": "^2.30.0",

package/src/App.vue

@@ -1,8 +1,12 @@
 <script setup lang="ts">
 // Standalone shell for the Access Gate SPA: app header + footer wrapping the core tool view.
 // The core UI lives in AccessGateView.vue (also exported for inline embedding in the dashboard).
-import { AppHeader, AppFooter, ColorModeControl, UiButton, CopyableAddress, useColorMode } from '@meddleware/ui'
+import {
+  AppHeader, AppFooter, ColorModeControl, UiButton, CopyableAddress, ExplorerLink,
+  suiExplorerUrl, useColorMode,
+} from '@meddleware/ui'
 import { useWallet } from './wallet.js'
+import { NETWORK } from './config.js'
 import AccessGateView from './components/AccessGateView.vue'
 
 const { mode, set } = useColorMode('dark')
@@ -22,7 +26,9 @@ async function onConnect(): Promise<void> {
       </template>
       <template #actions>
         <template v-if="account">
-          <CopyableAddress :address="account.address" />
+          <CopyableAddress :address="account.address">
+            <ExplorerLink :href="suiExplorerUrl('account', account.address, NETWORK)" :value="account.address" />
+          </CopyableAddress>
           <UiButton variant="ghost" @click="disconnect">Disconnect</UiButton>
         </template>
         <template v-else>

package/src/components/CreateGateForm.vue

@@ -68,9 +68,9 @@ async function submit(): Promise<void> {
       </label>
 
       <label class="field">
-        <span>Default uses</span>
+        <span>Default credits</span>
         <input v-model="defaultUses" type="number" min="0" step="1" />
-        <small>0 = unlimited pass; N = single-use NFT with N uses.</small>
+        <small>0 = unlimited pass; N = NFT granting N upload credits.</small>
       </label>
 
       <label class="check">
@@ -80,7 +80,7 @@ async function submit(): Promise<void> {
 
       <label class="check">
         <input v-model="autoBurnAtZero" type="checkbox" />
-        <span>Auto-burn single-use NFTs at zero uses</span>
+        <span>Auto-burn NFTs at zero credits</span>
       </label>
 
       <label class="field">

package/src/components/GateCard.vue

@@ -34,7 +34,7 @@ function priceLabel(mist: bigint): string {
       </div>
       <div class="badges">
         <span class="badge">{{ priceLabel(gate.priceMist) }}</span>
-        <span class="badge">{{ gate.defaultUses === 0n ? 'Unlimited' : `${gate.defaultUses} uses` }}</span>
+        <span class="badge">{{ gate.defaultUses === 0n ? 'Unlimited' : `${gate.defaultUses} credits` }}</span>
         <span v-if="gate.soulbound" class="badge">Soulbound</span>
         <span v-if="gate.paused" class="badge badge--warn">Paused</span>
         <span v-if="gate.frozen" class="badge badge--warn">Frozen</span>

package/src/components/GateSettingsPanel.vue

@@ -78,7 +78,7 @@ const ctx = () => adminContext(props.gate)
     </div>
 
     <div class="row">
-      <label>Default uses</label>
+      <label>Default credits</label>
       <input v-model="defaultUses" type="number" min="0" step="1" />
       <UiButton variant="secondary" :disabled="busy !== null" @click="run('uses', () => buildSetDefaultUsesTx(ctx(), BigInt(defaultUses || '0')))">
         {{ busy === 'uses' ? '…' : 'Update' }}