@le-space/ui 0.3.6 → 0.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@le-space/ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "Floating Aleph sponsor relay UI components for Svelte and React.",
   "license": "MIT",
   "type": "module",
@@ -36,8 +36,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@le-space/browser": "0.3.6",
-    "@le-space/core": "0.3.6",
+    "@le-space/browser": "0.3.7",
+    "@le-space/core": "0.3.7",
     "viem": "^2.38.5"
   },
   "peerDependencies": {

package/react/index.js

@@ -1,6 +1,37 @@
 // src/react/SponsorRelayFab.tsx
 import React from "react";
 
+// package.json
+var package_default = {
+  name: "@le-space/ui",
+  version: "0.3.7",
+  description: "Floating Aleph sponsor relay UI components for Svelte and React.",
+  license: "MIT",
+  type: "module",
+  main: "./src/shared/index.ts",
+  types: "./src/shared/index.ts",
+  dependencies: {
+    "@le-space/browser": "workspace:*",
+    "@le-space/core": "workspace:*",
+    viem: "^2.38.5"
+  },
+  peerDependencies: {
+    react: ">=18",
+    "react-dom": ">=18",
+    svelte: ">=4"
+  },
+  devDependencies: {
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7"
+  },
+  scripts: {
+    build: 'echo "ui build placeholder"',
+    "build:publish": "tsup src/shared/index.ts --format esm --dts --clean --tsconfig tsconfig.publish.json --out-dir dist/shared && tsup src/react/index.ts --format esm --dts --tsconfig tsconfig.publish.json --out-dir dist/react",
+    test: "pnpm run build:publish && node --test ./test/**/*.test.mjs",
+    lint: 'echo "ui lint placeholder"'
+  }
+};
+
 // src/shared/constants.ts
 var DEFAULT_INSTANCE_NAME = "sponsor-relay";
 var DEFAULT_MANIFEST_URL = "./rootfs-manifest.json";
@@ -4103,6 +4134,7 @@ function launcherIndicator(state) {
 }
 function SponsorRelayFab(props) {
   const { controller, state } = useSponsorRelayController(props);
+  const versionLabel = `v${package_default.version}`;
   const launcherMode = props.launcherMode ?? "floating";
   const indicator = launcherIndicator(state);
   const [successFlash, setSuccessFlash] = React.useState(false);
@@ -4333,16 +4365,33 @@ function SponsorRelayFab(props) {
             },
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
                     style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "0.45rem",
                       color: "#9fb2ca",
                       fontSize: "0.72rem",
                       textTransform: "uppercase",
                       letterSpacing: "0.08em"
                     },
-                    children: "Aleph VM credit deployer"
+                    children: [
+                      /* @__PURE__ */ jsx("span", { children: "Aleph VM credit deployer" }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: "0.62rem",
+                            letterSpacing: "0.04em",
+                            textTransform: "none",
+                            color: "rgba(191, 219, 254, 0.82)"
+                          },
+                          children: versionLabel
+                        }
+                      )
+                    ]
                   }
                 ),
                 /* @__PURE__ */ jsx(

package/svelte/SponsorRelayFab.svelte

@@ -1,5 +1,6 @@
 <script>
   import { onDestroy, onMount } from 'svelte'
+  import packageJson from '../../package.json'
 
   import { createSponsorRelayController, formatDateTime, formatNumber, formatTierSpecLabel, joinMappedPorts, joinRequiredPortForwards, shortHash } from '../shared/index'
   import AccordionSection from './components/AccordionSection.svelte'
@@ -37,6 +38,7 @@ export let apiHost = undefined
   })
 
   let state = controller.getState()
+  const versionLabel = `v${packageJson.version}`
 
   onMount(async () => {
     const unsubscribe = controller.subscribe((next) => {
@@ -62,7 +64,7 @@ export let apiHost = undefined
   <aside class="panel">
     <div class="panel-head">
       <div>
-        <p class="eyebrow">Aleph VM credit deployer</p>
+        <p class="eyebrow">Aleph VM credit deployer <span class="eyebrow-version">{versionLabel}</span></p>
         <h2>Sponsor Relay</h2>
       </div>
       <button class="refresh" type="button" on:click={() => controller.refresh()} disabled={state.busy.refreshing}>
@@ -322,6 +324,13 @@ export let apiHost = undefined
     letter-spacing: 0.08em;
   }
 
+  .eyebrow-version {
+    font-size: 0.62rem;
+    letter-spacing: 0.04em;
+    text-transform: none;
+    color: rgba(191, 219, 254, 0.82);
+  }
+
   h2,
   h3,
   strong {