@le-space/ui 0.3.32 → 0.4.1

package/react/index.js

@@ -28,7 +28,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.32";
+var UI_PACKAGE_VERSION = "0.4.1";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -1237,6 +1237,16 @@ function normalizeBroadcastStatus(httpStatus, responseStatus) {
   if (httpStatus === 202) return "pending";
   return normalizeMessageStatus2(responseStatus);
 }
+function isInvalidMessageFormatResponse2(response, payload) {
+  if (response.status !== 422) return false;
+  const details = payload?.details;
+  if (typeof details === "string" && details.includes("InvalidMessageFormat")) return true;
+  if (details && typeof details === "object") {
+    const detailMessage = details.message;
+    if (typeof detailMessage === "string" && detailMessage.includes("InvalidMessageFormat")) return true;
+  }
+  return false;
+}
 function isRetryableBroadcastFailure(response, payload) {
   if (response.status >= 500) return true;
   const publicationStatus = payload?.publication_status?.status;
@@ -1258,22 +1268,25 @@ async function postBroadcastPayload2(body, options) {
   };
 }
 async function broadcastAlephMessage2(message, options) {
-  const requestBody = { sync: options.sync ?? false, message };
-  const maxAttempts = 3;
-  for (let index = 0; index < maxAttempts; index += 1) {
-    const result = await postBroadcastPayload2(requestBody, {
+  const attempts = [
+    { sync: options.sync ?? false, message },
+    { ...message, sync: options.sync ?? false },
+    { ...message }
+  ];
+  for (let index = 0; index < attempts.length; index += 1) {
+    const result = await postBroadcastPayload2(attempts[index], {
       apiHost: options.apiHost,
       fetch: options.fetch
     });
     if (result.httpStatus === 202 || normalizeBroadcastStatus(result.httpStatus, result.response?.message_status) !== "unknown" || result.httpStatus >= 200 && result.httpStatus < 300) {
       return result;
     }
-    const canRetry = index < maxAttempts - 1 && isRetryableBroadcastFailure({ status: result.httpStatus }, result.response);
+    const canRetry = index < attempts.length - 1 && (isInvalidMessageFormatResponse2({ status: result.httpStatus }, result.response) || isRetryableBroadcastFailure({ status: result.httpStatus }, result.response));
     if (!canRetry) {
       throw new Error(`Broadcast failed: ${result.httpStatus} ${JSON.stringify(result.response ?? {})}`);
     }
   }
-  throw new Error("Broadcast failed: retry budget exhausted");
+  throw new Error("Broadcast failed: no compatible request format was accepted");
 }
 
 // ../core/src/forget.ts
@@ -1878,13 +1891,6 @@ async function waitForVmRuntime(args) {
 }
 
 // ../core/src/guest.ts
-function proxyHostnameFromUrl(value) {
-  try {
-    return value ? new URL(value).hostname : null;
-  } catch {
-    return null;
-  }
-}
 async function defaultHttpProbe(fetch2, url, timeoutMs = 1e4) {
   try {
     const controller = new AbortController();
@@ -2126,59 +2132,6 @@ async function fetchUcGoPeerMetadata(args) {
     `Relay metadata did not become ready after ${attempts} attempts: ${lastError ? lastError : typeof lastPayload === "string" ? lastPayload : JSON.stringify(lastPayload ?? {})}`
   );
 }
-async function verifyUcGoPeerReachability(args) {
-  const checks = {};
-  const mappedPorts2 = args.mappedPorts ?? {};
-  const hostIpv4 = args.hostIpv4;
-  const skippedInternalPorts = new Set(
-    (args.skipInternalPorts ?? ["80"]).map((value) => String(value))
-  );
-  const httpProbe = args.httpProbe ?? ((url, timeoutMs) => defaultHttpProbe(args.fetch, url, timeoutMs));
-  if (hostIpv4) {
-    for (const [internalPort, mapping] of Object.entries(mappedPorts2)) {
-      if (skippedInternalPorts.has(String(internalPort))) continue;
-      if (mapping?.tcp === true && mapping?.host) {
-        checks[`tcp:${internalPort}`] = {
-          host: hostIpv4,
-          port: mapping.host,
-          ...await args.tcpProbe(
-            hostIpv4,
-            mapping.host,
-            Number(args.tcpTimeoutMs ?? 5e3)
-          )
-        };
-      } else if (mapping?.udp === true && mapping?.host) {
-        checks[`udp:${internalPort}`] = {
-          host: hostIpv4,
-          port: mapping.host,
-          ok: null,
-          note: "UDP mapping published; CI does not perform an application-level UDP handshake probe."
-        };
-      }
-    }
-  }
-  if (args.proxyUrl && args.verifyProxyHttp !== false) {
-    checks["https:proxy"] = await httpProbe(
-      args.proxyUrl,
-      Number(args.httpTimeoutMs ?? 1e4)
-    );
-  }
-  const proxyHostname = proxyHostnameFromUrl(args.proxyUrl);
-  if (proxyHostname) {
-    checks["tcp:proxy-443"] = await args.tcpProbe(
-      proxyHostname,
-      443,
-      Number(args.tcpTimeoutMs ?? 5e3)
-    );
-  }
-  const failedChecks = Object.entries(checks).filter(
-    ([, value]) => value?.ok === false
-  );
-  return {
-    ok: failedChecks.length === 0,
-    checks
-  };
-}
 
 // ../aleph-bootstrap/src/index.ts
 import { recoverMessageAddress } from "viem";
@@ -2598,7 +2551,7 @@ async function waitForRelayBootstrapRegistration(args) {
       return false;
     });
     if (match?.content) {
-      return {
+      const visibleRegistration = {
         itemHash: match.itemHash ?? null,
         hash: match.hash ?? null,
         sender: typeof match.address === "string" ? match.address : null,
@@ -2607,7 +2560,10 @@ async function waitForRelayBootstrapRegistration(args) {
         multiaddrs: Array.isArray(match.content.multiaddrs) ? match.content.multiaddrs : [],
         browserMultiaddrs: Array.isArray(match.content.browserMultiaddrs) ? match.content.browserMultiaddrs : []
       };
+      args.onAttempt?.(visibleRegistration, attempt + 1, attempts);
+      return visibleRegistration;
     }
+    args.onAttempt?.(null, attempt + 1, attempts);
     if (attempt < attempts - 1) {
       await sleep(delayMs);
     }
@@ -2720,16 +2676,6 @@ async function publishRelayBootstrapRegistration(args) {
 
 // ../core/src/bootstrap-config.ts
 var VM_BOOTSTRAP_CONFIG_AGGREGATE_KEY = "vm-bootstrap-config";
-var VM_BOOTSTRAP_CONFIG_SIGNAL_REF = "vm-bootstrap-config";
-var VM_BOOTSTRAP_CONFIG_SIGNAL_POST_TYPE = "vm-bootstrap-config-status";
-function parseJsonObject(value) {
-  try {
-    const parsed = JSON.parse(value);
-    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
-  } catch {
-    return null;
-  }
-}
 async function fetchVmBootstrapConfigAggregate(address, options) {
   const requestUrl = new URL(`/api/v0/aggregates/${address}.json`, options.apiHost ?? DEFAULT_ALEPH_API_HOST2);
   requestUrl.searchParams.set("keys", VM_BOOTSTRAP_CONFIG_AGGREGATE_KEY);
@@ -2849,89 +2795,6 @@ async function deleteVmBootstrapConfig(args) {
     aggregate: content
   };
 }
-function normalizeVmBootstrapConfigSignalRecord(value) {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-  const candidate = value;
-  const deploymentToken = typeof candidate.deploymentToken === "string" ? candidate.deploymentToken.trim() : "";
-  const status = typeof candidate.status === "string" ? candidate.status.trim() : "";
-  const profile = typeof candidate.profile === "string" ? candidate.profile.trim() : "";
-  const ownerAddress = typeof candidate.ownerAddress === "string" ? candidate.ownerAddress.trim() : "";
-  const instanceItemHash = typeof candidate.instanceItemHash === "string" ? candidate.instanceItemHash.trim() : "";
-  const updatedAt = typeof candidate.updatedAt === "string" ? candidate.updatedAt.trim() : "";
-  if (!deploymentToken || !status || !profile || !ownerAddress || !instanceItemHash || !updatedAt) {
-    return null;
-  }
-  return {
-    deploymentToken,
-    status,
-    profile,
-    ownerAddress,
-    instanceItemHash,
-    updatedAt,
-    publisherAddress: typeof candidate.publisherAddress === "string" && candidate.publisherAddress.trim() ? candidate.publisherAddress.trim() : null,
-    authorization: candidate.authorization,
-    peerId: typeof candidate.peerId === "string" && candidate.peerId.trim() ? candidate.peerId.trim() : null,
-    probeMultiaddrs: Array.isArray(candidate.probeMultiaddrs) ? candidate.probeMultiaddrs.filter(
-      (entry) => typeof entry === "string" && entry.trim().length > 0
-    ) : [],
-    browserBootstrapMultiaddrs: Array.isArray(candidate.browserBootstrapMultiaddrs) ? candidate.browserBootstrapMultiaddrs.filter(
-      (entry) => typeof entry === "string" && entry.trim().length > 0
-    ) : []
-  };
-}
-async function fetchVmBootstrapConfigSignals(args) {
-  const requestUrl = new URL("/api/v0/posts.json", args.apiHost ?? DEFAULT_ALEPH_API_HOST2);
-  requestUrl.searchParams.set("refs", args.ref ?? VM_BOOTSTRAP_CONFIG_SIGNAL_REF);
-  requestUrl.searchParams.set("types", args.postType ?? VM_BOOTSTRAP_CONFIG_SIGNAL_POST_TYPE);
-  requestUrl.searchParams.set("pagination", String(Math.max(1, Number(args.pagination ?? 100))));
-  requestUrl.searchParams.set("page", String(Math.max(1, Number(args.page ?? 1))));
-  requestUrl.searchParams.set("sortOrder", "-1");
-  const response = await args.fetch(requestUrl.toString(), { cache: "no-cache" });
-  if (!response.ok) {
-    throw new Error(`VM bootstrap config signal request failed: ${response.status}`);
-  }
-  const payload = await response.json();
-  const expectedDeploymentToken = args.deploymentToken?.trim() ?? "";
-  const expectedOwnerAddress = args.ownerAddress?.trim().toLowerCase() ?? "";
-  const expectedInstanceItemHash = args.instanceItemHash?.trim() ?? "";
-  return (payload.posts ?? []).map((entry) => {
-    if (!entry || typeof entry !== "object" || Array.isArray(entry)) return null;
-    const parsed = "content" in entry && entry.content && typeof entry.content === "object" && !Array.isArray(entry.content) ? entry.content : "item_content" in entry && typeof entry.item_content === "string" ? parseJsonObject(entry.item_content) : null;
-    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return null;
-    const content = "deploymentToken" in parsed ? parsed : "content" in parsed && parsed.content && typeof parsed.content === "object" && !Array.isArray(parsed.content) ? parsed.content : null;
-    if (!content || typeof content !== "object" || Array.isArray(content)) return null;
-    return normalizeVmBootstrapConfigSignalRecord(content);
-  }).filter((entry) => {
-    if (!entry) return false;
-    if (expectedDeploymentToken && entry.deploymentToken !== expectedDeploymentToken) return false;
-    if (expectedOwnerAddress && entry.ownerAddress.toLowerCase() !== expectedOwnerAddress) return false;
-    if (expectedInstanceItemHash && entry.instanceItemHash !== expectedInstanceItemHash) return false;
-    return true;
-  });
-}
-async function waitForVmBootstrapConfigSignal(args) {
-  const attempts = Math.max(1, Number(args.attempts ?? 24));
-  const delayMs = Math.max(0, Number(args.delayMs ?? 2500));
-  const sleep2 = args.sleep ?? ((ms) => new Promise((resolve) => setTimeout(resolve, ms)));
-  const expectedStatus = args.expectedStatus ?? "applied";
-  for (let attempt = 0; attempt < attempts; attempt += 1) {
-    const signals = await fetchVmBootstrapConfigSignals({
-      deploymentToken: args.deploymentToken,
-      ownerAddress: args.ownerAddress,
-      instanceItemHash: args.instanceItemHash,
-      fetch: args.fetch,
-      apiHost: args.apiHost,
-      ref: args.ref,
-      postType: args.postType
-    }).catch(() => []);
-    const match = signals.find((entry) => entry.status === expectedStatus) ?? null;
-    if (match) return match;
-    if (attempt < attempts - 1) {
-      await sleep2(delayMs);
-    }
-  }
-  return null;
-}
 
 // ../core/src/bootstrap-reconcile.ts
 function createRelayBootstrapRegistrationId(profile, instanceName, itemHash) {
@@ -3303,8 +3166,6 @@ var UI_DEPLOY_WAIT_ATTEMPTS = 60;
 var UI_DEPLOY_WAIT_DELAY_MS = 5e3;
 var UI_RUNTIME_WAIT_ATTEMPTS = 40;
 var UI_RUNTIME_WAIT_DELAY_MS = 5e3;
-var UI_REACHABILITY_VERIFY_ATTEMPTS = 25;
-var UI_REACHABILITY_VERIFY_DELAY_MS = 3e3;
 function hasUsableRuntime(details) {
   return Boolean(details.hostIpv4) || Boolean(details.vmIpv4) || details.mappedPorts.length > 0 || Boolean(details.webUrl) || Boolean(details.execution);
 }
@@ -3411,21 +3272,19 @@ var SponsorRelayController = class {
     this.progressEmitter.emit(nextEvent);
   }
   async configureRelayBootstrapRegistration(args) {
-    let runtime = args.runtime;
     const profile = relayProfileForManifest(this.state.manifest);
     if (!profile) return;
     if (!this.state.wallet.address) {
       throw new Error("A connected wallet is required to register relay bootstrap addresses.");
     }
-    if (!runtime.hostIpv4) {
+    if (!args.runtime.hostIpv4) {
       throw new Error("Relay runtime did not expose a host IPv4 address.");
     }
-    let mappedPorts2 = runtime.mappedPorts ?? {};
+    const mappedPorts2 = args.runtime.mappedPorts ?? {};
     const setupPort = mappedPorts2["80"]?.host ?? null;
     if (!setupPort) {
       throw new Error("Relay runtime did not expose the temporary setup endpoint.");
     }
-    let bootstrapSignalRelayMetadata = null;
     if (profile === "orbitdb-relay-pinner") {
       this.emitProgress({
         stage: "deployment-confirmed",
@@ -3436,12 +3295,22 @@ var SponsorRelayController = class {
         detail: "Waiting for the guest setup endpoint before collecting relay metadata."
       });
       const setupHealth = await waitForSetupEndpoint({
-        hostIpv4: runtime.hostIpv4,
+        hostIpv4: args.runtime.hostIpv4,
         setupPort,
         fetch: (url, init) => fetch(url, init),
         attempts: 15,
         delayMs: 4e3,
-        httpTimeoutMs: 1e4
+        httpTimeoutMs: 1e4,
+        onAttempt: (result, attempt, attempts) => {
+          this.emitProgress({
+            stage: "deployment-confirmed",
+            label: "Waiting for guest setup",
+            progress: 93,
+            status: result.ok ? "success" : "info",
+            itemHash: args.itemHash,
+            detail: result.ok ? `Setup endpoint ${attempt}/${attempts}: ready at http://${args.runtime.hostIpv4}:${setupPort}/health.` : `Setup endpoint ${attempt}/${attempts}: waiting for http://${args.runtime.hostIpv4}:${setupPort}/health.`
+          });
+        }
       });
       if (!setupHealth.ok) {
         throw new Error(
@@ -3462,12 +3331,12 @@ var SponsorRelayController = class {
         throw new Error("OrbitDB relay runtime is missing required mapped TCP/WS ports.");
       }
       const configureResult = await configureOrbitdbRelaySetup2({
-        hostIpv4: runtime.hostIpv4,
-        publicIpv6: runtime.ipv6,
+        hostIpv4: args.runtime.hostIpv4,
+        publicIpv6: args.runtime.ipv6,
         setupPort,
         tcpPort,
         wsPort,
-        proxyUrl: runtime.proxyUrl ?? void 0,
+        proxyUrl: args.runtime.proxyUrl ?? void 0,
         metricsPort: mappedPorts2["9090"]?.host ?? null,
         metricsHttpsPort: mappedPorts2["443"]?.host ?? null,
         webrtcPort: mappedPorts2["9093"]?.host ?? null,
@@ -3484,54 +3353,6 @@ var SponsorRelayController = class {
       if (!args.deploymentToken) {
         throw new Error("Missing deployment token for Aleph bootstrap config handoff.");
       }
-      if (runtime.proxyUrl && runtime.webAccess?.active !== true) {
-        this.emitProgress({
-          stage: "deployment-confirmed",
-          label: "Waiting for HTTPS route",
-          progress: 93,
-          status: "warning",
-          itemHash: args.itemHash,
-          detail: "The relay received a 2n6 hostname, but it is not active yet. Waiting before handing HTTPS config to the guest."
-        });
-        let latestRuntime = runtime;
-        for (let attempt = 0; attempt < UI_RUNTIME_WAIT_ATTEMPTS; attempt += 1) {
-          if (latestRuntime.webAccess?.active === true) {
-            break;
-          }
-          await new Promise(
-            (resolve) => globalThis.setTimeout(resolve, UI_RUNTIME_WAIT_DELAY_MS)
-          );
-          latestRuntime = await fetchVmRuntime({
-            itemHash: args.itemHash,
-            fetch: (url, init) => fetch(url, init),
-            crnHash: runtime.selectedCrn?.hash ?? runtime.allocation?.crnHash ?? void 0,
-            crns: this.state.crns,
-            crnListUrl: this.props.crnListUrl
-          }).catch(() => latestRuntime);
-          this.emitProgress({
-            stage: "deployment-confirmed",
-            label: "Waiting for HTTPS route",
-            progress: 93,
-            status: latestRuntime.webAccess?.active === true ? "info" : "warning",
-            itemHash: args.itemHash,
-            detail: `2n6 activation ${attempt + 1}/${UI_RUNTIME_WAIT_ATTEMPTS}: ${latestRuntime.webAccess?.active === true ? "active" : "still pending"} for ${latestRuntime.proxyUrl ?? runtime.proxyUrl ?? "reserved proxy URL"}.`
-          });
-          this.trace("deploy:bootstrap-proxy-activation", {
-            itemHash: args.itemHash,
-            attempt: attempt + 1,
-            attempts: UI_RUNTIME_WAIT_ATTEMPTS,
-            active: latestRuntime.webAccess?.active === true,
-            proxyUrl: latestRuntime.proxyUrl ?? null
-          });
-        }
-        runtime = latestRuntime;
-        mappedPorts2 = runtime.mappedPorts ?? mappedPorts2;
-      }
-      if (!runtime.hostIpv4) {
-        throw new Error("Relay runtime lost its host IPv4 address while waiting for HTTPS activation.");
-      }
-      const runtimeHostIpv4 = runtime.hostIpv4;
-      const activeProxyUrl = runtime.webAccess?.active === true ? runtime.proxyUrl ?? null : null;
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Publishing relay config",
@@ -3549,9 +3370,9 @@ var SponsorRelayController = class {
         expiresAt: new Date(Date.now() + 30 * 6e4).toISOString(),
         status: "pending",
         runtime: {
-          publicIpv4: runtimeHostIpv4,
-          publicIpv6: runtime.ipv6 ?? null,
-          proxyUrl: activeProxyUrl,
+          publicIpv4: args.runtime.hostIpv4,
+          publicIpv6: args.runtime.ipv6 ?? null,
+          proxyUrl: args.runtime.proxyUrl ?? null,
           mappedPorts: mappedPorts2
         },
         bootstrap: {
@@ -3580,164 +3401,57 @@ var SponsorRelayController = class {
         aggregateItemHash: bootstrapConfigPublication.aggregateItemHash,
         aggregateStatus: bootstrapConfigPublication.aggregateStatus
       });
-      this.emitProgress({
-        stage: "deployment-confirmed",
-        label: "Waiting for guest config",
-        progress: 94,
-        status: "info",
-        itemHash: args.itemHash,
-        detail: "Waiting for the relay VM to acknowledge that it consumed the Aleph bootstrap config."
-      });
-      const bootstrapConfigSignal = await waitForVmBootstrapConfigSignal({
-        deploymentToken: args.deploymentToken,
-        ownerAddress: this.state.wallet.address,
-        instanceItemHash: args.itemHash,
-        fetch: asJsonFetch,
-        apiHost: this.client.apiHost,
-        attempts: 40,
-        delayMs: 3e3
-      });
-      this.trace("deploy:bootstrap-config-signal-visible", {
-        itemHash: args.itemHash,
-        deploymentToken: args.deploymentToken,
-        bootstrapConfigSignal
-      });
-      if (!bootstrapConfigSignal) {
-        throw new Error(
-          "The relay VM did not confirm that it applied the Aleph bootstrap config in time."
-        );
-      }
-      bootstrapSignalRelayMetadata = typeof bootstrapConfigSignal.peerId === "string" && bootstrapConfigSignal.peerId.length > 0 && Array.isArray(bootstrapConfigSignal.probeMultiaddrs) && bootstrapConfigSignal.probeMultiaddrs.length > 0 ? {
-        peerId: bootstrapConfigSignal.peerId,
-        probeMultiaddrs: bootstrapConfigSignal.probeMultiaddrs,
-        browserBootstrapMultiaddrs: bootstrapConfigSignal.browserBootstrapMultiaddrs ?? []
-      } : null;
-      if (runtime.proxyUrl && runtime.webAccess?.active !== true) {
-        this.trace("deploy:bootstrap-proxy-fallback", {
+    }
+    this.emitProgress({
+      stage: "publishing-bootstrap",
+      label: "Reading relay multiaddrs",
+      progress: 95,
+      status: "info",
+      itemHash: args.itemHash,
+      detail: "Waiting for the relay to report its final public multiaddrs."
+    });
+    const relayMetadata = await fetchRelayMetadataForRuntime({
+      runtime: args.runtime,
+      fetch: (url, init) => fetch(url, init),
+      preferSecureMetadata: profile === "uc-go-peer",
+      attempts: 80,
+      delayMs: 3e3,
+      timeoutMs: 24e4,
+      onAttempt: (result) => {
+        const payload = result.payload && typeof result.payload === "object" ? result.payload : null;
+        const metadata = payload?.metadata && typeof payload.metadata === "object" ? payload.metadata : null;
+        this.trace("deploy:relay-metadata-attempt", {
           itemHash: args.itemHash,
-          deploymentToken: args.deploymentToken,
-          proxyUrl: runtime.proxyUrl,
-          bootstrapSignalRelayMetadata
+          attempt: result.attempt,
+          attempts: result.attempts,
+          requestUrl: result.requestUrl,
+          metadataUrl: result.metadataUrl,
+          hostIpv4: result.hostIpv4,
+          setupPort: result.setupPort,
+          ok: result.ok,
+          status: result.status,
+          ready: result.ready,
+          error: result.error ?? null,
+          payloadStatus: payload && typeof payload.status === "string" ? payload.status : null,
+          peerId: metadata && typeof metadata.peer_id === "string" ? metadata.peer_id : null,
+          probeMultiaddrCount: Array.isArray(metadata?.probe_multiaddrs) ? metadata.probe_multiaddrs.length : 0,
+          browserBootstrapMultiaddrCount: Array.isArray(
+            metadata?.browser_bootstrap_multiaddrs
+          ) ? metadata.browser_bootstrap_multiaddrs.length : 0
         });
         this.emitProgress({
-          stage: "deployment-confirmed",
-          label: "Continuing without HTTPS route",
-          progress: 94,
-          status: "warning",
+          stage: "publishing-bootstrap",
+          label: "Reading relay multiaddrs",
+          progress: 95,
+          status: result.ready ? "success" : "info",
           itemHash: args.itemHash,
-          detail: "The 2n6 HTTPS route stayed inactive, so guest setup continued without Caddy. Secure browser routing can be enabled later when the proxy becomes available."
+          detail: result.ready ? `Relay metadata ${result.attempt}/${result.attempts}: public multiaddrs available.` : `Relay metadata ${result.attempt}/${result.attempts}: waiting for the relay to report public multiaddrs.`
         });
-        runtime = {
-          ...runtime,
-          proxyUrl: null,
-          webAccess: runtime.webAccess ? {
-            ...runtime.webAccess,
-            active: false
-          } : runtime.webAccess
-        };
       }
-    }
-    let relayMetadata = bootstrapSignalRelayMetadata;
-    if (relayMetadata) {
-      this.trace("deploy:relay-metadata-from-bootstrap-signal", {
-        itemHash: args.itemHash,
-        peerId: relayMetadata.peerId,
-        probeMultiaddrCount: relayMetadata.probeMultiaddrs.length,
-        browserBootstrapMultiaddrCount: relayMetadata.browserBootstrapMultiaddrs.length
-      });
-    } else {
-      this.emitProgress({
-        stage: "publishing-bootstrap",
-        label: "Reading relay multiaddrs",
-        progress: 95,
-        status: "info",
-        itemHash: args.itemHash,
-        detail: "Waiting for the relay to report its final public multiaddrs."
-      });
-      relayMetadata = await fetchRelayMetadataForRuntime({
-        runtime,
-        fetch: (url, init) => fetch(url, init),
-        preferSecureMetadata: profile === "uc-go-peer" && Boolean(runtime.proxyUrl),
-        attempts: 80,
-        delayMs: 3e3,
-        timeoutMs: 24e4,
-        onAttempt: (result) => {
-          const payload = result.payload && typeof result.payload === "object" ? result.payload : null;
-          const metadata = payload?.metadata && typeof payload.metadata === "object" ? payload.metadata : null;
-          this.trace("deploy:relay-metadata-attempt", {
-            itemHash: args.itemHash,
-            attempt: result.attempt,
-            attempts: result.attempts,
-            requestUrl: result.requestUrl,
-            metadataUrl: result.metadataUrl,
-            hostIpv4: result.hostIpv4,
-            setupPort: result.setupPort,
-            ok: result.ok,
-            status: result.status,
-            ready: result.ready,
-            error: result.error ?? null,
-            payloadStatus: payload && typeof payload.status === "string" ? payload.status : null,
-            peerId: metadata && typeof metadata.peer_id === "string" ? metadata.peer_id : null,
-            probeMultiaddrCount: Array.isArray(metadata?.probe_multiaddrs) ? metadata.probe_multiaddrs.length : 0,
-            browserBootstrapMultiaddrCount: Array.isArray(
-              metadata?.browser_bootstrap_multiaddrs
-            ) ? metadata.browser_bootstrap_multiaddrs.length : 0
-          });
-        }
-      });
-    }
+    });
     if (!relayMetadata) {
       throw new Error("Relay metadata did not include a peer ID and public multiaddrs.");
     }
-    if (profile === "uc-go-peer" && runtime.proxyUrl) {
-      this.emitProgress({
-        stage: "publishing-bootstrap",
-        label: "Verifying reachability",
-        progress: 96,
-        status: "info",
-        itemHash: args.itemHash,
-        detail: "Checking that the secure relay endpoint is reachable before trusting the deployment as ready."
-      });
-      const verificationUrl = (() => {
-        try {
-          return new URL("/bootstrap/metadata", runtime.proxyUrl).toString();
-        } catch {
-          return runtime.proxyUrl ?? "";
-        }
-      })();
-      let verificationResult = null;
-      for (let attempt = 0; attempt < UI_REACHABILITY_VERIFY_ATTEMPTS; attempt += 1) {
-        verificationResult = await verifyUcGoPeerReachability({
-          proxyUrl: verificationUrl,
-          verifyProxyHttp: true,
-          fetch: (url, init) => fetch(url, init),
-          tcpProbe: async () => ({ ok: null })
-        });
-        this.trace("deploy:reachability-verification-attempt", {
-          itemHash: args.itemHash,
-          attempt: attempt + 1,
-          attempts: UI_REACHABILITY_VERIFY_ATTEMPTS,
-          verificationUrl,
-          ok: verificationResult.ok,
-          checks: verificationResult.checks
-        });
-        const proxyHttpCheck2 = verificationResult.checks["https:proxy"];
-        if (verificationResult.ok && proxyHttpCheck2?.ok === true) {
-          break;
-        }
-        if (attempt < UI_REACHABILITY_VERIFY_ATTEMPTS - 1) {
-          await new Promise(
-            (resolve) => globalThis.setTimeout(resolve, UI_REACHABILITY_VERIFY_DELAY_MS)
-          );
-        }
-      }
-      const proxyHttpCheck = verificationResult?.checks["https:proxy"];
-      if (!verificationResult?.ok || proxyHttpCheck?.ok !== true) {
-        throw new Error(
-          proxyHttpCheck?.error ? `Secure relay endpoint did not become reachable in time: ${proxyHttpCheck.error}` : "Secure relay endpoint did not become reachable in time."
-        );
-      }
-    }
     const { peerId } = relayMetadata;
     const registrationId = createRelayBootstrapRegistrationId(
       profile,
@@ -3758,7 +3472,17 @@ var SponsorRelayController = class {
       fetch: asJsonFetch,
       apiHost: this.client.apiHost,
       attempts: 24,
-      delayMs: 2500
+      delayMs: 2500,
+      onAttempt: (match, attempt, attempts) => {
+        this.emitProgress({
+          stage: "publishing-bootstrap",
+          label: "Waiting for guest bootstrap registration",
+          progress: 97,
+          status: match ? "success" : "info",
+          itemHash: args.itemHash,
+          detail: match ? `Guest bootstrap registration ${attempt}/${attempts}: visible on Aleph.` : `Guest bootstrap registration ${attempt}/${attempts}: still waiting for the relay VM registration on Aleph.`
+        });
+      }
     });
     this.trace("deploy:bootstrap-registration-visible", {
       itemHash: args.itemHash,
@@ -3809,7 +3533,17 @@ var SponsorRelayController = class {
         fetch: asJsonFetch,
         apiHost: this.client.apiHost,
         attempts: 24,
-        delayMs: 2500
+        delayMs: 2500,
+        onAttempt: (match, attempt, attempts) => {
+          this.emitProgress({
+            stage: "publishing-bootstrap",
+            label: "Waiting for bootstrap fallback",
+            progress: 98,
+            status: match ? "success" : "warning",
+            itemHash: args.itemHash,
+            detail: match ? `Bootstrap fallback ${attempt}/${attempts}: visible on Aleph.` : `Bootstrap fallback ${attempt}/${attempts}: waiting for the browser-published registration on Aleph.`
+          });
+        }
       });
       this.trace("deploy:bootstrap-registration-fallback-visible", {
         itemHash: args.itemHash,
@@ -3855,7 +3589,6 @@ 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.lastCompletedDeploymentHash === itemHash || currentProgressIsForLatestHash && currentProgress.stage === "completed" && currentProgress.status === "success";
-    const keepSpecificInFlightProgress = currentProgressIsForLatestHash && currentProgress.stage !== "completed" && currentProgress.stage !== "error" && currentProgress.progress >= 93;
     const status = latest.details.messageStatus;
     if (status === "rejected") {
       this.emitProgress({
@@ -3898,16 +3631,6 @@ var SponsorRelayController = class {
         });
         return;
       }
-      if (keepSpecificInFlightProgress) {
-        this.trace("progress:retain-inflight", {
-          reason: "latest refresh would overwrite a more specific in-flight deployment phase",
-          itemHash,
-          currentStage: currentProgress.stage,
-          currentLabel: currentProgress.label,
-          currentProgress: currentProgress.progress
-        });
-        return;
-      }
       this.emitProgress({
         stage: "deployment-confirmed",
         label: "Waiting for runtime",
@@ -3918,16 +3641,6 @@ var SponsorRelayController = class {
       });
       return;
     }
-    if (keepSpecificInFlightProgress) {
-      this.trace("progress:retain-inflight", {
-        reason: "latest refresh would overwrite a more specific in-flight deployment phase",
-        itemHash,
-        currentStage: currentProgress.stage,
-        currentLabel: currentProgress.label,
-        currentProgress: currentProgress.progress
-      });
-      return;
-    }
     this.emitProgress({
       stage: "deployment-confirmed",
       label: "Runtime ready",
@@ -4421,7 +4134,7 @@ var SponsorRelayController = class {
             fetch: (url, init) => fetch(url, init),
             attempts: UI_DEPLOY_WAIT_ATTEMPTS,
             delayMs: UI_DEPLOY_WAIT_DELAY_MS,
-            onAttempt: (inspectionResult) => {
+            onAttempt: (inspectionResult, attempt, attempts) => {
               if (inspectionResult.status === "processed") {
                 this.emitProgress({
                   stage: "deployment-confirmed",
@@ -4429,7 +4142,7 @@ var SponsorRelayController = class {
                   progress: 82,
                   status: "success",
                   itemHash: result.itemHash,
-                  detail: "Aleph processed the instance message."
+                  detail: `Aleph processing ${attempt}/${attempts}: instance message processed.`
                 });
                 return;
               }
@@ -4451,7 +4164,7 @@ var SponsorRelayController = class {
                 progress: 76,
                 status: "info",
                 itemHash: result.itemHash,
-                detail: "Deployment submitted. Waiting for Aleph to process the instance message."
+                detail: `Aleph processing ${attempt}/${attempts}: waiting for the instance message to be processed.`
               });
             }
           });
@@ -4517,7 +4230,7 @@ var SponsorRelayController = class {
             crnListUrl: this.props.crnListUrl,
             attempts: UI_RUNTIME_WAIT_ATTEMPTS,
             delayMs: UI_RUNTIME_WAIT_DELAY_MS,
-            onAttempt: (runtime2) => {
+            onAttempt: (runtime2, attempt, attempts) => {
               if (runtime2.hostIpv4 && Object.keys(runtime2.mappedPorts ?? {}).length > 0) {
                 this.emitProgress({
                   stage: "deployment-confirmed",
@@ -4525,7 +4238,7 @@ var SponsorRelayController = class {
                   progress: 92,
                   status: "info",
                   itemHash: result.itemHash,
-                  detail: "Runtime networking and mapped ports are now available. Finishing relay setup and bootstrap verification."
+                  detail: `Runtime ${attempt}/${attempts}: networking and mapped ports are now available.`
                 });
                 return;
               }
@@ -4535,7 +4248,7 @@ var SponsorRelayController = class {
                 progress: 90,
                 status: "warning",
                 itemHash: result.itemHash,
-                detail: runtime2.diagnostics?.reason ?? "Waiting for CRN runtime networking and mapped ports."
+                detail: runtime2.diagnostics?.reason ? `Runtime ${attempt}/${attempts}: ${runtime2.diagnostics.reason}` : `Runtime ${attempt}/${attempts}: waiting for CRN runtime networking and mapped ports.`
               });
             }
           });
@@ -4597,15 +4310,6 @@ var SponsorRelayController = class {
           });
           if (attemptItemHash) {
             if (attemptDeploymentToken) {
-              this.emitProgress({
-                stage: "refreshing-instances",
-                label: "Cleaning up failed attempt",
-                progress: 16,
-                status: "warning",
-                itemHash: attemptItemHash,
-                detail: `Removing bootstrap handoff state for failed deployment on ${attemptLabel}.`,
-                error: lastError.message
-              });
               this.trace("deploy:bootstrap-config-cleanup-start", {
                 itemHash: attemptItemHash,
                 deploymentToken: attemptDeploymentToken
@@ -4631,26 +4335,8 @@ var SponsorRelayController = class {
                   deploymentToken: attemptDeploymentToken,
                   error: cleanupError instanceof Error ? cleanupError.message : String(cleanupError)
                 });
-                this.emitProgress({
-                  stage: "refreshing-instances",
-                  label: "Cleanup warning",
-                  progress: 16,
-                  status: "warning",
-                  itemHash: attemptItemHash,
-                  detail: `Bootstrap cleanup reported an issue for ${attemptLabel}, but retry cleanup will continue.`,
-                  error: cleanupError instanceof Error ? cleanupError.message : String(cleanupError)
-                });
               });
             }
-            this.emitProgress({
-              stage: "refreshing-instances",
-              label: "Discarding failed deployment",
-              progress: 17,
-              status: "warning",
-              itemHash: attemptItemHash,
-              detail: `Forgetting failed deployment ${attemptItemHash.slice(0, 12)} on ${attemptLabel} before retrying.`,
-              error: lastError.message
-            });
             this.trace("deploy:forget-failed-attempt-start", {
               itemHash: attemptItemHash,
               crnHash: candidateCrn.hash,
@@ -4673,30 +4359,12 @@ var SponsorRelayController = class {
                 itemHash: attemptItemHash,
                 error: cleanupError instanceof Error ? cleanupError.message : String(cleanupError)
               });
-              this.emitProgress({
-                stage: "refreshing-instances",
-                label: "Cleanup warning",
-                progress: 17,
-                status: "warning",
-                itemHash: attemptItemHash,
-                detail: `Failed deployment cleanup reported an issue for ${attemptLabel}.`,
-                error: cleanupError instanceof Error ? cleanupError.message : String(cleanupError)
-              });
             });
             this.trace("deploy:forget-failed-attempt-complete", {
               itemHash: attemptItemHash,
               crnHash: candidateCrn.hash,
               crnName: candidateCrn.name
             });
-            this.emitProgress({
-              stage: "refreshing-instances",
-              label: "Cleanup complete",
-              progress: 18,
-              status: "info",
-              itemHash: attemptItemHash,
-              detail: `Finished cleaning up failed deployment on ${attemptLabel}.`,
-              error: null
-            });
           }
           if (candidateIndex < orderedCrns.length - 1) {
             this.emitProgress({
@@ -4930,6 +4598,53 @@ var fieldStyle = {
   fontSize: "0.98rem",
   lineHeight: 1.45
 };
+var secondaryButtonStyle = {
+  borderRadius: "0.95rem",
+  border: "1px solid rgba(255,255,255,0.22)",
+  background: "rgba(255,255,255,0.10)",
+  color: "#f8fafc",
+  padding: "0.72rem 0.95rem",
+  fontFamily: '"DM Sans", "Inter", sans-serif',
+  fontSize: "0.92rem",
+  fontWeight: 700,
+  lineHeight: 1.1,
+  boxShadow: "inset 0 1px 0 rgba(255,255,255,0.06)",
+  backdropFilter: "blur(8px)"
+};
+var primaryButtonStyle = {
+  borderRadius: "0.95rem",
+  border: "1px solid rgba(251, 191, 36, 0.42)",
+  background: "linear-gradient(135deg, #f6c453 0%, #f59e0b 100%)",
+  color: "#281606",
+  padding: "0.82rem 1rem",
+  fontFamily: '"DM Sans", "Inter", sans-serif',
+  fontSize: "0.96rem",
+  fontWeight: 800,
+  lineHeight: 1.1,
+  boxShadow: "0 10px 24px rgba(245, 158, 11, 0.24)"
+};
+var dangerButtonStyle = {
+  borderRadius: "0.95rem",
+  border: "1px solid rgba(248, 113, 113, 0.45)",
+  background: "rgba(239, 68, 68, 0.18)",
+  color: "#ffe2e2",
+  padding: "0.72rem 0.95rem",
+  fontFamily: '"DM Sans", "Inter", sans-serif',
+  fontSize: "0.9rem",
+  fontWeight: 700,
+  lineHeight: 1.1
+};
+var warningButtonStyle = {
+  borderRadius: "0.95rem",
+  border: "1px solid rgba(251, 146, 60, 0.4)",
+  background: "rgba(251, 146, 60, 0.16)",
+  color: "#fed7aa",
+  padding: "0.72rem 0.95rem",
+  fontFamily: '"DM Sans", "Inter", sans-serif',
+  fontSize: "0.9rem",
+  fontWeight: 700,
+  lineHeight: 1.1
+};
 var themedLauncherBackground = "linear-gradient(135deg, var(--le-space-sponsor-relay-launcher-start, #4f46e5) 0%, var(--le-space-sponsor-relay-launcher-end, #6366f1) 100%)";
 var themedLauncherBorder = "var(--le-space-sponsor-relay-launcher-border, rgba(199, 210, 254, 0.42))";
 var themedLauncherBadgeBackground = "var(--le-space-sponsor-relay-launcher-badge-bg, rgba(49, 46, 129, 0.92))";
@@ -5335,7 +5050,15 @@ function SponsorRelayFab(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void controller.refresh(), children: state.busy.refreshing ? "Syncing" : "Refresh" })
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  style: secondaryButtonStyle,
+                  onClick: () => void controller.refresh(),
+                  children: state.busy.refreshing ? "Syncing" : "Refresh"
+                }
+              )
             ]
           }
         ),
@@ -5694,7 +5417,7 @@ function SponsorRelayFab(props) {
           {
             type: "button",
             onClick: () => void (state.wallet.connected ? controller.deploy() : controller.connectWallet()),
-            style: { width: "100%", marginTop: "1rem" },
+            style: { ...primaryButtonStyle, width: "100%", marginTop: "1rem" },
             children: state.wallet.connected ? state.busy.deploying ? "Deploying\u2026" : "Deploy Relay" : "Connect MetaMask"
           }
         ),
@@ -5751,7 +5474,7 @@ function SponsorRelayFab(props) {
                                   }
                                 }
                               ),
-                              "Registration confirmed"
+                              "Aleph bootstrap registered"
                             ]
                           }
                         ) : null
@@ -5811,6 +5534,7 @@ function SponsorRelayFab(props) {
                           "button",
                           {
                             type: "button",
+                            style: dangerButtonStyle,
                             onClick: () => void controller.deleteInstance(
                               entry.instance.item_hash
                             ),
@@ -5876,6 +5600,7 @@ function SponsorRelayFab(props) {
                               "button",
                               {
                                 type: "button",
+                                style: warningButtonStyle,
                                 disabled: !registrationHash || state.busy.deletingRegistrationHash === registrationHash,
                                 onClick: () => registrationHash ? void controller.deleteBootstrapRegistration(
                                   registrationHash