@meddleware/dashboard-ui 0.1.99 → 0.1.100

package/CHANGELOG.md

@@ -5,6 +5,17 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version
 [Semantic Versioning](https://semver.org/). Before 0.2.0, breaking changes ship as patch releases.
 Releases before 0.1.85 are recorded in the git history only.
 
+## [0.1.100] - 2026-11-13
+
+### Changed
+
+- The network selector reads each network's availability from the deployment records (`networkAvailability` over the Access Gate and Sealed Storage records): a network without records for every hosted product is listed disabled as "Mainnet (not available yet)" (plain, naming no product), and one that has them is selectable. Testnet follows the same rule as mainnet.
+- Takes `@meddleware/ui` ^0.1.43 and `@meddleware/frontend-config` ^0.0.9; the embedded tools are unchanged (access-gate-ui 0.1.49, sealed-storage-ui 0.0.49, token-issuance-ui 0.0.47, treasury-ui 0.0.28, walrus-storage-ui 0.1.70).
+
+### Internal
+
+- Tests: both states of the selector (not available yet; selectable) with the records mocked, for testnet and mainnet.
+
 ## [0.1.99] - 2026-11-12
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/dashboard-ui",
-  "version": "0.1.99",
+  "version": "0.1.100",
   "homepage": "https://docs.meddleware.co.uk/",
   "description": "The Meddleware dashboard: the treasury, Walrus storage, sealed storage, access gates and token issuance in one place, with one wallet connection for all five tools. Vue 3 single-page app.",
   "author": "Meddleware <dev@meddleware.co.uk>",
@@ -49,7 +49,7 @@
     "@meddleware/sealed-storage-ui": "^0.0.49",
     "@meddleware/token-issuance-ui": "^0.0.47",
     "@meddleware/treasury-ui": "^0.0.28",
-    "@meddleware/ui": "^0.1.42",
+    "@meddleware/ui": "^0.1.43",
     "@meddleware/wallet-adapter": "^0.0.23",
     "@meddleware/walrus-storage-ui": "^0.1.70",
     "@meddleware/web-utils": "^0.0.4",
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@lhci/cli": "^0.16.0",
-    "@meddleware/frontend-config": "^0.0.8",
+    "@meddleware/frontend-config": "^0.0.9",
     "@playwright/test": "~1.64.1",
     "@types/node": "~26.6.5",
     "@vitejs/plugin-vue": "^6.0.10",

package/src/components/NetworkSelector.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Network selector for the dashboard sidebar. Reads and writes the shared useNetwork() singleton so every embedded tool view reacts to the
 // chosen network immediately. Mainnet is selectable only when the deployment records say it is live (`src/network.ts`); until then it is
-// listed, disabled, with what is missing.
+// listed, disabled and marked "not available yet".
 import { ref, watch } from 'vue'
 import { UiFormField, UiSelect, UiTextField } from '@meddleware/ui'
 import { useNetwork, type MwNetwork } from '@meddleware/wallet-adapter'
@@ -32,7 +32,7 @@ const options = networkOptions()
     <UiFormField id="ns-select" label="Network">
       <template #default="{ attrs }">
         <UiSelect :id="attrs.id" :model-value="network" @change="onNetworkChange">
-          <option v-for="o in options" :key="o.value" :value="o.value" :disabled="o.disabled" :title="o.title">{{ o.label }}</option>
+          <option v-for="o in options" :key="o.value" :value="o.value" :disabled="o.disabled">{{ o.label }}</option>
         </UiSelect>
       </template>
     </UiFormField>

package/src/network.ts

@@ -16,40 +16,38 @@ export const AVAILABILITY = networkAvailability({
   'sealed storage': Object.keys(SEAL_POLICIES_DEPLOYMENTS),
 })
 
-export interface MainnetChoice {
-  /** Mainnet can be selected. */
+export interface NetworkChoice {
+  /** The network can be selected. */
   readonly open: boolean
-  /** The option's text. */
+  /** The option's text: the network's name, and "not available yet" while its records are missing. */
   readonly label: string
-  /** The option's tooltip: what is missing, or that mainnet is coming. Absent when mainnet is open. */
-  readonly title?: string
 }
 
-/** How the mainnet option reads for the given availability (default: the records). */
-export function mainnetChoice(mainnet: NetworkAvailability = AVAILABILITY.mainnet): MainnetChoice {
-  switch (mainnet.status) {
-    case 'live':
-      return { open: true, label: 'Mainnet' }
-    case 'partial':
-      return { open: false, label: 'Mainnet (not open yet)', title: `Mainnet is not open yet. Still missing: ${mainnet.missing.join(', ')}.` }
-    case 'coming':
-      return { open: false, label: 'Mainnet (not open yet)', title: 'Mainnet is coming' }
-  }
+const NAMES = { testnet: 'Testnet', mainnet: 'Mainnet' } as const
+
+/**
+ * How a network's option reads for its availability: selectable once every hosted product has a record there, otherwise listed with
+ * "not available yet" (plain: a reader cannot act on which product is missing, so the text names none; D117).
+ */
+export function networkChoice(network: keyof typeof NAMES, availability: NetworkAvailability): NetworkChoice {
+  return availability.status === 'live'
+    ? { open: true, label: NAMES[network] }
+    : { open: false, label: `${NAMES[network]} (not available yet)` }
 }
 
 export interface NetworkOption {
   readonly value: MwNetwork
   readonly label: string
   readonly disabled: boolean
-  readonly title?: string
 }
 
-/** The options of the network selector: testnet and localnet always, mainnet as the records allow. */
-export function networkOptions(mainnet: NetworkAvailability = AVAILABILITY.mainnet): NetworkOption[] {
-  const choice = mainnetChoice(mainnet)
+/** The options of the network selector: testnet and mainnet as the records allow, localnet always (a developer's own node). */
+export function networkOptions(availability: Pick<typeof AVAILABILITY, 'testnet' | 'mainnet'> = AVAILABILITY): NetworkOption[] {
+  const testnet = networkChoice('testnet', availability.testnet)
+  const mainnet = networkChoice('mainnet', availability.mainnet)
   return [
-    { value: 'testnet', label: 'Testnet', disabled: false },
-    { value: 'mainnet', label: choice.label, disabled: !choice.open, title: choice.title },
+    { value: 'testnet', label: testnet.label, disabled: !testnet.open },
+    { value: 'mainnet', label: mainnet.label, disabled: !mainnet.open },
     { value: 'localnet', label: 'Localnet', disabled: false },
   ]
 }