@le-space/ui 0.4.0 → 0.4.2

package/react/index.js

@@ -10,16 +10,6 @@ var ROOTFS_MISSING_STATE = {
   label: "manifest missing",
   detail: "Provide a manifest URL or paste manifest JSON."
 };
-var RELAY_PING_IDLE_STATE = {
-  tone: "idle",
-  sent: false,
-  received: false,
-  lastPeerId: null,
-  lastLatencyMs: null,
-  lastSentAt: null,
-  lastReceivedAt: null,
-  error: null
-};
 var IDLE_DEPLOYMENT_PROGRESS = {
   stage: "idle",
   label: "Ready",
@@ -31,7 +21,6 @@ var IDLE_DEPLOYMENT_PROGRESS = {
   timestamp: Date.now()
 };
 var REFRESH_INTERVAL_MS = 3e4;
-var RELAY_PING_INTERVAL_MS = 2e4;
 var MANIFEST_SOURCE_REFRESH_DEBOUNCE_MS = 400;
 var INSTANCE_RUNTIME_STALE_REFRESH_MS = 5 * 6e4;
 var STALE_INSTANCE_ALLOCATION_COOLDOWN_MS = 5 * 60 * 1e3;
@@ -39,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.4.0";
+var UI_PACKAGE_VERSION = "0.4.2";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -1248,16 +1237,6 @@ 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;
@@ -1279,25 +1258,22 @@ async function postBroadcastPayload2(body, options) {
   };
 }
 async function broadcastAlephMessage2(message, options) {
-  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], {
+  const requestBody = { sync: options.sync ?? false, message };
+  const maxAttempts = 3;
+  for (let index = 0; index < maxAttempts; index += 1) {
+    const result = await postBroadcastPayload2(requestBody, {
       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 < attempts.length - 1 && (isInvalidMessageFormatResponse2({ status: result.httpStatus }, result.response) || isRetryableBroadcastFailure({ status: result.httpStatus }, result.response));
+    const canRetry = index < maxAttempts - 1 && isRetryableBroadcastFailure({ status: result.httpStatus }, result.response);
     if (!canRetry) {
       throw new Error(`Broadcast failed: ${result.httpStatus} ${JSON.stringify(result.response ?? {})}`);
     }
   }
-  throw new Error("Broadcast failed: no compatible request format was accepted");
+  throw new Error("Broadcast failed: retry budget exhausted");
 }
 
 // ../core/src/forget.ts
@@ -1664,6 +1640,26 @@ function asString3(value) {
 function asNumber3(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
+function normalizeIpv6(value) {
+  if (typeof value !== "string") return null;
+  const normalized = value.trim().toLowerCase();
+  if (!normalized) return null;
+  const zoneIndex = normalized.indexOf("%");
+  return zoneIndex >= 0 ? normalized.slice(0, zoneIndex) : normalized;
+}
+function isLikelyGlobalIpv6(value) {
+  const normalized = normalizeIpv6(value);
+  if (!normalized || normalized === "::" || normalized === "::1") return false;
+  const firstHextetText = normalized.split(":", 1)[0];
+  if (!firstHextetText) return false;
+  const firstHextet = Number.parseInt(firstHextetText, 16);
+  if (!Number.isFinite(firstHextet)) return false;
+  if ((firstHextet & 65024) === 64512) return false;
+  if ((firstHextet & 65472) === 65152) return false;
+  if ((firstHextet & 65280) === 65280) return false;
+  if ((firstHextet & 65472) === 65216) return false;
+  return true;
+}
 function findCrnByHash(crns, crnHash) {
   return crns.find((crn) => crn.hash === crnHash) ?? null;
 }
@@ -1744,10 +1740,22 @@ function describeRuntimeAvailability(runtime) {
   const execution = runtime.execution ?? null;
   const mappedPorts2 = runtime.mappedPorts ?? {};
   const hostIpv4 = runtime.hostIpv4 ?? null;
+  const ipv6 = runtime.ipv6 ?? null;
   const proxyUrl = runtime.proxyUrl ?? null;
   const schedulerSource = runtime.allocation?.source ?? null;
   const webAccessActive = runtime.webAccess?.active ?? null;
   const mappedPortCount = Object.keys(mappedPorts2).length;
+  if (hostIpv4 && mappedPortCount > 0 && runtime.requirePublicGuestIpv6ForProxy === true && proxyUrl && !isLikelyGlobalIpv6(ipv6)) {
+    return {
+      state: "execution-invalid-public-ipv6",
+      reason: `The CRN exposed runtime networking, but the guest IPv6${ipv6 ? ` (${ipv6})` : ""} is not globally routable. Proxy-backed HTTPS activation cannot succeed until the CRN reports a public guest IPv6.`,
+      schedulerSource,
+      executionSeen: Boolean(execution),
+      webAccessActive,
+      mappedPortCount,
+      proxyUrl
+    };
+  }
   if (hostIpv4 && mappedPortCount > 0) {
     return {
       state: "ready",
@@ -1864,7 +1872,8 @@ async function fetchVmRuntime(args) {
     hostIpv4,
     ipv6,
     proxyUrl,
-    mappedPorts: mappedPorts2
+    mappedPorts: mappedPorts2,
+    requirePublicGuestIpv6ForProxy: args.requirePublicGuestIpv6ForProxy
   });
   return {
     allocation,
@@ -1888,7 +1897,7 @@ async function waitForVmRuntime(args) {
   let lastRuntime = await fetchVmRuntime(args);
   args.onAttempt?.(lastRuntime, 1, attempts);
   for (let attempt = 0; attempt < attempts - 1; attempt += 1) {
-    if (lastRuntime.hostIpv4 && Object.keys(lastRuntime.mappedPorts ?? {}).length > 0) {
+    if (lastRuntime.diagnostics?.state === "ready" || lastRuntime.diagnostics?.state === "execution-invalid-public-ipv6") {
       return lastRuntime;
     }
     await sleep2(delayMs);
@@ -2562,7 +2571,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,
@@ -2571,7 +2580,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);
     }
@@ -2684,6 +2696,16 @@ 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);
@@ -2803,6 +2825,89 @@ 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) {
@@ -2944,7 +3049,6 @@ function defaultState(props = {}) {
     instances: [],
     bootstrapRegistrations: [],
     orphanBootstrapRegistrations: [],
-    relayPing: RELAY_PING_IDLE_STATE,
     lastDeploymentHash: null,
     deploymentProgress: IDLE_DEPLOYMENT_PROGRESS
   };
@@ -3171,57 +3275,6 @@ function compatibleCrnsForTier(crns, state) {
   );
   return filterDeployableCrns(crns, { spec });
 }
-async function pingPeer(libp2p) {
-  if (!libp2p || typeof libp2p !== "object") {
-    return RELAY_PING_IDLE_STATE;
-  }
-  const candidate = libp2p;
-  const peers = candidate.getPeers?.() ?? [];
-  const firstPeer = peers[0];
-  if (!firstPeer) {
-    return {
-      ...RELAY_PING_IDLE_STATE,
-      tone: "caution",
-      error: "No connected relay peers available."
-    };
-  }
-  const sentAt = Date.now();
-  try {
-    const pingFn = candidate.services?.ping?.ping?.bind(candidate.services.ping) ?? candidate.ping?.bind(candidate);
-    if (!pingFn) {
-      return {
-        ...RELAY_PING_IDLE_STATE,
-        tone: "caution",
-        sent: true,
-        lastPeerId: String(firstPeer),
-        lastSentAt: sentAt,
-        error: "libp2p ping service not available."
-      };
-    }
-    const latency = await pingFn(firstPeer);
-    return {
-      tone: "ok",
-      sent: true,
-      received: true,
-      lastPeerId: String(firstPeer),
-      lastLatencyMs: Number(latency),
-      lastSentAt: sentAt,
-      lastReceivedAt: Date.now(),
-      error: null
-    };
-  } catch (error) {
-    return {
-      tone: "error",
-      sent: true,
-      received: false,
-      lastPeerId: String(firstPeer),
-      lastLatencyMs: null,
-      lastSentAt: sentAt,
-      lastReceivedAt: null,
-      error: error instanceof Error ? error.message : String(error)
-    };
-  }
-}
 var UI_DEPLOY_WAIT_ATTEMPTS = 60;
 var UI_DEPLOY_WAIT_DELAY_MS = 5e3;
 var UI_RUNTIME_WAIT_ATTEMPTS = 40;
@@ -3252,7 +3305,6 @@ var SponsorRelayController = class {
   subscribers = /* @__PURE__ */ new Set();
   client;
   refreshTimer = null;
-  pingTimer = null;
   manifestRefreshTimer = null;
   stopWalletWatch = null;
   props;
@@ -3308,8 +3360,7 @@ var SponsorRelayController = class {
       ...patch,
       busy: patch.busy ? { ...this.state.busy, ...patch.busy } : this.state.busy,
       wallet: patch.wallet ? { ...this.state.wallet, ...patch.wallet } : this.state.wallet,
-      pricingSummary: patch.pricingSummary ? { ...this.state.pricingSummary, ...patch.pricingSummary } : this.state.pricingSummary,
-      relayPing: patch.relayPing ? { ...this.state.relayPing, ...patch.relayPing } : this.state.relayPing
+      pricingSummary: patch.pricingSummary ? { ...this.state.pricingSummary, ...patch.pricingSummary } : this.state.pricingSummary
     };
     this.emit();
   }
@@ -3342,11 +3393,13 @@ var SponsorRelayController = class {
     if (!args.runtime.hostIpv4) {
       throw new Error("Relay runtime did not expose a host IPv4 address.");
     }
-    const mappedPorts2 = args.runtime.mappedPorts ?? {};
+    let runtime = args.runtime;
+    let mappedPorts2 = 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",
@@ -3362,7 +3415,17 @@ var SponsorRelayController = class {
         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(
@@ -3405,6 +3468,57 @@ 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,
+            requirePublicGuestIpv6ForProxy: true
+          }).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",
@@ -3422,9 +3536,9 @@ var SponsorRelayController = class {
         expiresAt: new Date(Date.now() + 30 * 6e4).toISOString(),
         status: "pending",
         runtime: {
-          publicIpv4: args.runtime.hostIpv4,
-          publicIpv6: args.runtime.ipv6 ?? null,
-          proxyUrl: args.runtime.proxyUrl ?? null,
+          publicIpv4: runtimeHostIpv4,
+          publicIpv6: runtime.ipv6 ?? null,
+          proxyUrl: activeProxyUrl,
           mappedPorts: mappedPorts2
         },
         bootstrap: {
@@ -3453,46 +3567,120 @@ var SponsorRelayController = class {
         aggregateItemHash: bootstrapConfigPublication.aggregateItemHash,
         aggregateStatus: bootstrapConfigPublication.aggregateStatus
       });
-    }
-    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", {
+      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", {
+          itemHash: args.itemHash,
+          deploymentToken: args.deploymentToken,
+          proxyUrl: runtime.proxyUrl,
+          bootstrapSignalRelayMetadata
+        });
+        this.emitProgress({
+          stage: "deployment-confirmed",
+          label: "Continuing without HTTPS route",
+          progress: 94,
+          status: "warning",
           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
+          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."
         });
+        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: "Waiting for secure relay metadata",
+        progress: 95,
+        status: "warning",
+        itemHash: args.itemHash,
+        detail: "Runtime networking is available. Waiting for the secure relay metadata endpoint to report 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
+          });
+          this.emitProgress({
+            stage: "publishing-bootstrap",
+            label: result.ready ? "Secure relay metadata ready" : "Waiting for secure relay metadata",
+            progress: 95,
+            status: result.ready ? "success" : "warning",
+            itemHash: args.itemHash,
+            detail: result.ready ? `Relay metadata ${result.attempt}/${result.attempts}: secure endpoint responded and public multiaddrs are available.` : `Relay metadata ${result.attempt}/${result.attempts}: waiting for ${result.metadataUrl}.`
+          });
+        }
+      });
+    }
     if (!relayMetadata) {
       throw new Error("Relay metadata did not include a peer ID and public multiaddrs.");
     }
@@ -3516,7 +3704,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,
@@ -3567,7 +3765,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,
@@ -3613,6 +3821,15 @@ 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";
+    if (currentProgressIsForLatestHash && currentProgress.stage === "publishing-bootstrap") {
+      this.trace("progress:retain-active-phase", {
+        reason: "latest refresh would overwrite active relay metadata/bootstrap progress",
+        itemHash,
+        label: currentProgress.label,
+        progress: currentProgress.progress
+      });
+      return;
+    }
     const status = latest.details.messageStatus;
     if (status === "rejected") {
       this.emitProgress({
@@ -3743,16 +3960,11 @@ var SponsorRelayController = class {
     this.refreshTimer = setInterval(() => {
       void this.refresh();
     }, REFRESH_INTERVAL_MS);
-    this.pingTimer = setInterval(() => {
-      void this.refreshRelayPing();
-    }, RELAY_PING_INTERVAL_MS);
-    await this.refreshRelayPing();
     this.patch({ ready: true });
     this.trace("init:ready");
   }
   destroy() {
     if (this.refreshTimer) clearInterval(this.refreshTimer);
-    if (this.pingTimer) clearInterval(this.pingTimer);
     if (this.manifestRefreshTimer) clearTimeout(this.manifestRefreshTimer);
     this.stopWalletWatch?.();
   }
@@ -4047,11 +4259,6 @@ var SponsorRelayController = class {
       });
     }
   }
-  async refreshRelayPing() {
-    const relayPing = await pingPeer(this.props.libp2p);
-    this.patch({ relayPing });
-    this.trace("libp2p:relay-ping", relayPing);
-  }
   async deploy() {
     this.trace("deploy:start", {
       wallet: this.state.wallet.address,
@@ -4168,7 +4375,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",
@@ -4176,7 +4383,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;
               }
@@ -4198,7 +4405,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.`
               });
             }
           });
@@ -4262,17 +4469,29 @@ var SponsorRelayController = class {
             crnHash: candidateCrn.hash,
             crns: this.state.crns,
             crnListUrl: this.props.crnListUrl,
+            requirePublicGuestIpv6ForProxy: true,
             attempts: UI_RUNTIME_WAIT_ATTEMPTS,
             delayMs: UI_RUNTIME_WAIT_DELAY_MS,
-            onAttempt: (runtime2) => {
-              if (runtime2.hostIpv4 && Object.keys(runtime2.mappedPorts ?? {}).length > 0) {
+            onAttempt: (runtime2, attempt, attempts) => {
+              if (runtime2.diagnostics?.state === "ready") {
                 this.emitProgress({
                   stage: "deployment-confirmed",
                   label: "Runtime ready",
                   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;
+              }
+              if (runtime2.diagnostics?.state === "execution-invalid-public-ipv6") {
+                this.emitProgress({
+                  stage: "deployment-confirmed",
+                  label: "Rejecting unusable runtime",
+                  progress: 91,
+                  status: "warning",
+                  itemHash: result.itemHash,
+                  detail: runtime2.diagnostics?.reason ? `Runtime ${attempt}/${attempts}: ${runtime2.diagnostics.reason} Cleaning up this CRN attempt before retrying another relay host.` : `Runtime ${attempt}/${attempts}: the CRN exposed unusable guest networking. Cleaning up this CRN attempt before retrying another relay host.`
                 });
                 return;
               }
@@ -4282,11 +4501,11 @@ 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.`
               });
             }
           });
-          if (!runtime.hostIpv4 || Object.keys(runtime.mappedPorts ?? {}).length === 0) {
+          if (runtime.diagnostics?.state !== "ready") {
             throw new Error(
               runtime.diagnostics?.reason ?? "Deployment was processed, but runtime networking never exposed mapped ports."
             );
@@ -4335,6 +4554,7 @@ var SponsorRelayController = class {
         } catch (error) {
           lastError = error instanceof Error ? error : new Error(String(error));
           const attemptLabel = crnDisplayName;
+          const failedDueToInvalidIpv6 = /not globally routable|public guest IPv6/i.test(lastError.message);
           attemptErrors.push(`${attemptLabel}: ${lastError.message}`);
           this.trace("deploy:crn-attempt-error", {
             crnHash: candidateCrn.hash,
@@ -4343,7 +4563,23 @@ var SponsorRelayController = class {
             error: lastError.message
           });
           if (attemptItemHash) {
+            this.emitProgress({
+              stage: "deployment-confirmed",
+              label: failedDueToInvalidIpv6 ? "Rejecting unusable runtime" : "Cleaning up failed attempt",
+              progress: failedDueToInvalidIpv6 ? 91 : 16,
+              status: "warning",
+              itemHash: attemptItemHash,
+              detail: failedDueToInvalidIpv6 ? `${attemptLabel} exposed runtime networking that cannot support proxy-backed HTTPS. Cleaning up this attempt before retrying another CRN.` : `${attemptLabel} failed: ${lastError.message} Cleaning up this attempt before retrying another CRN.`
+            });
             if (attemptDeploymentToken) {
+              this.emitProgress({
+                stage: "deployment-confirmed",
+                label: "Cleaning up failed attempt",
+                progress: 17,
+                status: "warning",
+                itemHash: attemptItemHash,
+                detail: "Removing bootstrap configuration for the failed attempt. MetaMask may request a cleanup signature."
+              });
               this.trace("deploy:bootstrap-config-cleanup-start", {
                 itemHash: attemptItemHash,
                 deploymentToken: attemptDeploymentToken
@@ -4371,6 +4607,14 @@ var SponsorRelayController = class {
                 });
               });
             }
+            this.emitProgress({
+              stage: "deployment-confirmed",
+              label: "Cleaning up failed attempt",
+              progress: 18,
+              status: "warning",
+              itemHash: attemptItemHash,
+              detail: "Forgetting the failed deployment attempt on Aleph. MetaMask may request another cleanup signature."
+            });
             this.trace("deploy:forget-failed-attempt-start", {
               itemHash: attemptItemHash,
               crnHash: candidateCrn.hash,
@@ -4403,11 +4647,11 @@ var SponsorRelayController = class {
           if (candidateIndex < orderedCrns.length - 1) {
             this.emitProgress({
               stage: "selecting-crn",
-              label: `Retrying after ${crnAttemptLabel}`,
+              label: "Retrying on next CRN",
               progress: 20,
               status: "warning",
               itemHash: attemptItemHash,
-              detail: `${attemptLabel} failed: ${lastError.message}`,
+              detail: `${attemptLabel} was discarded: ${lastError.message}`,
               error: lastError.message
             });
             continue;
@@ -4439,6 +4683,17 @@ var SponsorRelayController = class {
       this.patch({ errorText: "Connect MetaMask before deleting instances." });
       return;
     }
+    const linkedRegistrationHashes = Array.from(
+      new Set(
+        this.state.bootstrapRegistrations.filter((entry) => entry.instanceItemHash === instanceHash).map(
+          (entry) => entry.messageHash?.trim() ?? entry.itemHash?.trim() ?? entry.hash?.trim() ?? null
+        ).filter((value) => Boolean(value))
+      )
+    );
+    const hashesToForget = Array.from(
+      /* @__PURE__ */ new Set([instanceHash, ...linkedRegistrationHashes])
+    );
+    const linkedRegistrationCount = linkedRegistrationHashes.length;
     this.patch({
       busy: { deletingInstanceHash: instanceHash },
       errorText: null,
@@ -4451,12 +4706,12 @@ var SponsorRelayController = class {
         progress: 6,
         status: "warning",
         itemHash: instanceHash,
-        detail: "Preparing Aleph FORGET message."
+        detail: linkedRegistrationCount > 0 ? `Preparing Aleph FORGET message for the instance and ${linkedRegistrationCount} linked bootstrap registration${linkedRegistrationCount === 1 ? "" : "s"}.` : "Preparing Aleph FORGET message."
       });
       await forgetAlephMessages({
         sender: this.state.wallet.address,
-        hashes: [instanceHash],
-        reason: "Deleted from Sponsor Relay panel",
+        hashes: hashesToForget,
+        reason: linkedRegistrationCount > 0 ? `Deleted instance and ${linkedRegistrationCount} linked relay bootstrap registration${linkedRegistrationCount === 1 ? "" : "s"} from Sponsor Relay panel` : "Deleted from Sponsor Relay panel",
         signer: personalSign,
         hasher: sha256Hex,
         fetch: asJsonFetch,
@@ -4475,17 +4730,20 @@ var SponsorRelayController = class {
         progress: 92,
         status: "info",
         itemHash: instanceHash,
-        detail: "Reloading current deployments."
+        detail: linkedRegistrationCount > 0 ? "Reloading current deployments and relay bootstrap registrations." : "Reloading current deployments."
       });
       await this.refresh();
-      this.trace("delete:submitted", { instanceHash });
+      this.trace("delete:submitted", {
+        instanceHash,
+        linkedRegistrationHashes
+      });
       this.emitProgress({
         stage: "completed",
         label: "Delete completed",
         progress: 100,
         status: "success",
         itemHash: instanceHash,
-        detail: "Delete request submitted and deployments refreshed.",
+        detail: linkedRegistrationCount > 0 ? `Delete request submitted, including ${linkedRegistrationCount} linked bootstrap registration${linkedRegistrationCount === 1 ? "" : "s"}, and state refreshed.` : "Delete request submitted and deployments refreshed.",
         error: null
       });
     } catch (error) {
@@ -4589,10 +4847,9 @@ function useSponsorRelayController(props) {
   );
   useEffect(() => {
     controller.updateProps({
-      libp2p: props.libp2p,
       debug: props.debug
     });
-  }, [controller, props.debug, props.libp2p]);
+  }, [controller, props.debug]);
   useEffect(() => {
     void controller.init();
     return () => {
@@ -4633,6 +4890,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))";
@@ -5038,7 +5342,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"
+                }
+              )
             ]
           }
         ),
@@ -5397,7 +5709,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"
           }
         ),
@@ -5454,7 +5766,7 @@ function SponsorRelayFab(props) {
                                   }
                                 }
                               ),
-                              "Registration confirmed"
+                              "Aleph bootstrap registered"
                             ]
                           }
                         ) : null
@@ -5514,6 +5826,7 @@ function SponsorRelayFab(props) {
                           "button",
                           {
                             type: "button",
+                            style: dangerButtonStyle,
                             onClick: () => void controller.deleteInstance(
                               entry.instance.item_hash
                             ),
@@ -5579,6 +5892,7 @@ function SponsorRelayFab(props) {
                               "button",
                               {
                                 type: "button",
+                                style: warningButtonStyle,
                                 disabled: !registrationHash || state.busy.deletingRegistrationHash === registrationHash,
                                 onClick: () => registrationHash ? void controller.deleteBootstrapRegistration(
                                   registrationHash