@meddleware/walrus-ui 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/walrus-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Standalone Vue 3 SPA for uploading blobs to Walrus decentralised storage and managing owned blobs — wallet-connected, NFT-gated relay support.",
   "author": "Meddleware <dev@meddleware.co.uk>",
   "license": "0BSD",
@@ -9,6 +9,17 @@
     "url": "git+https://github.com/meddleware-org/walrus-ui.git"
   },
   "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.vue"
+  ],
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "src",
     "index.html",
@@ -32,6 +43,7 @@
     "@meddleware/design-tokens": "^0.1.2",
     "@meddleware/nft-gate-client": "^0.0.3",
     "@meddleware/ui": "^0.1.6",
+    "@meddleware/wallet-adapter": "^0.0.1",
     "@meddleware/walrus-client": "^0.0.3",
     "@meddleware/walrus-relay": "^0.1.1",
     "@mysten/sui": "~2.17.0",

package/src/App.vue

@@ -1,96 +1,17 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import {
-  WalrusUpload,
-  TipConfigBadge,
-  AccessGateCta,
-  useAccessGate,
-  MAX_SINGLE_RESERVATION_EPOCHS,
-} from '@meddleware/walrus-relay'
-import type { UploadResult } from '@meddleware/walrus-relay'
-// Lightweight URL import — just the wasm asset URL (does not pull the walrus client).
-import walrusWasmUrl from '@mysten/walrus-wasm/web/walrus_wasm_bg.wasm?url'
+// Standalone shell for the Walrus SPA: app header + footer wrapping the core tool view.
+// The core UI lives in WalrusView.vue (also exported for inline embedding in the dashboard).
 import { AppHeader, AppFooter, ColorModeControl, useColorMode } from '@meddleware/ui'
-import { useWallet, getSuiClient } from './wallet.js'
-import { NETWORK, OPERATOR_RELAY_HOSTS, relayHosts, accessGate, uploadRelayMaxTipMist } from './config.js'
-import { runBlobUpload } from './upload-flow.js'
-import MyBlobs from './components/MyBlobs.vue'
+import { TipConfigBadge } from '@meddleware/walrus-relay'
+import { NETWORK, OPERATOR_RELAY_HOSTS } from './config.js'
+import WalrusView from './components/WalrusView.vue'
 
-const isEmbedded = new URLSearchParams(window.location.search).has('embedded')
 const { mode, set } = useColorMode('dark')
-
-type Tab = 'upload' | 'blobs'
-const activeTab = ref<Tab>('upload')
-
-const { wallets, account, connect, disconnect, signPersonalMessage, buildExecutor } = useWallet()
-
-const gate = accessGate(NETWORK)
-const gateState = useAccessGate({ gate, getClient: () => getSuiClient(NETWORK) })
-const purchasing = ref(false)
-const result = ref<UploadResult | null>(null)
-
-async function onConnectFirst(): Promise<void> {
-  const w = wallets.value[0]
-  if (w) {
-    await connect(w)
-    if (account.value) await gateState.checkOwnership(account.value.address)
-  }
-}
-
-async function onPurchase(): Promise<void> {
-  if (!account.value) return
-  purchasing.value = true
-  try {
-    const executor = await buildExecutor(NETWORK)
-    await gateState.purchase(executor, account.value.address)
-  } finally {
-    purchasing.value = false
-  }
-}
-
-// Wire the shared WalrusUpload widget to the extracted upload orchestration + the wallet. The
-// register/upload/certify sequence lives in src/upload-flow.ts (unit-tested); this closure only
-// gathers the wallet-bound inputs (executor, sui client, gated proof token) and delegates.
-async function performUpload(
-  bytes: Uint8Array,
-  opts: { relayHost: string; onStatus: (s: string) => void },
-): Promise<UploadResult> {
-  if (!account.value) throw new Error('Connect your wallet first.')
-  const executor = await buildExecutor(NETWORK)
-
-  // If the relay is NFT-gated and we hold access, attach a signed proof token.
-  let authToken: string | undefined
-  if (gate && gateState.hasAccess.value === true) {
-    authToken = await gateState.buildRelayAccessToken({
-      relayHost: opts.relayHost,
-      address: account.value.address,
-      sign: signPersonalMessage,
-    })
-  }
-
-  return runBlobUpload({
-    bytes,
-    network: NETWORK,
-    relayHost: opts.relayHost,
-    address: account.value.address,
-    wasmUrl: walrusWasmUrl,
-    maxTipMist: uploadRelayMaxTipMist(),
-    epochs: MAX_SINGLE_RESERVATION_EPOCHS,
-    executor,
-    suiClient: getSuiClient(NETWORK),
-    authToken,
-    onStatus: opts.onStatus,
-  })
-}
-
-function onUploaded(r: UploadResult): void {
-  result.value = r
-}
 </script>
 
 <template>
-  <div class="app" :class="{ 'app--embedded': isEmbedded }">
-    <AppHeader v-if="!isEmbedded" variant="dark">
+  <div class="app">
+    <AppHeader variant="dark">
       <template #brand>
         <span>Walrus Assets</span>
       </template>
@@ -100,76 +21,9 @@ function onUploaded(r: UploadResult): void {
       </template>
     </AppHeader>
 
-    <div class="page">
-      <p class="sub">Upload and manage blobs on Walrus decentralised storage ({{ NETWORK }}).</p>
-
-      <nav class="tabs" aria-label="Feature tabs">
-        <button
-          type="button"
-          class="tab"
-          :class="{ active: activeTab === 'upload' }"
-          @click="activeTab = 'upload'"
-        >
-          Upload
-        </button>
-        <button
-          type="button"
-          class="tab"
-          :class="{ active: activeTab === 'blobs' }"
-          @click="activeTab = 'blobs'"
-        >
-          My Blobs
-        </button>
-      </nav>
-
-      <section class="wallet">
-        <template v-if="account">
-          <span class="addr">{{ account.address.slice(0, 8) }}…{{ account.address.slice(-4) }}</span>
-          <button type="button" @click="disconnect">Disconnect</button>
-        </template>
-        <template v-else>
-          <button type="button" :disabled="!wallets.length" @click="onConnectFirst">
-            {{ wallets.length ? 'Connect wallet' : 'No wallet detected' }}
-          </button>
-        </template>
-      </section>
-
-      <template v-if="activeTab === 'upload'">
-        <AccessGateCta
-          :gate-configured="gateState.gateConfigured"
-          :has-access="gateState.hasAccess.value"
-          :busy="purchasing"
-          :price-mist="gate?.priceMist ?? null"
-          @purchase="onPurchase"
-        />
-
-        <WalrusUpload
-          :hosts="relayHosts(NETWORK)"
-          :connected="!!account"
-          :access="{ gateConfigured: gateState.gateConfigured, hasAccess: gateState.hasAccess }"
-          :perform-upload="performUpload"
-          @uploaded="onUploaded"
-        />
+    <WalrusView />
 
-        <section v-if="result" class="result">
-          <h2>Uploaded ✓</h2>
-          <p><strong>Blob ID:</strong> <code>{{ result.blobId }}</code></p>
-          <p>
-            <strong>URL:</strong>
-            <a :href="result.url" target="_blank" rel="noopener">{{ result.url }}</a>
-          </p>
-          <p v-if="result.digest"><strong>Certify tx:</strong> <code>{{ result.digest }}</code></p>
-        </section>
-      </template>
-
-      <MyBlobs
-        v-if="activeTab === 'blobs'"
-        :address="account?.address ?? null"
-        :build-executor="() => buildExecutor(NETWORK)"
-      />
-    </div>
-
-    <AppFooter v-if="!isEmbedded" />
+    <AppFooter />
   </div>
 </template>
 
@@ -179,73 +33,4 @@ function onUploaded(r: UploadResult): void {
   display: flex;
   flex-direction: column;
 }
-
-.app--embedded {
-  min-height: 100%;
-}
-
-.page {
-  max-width: 640px;
-  margin: 0 auto;
-  padding: 2rem 1.25rem 4rem;
-  flex: 1;
-}
-
-.app--embedded .page {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.sub {
-  color: var(--muted);
-  margin: 0.25rem 0 0;
-}
-
-.wallet {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  margin: 1.25rem 0;
-}
-
-.addr {
-  font-family: monospace;
-  font-size: 0.9rem;
-}
-
-.result {
-  margin-top: 1.5rem;
-  padding: 1rem;
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  word-break: break-all;
-}
-
-.result code {
-  font-size: 0.85rem;
-}
-
-.tabs {
-  display: flex;
-  gap: 0.25rem;
-  margin: 1rem 0 0.5rem;
-  border-bottom: 2px solid var(--border);
-}
-
-.tab {
-  background: none;
-  border: none;
-  border-bottom: 2px solid transparent;
-  padding: 0.5rem 1rem;
-  margin-bottom: -2px;
-  cursor: pointer;
-  font-size: 0.95rem;
-  color: var(--muted);
-}
-
-.tab.active {
-  border-bottom-color: var(--accent);
-  color: var(--text);
-  font-weight: 600;
-}
 </style>

package/src/components/WalrusView.vue

@@ -0,0 +1,221 @@
+<script setup lang="ts">
+// Core Walrus tool UI (upload + owned-blob management), free of any app shell (header/footer).
+// Rendered standalone by walrus-ui's App.vue and inline by the dashboard. Wallet state comes
+// from the shared @meddleware/wallet-adapter singleton (via ./wallet.js), so connecting here or
+// in any other inline tool view reflects everywhere.
+import { ref } from 'vue'
+import {
+  WalrusUpload,
+  AccessGateCta,
+  useAccessGate,
+  MAX_SINGLE_RESERVATION_EPOCHS,
+} from '@meddleware/walrus-relay'
+import type { UploadResult } from '@meddleware/walrus-relay'
+// Lightweight URL import — just the wasm asset URL (does not pull the walrus client).
+import walrusWasmUrl from '@mysten/walrus-wasm/web/walrus_wasm_bg.wasm?url'
+import { useWallet, getSuiClient } from '../wallet.js'
+import { NETWORK, relayHosts, accessGate, uploadRelayMaxTipMist } from '../config.js'
+import { runBlobUpload } from '../upload-flow.js'
+import MyBlobs from './MyBlobs.vue'
+
+type Tab = 'upload' | 'blobs'
+const activeTab = ref<Tab>('upload')
+
+const { wallets, account, connect, disconnect, signPersonalMessage, buildExecutor } = useWallet()
+
+const gate = accessGate(NETWORK)
+const gateState = useAccessGate({ gate, getClient: () => getSuiClient(NETWORK) })
+const purchasing = ref(false)
+const result = ref<UploadResult | null>(null)
+
+async function onConnectFirst(): Promise<void> {
+  const w = wallets.value[0]
+  if (w) {
+    await connect(w)
+    if (account.value) await gateState.checkOwnership(account.value.address)
+  }
+}
+
+async function onPurchase(): Promise<void> {
+  if (!account.value) return
+  purchasing.value = true
+  try {
+    const executor = await buildExecutor(NETWORK)
+    await gateState.purchase(executor, account.value.address)
+  } finally {
+    purchasing.value = false
+  }
+}
+
+// Wire the shared WalrusUpload widget to the extracted upload orchestration + the wallet. The
+// register/upload/certify sequence lives in src/upload-flow.ts (unit-tested); this closure only
+// gathers the wallet-bound inputs (executor, sui client, gated proof token) and delegates.
+async function performUpload(
+  bytes: Uint8Array,
+  opts: { relayHost: string; onStatus: (s: string) => void },
+): Promise<UploadResult> {
+  if (!account.value) throw new Error('Connect your wallet first.')
+  const executor = await buildExecutor(NETWORK)
+
+  // If the relay is NFT-gated and we hold access, attach a signed proof token.
+  let authToken: string | undefined
+  if (gate && gateState.hasAccess.value === true) {
+    authToken = await gateState.buildRelayAccessToken({
+      relayHost: opts.relayHost,
+      address: account.value.address,
+      sign: signPersonalMessage,
+    })
+  }
+
+  return runBlobUpload({
+    bytes,
+    network: NETWORK,
+    relayHost: opts.relayHost,
+    address: account.value.address,
+    wasmUrl: walrusWasmUrl,
+    maxTipMist: uploadRelayMaxTipMist(),
+    epochs: MAX_SINGLE_RESERVATION_EPOCHS,
+    executor,
+    suiClient: getSuiClient(NETWORK),
+    authToken,
+    onStatus: opts.onStatus,
+  })
+}
+
+function onUploaded(r: UploadResult): void {
+  result.value = r
+}
+</script>
+
+<template>
+  <div class="page">
+    <p class="sub">Upload and manage blobs on Walrus decentralised storage ({{ NETWORK }}).</p>
+
+    <nav class="tabs" aria-label="Feature tabs">
+      <button
+        type="button"
+        class="tab"
+        :class="{ active: activeTab === 'upload' }"
+        @click="activeTab = 'upload'"
+      >
+        Upload
+      </button>
+      <button
+        type="button"
+        class="tab"
+        :class="{ active: activeTab === 'blobs' }"
+        @click="activeTab = 'blobs'"
+      >
+        My Blobs
+      </button>
+    </nav>
+
+    <section class="wallet">
+      <template v-if="account">
+        <span class="addr">{{ account.address.slice(0, 8) }}…{{ account.address.slice(-4) }}</span>
+        <button type="button" @click="disconnect">Disconnect</button>
+      </template>
+      <template v-else>
+        <button type="button" :disabled="!wallets.length" @click="onConnectFirst">
+          {{ wallets.length ? 'Connect wallet' : 'No wallet detected' }}
+        </button>
+      </template>
+    </section>
+
+    <template v-if="activeTab === 'upload'">
+      <AccessGateCta
+        :gate-configured="gateState.gateConfigured"
+        :has-access="gateState.hasAccess.value"
+        :busy="purchasing"
+        :price-mist="gate?.priceMist ?? null"
+        @purchase="onPurchase"
+      />
+
+      <WalrusUpload
+        :hosts="relayHosts(NETWORK)"
+        :connected="!!account"
+        :access="{ gateConfigured: gateState.gateConfigured, hasAccess: gateState.hasAccess }"
+        :perform-upload="performUpload"
+        @uploaded="onUploaded"
+      />
+
+      <section v-if="result" class="result">
+        <h2>Uploaded ✓</h2>
+        <p><strong>Blob ID:</strong> <code>{{ result.blobId }}</code></p>
+        <p>
+          <strong>URL:</strong>
+          <a :href="result.url" target="_blank" rel="noopener">{{ result.url }}</a>
+        </p>
+        <p v-if="result.digest"><strong>Certify tx:</strong> <code>{{ result.digest }}</code></p>
+      </section>
+    </template>
+
+    <MyBlobs
+      v-if="activeTab === 'blobs'"
+      :address="account?.address ?? null"
+      :build-executor="() => buildExecutor(NETWORK)"
+    />
+  </div>
+</template>
+
+<style scoped>
+.page {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: 2rem 1.25rem 4rem;
+  flex: 1;
+}
+
+.sub {
+  color: var(--muted);
+  margin: 0.25rem 0 0;
+}
+
+.wallet {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin: 1.25rem 0;
+}
+
+.addr {
+  font-family: monospace;
+  font-size: 0.9rem;
+}
+
+.result {
+  margin-top: 1.5rem;
+  padding: 1rem;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  word-break: break-all;
+}
+
+.result code {
+  font-size: 0.85rem;
+}
+
+.tabs {
+  display: flex;
+  gap: 0.25rem;
+  margin: 1rem 0 0.5rem;
+  border-bottom: 2px solid var(--border);
+}
+
+.tab {
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  padding: 0.5rem 1rem;
+  margin-bottom: -2px;
+  cursor: pointer;
+  font-size: 0.95rem;
+  color: var(--muted);
+}
+
+.tab.active {
+  border-bottom-color: var(--accent);
+  color: var(--text);
+  font-weight: 600;
+}
+</style>

package/src/index.ts

@@ -0,0 +1,10 @@
+// @meddleware/walrus-ui — library entry.
+//
+// Exports the core Walrus tool view (no app shell) for inline embedding in the dashboard.
+// The standalone SPA (App.vue + main.ts) is unaffected and still builds/deploys as before.
+//
+// Consumers must import the shared design tokens + UI base once at their entry:
+//   import '@meddleware/design-tokens/tokens.css'
+//   import '@meddleware/ui/base.css'
+
+export { default as WalrusView } from './components/WalrusView.vue'

package/src/wallet.ts

@@ -1,160 +1,46 @@
-// Minimal Sui wallet integration on @mysten/wallet-standard (dapp-kit is React-only).
-// Discovers wallets, connects, signs personal messages (for the NFT-gate proof), and
-// adapts the connected wallet into a transaction executor. Module singleton.
+// Thin walrus-ui shim over the shared @meddleware/wallet-adapter singleton.
 //
-// NOTE: the signing path can only be exercised with a real wallet extension in a
-// browser; it is intentionally thin and executes via a JSON-RPC client so we control
-// the returned effects.
-import { markRaw, readonly, ref, shallowRef } from 'vue'
-import { getWallets, isWalletWithRequiredFeatureSet } from '@mysten/wallet-standard'
-import type { Wallet, WalletAccount } from '@mysten/wallet-standard'
-import { SuiJsonRpcClient } from '@mysten/sui/jsonRpc'
-import type { Transaction } from '@mysten/sui/transactions'
+// The adapter is network-agnostic (RPC URL passed per call); this shim binds walrus-ui's
+// RPC_URLS so call sites keep the one-arg ergonomics (`getSuiClient(NETWORK)` /
+// `buildExecutor(NETWORK)`). Because the adapter is a module singleton, the wallet connection
+// is shared with any other tool view rendered in the same window (e.g. the dashboard).
+import {
+  useWallet as useWalletBase,
+  getSuiClient as getSuiClientBase,
+  buildExecutor as buildExecutorBase,
+} from '@meddleware/wallet-adapter'
+import type { Executor } from '@meddleware/wallet-adapter'
 import type { WalrusNetwork } from '@meddleware/walrus-relay'
 import { RPC_URLS } from './config.js'
 
-const REQUIRED_FEATURES = ['standard:connect', 'sui:signTransaction'] as const
+export type { Executor }
 
-const wallets = shallowRef<Wallet[]>([])
-const currentWallet = shallowRef<Wallet | null>(null)
-const account = shallowRef<WalletAccount | null>(null)
-const connecting = ref(false)
-const error = ref<string | null>(null)
-
-const clients = new Map<WalrusNetwork, SuiJsonRpcClient>()
-/** Return a memoised {@link SuiJsonRpcClient} for the network (one instance per network). */
-export function getSuiClient(network: WalrusNetwork): SuiJsonRpcClient {
-  let c = clients.get(network)
-  if (!c) {
-    c = new SuiJsonRpcClient({ url: RPC_URLS[network], network })
-    clients.set(network, c)
-  }
-  return c
-}
-
-function refreshWallets(): void {
-  // markRaw: extension Wallet objects expose name/icon as ES-private-field getters
-  // that throw when accessed through a Vue reactive Proxy.
-  wallets.value = getWallets()
-    .get()
-    .filter((w) => isWalletWithRequiredFeatureSet(w, [...REQUIRED_FEATURES]))
-    .map((w) => markRaw(w))
-}
-
-let initialised = false
-function init(): void {
-  if (initialised) return
-  initialised = true
-  const api = getWallets()
-  refreshWallets()
-  api.on('register', refreshWallets)
-  api.on('unregister', refreshWallets)
-}
-
-async function connect(wallet: Wallet): Promise<void> {
-  error.value = null
-  connecting.value = true
-  try {
-    const feature = wallet.features['standard:connect'] as {
-      connect: () => Promise<{ accounts: readonly WalletAccount[] }>
-    }
-    const { accounts } = await feature.connect()
-    if (!accounts.length) throw new Error('Wallet returned no accounts.')
-    currentWallet.value = markRaw(wallet)
-    account.value = markRaw(accounts[0])
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : String(e)
-    throw e
-  } finally {
-    connecting.value = false
-  }
-}
-
-function disconnect(): void {
-  const disc = currentWallet.value?.features['standard:disconnect'] as
-    | { disconnect?: () => Promise<void> }
-    | undefined
-  void disc?.disconnect?.()
-  currentWallet.value = null
-  account.value = null
-}
-
-/** Sign `nft-gate:access:<nonce>` to prove address control (returns base64 signature). */
-async function signPersonalMessage(message: Uint8Array): Promise<{ signature: string }> {
-  const wallet = currentWallet.value
-  const acct = account.value
-  if (!wallet || !acct) throw new Error('Connect a wallet first.')
-  const feature = wallet.features['sui:signPersonalMessage'] as
-    | {
-        signPersonalMessage: (input: {
-          message: Uint8Array
-          account: WalletAccount
-        }) => Promise<{ bytes: string; signature: string }>
-      }
-    | undefined
-  if (!feature) throw new Error('This wallet cannot sign personal messages.')
-  const { signature } = await feature.signPersonalMessage({ message, account: acct })
-  return { signature }
-}
-
-/** Transaction executor bound to the connected wallet: sign+execute a PTB and await finality. */
-export interface Executor {
-  signAndExecute(tx: Transaction): Promise<{ digest: string }>
-  waitForTransaction(digest: string): Promise<unknown>
+/** Memoised Sui JSON-RPC client for the network, using walrus-ui's configured RPC URL. */
+export function getSuiClient(network: WalrusNetwork) {
+  return getSuiClientBase(network, RPC_URLS[network])
 }
 
-/** Build an executor bound to the connected wallet + network. */
-async function buildExecutor(network: WalrusNetwork): Promise<Executor> {
-  const wallet = currentWallet.value
-  const acct = account.value
-  if (!wallet || !acct) throw new Error('Connect a wallet first.')
-  const client = getSuiClient(network)
-  const chain = `sui:${network}` as const
-
-  const signFeature = wallet.features['sui:signTransaction'] as {
-    signTransaction: (input: {
-      transaction: Transaction
-      account: WalletAccount
-      chain: `sui:${string}`
-    }) => Promise<{ bytes: string; signature: string }>
-  }
-
-  return {
-    async signAndExecute(tx: Transaction): Promise<{ digest: string }> {
-      const { bytes, signature } = await signFeature.signTransaction({
-        transaction: tx,
-        account: acct,
-        chain,
-      })
-      const res = await client.executeTransactionBlock({
-        transactionBlock: bytes,
-        signature,
-        options: { showEffects: true },
-      })
-      return { digest: res.digest }
-    },
-    async waitForTransaction(digest: string): Promise<unknown> {
-      return client.waitForTransaction({ digest })
-    },
-  }
+/** Build a transaction executor bound to the connected wallet + walrus-ui's RPC URL. */
+export function buildExecutor(network: WalrusNetwork): Promise<Executor> {
+  return buildExecutorBase(network, RPC_URLS[network])
 }
 
 /**
- * Wallet composable: discovers wallets, exposes reactive connection state, and provides
- * `connect` / `disconnect` / `signPersonalMessage` / `buildExecutor`. Module singleton —
- * all callers share one wallet/account state.
+ * Wallet composable bound to walrus-ui's network config. Delegates to the shared adapter
+ * singleton; walrus needs `sui:signTransaction` (upload certify) so it's requested for discovery.
  */
 export function useWallet() {
-  init()
+  const base = useWalletBase({ requiredFeatures: ['sui:signTransaction'] })
   return {
-    wallets: readonly(wallets),
-    currentWallet: readonly(currentWallet),
-    account: readonly(account),
-    connecting: readonly(connecting),
-    error: readonly(error),
-    connect,
-    disconnect,
-    signPersonalMessage,
+    wallets: base.wallets,
+    currentWallet: base.currentWallet,
+    account: base.account,
+    connecting: base.connecting,
+    error: base.error,
+    connect: base.connect,
+    disconnect: base.disconnect,
+    signPersonalMessage: base.signPersonalMessage,
+    getSuiClient,
     buildExecutor,
   }
 }