@le-space/ui 0.3.20 → 0.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@le-space/ui",
-  "version": "0.3.20",
+  "version": "0.3.21",
   "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.20",
-    "@le-space/core": "0.3.20",
+    "@le-space/browser": "0.3.21",
+    "@le-space/core": "0.3.21",
     "viem": "^2.38.5"
   },
   "peerDependencies": {

package/react/index.d.ts

@@ -303,7 +303,7 @@ declare class SponsorRelayController {
     private runtimeCooldownByHash;
     private runtimeDetailsByHash;
     private debugEnabled;
-    private lastRuntimeReadyHash;
+    private lastCompletedDeploymentHash;
     constructor(props?: SponsorRelayProps);
     subscribeToDeploymentProgress(listener: DeploymentProgressListener): () => void;
     subscribe(subscriber: SponsorRelaySubscriber): () => void;

package/react/index.js

@@ -39,7 +39,7 @@ var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
 var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/package-version.ts
-var UI_PACKAGE_VERSION = "0.3.20";
+var UI_PACKAGE_VERSION = "0.3.21";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -2951,7 +2951,7 @@ var SponsorRelayController = class {
   runtimeCooldownByHash = /* @__PURE__ */ new Map();
   runtimeDetailsByHash = /* @__PURE__ */ new Map();
   debugEnabled;
-  lastRuntimeReadyHash = null;
+  lastCompletedDeploymentHash = null;
   constructor(props = {}) {
     this.props = props;
     this.state = defaultState(props);
@@ -3063,7 +3063,7 @@ var SponsorRelayController = class {
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Applying relay networking",
-        progress: 94,
+        progress: 93,
         status: "info",
         itemHash: args.itemHash,
         detail: "Publishing the host port mapping into the guest relay configuration."
@@ -3099,7 +3099,7 @@ var SponsorRelayController = class {
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Publishing relay config",
-        progress: 94,
+        progress: 93,
         status: "info",
         itemHash: args.itemHash,
         detail: "Publishing runtime networking into the Aleph guest bootstrap config aggregate."
@@ -3196,7 +3196,7 @@ var SponsorRelayController = class {
     this.emitProgress({
       stage: "publishing-bootstrap",
       label: "Waiting for guest bootstrap registration",
-      progress: 96,
+      progress: 97,
       status: "info",
       itemHash: args.itemHash,
       detail: "Waiting for the relay VM to publish its own bootstrap registration to Aleph."
@@ -3251,7 +3251,7 @@ var SponsorRelayController = class {
     }
     const currentProgress = this.state.deploymentProgress;
     const currentProgressIsForLatestHash = currentProgress.itemHash === itemHash || currentProgress.itemHash == null && currentProgress.stage !== "idle" && currentProgress.stage !== "error";
-    const keepTerminalSuccess = this.lastRuntimeReadyHash === itemHash || currentProgressIsForLatestHash && currentProgress.stage === "completed" && currentProgress.status === "success";
+    const keepTerminalSuccess = this.lastCompletedDeploymentHash === itemHash || currentProgressIsForLatestHash && currentProgress.stage === "completed" && currentProgress.status === "success";
     const status = latest.details.messageStatus;
     if (status === "rejected") {
       this.emitProgress({
@@ -3305,12 +3305,12 @@ var SponsorRelayController = class {
       return;
     }
     this.emitProgress({
-      stage: "completed",
+      stage: "deployment-confirmed",
       label: "Runtime ready",
-      progress: 100,
-      status: "success",
+      progress: 92,
+      status: "info",
       itemHash,
-      detail: "Deployment processed and runtime networking is available."
+      detail: "Deployment processed and runtime networking is available. Finishing relay setup and bootstrap verification."
     });
   }
   canSkipRuntimeRefresh(instance) {
@@ -3761,7 +3761,7 @@ var SponsorRelayController = class {
             crnHash: candidateCrn.hash,
             crnName: candidateCrn.name
           });
-          this.lastRuntimeReadyHash = null;
+          this.lastCompletedDeploymentHash = null;
           const inspection = await waitForDeploymentResult2(result.itemHash, {
             rootfsRef: this.state.manifest.rootfsItemHash,
             apiHost: this.client.apiHost,
@@ -3867,12 +3867,12 @@ var SponsorRelayController = class {
             onAttempt: (runtime2) => {
               if (runtime2.hostIpv4 && Object.keys(runtime2.mappedPorts ?? {}).length > 0) {
                 this.emitProgress({
-                  stage: "completed",
+                  stage: "deployment-confirmed",
                   label: "Runtime ready",
-                  progress: 100,
-                  status: "success",
+                  progress: 92,
+                  status: "info",
                   itemHash: result.itemHash,
-                  detail: "Runtime networking and mapped ports are now available."
+                  detail: "Runtime networking and mapped ports are now available. Finishing relay setup and bootstrap verification."
                 });
                 return;
               }
@@ -3892,7 +3892,6 @@ var SponsorRelayController = class {
             );
           }
           this.trace("deploy:runtime-ready", runtime);
-          this.lastRuntimeReadyHash = result.itemHash;
           this.rememberRuntimeDetails(result.itemHash, {
             messageStatus: "processed",
             allocationSource: runtime.allocation?.source ?? null,
@@ -3917,12 +3916,21 @@ var SponsorRelayController = class {
           this.emitProgress({
             stage: "refreshing-instances",
             label: "Refreshing instances",
-            progress: 96,
+            progress: 99,
             status: "info",
             itemHash: result.itemHash,
             detail: "Reloading deployments and runtime state."
           });
           await this.refresh();
+          this.lastCompletedDeploymentHash = result.itemHash;
+          this.emitProgress({
+            stage: "completed",
+            label: "Relay ready",
+            progress: 100,
+            status: "success",
+            itemHash: result.itemHash,
+            detail: "Relay runtime, setup, metadata, and bootstrap registration are confirmed."
+          });
           return;
         } catch (error) {
           lastError = error instanceof Error ? error : new Error(String(error));

package/shared/index.d.ts

@@ -304,7 +304,7 @@ declare const STALE_INSTANCE_ALLOCATION_COOLDOWN_MS: number;
 declare const RECENT_INSTANCE_RUNTIME_GRACE_MS: number;
 declare const DEPLOYMENT_PENDING_WARNING_MS: number;
 
-declare const UI_PACKAGE_VERSION = "0.3.20";
+declare const UI_PACKAGE_VERSION = "0.3.21";
 
 interface RootfsRequiredPortForward {
     port: number;
@@ -353,7 +353,7 @@ declare class SponsorRelayController {
     private runtimeCooldownByHash;
     private runtimeDetailsByHash;
     private debugEnabled;
-    private lastRuntimeReadyHash;
+    private lastCompletedDeploymentHash;
     constructor(props?: SponsorRelayProps);
     subscribeToDeploymentProgress(listener: DeploymentProgressListener): () => void;
     subscribe(subscriber: SponsorRelaySubscriber): () => void;

package/shared/index.js

@@ -38,7 +38,7 @@ var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
 var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/package-version.ts
-var UI_PACKAGE_VERSION = "0.3.20";
+var UI_PACKAGE_VERSION = "0.3.21";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -2950,7 +2950,7 @@ var SponsorRelayController = class {
   runtimeCooldownByHash = /* @__PURE__ */ new Map();
   runtimeDetailsByHash = /* @__PURE__ */ new Map();
   debugEnabled;
-  lastRuntimeReadyHash = null;
+  lastCompletedDeploymentHash = null;
   constructor(props = {}) {
     this.props = props;
     this.state = defaultState(props);
@@ -3062,7 +3062,7 @@ var SponsorRelayController = class {
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Applying relay networking",
-        progress: 94,
+        progress: 93,
         status: "info",
         itemHash: args.itemHash,
         detail: "Publishing the host port mapping into the guest relay configuration."
@@ -3098,7 +3098,7 @@ var SponsorRelayController = class {
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Publishing relay config",
-        progress: 94,
+        progress: 93,
         status: "info",
         itemHash: args.itemHash,
         detail: "Publishing runtime networking into the Aleph guest bootstrap config aggregate."
@@ -3195,7 +3195,7 @@ var SponsorRelayController = class {
     this.emitProgress({
       stage: "publishing-bootstrap",
       label: "Waiting for guest bootstrap registration",
-      progress: 96,
+      progress: 97,
       status: "info",
       itemHash: args.itemHash,
       detail: "Waiting for the relay VM to publish its own bootstrap registration to Aleph."
@@ -3250,7 +3250,7 @@ var SponsorRelayController = class {
     }
     const currentProgress = this.state.deploymentProgress;
     const currentProgressIsForLatestHash = currentProgress.itemHash === itemHash || currentProgress.itemHash == null && currentProgress.stage !== "idle" && currentProgress.stage !== "error";
-    const keepTerminalSuccess = this.lastRuntimeReadyHash === itemHash || currentProgressIsForLatestHash && currentProgress.stage === "completed" && currentProgress.status === "success";
+    const keepTerminalSuccess = this.lastCompletedDeploymentHash === itemHash || currentProgressIsForLatestHash && currentProgress.stage === "completed" && currentProgress.status === "success";
     const status = latest.details.messageStatus;
     if (status === "rejected") {
       this.emitProgress({
@@ -3304,12 +3304,12 @@ var SponsorRelayController = class {
       return;
     }
     this.emitProgress({
-      stage: "completed",
+      stage: "deployment-confirmed",
       label: "Runtime ready",
-      progress: 100,
-      status: "success",
+      progress: 92,
+      status: "info",
       itemHash,
-      detail: "Deployment processed and runtime networking is available."
+      detail: "Deployment processed and runtime networking is available. Finishing relay setup and bootstrap verification."
     });
   }
   canSkipRuntimeRefresh(instance) {
@@ -3760,7 +3760,7 @@ var SponsorRelayController = class {
             crnHash: candidateCrn.hash,
             crnName: candidateCrn.name
           });
-          this.lastRuntimeReadyHash = null;
+          this.lastCompletedDeploymentHash = null;
           const inspection = await waitForDeploymentResult2(result.itemHash, {
             rootfsRef: this.state.manifest.rootfsItemHash,
             apiHost: this.client.apiHost,
@@ -3866,12 +3866,12 @@ var SponsorRelayController = class {
             onAttempt: (runtime2) => {
               if (runtime2.hostIpv4 && Object.keys(runtime2.mappedPorts ?? {}).length > 0) {
                 this.emitProgress({
-                  stage: "completed",
+                  stage: "deployment-confirmed",
                   label: "Runtime ready",
-                  progress: 100,
-                  status: "success",
+                  progress: 92,
+                  status: "info",
                   itemHash: result.itemHash,
-                  detail: "Runtime networking and mapped ports are now available."
+                  detail: "Runtime networking and mapped ports are now available. Finishing relay setup and bootstrap verification."
                 });
                 return;
               }
@@ -3891,7 +3891,6 @@ var SponsorRelayController = class {
             );
           }
           this.trace("deploy:runtime-ready", runtime);
-          this.lastRuntimeReadyHash = result.itemHash;
           this.rememberRuntimeDetails(result.itemHash, {
             messageStatus: "processed",
             allocationSource: runtime.allocation?.source ?? null,
@@ -3916,12 +3915,21 @@ var SponsorRelayController = class {
           this.emitProgress({
             stage: "refreshing-instances",
             label: "Refreshing instances",
-            progress: 96,
+            progress: 99,
             status: "info",
             itemHash: result.itemHash,
             detail: "Reloading deployments and runtime state."
           });
           await this.refresh();
+          this.lastCompletedDeploymentHash = result.itemHash;
+          this.emitProgress({
+            stage: "completed",
+            label: "Relay ready",
+            progress: 100,
+            status: "success",
+            itemHash: result.itemHash,
+            detail: "Relay runtime, setup, metadata, and bootstrap registration are confirmed."
+          });
           return;
         } catch (error) {
           lastError = error instanceof Error ? error : new Error(String(error));