@meddleware/dashboard 0.1.4 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/dashboard",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Meddleware tools hub — Vue 3 SPA listing hosted services (Walrus, Access Gate) with white-label deploy options.",
   "author": "Meddleware <dev@meddleware.co.uk>",
   "license": "0BSD",
@@ -26,16 +26,18 @@
     "access": "public"
   },
   "dependencies": {
+    "@meddleware/access-gate-ui": "^0.1.3",
     "@meddleware/design-tokens": "^0.1.2",
+    "@meddleware/seal-ui": "^0.0.3",
     "@meddleware/ui": "^0.1.6",
-    "@meddleware/wallet-adapter": "^0.0.1",
-    "@meddleware/walrus-ui": "^0.1.4",
+    "@meddleware/wallet-adapter": "^0.0.2",
+    "@meddleware/walrus-ui": "^0.1.5",
     "pinia": "^4.0.2",
     "vue": "^3.5.40",
     "vue-router": "^5.2.0"
   },
   "overrides": {
-    "@mysten/sui": "2.17.0"
+    "@mysten/sui": "2.28.0"
   },
   "devDependencies": {
     "@types/node": "~24.12.2",

package/src/router/index.ts

@@ -1,10 +1,10 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Home from '../views/Home.vue'
-import ToolPage from '../views/ToolPage.vue'
 
-// Walrus renders inline via the component exported from @meddleware/walrus-ui (no iframe).
-// It shares the dashboard's wallet connection through the @meddleware/wallet-adapter singleton.
-// Access Gate and Sealed Storage remain on the interim iframe path until their phases land.
+// Every tool renders inline via the view component exported from its own package
+// (@meddleware/walrus-ui, @meddleware/access-gate-ui, @meddleware/seal-ui) — no iframes. They
+// share the dashboard's wallet connection through the @meddleware/wallet-adapter singleton, and
+// each route is lazy so a tool's deps (incl. the Walrus wasm) load only on navigation.
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -13,8 +13,14 @@ const router = createRouter({
       path: '/walrus',
       component: () => import('@meddleware/walrus-ui').then((m) => m.WalrusView),
     },
-    { path: '/access-gate', component: ToolPage, props: { src: 'https://sui-access-gate.meddleware.co.uk/?embedded=1', title: 'Access Gate' } },
-    { path: '/sealed-storage', component: ToolPage, props: { src: 'https://sui-seal.meddleware.co.uk/?embedded=1', title: 'Sealed Storage' } },
+    {
+      path: '/access-gate',
+      component: () => import('@meddleware/access-gate-ui').then((m) => m.AccessGateView),
+    },
+    {
+      path: '/sealed-storage',
+      component: () => import('@meddleware/seal-ui').then((m) => m.SealView),
+    },
   ],
 })
 

package/src/components/ToolFrame.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-defineProps<{ src: string; title: string }>()
-</script>
-
-<template>
-  <iframe
-    :src="src"
-    :title="title"
-    class="tool-frame"
-    allow="camera; clipboard-read; clipboard-write"
-  />
-</template>
-
-<style scoped>
-.tool-frame {
-  display: block;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-</style>

package/src/views/ToolPage.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import ToolFrame from '../components/ToolFrame.vue'
-
-defineProps<{ src: string; title: string }>()
-</script>
-
-<template>
-  <ToolFrame :src="src" :title="title" />
-</template>