@le-space/ui 0.1.59 → 0.1.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@le-space/ui",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "description": "Floating Aleph sponsor relay UI components for Svelte and React.",
   "license": "MIT",
   "type": "module",

package/react/index.d.ts

@@ -296,6 +296,7 @@ declare class SponsorRelayController {
     private stopWalletWatch;
     private props;
     private progressEmitter;
+    private runtimeCooldownByHash;
     constructor(props?: SponsorRelayProps);
     subscribeToDeploymentProgress(listener: DeploymentProgressListener): () => void;
     subscribe(subscriber: SponsorRelaySubscriber): () => void;
@@ -303,6 +304,9 @@ declare class SponsorRelayController {
     private emit;
     private patch;
     private emitProgress;
+    private syncLatestDeploymentProgress;
+    private canSkipRuntimeRefresh;
+    private noteRuntimeRefreshResult;
     init(): Promise<void>;
     destroy(): void;
     setOpen(open: boolean): void;

package/react/index.js

@@ -32,6 +32,10 @@ var IDLE_DEPLOYMENT_PROGRESS = {
 };
 var REFRESH_INTERVAL_MS = 3e4;
 var RELAY_PING_INTERVAL_MS = 2e4;
+var INSTANCE_RUNTIME_STALE_REFRESH_MS = 5 * 6e4;
+var STALE_INSTANCE_ALLOCATION_COOLDOWN_MS = 5 * 60 * 1e3;
+var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
+var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -1514,6 +1518,15 @@ async function inspectInstanceRuntime(args) {
     };
   }
 }
+function instanceTimestampMs(instance) {
+  const value = instance.reception_time ?? instance.time;
+  if (!value) return null;
+  if (typeof value === "number") {
+    return value > 0 && value < 1e10 ? value * 1e3 : value;
+  }
+  const parsed = Date.parse(value);
+  return Number.isNaN(parsed) ? null : parsed;
+}
 function compatibleCrnsForTier(crns, state) {
   if (!state.pricingSummary.pricing || !state.pricingSummary.tier) {
     return [];
@@ -1575,6 +1588,9 @@ async function pingPeer(libp2p) {
     };
   }
 }
+function hasUsableRuntime(details) {
+  return Boolean(details.hostIpv4) || Boolean(details.vmIpv4) || details.mappedPorts.length > 0 || Boolean(details.webUrl) || Boolean(details.execution);
+}
 var SponsorRelayController = class {
   state;
   subscribers = /* @__PURE__ */ new Set();
@@ -1584,6 +1600,7 @@ var SponsorRelayController = class {
   stopWalletWatch = null;
   props;
   progressEmitter = createDeploymentProgressEmitter();
+  runtimeCooldownByHash = /* @__PURE__ */ new Map();
   constructor(props = {}) {
     this.props = props;
     this.state = defaultState(props);
@@ -1633,6 +1650,90 @@ var SponsorRelayController = class {
     });
     this.progressEmitter.emit(nextEvent);
   }
+  syncLatestDeploymentProgress(instances) {
+    const itemHash = this.state.lastDeploymentHash;
+    if (!itemHash) {
+      return;
+    }
+    const latest = instances.find(
+      (entry) => entry.instance.item_hash === itemHash
+    );
+    if (!latest) {
+      return;
+    }
+    const status = latest.details.messageStatus;
+    if (status === "rejected") {
+      this.emitProgress({
+        stage: "deployment-rejected",
+        label: "Deployment rejected",
+        progress: 100,
+        status: "error",
+        itemHash,
+        detail: "Aleph rejected the deployment.",
+        error: "Aleph rejected the deployment."
+      });
+      return;
+    }
+    if (status !== "processed") {
+      const submittedAtMs = instanceTimestampMs(latest.instance);
+      const pendingTooLong = submittedAtMs != null && Date.now() - submittedAtMs >= DEPLOYMENT_PENDING_WARNING_MS;
+      this.emitProgress({
+        stage: "waiting-for-aleph",
+        label: pendingTooLong ? "Aleph processing delayed" : "Waiting for Aleph",
+        progress: 76,
+        status: pendingTooLong ? "warning" : "info",
+        itemHash,
+        detail: pendingTooLong ? "The instance is still pending on Aleph after several minutes. Retry, inspect the Aleph message, or delete and redeploy." : "Deployment submitted. Waiting for Aleph to process the instance message."
+      });
+      return;
+    }
+    if (!hasUsableRuntime(latest.details)) {
+      this.emitProgress({
+        stage: "deployment-confirmed",
+        label: "Waiting for runtime",
+        progress: 88,
+        status: "warning",
+        itemHash,
+        detail: "Aleph processed the deployment. Waiting for scheduler/runtime allocation details."
+      });
+      return;
+    }
+    this.emitProgress({
+      stage: "completed",
+      label: "Runtime ready",
+      progress: 100,
+      status: "success",
+      itemHash,
+      detail: "Deployment processed and runtime networking is available."
+    });
+  }
+  canSkipRuntimeRefresh(instance) {
+    if (instance.item_hash === this.state.lastDeploymentHash) {
+      return false;
+    }
+    const cooldownUntil = this.runtimeCooldownByHash.get(instance.item_hash);
+    if (!cooldownUntil) {
+      return false;
+    }
+    return cooldownUntil > Date.now();
+  }
+  noteRuntimeRefreshResult(instance, details) {
+    const hasRuntimeData = Boolean(details.crnUrl) || Boolean(details.hostIpv4) || Boolean(details.vmIpv4) || details.mappedPorts.length > 0 || Boolean(details.webUrl) || Boolean(details.execution);
+    if (hasRuntimeData || details.error || details.messageStatus !== "processed") {
+      this.runtimeCooldownByHash.delete(instance.item_hash);
+      return;
+    }
+    const timestampMs = instanceTimestampMs(instance);
+    const isRecent = timestampMs != null && Date.now() - timestampMs < RECENT_INSTANCE_RUNTIME_GRACE_MS;
+    if (isRecent) {
+      this.runtimeCooldownByHash.delete(instance.item_hash);
+      return;
+    }
+    this.runtimeCooldownByHash.set(
+      instance.item_hash,
+      Date.now() + STALE_INSTANCE_ALLOCATION_COOLDOWN_MS
+    );
+  }
   async init() {
     this.stopWalletWatch = watchWallet(() => {
       void this.refreshWalletDerivedState();
@@ -1752,25 +1853,11 @@ var SponsorRelayController = class {
       statusText: "Refreshing relay sponsor data"
     });
     try {
-      this.emitProgress({
-        stage: "loading-manifest",
-        label: "Loading manifest",
-        progress: 8,
-        status: "info",
-        detail: this.state.manifestUrl
-      });
       const manifestState = await resolveManifest({
         manifestUrl: this.state.manifestUrl,
         manifestJson: this.state.manifestJson
       });
       const manifest = manifestState.manifest;
-      this.emitProgress({
-        stage: "loading-pricing",
-        label: "Loading pricing and CRNs",
-        progress: 18,
-        status: "info",
-        detail: "Fetching live Aleph pricing and compatible CRNs."
-      });
       const [pricingSummary, crns] = await Promise.all([
         fetchInstancePricing(this.client.apiHost),
         this.client.fetchCrns()
@@ -1778,39 +1865,43 @@ var SponsorRelayController = class {
       let balance = this.state.balance;
       let instances = [];
       if (this.state.wallet.address) {
-        this.emitProgress({
-          stage: "loading-balance",
-          label: "Loading wallet balance",
-          progress: 28,
-          status: "info",
-          detail: this.state.wallet.address
-        });
         const [nextBalance, rawInstances] = await Promise.all([
           this.client.fetchBalance(this.state.wallet.address),
           this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([])
         ]);
         balance = nextBalance;
         instances = await Promise.all(
-          rawInstances.map(async (instance) => ({
-            instance,
-            details: await inspectInstanceRuntime({
+          rawInstances.map(async (instance) => {
+            const details = this.canSkipRuntimeRefresh(instance) ? {
+              messageStatus: String(
+                instance.status ?? (instance.confirmed ? "processed" : "pending")
+              ).toLowerCase(),
+              allocationSource: null,
+              crnUrl: null,
+              hostIpv4: null,
+              ipv6: null,
+              vmIpv4: null,
+              webUrl: null,
+              sshCommand: null,
+              mappedPorts: [],
+              execution: null,
+              error: null
+            } : await inspectInstanceRuntime({
               client: this.client,
               instance,
               crns
-            })
-          }))
+            });
+            this.noteRuntimeRefreshResult(instance, details);
+            return {
+              instance,
+              details
+            };
+          })
         );
       }
       let rootfsVerified = false;
       let rootfsResolution = null;
       if (manifestState.valid && manifest) {
-        this.emitProgress({
-          stage: "verifying-rootfs",
-          label: "Verifying rootfs",
-          progress: 38,
-          status: "info",
-          detail: manifest.rootfsItemHash
-        });
         rootfsVerified = await verifyRootfsExists(
           manifest.rootfsItemHash,
           this.client.apiHost
@@ -1841,26 +1932,13 @@ var SponsorRelayController = class {
         statusText: "Relay sponsor data ready"
       });
       this.recomputePricingSummary();
-      this.emitProgress({
-        stage: "completed",
-        label: "Data ready",
-        progress: 100,
-        status: "success",
-        detail: "Manifest, pricing, and wallet state are ready."
-      });
+      this.syncLatestDeploymentProgress(instances);
     } catch (error) {
       this.patch({
         busy: { refreshing: false },
         errorText: error instanceof Error ? error.message : String(error),
         statusText: "Refresh failed"
       });
-      this.emitProgress({
-        stage: "error",
-        label: "Refresh failed",
-        progress: 100,
-        status: "error",
-        error: error instanceof Error ? error.message : String(error)
-      });
     }
   }
   async refreshRelayPing() {
@@ -1952,15 +2030,6 @@ var SponsorRelayController = class {
         detail: "Reloading deployments and runtime state."
       });
       await this.refresh();
-      this.emitProgress({
-        stage: "completed",
-        label: "Deployment completed",
-        progress: 100,
-        status: result.status === "rejected" ? "error" : "success",
-        itemHash: result.itemHash,
-        detail: result.status === "rejected" ? result.rejectionReason ?? "Aleph rejected the deployment." : "Deployment submitted and synced back into the panel.",
-        error: result.status === "rejected" ? result.rejectionReason ?? "Aleph rejected the deployment." : null
-      });
     } catch (error) {
       this.patch({
         busy: { deploying: false },
@@ -2132,6 +2201,20 @@ function progressBadgeLabel(stage) {
       return "DEPLOY";
   }
 }
+var COMPLETED_PROGRESS_VISIBLE_MS = 12e3;
+function isDeploymentProgressVisible(state) {
+  const stage = state.deploymentProgress.stage;
+  if (stage === "idle") {
+    return false;
+  }
+  if (stage === "error") {
+    return true;
+  }
+  if (stage === "completed") {
+    return Date.now() - state.deploymentProgress.timestamp < COMPLETED_PROGRESS_VISIBLE_MS;
+  }
+  return true;
+}
 function launcherIndicator(state) {
   if (state.deploymentProgress.stage !== "idle" && state.deploymentProgress.stage !== "completed") {
     return {
@@ -2140,7 +2223,7 @@ function launcherIndicator(state) {
       tone: state.deploymentProgress.status
     };
   }
-  if (state.deploymentProgress.stage === "completed") {
+  if (state.deploymentProgress.stage === "completed" && isDeploymentProgressVisible(state)) {
     return {
       label: "DONE",
       detail: state.deploymentProgress.label,
@@ -2213,6 +2296,17 @@ function SponsorRelayFab(props) {
     state.deploymentProgress.status,
     state.deploymentProgress.timestamp
   ]);
+  React.useEffect(() => {
+    if (state.deploymentProgress.stage !== "completed") {
+      return;
+    }
+    const timeout = window.setTimeout(() => {
+      setSuccessFlash(false);
+    }, COMPLETED_PROGRESS_VISIBLE_MS);
+    return () => {
+      window.clearTimeout(timeout);
+    };
+  }, [state.deploymentProgress.stage, state.deploymentProgress.timestamp]);
   React.useEffect(() => {
     if (launcherMode !== "inline" || !state.open) {
       return;
@@ -2258,6 +2352,7 @@ function SponsorRelayFab(props) {
     };
   }, [launcherMode]);
   const progressActive = state.deploymentProgress.stage !== "idle" && state.deploymentProgress.stage !== "completed" && state.deploymentProgress.stage !== "error";
+  const deploymentProgressVisible = isDeploymentProgressVisible(state);
   const pulseScale = progressActive ? 1.03 : hovered ? 1.015 : 1;
   const pulseShadow = progressActive ? `0 0 0 4px ${progressToneColor(indicator.tone)}22, 0 12px 28px rgba(15, 23, 42, 0.22)` : successFlash ? `0 0 0 5px rgba(55, 214, 122, 0.22), 0 14px 32px rgba(55, 214, 122, 0.22)` : launcherMode === "inline" ? hovered ? "0 14px 30px rgba(79, 70, 229, 0.28)" : "0 10px 24px rgba(99, 102, 241, 0.22)" : void 0;
   const inlineButtonBackground = indicator.tone === "error" ? "linear-gradient(135deg, #b91c1c 0%, #dc2626 100%)" : indicator.tone === "warning" ? "linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%)" : indicator.tone === "success" ? "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)" : "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)";
@@ -2437,7 +2532,7 @@ function SponsorRelayFab(props) {
         ),
         /* @__PURE__ */ jsx("p", { style: { color: "#9fb2ca" }, children: state.statusText }),
         state.errorText ? /* @__PURE__ */ jsx("p", { style: { color: "#ffd9d9" }, children: state.errorText }) : null,
-        state.deploymentProgress.stage !== "idle" ? /* @__PURE__ */ jsxs(
+        deploymentProgressVisible ? /* @__PURE__ */ jsxs(
           "div",
           {
             style: {

package/shared/index.d.ts

@@ -293,6 +293,12 @@ declare const RELAY_PING_IDLE_STATE: RelayPingState;
 declare const IDLE_DEPLOYMENT_PROGRESS: DeploymentProgressEvent;
 declare const REFRESH_INTERVAL_MS = 30000;
 declare const RELAY_PING_INTERVAL_MS = 20000;
+declare const INSTANCE_RUNTIME_READY_REFRESH_MS = 30000;
+declare const INSTANCE_RUNTIME_PENDING_REFRESH_MS = 45000;
+declare const INSTANCE_RUNTIME_STALE_REFRESH_MS: number;
+declare const STALE_INSTANCE_ALLOCATION_COOLDOWN_MS: number;
+declare const RECENT_INSTANCE_RUNTIME_GRACE_MS: number;
+declare const DEPLOYMENT_PENDING_WARNING_MS: number;
 
 declare function shortHash(value: string | null | undefined, head?: number, tail?: number): string;
 declare function formatNumber(value: number | null | undefined, digits?: number): string;
@@ -328,6 +334,7 @@ declare class SponsorRelayController {
     private stopWalletWatch;
     private props;
     private progressEmitter;
+    private runtimeCooldownByHash;
     constructor(props?: SponsorRelayProps);
     subscribeToDeploymentProgress(listener: DeploymentProgressListener): () => void;
     subscribe(subscriber: SponsorRelaySubscriber): () => void;
@@ -335,6 +342,9 @@ declare class SponsorRelayController {
     private emit;
     private patch;
     private emitProgress;
+    private syncLatestDeploymentProgress;
+    private canSkipRuntimeRefresh;
+    private noteRuntimeRefreshResult;
     init(): Promise<void>;
     destroy(): void;
     setOpen(open: boolean): void;
@@ -362,4 +372,4 @@ interface DeploymentProgressEmitter {
 }
 declare function createDeploymentProgressEmitter(): DeploymentProgressEmitter;
 
-export { type CompactInstanceDetails, type CompactInstanceRecord, DEFAULT_INSTANCE_NAME, DEFAULT_MANIFEST_URL, DEFAULT_TIER_ID, type DeploymentProgressEmitter, type EthereumProviderLike, IDLE_DEPLOYMENT_PROGRESS, REFRESH_INTERVAL_MS, RELAY_PING_IDLE_STATE, RELAY_PING_INTERVAL_MS, ROOTFS_MISSING_STATE, type RelayPingState, SponsorRelayController, type SponsorRelayHealthTone, type SponsorRelayPricingSummary, type SponsorRelayProps, type SponsorRelayRootfsHealth, type SponsorRelayState, type SponsorRelaySubscriber, type SponsorRelayWalletState, buildSshCommand, connectWallet, createDeploymentProgressEmitter, createSponsorRelayController, formatDateTime, formatNumber, getEthereumProvider, joinMappedPorts, personalSign, resolveManifestSource, shortHash, toChecksumAddress, watchWallet };
+export { type CompactInstanceDetails, type CompactInstanceRecord, DEFAULT_INSTANCE_NAME, DEFAULT_MANIFEST_URL, DEFAULT_TIER_ID, DEPLOYMENT_PENDING_WARNING_MS, type DeploymentProgressEmitter, type EthereumProviderLike, IDLE_DEPLOYMENT_PROGRESS, INSTANCE_RUNTIME_PENDING_REFRESH_MS, INSTANCE_RUNTIME_READY_REFRESH_MS, INSTANCE_RUNTIME_STALE_REFRESH_MS, RECENT_INSTANCE_RUNTIME_GRACE_MS, REFRESH_INTERVAL_MS, RELAY_PING_IDLE_STATE, RELAY_PING_INTERVAL_MS, ROOTFS_MISSING_STATE, type RelayPingState, STALE_INSTANCE_ALLOCATION_COOLDOWN_MS, SponsorRelayController, type SponsorRelayHealthTone, type SponsorRelayPricingSummary, type SponsorRelayProps, type SponsorRelayRootfsHealth, type SponsorRelayState, type SponsorRelaySubscriber, type SponsorRelayWalletState, buildSshCommand, connectWallet, createDeploymentProgressEmitter, createSponsorRelayController, formatDateTime, formatNumber, getEthereumProvider, joinMappedPorts, personalSign, resolveManifestSource, shortHash, toChecksumAddress, watchWallet };

package/shared/index.js

@@ -29,6 +29,12 @@ var IDLE_DEPLOYMENT_PROGRESS = {
 };
 var REFRESH_INTERVAL_MS = 3e4;
 var RELAY_PING_INTERVAL_MS = 2e4;
+var INSTANCE_RUNTIME_READY_REFRESH_MS = 3e4;
+var INSTANCE_RUNTIME_PENDING_REFRESH_MS = 45e3;
+var INSTANCE_RUNTIME_STALE_REFRESH_MS = 5 * 6e4;
+var STALE_INSTANCE_ALLOCATION_COOLDOWN_MS = 5 * 60 * 1e3;
+var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
+var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -1511,6 +1517,15 @@ async function inspectInstanceRuntime(args) {
     };
   }
 }
+function instanceTimestampMs(instance) {
+  const value = instance.reception_time ?? instance.time;
+  if (!value) return null;
+  if (typeof value === "number") {
+    return value > 0 && value < 1e10 ? value * 1e3 : value;
+  }
+  const parsed = Date.parse(value);
+  return Number.isNaN(parsed) ? null : parsed;
+}
 function compatibleCrnsForTier(crns, state) {
   if (!state.pricingSummary.pricing || !state.pricingSummary.tier) {
     return [];
@@ -1572,6 +1587,9 @@ async function pingPeer(libp2p) {
     };
   }
 }
+function hasUsableRuntime(details) {
+  return Boolean(details.hostIpv4) || Boolean(details.vmIpv4) || details.mappedPorts.length > 0 || Boolean(details.webUrl) || Boolean(details.execution);
+}
 var SponsorRelayController = class {
   state;
   subscribers = /* @__PURE__ */ new Set();
@@ -1581,6 +1599,7 @@ var SponsorRelayController = class {
   stopWalletWatch = null;
   props;
   progressEmitter = createDeploymentProgressEmitter();
+  runtimeCooldownByHash = /* @__PURE__ */ new Map();
   constructor(props = {}) {
     this.props = props;
     this.state = defaultState(props);
@@ -1630,6 +1649,90 @@ var SponsorRelayController = class {
     });
     this.progressEmitter.emit(nextEvent);
   }
+  syncLatestDeploymentProgress(instances) {
+    const itemHash = this.state.lastDeploymentHash;
+    if (!itemHash) {
+      return;
+    }
+    const latest = instances.find(
+      (entry) => entry.instance.item_hash === itemHash
+    );
+    if (!latest) {
+      return;
+    }
+    const status = latest.details.messageStatus;
+    if (status === "rejected") {
+      this.emitProgress({
+        stage: "deployment-rejected",
+        label: "Deployment rejected",
+        progress: 100,
+        status: "error",
+        itemHash,
+        detail: "Aleph rejected the deployment.",
+        error: "Aleph rejected the deployment."
+      });
+      return;
+    }
+    if (status !== "processed") {
+      const submittedAtMs = instanceTimestampMs(latest.instance);
+      const pendingTooLong = submittedAtMs != null && Date.now() - submittedAtMs >= DEPLOYMENT_PENDING_WARNING_MS;
+      this.emitProgress({
+        stage: "waiting-for-aleph",
+        label: pendingTooLong ? "Aleph processing delayed" : "Waiting for Aleph",
+        progress: 76,
+        status: pendingTooLong ? "warning" : "info",
+        itemHash,
+        detail: pendingTooLong ? "The instance is still pending on Aleph after several minutes. Retry, inspect the Aleph message, or delete and redeploy." : "Deployment submitted. Waiting for Aleph to process the instance message."
+      });
+      return;
+    }
+    if (!hasUsableRuntime(latest.details)) {
+      this.emitProgress({
+        stage: "deployment-confirmed",
+        label: "Waiting for runtime",
+        progress: 88,
+        status: "warning",
+        itemHash,
+        detail: "Aleph processed the deployment. Waiting for scheduler/runtime allocation details."
+      });
+      return;
+    }
+    this.emitProgress({
+      stage: "completed",
+      label: "Runtime ready",
+      progress: 100,
+      status: "success",
+      itemHash,
+      detail: "Deployment processed and runtime networking is available."
+    });
+  }
+  canSkipRuntimeRefresh(instance) {
+    if (instance.item_hash === this.state.lastDeploymentHash) {
+      return false;
+    }
+    const cooldownUntil = this.runtimeCooldownByHash.get(instance.item_hash);
+    if (!cooldownUntil) {
+      return false;
+    }
+    return cooldownUntil > Date.now();
+  }
+  noteRuntimeRefreshResult(instance, details) {
+    const hasRuntimeData = Boolean(details.crnUrl) || Boolean(details.hostIpv4) || Boolean(details.vmIpv4) || details.mappedPorts.length > 0 || Boolean(details.webUrl) || Boolean(details.execution);
+    if (hasRuntimeData || details.error || details.messageStatus !== "processed") {
+      this.runtimeCooldownByHash.delete(instance.item_hash);
+      return;
+    }
+    const timestampMs = instanceTimestampMs(instance);
+    const isRecent = timestampMs != null && Date.now() - timestampMs < RECENT_INSTANCE_RUNTIME_GRACE_MS;
+    if (isRecent) {
+      this.runtimeCooldownByHash.delete(instance.item_hash);
+      return;
+    }
+    this.runtimeCooldownByHash.set(
+      instance.item_hash,
+      Date.now() + STALE_INSTANCE_ALLOCATION_COOLDOWN_MS
+    );
+  }
   async init() {
     this.stopWalletWatch = watchWallet(() => {
       void this.refreshWalletDerivedState();
@@ -1749,25 +1852,11 @@ var SponsorRelayController = class {
       statusText: "Refreshing relay sponsor data"
     });
     try {
-      this.emitProgress({
-        stage: "loading-manifest",
-        label: "Loading manifest",
-        progress: 8,
-        status: "info",
-        detail: this.state.manifestUrl
-      });
       const manifestState = await resolveManifest({
         manifestUrl: this.state.manifestUrl,
         manifestJson: this.state.manifestJson
       });
       const manifest = manifestState.manifest;
-      this.emitProgress({
-        stage: "loading-pricing",
-        label: "Loading pricing and CRNs",
-        progress: 18,
-        status: "info",
-        detail: "Fetching live Aleph pricing and compatible CRNs."
-      });
       const [pricingSummary, crns] = await Promise.all([
         fetchInstancePricing(this.client.apiHost),
         this.client.fetchCrns()
@@ -1775,39 +1864,43 @@ var SponsorRelayController = class {
       let balance = this.state.balance;
       let instances = [];
       if (this.state.wallet.address) {
-        this.emitProgress({
-          stage: "loading-balance",
-          label: "Loading wallet balance",
-          progress: 28,
-          status: "info",
-          detail: this.state.wallet.address
-        });
         const [nextBalance, rawInstances] = await Promise.all([
           this.client.fetchBalance(this.state.wallet.address),
           this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([])
         ]);
         balance = nextBalance;
         instances = await Promise.all(
-          rawInstances.map(async (instance) => ({
-            instance,
-            details: await inspectInstanceRuntime({
+          rawInstances.map(async (instance) => {
+            const details = this.canSkipRuntimeRefresh(instance) ? {
+              messageStatus: String(
+                instance.status ?? (instance.confirmed ? "processed" : "pending")
+              ).toLowerCase(),
+              allocationSource: null,
+              crnUrl: null,
+              hostIpv4: null,
+              ipv6: null,
+              vmIpv4: null,
+              webUrl: null,
+              sshCommand: null,
+              mappedPorts: [],
+              execution: null,
+              error: null
+            } : await inspectInstanceRuntime({
               client: this.client,
               instance,
               crns
-            })
-          }))
+            });
+            this.noteRuntimeRefreshResult(instance, details);
+            return {
+              instance,
+              details
+            };
+          })
         );
       }
       let rootfsVerified = false;
       let rootfsResolution = null;
       if (manifestState.valid && manifest) {
-        this.emitProgress({
-          stage: "verifying-rootfs",
-          label: "Verifying rootfs",
-          progress: 38,
-          status: "info",
-          detail: manifest.rootfsItemHash
-        });
         rootfsVerified = await verifyRootfsExists(
           manifest.rootfsItemHash,
           this.client.apiHost
@@ -1838,26 +1931,13 @@ var SponsorRelayController = class {
         statusText: "Relay sponsor data ready"
       });
       this.recomputePricingSummary();
-      this.emitProgress({
-        stage: "completed",
-        label: "Data ready",
-        progress: 100,
-        status: "success",
-        detail: "Manifest, pricing, and wallet state are ready."
-      });
+      this.syncLatestDeploymentProgress(instances);
     } catch (error) {
       this.patch({
         busy: { refreshing: false },
         errorText: error instanceof Error ? error.message : String(error),
         statusText: "Refresh failed"
       });
-      this.emitProgress({
-        stage: "error",
-        label: "Refresh failed",
-        progress: 100,
-        status: "error",
-        error: error instanceof Error ? error.message : String(error)
-      });
     }
   }
   async refreshRelayPing() {
@@ -1949,15 +2029,6 @@ var SponsorRelayController = class {
         detail: "Reloading deployments and runtime state."
       });
       await this.refresh();
-      this.emitProgress({
-        stage: "completed",
-        label: "Deployment completed",
-        progress: 100,
-        status: result.status === "rejected" ? "error" : "success",
-        itemHash: result.itemHash,
-        detail: result.status === "rejected" ? result.rejectionReason ?? "Aleph rejected the deployment." : "Deployment submitted and synced back into the panel.",
-        error: result.status === "rejected" ? result.rejectionReason ?? "Aleph rejected the deployment." : null
-      });
     } catch (error) {
       this.patch({
         busy: { deploying: false },
@@ -2046,11 +2117,17 @@ export {
   DEFAULT_INSTANCE_NAME,
   DEFAULT_MANIFEST_URL,
   DEFAULT_TIER_ID,
+  DEPLOYMENT_PENDING_WARNING_MS,
   IDLE_DEPLOYMENT_PROGRESS,
+  INSTANCE_RUNTIME_PENDING_REFRESH_MS,
+  INSTANCE_RUNTIME_READY_REFRESH_MS,
+  INSTANCE_RUNTIME_STALE_REFRESH_MS,
+  RECENT_INSTANCE_RUNTIME_GRACE_MS,
   REFRESH_INTERVAL_MS,
   RELAY_PING_IDLE_STATE,
   RELAY_PING_INTERVAL_MS,
   ROOTFS_MISSING_STATE,
+  STALE_INSTANCE_ALLOCATION_COOLDOWN_MS,
   SponsorRelayController,
   buildSshCommand,
   connectWallet,