@le-space/ui 0.7.0 → 0.9.0

package/react/index.js

@@ -1,5 +1,5 @@
 // src/react/SponsorRelayFab.tsx
-import React from "react";
+import React2 from "react";
 
 // src/shared/constants.ts
 var DEFAULT_INSTANCE_NAME = "sponsor-relay";
@@ -43,7 +43,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.7.0";
+var UI_PACKAGE_VERSION = "0.9.0";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -141,6 +141,8 @@ var DEFAULT_ALEPH_API_HOSTS = [
 ];
 var DEFAULT_ALEPH_API_HOST = DEFAULT_ALEPH_API_HOSTS[0] ?? "https://api2.aleph.im";
 var DEFAULT_CRN_LIST_URL = "https://crns-list.aleph.sh/crns.json";
+var DEFAULT_CRN_AGGREGATE_ADDRESS = "0xa1B3bb7d2332383D96b7796B908fB7f7F3c2Be10";
+var DEFAULT_CRN_AGGREGATE_KEY = "corechannel";
 var DEFAULT_ALEPH_SCHEDULER_API_HOST = "https://scheduler.api.aleph.cloud";
 var DEFAULT_2N6_API_HOST = "https://api.2n6.me";
 function normalizeMessageStatus(status) {
@@ -195,7 +197,7 @@ async function fetchBalance(address, apiHost = DEFAULT_ALEPH_API_HOST) {
   if (!response.ok) throw new Error(`Balance request failed: ${response.status}`);
   return await response.json();
 }
-async function fetchCrns(url = DEFAULT_CRN_LIST_URL) {
+async function fetchCrnsFromList(url = DEFAULT_CRN_LIST_URL) {
   const requestUrl = new URL(url);
   requestUrl.searchParams.set("filter_inactive", "true");
   const response = await fetchWithTimeout(requestUrl, { cache: "no-cache" });
@@ -203,6 +205,130 @@ async function fetchCrns(url = DEFAULT_CRN_LIST_URL) {
   const payload = await response.json();
   return payload.crns ?? [];
 }
+function asFiniteNumber(value) {
+  if (value == null || value === "") return null;
+  const numeric = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(numeric) ? numeric : null;
+}
+function normalizeCrnAddress(value) {
+  const address = asString(value);
+  if (!address) return null;
+  const withScheme = /^https?:\/\//i.test(address) ? address : `https://${address}`;
+  try {
+    return new URL(withScheme).toString().replace(/\/+$/, "");
+  } catch {
+    return null;
+  }
+}
+function mapResourceNodesToCrns(resourceNodes) {
+  if (!Array.isArray(resourceNodes)) return [];
+  const crns = [];
+  for (const node of resourceNodes) {
+    if (!node || typeof node !== "object") continue;
+    const entry = node;
+    const hash = asString(entry.hash);
+    const address = normalizeCrnAddress(entry.address);
+    const type = asString(entry.type)?.toLowerCase();
+    const status = asString(entry.status)?.toLowerCase();
+    if (!hash || !address) continue;
+    if (entry.inactive_since != null || entry.locked === true) continue;
+    if (type && type !== "compute") continue;
+    if (status && status !== "linked" && status !== "active") continue;
+    if (!asString(entry.parent)) continue;
+    const score = asFiniteNumber(entry.score) ?? asFiniteNumber(entry.scoreV1);
+    const performance = asFiniteNumber(entry.performance);
+    const decentralization = asFiniteNumber(entry.decentralization);
+    crns.push({
+      hash,
+      address,
+      name: asString(entry.name) ?? hash,
+      ...score == null ? {} : { score },
+      ...performance == null ? {} : { performance },
+      ...decentralization == null ? {} : { decentralization }
+    });
+  }
+  return crns;
+}
+async function fetchCrnsFromAggregate(apiHosts = DEFAULT_ALEPH_API_HOSTS, address = DEFAULT_CRN_AGGREGATE_ADDRESS) {
+  const hosts = apiHosts.length > 0 ? apiHosts : DEFAULT_ALEPH_API_HOSTS;
+  let lastError = null;
+  for (const apiHost of hosts) {
+    try {
+      const url = new URL(`/api/v0/aggregates/${address}.json`, apiHost);
+      url.searchParams.set("keys", DEFAULT_CRN_AGGREGATE_KEY);
+      const response = await fetchWithTimeout(url, { cache: "no-cache" });
+      if (!response.ok) {
+        lastError = new Error(`CRN aggregate request failed: ${response.status}`);
+        continue;
+      }
+      const payload = await response.json();
+      const crns = mapResourceNodesToCrns(payload?.data?.corechannel?.resource_nodes);
+      if (crns.length > 0) return crns;
+      lastError = new Error("CRN aggregate contained no deployable resource nodes");
+    } catch (error) {
+      lastError = error;
+    }
+  }
+  throw lastError instanceof Error ? lastError : new Error(String(lastError ?? "CRN aggregate request failed"));
+}
+async function fetchCrnsWithSource(url = DEFAULT_CRN_LIST_URL, options = {}) {
+  const apiHosts = options.apiHosts ?? DEFAULT_ALEPH_API_HOSTS;
+  const source = options.source ?? "auto";
+  if (source === "aggregate") {
+    return {
+      crns: await fetchCrnsFromAggregate(apiHosts, options.aggregateAddress),
+      source: "aggregate"
+    };
+  }
+  let listError;
+  try {
+    const crns = await fetchCrnsFromList(url);
+    if (crns.length > 0) return { crns, source: "list" };
+    listError = new Error("CRN list returned no entries");
+  } catch (error) {
+    listError = error instanceof Error ? error : new Error(String(error));
+  }
+  if (source === "list") throw listError;
+  return {
+    crns: await fetchCrnsFromAggregate(apiHosts, options.aggregateAddress),
+    source: "aggregate",
+    listError
+  };
+}
+async function fetchCrns(url = DEFAULT_CRN_LIST_URL, options = {}) {
+  return (await fetchCrnsWithSource(url, options)).crns;
+}
+async function probeCrnAvailability(crn) {
+  const address = String(crn.address ?? "").trim();
+  if (!address) return "unreachable";
+  const lookup = await fetchCrnExecutionMap(address);
+  if (lookup.payload !== null) return "reachable";
+  return lookup.blocked ? "unknown" : "unreachable";
+}
+async function filterReachableCrns(crns, options = {}) {
+  const limit = Math.max(1, Number(options.limit) || 5);
+  const probed = crns.slice(0, limit);
+  if (probed.length === 0) return [...crns];
+  const verdicts = await Promise.all(
+    probed.map(async (crn) => {
+      try {
+        return { crn, verdict: await probeCrnAvailability(crn) };
+      } catch {
+        return { crn, verdict: "unknown" };
+      }
+    })
+  );
+  const kept = verdicts.filter((entry) => entry.verdict !== "unreachable").map((entry) => entry.crn);
+  if (kept.length === 0) {
+    options.onDiagnostic?.(`No CRN answered its executions endpoint (${probed.length} probed); keeping the unverified order`);
+    return [...crns];
+  }
+  const dropped = probed.length - kept.length;
+  if (dropped > 0) {
+    options.onDiagnostic?.(`Skipping ${dropped} unreachable CRN${dropped === 1 ? "" : "s"} of ${probed.length} probed`);
+  }
+  return [...kept, ...crns.slice(limit)];
+}
 async function fetchInstances(address, apiHost = DEFAULT_ALEPH_API_HOST) {
   const url = new URL("/api/v0/messages.json", apiHost);
   url.searchParams.set("msgTypes", "INSTANCE");
@@ -857,18 +983,23 @@ function createAlephBrowserClient(options = {}) {
   const apiHosts = options.apiHosts === void 0 && options.apiHost === void 0 ? [...DEFAULT_ALEPH_API_HOSTS] : normalizeApiHosts(options.apiHosts, options.apiHost ?? DEFAULT_ALEPH_API_HOST);
   const apiHost = apiHosts[0] ?? DEFAULT_ALEPH_API_HOST;
   const crnListUrl = options.crnListUrl ?? DEFAULT_CRN_LIST_URL;
+  const crnSource = options.crnSource ?? "auto";
   const schedulerApiHost = options.schedulerApiHost ?? DEFAULT_ALEPH_SCHEDULER_API_HOST;
   const twoN6ApiHost = options.twoN6ApiHost ?? DEFAULT_2N6_API_HOST;
   return {
     apiHost,
     apiHosts,
     crnListUrl,
+    crnSource,
     schedulerApiHost,
     fetchBalance(address) {
       return withApiHostFallback(apiHosts, (host) => fetchBalance(address, host));
     },
     fetchCrns() {
-      return fetchCrns(crnListUrl);
+      return fetchCrns(crnListUrl, { apiHosts, source: crnSource });
+    },
+    fetchCrnsWithSource(source) {
+      return fetchCrnsWithSource(crnListUrl, { apiHosts, source: source ?? crnSource });
     },
     fetchInstances(address) {
       return withApiHostFallback(apiHosts, (host) => fetchInstances(address, host));
@@ -943,6 +1074,15 @@ var DEFAULT_ALEPH_API_HOST2 = "https://api.aleph.im";
 
 // ../core/src/crns.ts
 var DEFAULT_CRN_LIST_URL2 = "https://crns-list.aleph.sh/crns.json";
+var DEFAULT_CRN_AGGREGATE_ADDRESS2 = "0xa1B3bb7d2332383D96b7796B908fB7f7F3c2Be10";
+var DEFAULT_CRN_AGGREGATE_KEY2 = "corechannel";
+var DEFAULT_CRN_AGGREGATE_API_HOSTS = [
+  "https://api2.aleph.im",
+  "https://api.aleph.im"
+];
+function asString2(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
 function compatibleCrns(crns, excludedHashes = []) {
   const excluded = new Set(excludedHashes.filter(Boolean));
   return [...crns].filter((crn) => {
@@ -976,7 +1116,7 @@ function filterDeployableCrns(crns, options = {}) {
     compatibleCrns(crns, options.excludedHashes).filter((crn) => hasCrnCapacity(crn, options.spec))
   );
 }
-async function fetchCrns2(options) {
+async function fetchCrnsFromList2(options) {
   const requestUrl = new URL(options.url ?? DEFAULT_CRN_LIST_URL2);
   requestUrl.searchParams.set("filter_inactive", "true");
   const response = await options.fetch(requestUrl.toString(), {
@@ -988,6 +1128,101 @@ async function fetchCrns2(options) {
   const payload = await response.json();
   return Array.isArray(payload?.crns) ? payload.crns : [];
 }
+function normalizeCrnAddress2(value) {
+  const address = asString2(value);
+  if (!address) return null;
+  const withScheme = /^https?:\/\//i.test(address) ? address : `https://${address}`;
+  try {
+    return new URL(withScheme).toString().replace(/\/+$/, "");
+  } catch {
+    return null;
+  }
+}
+function aggregateScore(node) {
+  for (const candidate of [node.score, node.scoreV1]) {
+    if (candidate == null || candidate === "") continue;
+    const numeric = typeof candidate === "number" ? candidate : Number(candidate);
+    if (Number.isFinite(numeric)) return numeric;
+  }
+  return null;
+}
+function isDeployableResourceNode(node) {
+  if (!asString2(node.hash)) return false;
+  if (!normalizeCrnAddress2(node.address)) return false;
+  if (node.inactive_since != null) return false;
+  if (node.locked === true) return false;
+  const type = asString2(node.type)?.toLowerCase();
+  if (type && type !== "compute") return false;
+  const status = asString2(node.status)?.toLowerCase();
+  if (status && status !== "linked" && status !== "active") return false;
+  return Boolean(asString2(node.parent));
+}
+function mapResourceNodesToCrns2(resourceNodes) {
+  if (!Array.isArray(resourceNodes)) return [];
+  return resourceNodes.filter((node) => Boolean(node) && typeof node === "object").filter(isDeployableResourceNode).map((node) => {
+    const record = {
+      hash: asString2(node.hash),
+      address: normalizeCrnAddress2(node.address)
+    };
+    const name = asString2(node.name);
+    if (name) record.name = name;
+    const score = aggregateScore(node);
+    if (score != null) record.score = score;
+    return record;
+  });
+}
+async function fetchCrnsFromAggregate2(options) {
+  const apiHosts = options.apiHosts?.length ? options.apiHosts : DEFAULT_CRN_AGGREGATE_API_HOSTS;
+  const address = options.address ?? DEFAULT_CRN_AGGREGATE_ADDRESS2;
+  const aggregateKey = options.aggregateKey ?? DEFAULT_CRN_AGGREGATE_KEY2;
+  let lastError = null;
+  for (const apiHost of apiHosts) {
+    try {
+      const url = new URL(`/api/v0/aggregates/${address}.json`, apiHost);
+      url.searchParams.set("keys", aggregateKey);
+      const response = await options.fetch(url.toString(), { cache: "no-cache" });
+      if (!response.ok) {
+        lastError = new Error(`CRN aggregate request failed: ${response.status}`);
+        continue;
+      }
+      const payload = await response.json();
+      const crns = mapResourceNodesToCrns2(payload?.data?.corechannel?.resource_nodes);
+      if (crns.length > 0) return crns;
+      lastError = new Error("CRN aggregate contained no deployable resource nodes");
+    } catch (error) {
+      lastError = error;
+    }
+  }
+  throw lastError instanceof Error ? lastError : new Error(String(lastError ?? "CRN aggregate request failed"));
+}
+async function fetchCrnsWithSource2(options) {
+  const aggregateOptions = {
+    fetch: options.fetch,
+    apiHosts: options.aggregateApiHosts,
+    address: options.aggregateAddress
+  };
+  if (options.preferAggregate) {
+    return { crns: await fetchCrnsFromAggregate2(aggregateOptions), source: "aggregate" };
+  }
+  let listError;
+  try {
+    const crns = await fetchCrnsFromList2({ url: options.url, fetch: options.fetch });
+    if (crns.length > 0) return { crns, source: "list" };
+    listError = new Error("CRN list returned no entries");
+  } catch (error) {
+    listError = error instanceof Error ? error : new Error(String(error));
+  }
+  options.onDiagnostic?.(`CRN list unavailable (${listError.message}); falling back to the ${DEFAULT_CRN_AGGREGATE_KEY2} aggregate`);
+  try {
+    return { crns: await fetchCrnsFromAggregate2(aggregateOptions), source: "aggregate", listError };
+  } catch (aggregateError) {
+    const message = aggregateError instanceof Error ? aggregateError.message : String(aggregateError);
+    throw new Error(`${listError.message}; CRN aggregate fallback failed: ${message}`);
+  }
+}
+async function fetchCrns2(options) {
+  return (await fetchCrnsWithSource2(options)).crns;
+}
 
 // ../core/src/port-forwarding.ts
 var DEFAULT_INSTANCE_PORT_FORWARDS = [
@@ -1077,7 +1312,7 @@ async function fetchPortForwardAggregate(address, options) {
 }
 
 // ../core/src/aleph-normalizers.ts
-function asString2(value) {
+function asString3(value) {
   return typeof value === "string" && value.trim() ? value : null;
 }
 function asNumber2(value) {
@@ -1092,7 +1327,7 @@ function normalizeMessageStatus2(status) {
   return "unknown";
 }
 function normalizeProxyUrl2(value) {
-  const stringValue = asString2(value);
+  const stringValue = asString3(value);
   if (!stringValue) return null;
   if (/^https?:\/\//i.test(stringValue)) return stringValue;
   return `https://${stringValue}`;
@@ -1187,22 +1422,22 @@ function normalizeExecution2(item, crnUrl) {
       version: "v2",
       running: typeof v2Item.running === "boolean" ? v2Item.running : void 0,
       networking: {
-        ipv4_network: asString2(networking.ipv4_network),
-        host_ipv4: asString2(networking.host_ipv4),
-        ipv6_network: asString2(networking.ipv6_network),
-        ipv6_ip: asString2(networking.ipv6_ip),
-        ipv4_ip: asString2(networking.ipv4_ip),
+        ipv4_network: asString3(networking.ipv4_network),
+        host_ipv4: asString3(networking.host_ipv4),
+        ipv6_network: asString3(networking.ipv6_network),
+        ipv6_ip: asString3(networking.ipv6_ip),
+        ipv4_ip: asString3(networking.ipv4_ip),
         proxy_url: extractProxyUrl2(v2Item, networking),
         mapped_ports: mappedPorts2
       },
       status: v2Item.status ? {
-        defined_at: asString2(v2Item.status.defined_at),
-        preparing_at: asString2(v2Item.status.preparing_at),
-        prepared_at: asString2(v2Item.status.prepared_at),
-        starting_at: asString2(v2Item.status.starting_at),
-        started_at: asString2(v2Item.status.started_at),
-        stopping_at: asString2(v2Item.status.stopping_at),
-        stopped_at: asString2(v2Item.status.stopped_at)
+        defined_at: asString3(v2Item.status.defined_at),
+        preparing_at: asString3(v2Item.status.preparing_at),
+        prepared_at: asString3(v2Item.status.prepared_at),
+        starting_at: asString3(v2Item.status.starting_at),
+        started_at: asString3(v2Item.status.started_at),
+        stopping_at: asString3(v2Item.status.stopping_at),
+        stopped_at: asString3(v2Item.status.stopped_at)
       } : null
     };
   }
@@ -1210,8 +1445,8 @@ function normalizeExecution2(item, crnUrl) {
     crnUrl,
     version: "v1",
     networking: {
-      ipv4: networking && "ipv4" in networking ? asString2(networking.ipv4) : null,
-      ipv6: networking && "ipv6" in networking ? asString2(networking.ipv6) : null
+      ipv4: networking && "ipv4" in networking ? asString3(networking.ipv4) : null,
+      ipv6: networking && "ipv6" in networking ? asString3(networking.ipv6) : null
     },
     status: null
   };
@@ -1373,7 +1608,7 @@ async function broadcastAlephMessage2(message, options) {
 // ../core/src/runtime.ts
 var DEFAULT_SCHEDULER_ALLOCATION_URL = "https://scheduler.api.aleph.cloud/api/v0/allocation";
 var DEFAULT_TWO_N_SIX_HASH_URL = "https://api.2n6.me/api/hash";
-function asString3(value) {
+function asString4(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function asNumber3(value) {
@@ -1415,17 +1650,17 @@ async function fetchSchedulerAllocation2(itemHash, options) {
   const node = payload?.node;
   return {
     source: "scheduler",
-    crnHash: asString3(node?.node_id),
-    crnUrl: asString3(node?.url),
+    crnHash: asString4(node?.node_id),
+    crnUrl: asString4(node?.url),
     node: node ? {
-      node_id: asString3(node.node_id) ?? void 0,
-      url: asString3(node.url) ?? void 0,
-      ipv6: asString3(node.ipv6),
+      node_id: asString4(node.node_id) ?? void 0,
+      url: asString4(node.url) ?? void 0,
+      ipv6: asString4(node.ipv6),
       supports_ipv6: typeof node.supports_ipv6 === "boolean" ? node.supports_ipv6 : void 0
     } : null,
-    vmIpv6: asString3(payload?.vm_ipv6),
+    vmIpv6: asString4(payload?.vm_ipv6),
     period: payload?.period ? {
-      start_timestamp: asString3(payload.period.start_timestamp) ?? void 0,
+      start_timestamp: asString4(payload.period.start_timestamp) ?? void 0,
       duration_seconds: asNumber3(payload.period.duration_seconds) ?? void 0
     } : null
   };
@@ -1440,7 +1675,7 @@ async function fetch2n6WebAccessUrl2(itemHash, options) {
   return {
     url: normalizeProxyUrl2(payload?.url ?? payload?.subdomain),
     active: typeof payload?.active === "boolean" ? payload.active : null,
-    subdomain: asString3(payload?.subdomain)
+    subdomain: asString4(payload?.subdomain)
   };
 }
 async function fetchCrnExecutionMap2(crnUrl, options) {
@@ -1660,7 +1895,7 @@ function utf8Hex(value) {
 function normalizeHexSignature(signature) {
   return signature.startsWith("0x") ? signature : `0x${signature}`;
 }
-function asString4(value) {
+function asString5(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function trimTrailingSlashes(value) {
@@ -1737,14 +1972,14 @@ async function fetchInstanceNodeHash(args) {
     apiHost: args.apiHost
   });
   const payload = envelope;
-  return asString4(payload?.content?.requirements?.node?.node_hash) ?? asString4(payload?.message?.content?.requirements?.node?.node_hash) ?? null;
+  return asString5(payload?.content?.requirements?.node?.node_hash) ?? asString5(payload?.message?.content?.requirements?.node?.node_hash) ?? null;
 }
 async function resolveInstanceCrn(args) {
-  const providedCrnUrl = asString4(args.crnUrl);
+  const providedCrnUrl = asString5(args.crnUrl);
   if (providedCrnUrl) {
     return {
       crnUrl: trimTrailingSlashes(providedCrnUrl),
-      crnHash: asString4(args.crnHash),
+      crnHash: asString5(args.crnHash),
       source: "provided"
     };
   }
@@ -1755,11 +1990,11 @@ async function resolveInstanceCrn(args) {
   if (allocation?.crnUrl) {
     return {
       crnUrl: trimTrailingSlashes(allocation.crnUrl),
-      crnHash: asString4(allocation.crnHash),
+      crnHash: asString5(allocation.crnHash),
       source: "scheduler"
     };
   }
-  const manualCrnHash = asString4(args.crnHash) ?? await fetchInstanceNodeHash({
+  const manualCrnHash = asString5(args.crnHash) ?? await fetchInstanceNodeHash({
     instanceHash: args.instanceHash,
     fetch: args.fetch,
     apiHost: args.apiHost ?? DEFAULT_ALEPH_API_HOST2
@@ -3825,6 +4060,7 @@ function defaultState(props = {}) {
     },
     balance: null,
     crns: [],
+    crnSource: null,
     selectedCrn: null,
     crnOptions: [],
     crnPinnedByUser: false,
@@ -3832,7 +4068,8 @@ function defaultState(props = {}) {
     bootstrapRegistrations: [],
     orphanBootstrapRegistrations: [],
     lastDeploymentHash: null,
-    deploymentProgress: IDLE_DEPLOYMENT_PROGRESS
+    deploymentProgress: IDLE_DEPLOYMENT_PROGRESS,
+    instanceAddresses: {}
   };
 }
 function manifestLoadErrorState(error) {
@@ -3853,6 +4090,17 @@ function isDebugEnabled(props) {
     return false;
   }
 }
+function crnSourcePreference(props) {
+  const fromStorage = (() => {
+    try {
+      return globalThis.localStorage?.getItem("LE_SPACE_CRN_SOURCE") ?? null;
+    } catch {
+      return null;
+    }
+  })();
+  const raw = (fromStorage ?? props.crnSource ?? "auto").trim().toLowerCase();
+  return raw === "aggregate" || raw === "list" ? raw : "auto";
+}
 async function sha256Hex(payload) {
   const digest = await globalThis.crypto.subtle.digest(
     "SHA-256",
@@ -3860,6 +4108,83 @@ async function sha256Hex(payload) {
   );
   return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
+function hostnameOfUrl(value) {
+  if (!value) return null;
+  try {
+    return new URL(value).hostname || null;
+  } catch {
+    return null;
+  }
+}
+function emptyInstanceAddresses() {
+  return {
+    status: "idle",
+    groups: [],
+    pwaEnv: null,
+    payload: null,
+    peerId: null,
+    version: null,
+    fetchedAt: null,
+    error: null,
+    sourceUrl: null
+  };
+}
+var TRANSPORT_LABELS = {
+  tcp: "TCP",
+  websocket: "WebSocket",
+  webrtc: "WebRTC",
+  direct_tcp: "Direct TCP",
+  autotls_wss: "AutoTLS WSS",
+  proxy_wss: "Proxy WSS",
+  webtransport: "WebTransport",
+  webrtc_direct: "WebRTC Direct",
+  browser_bootstrap: "Browser bootstrap",
+  probe: "Probe"
+};
+function transportLabel(key) {
+  return TRANSPORT_LABELS[key] ?? key.replace(/[_-]+/g, " ").replace(/^./, (first) => first.toUpperCase());
+}
+function addressList(value) {
+  return Array.isArray(value) ? value.filter((entry) => typeof entry === "string" && Boolean(entry.trim())) : [];
+}
+function parseInstanceAddressPayload(payload) {
+  const groups = [];
+  const byTransport = payload.byTransport;
+  if (byTransport && typeof byTransport === "object") {
+    for (const [key, value] of Object.entries(
+      byTransport
+    )) {
+      const addresses = addressList(value);
+      if (addresses.length > 0) {
+        groups.push({ key, label: transportLabel(key), addresses });
+      }
+    }
+  }
+  for (const [key, value] of Object.entries(payload)) {
+    if (!key.endsWith("_multiaddrs")) continue;
+    const addresses = addressList(value);
+    if (addresses.length === 0) continue;
+    const groupKey = key.replace(/_multiaddrs$/, "");
+    groups.push({
+      key: groupKey,
+      label: transportLabel(groupKey),
+      addresses
+    });
+  }
+  const pwaEnvRaw = payload.pwa_env;
+  const pwaEnv = pwaEnvRaw && typeof pwaEnvRaw === "object" ? Object.fromEntries(
+    Object.entries(pwaEnvRaw).filter(([, entry]) => typeof entry === "string").map(([entryKey, entry]) => [entryKey, entry])
+  ) : null;
+  const peerId = typeof payload.peerId === "string" ? payload.peerId : typeof payload.peer_id === "string" ? payload.peer_id : null;
+  return {
+    ...emptyInstanceAddresses(),
+    groups,
+    pwaEnv,
+    payload,
+    peerId,
+    version: typeof payload.version === "string" ? payload.version : null
+  };
+}
 function mappedPorts(execution) {
   return Object.entries(execution?.networking?.mapped_ports ?? {}).map(
     ([port, mapping]) => ({
@@ -4008,6 +4333,7 @@ async function inspectInstanceRuntime(args) {
     vmIpv4: null,
     webUrl: null,
     sshCommand: null,
+    proxyHostname: null,
     mappedPorts: [],
     execution: null,
     error: null
@@ -4072,6 +4398,7 @@ async function inspectInstanceRuntime(args) {
     details.ipv6 = execution.networking.ipv6_ip ?? execution.networking.ipv6 ?? details.ipv6;
     details.vmIpv4 = execution.networking.ipv4_ip ?? null;
     details.webUrl = execution.networking.proxy_url ?? details.webUrl;
+    details.proxyHostname = hostnameOfUrl(details.webUrl);
     details.mappedPorts = mappedPorts(execution);
     details.sshCommand = buildSshCommand(details.hostIpv4, details.mappedPorts);
     return { details, lookup };
@@ -4150,6 +4477,7 @@ var SponsorRelayController = class {
       apiHost: props.apiHost,
       apiHosts: props.apiHosts,
       crnListUrl: props.crnListUrl,
+      crnSource: crnSourcePreference(props),
       schedulerApiHost: props.schedulerApiHost,
       twoN6ApiHost: props.twoN6ApiHost
     });
@@ -4421,10 +4749,14 @@ var SponsorRelayController = class {
         detail: "Publishing the host port mapping into the guest relay configuration."
       });
       const tcpPort = mappedPorts2["9091"]?.host ?? 0;
-      const wsPort = mappedPorts2["9092"]?.host ?? mappedPorts2["443"]?.host ?? 0;
+      const wsPort = mappedPorts2["9092"]?.host ?? 0;
       if (!tcpPort || !wsPort) {
+        const missing = [
+          tcpPort ? null : "9091 (libp2p TCP)",
+          wsPort ? null : "9092 (libp2p WebSocket)"
+        ].filter(Boolean);
         throw new Error(
-          "OrbitDB relay runtime is missing required mapped TCP/WS ports."
+          `OrbitDB relay runtime has no mapped host port for ${missing.join(" and ")}. Deploy a rootfs whose manifest requests these forwards.`
         );
       }
       const configureResult = await configureOrbitdbRelaySetup2({
@@ -5368,10 +5700,18 @@ var SponsorRelayController = class {
       statusText: currentProfile === "ucan-store" ? "Refreshing service deployment data" : "Refreshing relay deployment data"
     });
     try {
-      const [pricingSummary, crns] = await Promise.all([
+      const [pricingSummary, crnList] = await Promise.all([
         fetchInstancePricing(this.client.apiHost),
-        this.client.fetchCrns()
+        this.client.fetchCrnsWithSource(crnSourcePreference(this.props))
       ]);
+      const { crns, source: crnSource } = crnList;
+      if (crnList.listError) {
+        this.trace("crns:fallback", {
+          source: crnSource,
+          count: crns.length,
+          listError: crnList.listError.message
+        });
+      }
       const manifestState = await resolveManifest({
         manifestUrl: this.state.manifestUrl,
         manifestJson: this.state.manifestJson
@@ -5407,6 +5747,7 @@ var SponsorRelayController = class {
                 vmIpv4: null,
                 webUrl: null,
                 sshCommand: null,
+                proxyHostname: null,
                 mappedPorts: [],
                 execution: null,
                 error: null
@@ -5520,6 +5861,7 @@ var SponsorRelayController = class {
         },
         balance,
         crns,
+        crnSource,
         instances,
         bootstrapRegistrations,
         orphanBootstrapRegistrations,
@@ -5597,10 +5939,21 @@ var SponsorRelayController = class {
         }
       });
       const preferredCrnHash = this.state.selectedCrn?.hash ?? null;
-      const orderedCrns = [
+      const rankedCrns = [
         ...compatibleCrns2.filter((crn) => crn.hash === preferredCrnHash),
         ...compatibleCrns2.filter((crn) => crn.hash !== preferredCrnHash)
       ].slice(0, 5);
+      const orderedCrns = this.state.crnSource === "aggregate" ? await filterReachableCrns(rankedCrns, {
+        limit: rankedCrns.length,
+        onDiagnostic: (message) => this.trace("crns:probe", { message })
+      }).then(
+        (reachable) => preferredCrnHash && !reachable.some((crn) => crn.hash === preferredCrnHash) ? [
+          ...rankedCrns.filter(
+            (crn) => crn.hash === preferredCrnHash
+          ),
+          ...reachable
+        ] : reachable
+      ) : rankedCrns;
       if (orderedCrns.length === 0) {
         throw new Error(
           "No compatible CRN is currently available for this tier."
@@ -5822,6 +6175,9 @@ var SponsorRelayController = class {
             vmIpv4: runtime.execution?.networking?.ipv4_ip ?? null,
             webUrl: runtime.webAccessUrl ?? runtime.proxyUrl ?? runtime.execution?.networking?.proxy_url ?? null,
             sshCommand: runtime.sshCommand ?? null,
+            proxyHostname: hostnameOfUrl(
+              runtime.proxyUrl ?? runtime.webAccessUrl ?? runtime.execution?.networking?.proxy_url ?? null
+            ),
             mappedPorts: runtime.execution != null ? mappedPorts(runtime.execution) : runtimeMappedPorts(runtime.mappedPorts),
             execution: runtime.execution ?? null,
             error: null
@@ -5919,6 +6275,9 @@ var SponsorRelayController = class {
                       vmIpv4: latestRuntime.execution?.networking?.ipv4_ip ?? null,
                       webUrl: latestRuntime.webAccessUrl ?? latestRuntime.proxyUrl ?? latestRuntime.execution?.networking?.proxy_url ?? null,
                       sshCommand: latestRuntime.sshCommand ?? null,
+                      proxyHostname: hostnameOfUrl(
+                        latestRuntime.proxyUrl ?? latestRuntime.webAccessUrl ?? latestRuntime.execution?.networking?.proxy_url ?? null
+                      ),
                       mappedPorts: latestRuntime.execution != null ? mappedPorts(latestRuntime.execution) : runtimeMappedPorts(latestRuntime.mappedPorts),
                       execution: latestRuntime.execution ?? null,
                       error: null
@@ -6099,6 +6458,82 @@ var SponsorRelayController = class {
       });
     }
   }
+  /**
+   * Read one deployment's own address document over its HTTPS proxy.
+   *
+   * The mapped ports are plain HTTP, which a browser on an HTTPS page refuses to
+   * fetch, so the proxy hostname is the only way in. Deliberately single-shot:
+   * unlike the deploy-time readiness probe this backs a button someone pressed,
+   * and a caller who wants newer data presses it again.
+   */
+  async loadInstanceAddresses(instanceHash, options = {}) {
+    const existing = this.state.instanceAddresses[instanceHash];
+    if (!options.force && existing && existing.status !== "idle") return;
+    const record = this.state.instances.find(
+      (entry) => entry.instance.item_hash === instanceHash
+    );
+    const proxyHostname = record?.details.proxyHostname ?? null;
+    if (!proxyHostname) {
+      this.patchInstanceAddresses(instanceHash, {
+        ...emptyInstanceAddresses(),
+        status: "unsupported",
+        error: "This deployment has no HTTPS proxy hostname yet, so its addresses cannot be read from the browser."
+      });
+      return;
+    }
+    const sourceUrl = `https://${proxyHostname}/multiaddrs`;
+    this.patchInstanceAddresses(instanceHash, {
+      ...existing ?? emptyInstanceAddresses(),
+      status: "loading",
+      sourceUrl,
+      error: null
+    });
+    try {
+      const abort = new AbortController();
+      const timeout = globalThis.setTimeout(() => abort.abort(), 1e4);
+      const response = await fetch(sourceUrl, {
+        cache: "no-cache",
+        signal: abort.signal
+      });
+      globalThis.clearTimeout(timeout);
+      if (response.status === 404) {
+        this.patchInstanceAddresses(instanceHash, {
+          ...emptyInstanceAddresses(),
+          status: "unsupported",
+          sourceUrl,
+          fetchedAt: Date.now(),
+          error: "This profile does not publish an address document."
+        });
+        return;
+      }
+      if (!response.ok) {
+        throw new Error(`${sourceUrl} answered ${response.status}.`);
+      }
+      const payload = await response.json();
+      this.patchInstanceAddresses(instanceHash, {
+        ...parseInstanceAddressPayload(payload),
+        status: "ready",
+        sourceUrl,
+        fetchedAt: Date.now(),
+        error: null
+      });
+    } catch (error) {
+      this.patchInstanceAddresses(instanceHash, {
+        ...this.state.instanceAddresses[instanceHash] ?? emptyInstanceAddresses(),
+        status: "error",
+        sourceUrl,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    }
+  }
+  patchInstanceAddresses(instanceHash, value) {
+    this.patch({
+      instanceAddresses: {
+        ...this.state.instanceAddresses,
+        [instanceHash]: value
+      }
+    });
+  }
   async deleteInstance(instanceHash) {
     this.trace("delete:start", { instanceHash });
     if (!this.state.wallet.address) {
@@ -6272,8 +6707,45 @@ function createSponsorRelayController(props = {}) {
   return new SponsorRelayController(props);
 }
 
+// src/react/components/CopyButton.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var copyButtonStyle = {
+  borderRadius: "999px",
+  border: "1px solid var(--rb-border)",
+  background: "transparent",
+  color: "var(--rb-muted)",
+  padding: "0.28rem 0.7rem",
+  fontFamily: "var(--rb-font-mono, monospace)",
+  fontSize: "0.6563rem",
+  fontWeight: 700,
+  lineHeight: 1,
+  textTransform: "uppercase",
+  letterSpacing: "0.06em",
+  cursor: "pointer",
+  flexShrink: 0
+};
+function CopyButton({ text, label = "Copy" }) {
+  const [copied, setCopied] = useState(false);
+  const timer = useRef(null);
+  useEffect(
+    () => () => {
+      if (timer.current) clearTimeout(timer.current);
+    },
+    []
+  );
+  const handleCopy = async () => {
+    if (!text) return;
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => setCopied(false), 1200);
+  };
+  return /* @__PURE__ */ jsx("button", { type: "button", style: copyButtonStyle, onClick: () => void handleCopy(), children: copied ? "Copied" : label });
+}
+
 // src/react/hooks/useSponsorRelayController.ts
-import { useEffect, useMemo, useSyncExternalStore } from "react";
+import { useEffect as useEffect2, useMemo, useSyncExternalStore } from "react";
 function useSponsorRelayController(props) {
   const controller = useMemo(
     () => createSponsorRelayController(props),
@@ -6281,6 +6753,7 @@ function useSponsorRelayController(props) {
       props.apiHost,
       props.apiHosts,
       props.crnListUrl,
+      props.crnSource,
       props.debug,
       props.instanceName,
       props.manifestJson,
@@ -6293,12 +6766,12 @@ function useSponsorRelayController(props) {
       props.ucanStoreBootstrap
     ]
   );
-  useEffect(() => {
+  useEffect2(() => {
     controller.updateProps({
       debug: props.debug
     });
   }, [controller, props.debug]);
-  useEffect(() => {
+  useEffect2(() => {
     void controller.init();
     return () => {
       controller.destroy();
@@ -6313,7 +6786,7 @@ function useSponsorRelayController(props) {
 }
 
 // src/react/SponsorRelayFab.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var THEME_CSS = `
 :root {
   --rb-font-body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
@@ -6332,6 +6805,8 @@ var THEME_CSS = `
   --rb-panel-shadow: 0 28px 80px rgba(4, 6, 12, 0.55);
   --rb-surface: rgba(11, 14, 21, 0.55);
   --rb-field-bg: rgba(11, 14, 21, 0.85);
+  /* Opaque on purpose - see optionStyle. */
+  --rb-menu-bg: #0b0e15;
   --rb-accent: var(--rb-coral);
   --rb-accent-contrast: #0b0e15;
   --rb-link: var(--rb-cyan);
@@ -6356,6 +6831,7 @@ var THEME_CSS = `
   --rb-panel-shadow: 0 28px 80px rgba(20, 27, 46, 0.18);
   --rb-surface: rgba(20, 27, 46, 0.04);
   --rb-field-bg: #ffffff;
+  --rb-menu-bg: #ffffff;
   --rb-accent-contrast: #ffffff;
   --rb-launcher-start: #ffffff;
   --rb-launcher-end: #f2f5fa;
@@ -6399,6 +6875,10 @@ var fieldStyle = {
   fontSize: "0.8125rem",
   lineHeight: 1.4
 };
+var optionStyle = {
+  background: "var(--rb-menu-bg)",
+  color: "var(--rb-text)"
+};
 var secondaryButtonStyle = {
   borderRadius: "0.5rem",
   border: "1px solid var(--rb-border)",
@@ -6433,6 +6913,53 @@ var containedContentStyle = {
   wordBreak: "break-word",
   whiteSpace: "normal"
 };
+var tabBarStyle = {
+  display: "flex",
+  gap: "0.35rem",
+  margin: "0.55rem 0 0.5rem",
+  borderBottom: "1px solid var(--rb-border)"
+};
+var tabStyle = (active) => ({
+  border: 0,
+  borderBottom: `2px solid ${active ? "var(--rb-accent)" : "transparent"}`,
+  background: "transparent",
+  color: active ? "var(--rb-text)" : "var(--rb-muted)",
+  padding: "0.35rem 0.6rem",
+  fontFamily: "var(--rb-font-mono, monospace)",
+  fontSize: "0.6875rem",
+  fontWeight: 700,
+  textTransform: "uppercase",
+  letterSpacing: "0.06em",
+  cursor: "pointer"
+});
+var addressRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: "0.5rem",
+  padding: "0.25rem 0",
+  borderTop: "1px solid var(--rb-border)"
+};
+var payloadStyle = {
+  maxHeight: "20rem",
+  overflow: "auto",
+  padding: "0.5rem",
+  border: "1px solid var(--rb-border)",
+  borderRadius: "0.5rem",
+  fontFamily: "var(--rb-font-mono, monospace)",
+  fontSize: "0.6875rem",
+  lineHeight: 1.5
+};
+function addressTabLabel(addresses) {
+  if (!addresses?.groups.length && addresses?.pwaEnv) return "Endpoints";
+  return "Multiaddresses";
+}
+function copyAllText(addresses) {
+  return addresses.groups.flatMap((group) => group.addresses).join("\n");
+}
+function pwaEnvText(addresses) {
+  return Object.entries(addresses.pwaEnv ?? {}).map(([key, value]) => `${key}=${value}`).join("\n");
+}
 var dangerButtonStyle = {
   borderRadius: "0.5rem",
   border: "1px solid rgba(255, 77, 106, 0.45)",
@@ -6614,12 +7141,19 @@ function SponsorRelayFab(props) {
     (state.bootstrapRegistrations ?? []).filter((entry) => entry.confirmed && entry.instanceItemHash).map((entry) => [entry.instanceItemHash, entry])
   );
   const orphanRegistrations = state.orphanBootstrapRegistrations ?? [];
-  const [successFlash, setSuccessFlash] = React.useState(false);
-  const [hovered, setHovered] = React.useState(false);
-  const launcherRef = React.useRef(null);
-  const [inlinePanelStyle, setInlinePanelStyle] = React.useState(null);
-  const [compactInlineLabel, setCompactInlineLabel] = React.useState(false);
-  React.useEffect(() => {
+  const [successFlash, setSuccessFlash] = React2.useState(false);
+  const [hovered, setHovered] = React2.useState(false);
+  const [instanceTabs, setInstanceTabs] = React2.useState({});
+  const selectInstanceTab = (itemHash, tab) => {
+    setInstanceTabs((current) => ({ ...current, [itemHash]: tab }));
+    if (tab !== "general") {
+      void controller.loadInstanceAddresses(itemHash);
+    }
+  };
+  const launcherRef = React2.useRef(null);
+  const [inlinePanelStyle, setInlinePanelStyle] = React2.useState(null);
+  const [compactInlineLabel, setCompactInlineLabel] = React2.useState(false);
+  React2.useEffect(() => {
     if (state.deploymentProgress.stage !== "completed" || state.deploymentProgress.status !== "success") {
       return;
     }
@@ -6635,7 +7169,7 @@ function SponsorRelayFab(props) {
     state.deploymentProgress.status,
     state.deploymentProgress.timestamp
   ]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (state.deploymentProgress.stage !== "completed") {
       return;
     }
@@ -6646,7 +7180,7 @@ function SponsorRelayFab(props) {
       window.clearTimeout(timeout);
     };
   }, [state.deploymentProgress.stage, state.deploymentProgress.timestamp]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (launcherMode !== "inline" || !state.open) {
       return;
     }
@@ -6676,7 +7210,7 @@ function SponsorRelayFab(props) {
       window.removeEventListener("scroll", updateInlinePanelStyle, true);
     };
   }, [launcherMode, state.open]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (launcherMode !== "inline") {
       setCompactInlineLabel(false);
       return;
@@ -6715,7 +7249,7 @@ function SponsorRelayFab(props) {
   const rootfsBlocked = state.rootfsHealth.tone === "error";
   const deployCallToAction = state.wallet.connected ? state.busy.deploying ? "Deploying\u2026" : rootfsBlocked ? "Deployment blocked \u2014 Rootfs unavailable" : deploymentButtonLabel(state) : "Connect MetaMask";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: THEME_CSS }),
+    /* @__PURE__ */ jsx2("style", { children: THEME_CSS }),
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -6773,7 +7307,7 @@ function SponsorRelayFab(props) {
                       flex: "none"
                     },
                     children: [
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx2(
                         "line",
                         {
                           x1: "17",
@@ -6785,8 +7319,8 @@ function SponsorRelayFab(props) {
                           strokeLinecap: "round"
                         }
                       ),
-                      /* @__PURE__ */ jsx("circle", { cx: "11.5", cy: "20.5", r: "7", fill: "var(--rb-coral)" }),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx2("circle", { cx: "11.5", cy: "20.5", r: "7", fill: "var(--rb-coral)" }),
+                      /* @__PURE__ */ jsx2(
                         "circle",
                         {
                           cx: "23.5",
@@ -6800,7 +7334,7 @@ function SponsorRelayFab(props) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { children: launcherLabel })
+                /* @__PURE__ */ jsx2("span", { children: launcherLabel })
               ]
             }
           ),
@@ -6824,7 +7358,7 @@ function SponsorRelayFab(props) {
                 boxShadow: launcherMode === "floating" ? void 0 : `inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 16px ${progressToneColor(indicator.tone)}22`
               },
               children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx2(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -6840,7 +7374,7 @@ function SponsorRelayFab(props) {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { children: indicator.label })
+                /* @__PURE__ */ jsx2("span", { children: indicator.label })
               ]
             }
           )
@@ -6848,7 +7382,7 @@ function SponsorRelayFab(props) {
       }
     ),
     state.open ? /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         "div",
         {
           onClick: () => controller.setOpen(false),
@@ -6887,8 +7421,8 @@ function SponsorRelayFab(props) {
                       letterSpacing: "0.08em"
                     },
                     children: [
-                      /* @__PURE__ */ jsx("span", { children: "Aleph VM credit deployer" }),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx2("span", { children: "Aleph VM credit deployer" }),
+                      /* @__PURE__ */ jsx2(
                         "span",
                         {
                           style: {
@@ -6904,7 +7438,7 @@ function SponsorRelayFab(props) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx2(
                   "h2",
                   {
                     style: {
@@ -6917,7 +7451,7 @@ function SponsorRelayFab(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 "button",
                 {
                   type: "button",
@@ -6929,8 +7463,8 @@ function SponsorRelayFab(props) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx("p", { style: { color: "var(--rb-muted)" }, children: state.statusText }),
-        state.errorText ? /* @__PURE__ */ jsx("p", { style: { color: "var(--rb-danger)" }, children: state.errorText }) : null,
+        /* @__PURE__ */ jsx2("p", { style: { color: "var(--rb-muted)" }, children: state.statusText }),
+        state.errorText ? /* @__PURE__ */ jsx2("p", { style: { color: "var(--rb-danger)" }, children: state.errorText }) : null,
         pollingState ? /* @__PURE__ */ jsxs(
           "div",
           {
@@ -6955,7 +7489,7 @@ function SponsorRelayFab(props) {
                     gap: "0.45rem"
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx2(
                       "span",
                       {
                         "aria-hidden": "true",
@@ -6969,11 +7503,11 @@ function SponsorRelayFab(props) {
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx("strong", { style: { fontSize: "0.88rem" }, children: pollingState.label })
+                    /* @__PURE__ */ jsx2("strong", { style: { fontSize: "0.88rem" }, children: pollingState.label })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("small", { style: { color: "var(--rb-muted)", lineHeight: 1.35 }, children: pollingState.detail })
+              /* @__PURE__ */ jsx2("small", { style: { color: "var(--rb-muted)", lineHeight: 1.35 }, children: pollingState.detail })
             ]
           }
         ) : null,
@@ -7008,7 +7542,7 @@ function SponsorRelayFab(props) {
                           minWidth: 0
                         },
                         children: [
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsx2(
                             "span",
                             {
                               style: {
@@ -7030,7 +7564,7 @@ function SponsorRelayFab(props) {
                               children: progressBadgeLabel(state.deploymentProgress.stage)
                             }
                           ),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsx2(
                             "strong",
                             {
                               style: {
@@ -7065,7 +7599,7 @@ function SponsorRelayFab(props) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 "div",
                 {
                   style: {
@@ -7076,7 +7610,7 @@ function SponsorRelayFab(props) {
                     background: "rgba(168, 179, 199, 0.18)",
                     overflow: "hidden"
                   },
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx2(
                     "div",
                     {
                       style: {
@@ -7118,7 +7652,7 @@ function SponsorRelayFab(props) {
                         ]
                       }
                     ) : null,
-                    state.deploymentProgress.detail ? /* @__PURE__ */ jsx(
+                    state.deploymentProgress.detail ? /* @__PURE__ */ jsx2(
                       "div",
                       {
                         style: {
@@ -7130,7 +7664,7 @@ function SponsorRelayFab(props) {
                         children: state.deploymentProgress.detail
                       }
                     ) : null,
-                    state.deploymentProgress.error ? /* @__PURE__ */ jsx(
+                    state.deploymentProgress.error ? /* @__PURE__ */ jsx2(
                       "div",
                       {
                         style: {
@@ -7152,7 +7686,7 @@ function SponsorRelayFab(props) {
           {
             style: { display: "grid", gap: "0.75rem", marginTop: "0.9rem" },
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 "input",
                 {
                   style: fieldStyle,
@@ -7161,7 +7695,7 @@ function SponsorRelayFab(props) {
                   placeholder: "Instance name"
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 "select",
                 {
                   style: fieldStyle,
@@ -7172,11 +7706,11 @@ function SponsorRelayFab(props) {
                     const vcpus = unit ? unit.vcpus * tier.compute_units : null;
                     const memoryMiB = unit ? unit.memory_mib * tier.compute_units : null;
                     const diskMiB = unit ? unit.disk_mib * tier.compute_units : null;
-                    return /* @__PURE__ */ jsx("option", { value: tier.id, children: `${tier.id} ${formatTierSpecLabel(vcpus, memoryMiB, diskMiB)}` }, tier.id);
+                    return /* @__PURE__ */ jsx2("option", { style: optionStyle, value: tier.id, children: `${tier.id} ${formatTierSpecLabel(vcpus, memoryMiB, diskMiB)}` }, tier.id);
                   })
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 "div",
                 {
                   style: {
@@ -7200,7 +7734,7 @@ function SponsorRelayFab(props) {
                     event.currentTarget.open
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("summary", { children: "Advanced" }),
+                    /* @__PURE__ */ jsx2("summary", { children: "Advanced" }),
                     /* @__PURE__ */ jsxs(
                       "div",
                       {
@@ -7210,7 +7744,7 @@ function SponsorRelayFab(props) {
                           marginTop: "0.65rem"
                         },
                         children: [
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsx2(
                             "input",
                             {
                               style: fieldStyle,
@@ -7219,7 +7753,7 @@ function SponsorRelayFab(props) {
                               placeholder: "Manifest URL"
                             }
                           ),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsx2(
                             "textarea",
                             {
                               style: fieldStyle,
@@ -7237,8 +7771,8 @@ function SponsorRelayFab(props) {
                                 event.currentTarget.open
                               ),
                               children: [
-                                /* @__PURE__ */ jsx("summary", { children: "Paste Manifest" }),
-                                /* @__PURE__ */ jsx(
+                                /* @__PURE__ */ jsx2("summary", { children: "Paste Manifest" }),
+                                /* @__PURE__ */ jsx2(
                                   "textarea",
                                   {
                                     style: { ...fieldStyle, marginTop: "0.65rem" },
@@ -7251,7 +7785,7 @@ function SponsorRelayFab(props) {
                             }
                           ),
                           stateDeploymentProfile(state) === "ucan-store" ? /* @__PURE__ */ jsxs("details", { open: true, children: [
-                            /* @__PURE__ */ jsx("summary", { children: "UCAN Store Bootstrap" }),
+                            /* @__PURE__ */ jsx2("summary", { children: "UCAN Store Bootstrap" }),
                             /* @__PURE__ */ jsxs(
                               "div",
                               {
@@ -7261,7 +7795,7 @@ function SponsorRelayFab(props) {
                                   marginTop: "0.65rem"
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "input",
                                     {
                                       style: fieldStyle,
@@ -7273,7 +7807,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "Admin DID"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "input",
                                     {
                                       style: fieldStyle,
@@ -7285,7 +7819,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "Service DID override (optional)"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "input",
                                     {
                                       style: fieldStyle,
@@ -7297,7 +7831,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "Space DID"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "textarea",
                                     {
                                       style: fieldStyle,
@@ -7310,7 +7844,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "Root delegation proof"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "textarea",
                                     {
                                       style: fieldStyle,
@@ -7332,7 +7866,7 @@ function SponsorRelayFab(props) {
                                         gridTemplateColumns: "repeat(auto-fit, minmax(10rem, 1fr))"
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx(
+                                        /* @__PURE__ */ jsx2(
                                           "input",
                                           {
                                             style: fieldStyle,
@@ -7344,7 +7878,7 @@ function SponsorRelayFab(props) {
                                             placeholder: "Default expiration (seconds)"
                                           }
                                         ),
-                                        /* @__PURE__ */ jsx(
+                                        /* @__PURE__ */ jsx2(
                                           "input",
                                           {
                                             style: fieldStyle,
@@ -7359,7 +7893,7 @@ function SponsorRelayFab(props) {
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "input",
                                     {
                                       style: fieldStyle,
@@ -7371,7 +7905,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "PWA origin override (optional, defaults to current page origin)"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "input",
                                     {
                                       style: fieldStyle,
@@ -7383,7 +7917,7 @@ function SponsorRelayFab(props) {
                                       placeholder: "Service origin override (optional, defaults to runtime proxy URL)"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "div",
                                     {
                                       style: {
@@ -7417,20 +7951,21 @@ function SponsorRelayFab(props) {
             formatNumber(state.pricingSummary.requiredCredits, 0),
             " credits required"
           ] }),
-          /* @__PURE__ */ jsx("div", { children: state.rootfsHealth.label }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx2("div", { children: state.rootfsHealth.label }),
+          /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsxs(
             "select",
             {
+              style: fieldStyle,
               "aria-label": "Select CRN",
               value: state.crnPinnedByUser ? state.selectedCrn?.hash ?? "" : "",
               onChange: (event) => controller.selectCrn(event.currentTarget.value || null),
               children: [
-                /* @__PURE__ */ jsxs("option", { value: "", children: [
+                /* @__PURE__ */ jsxs("option", { style: optionStyle, value: "", children: [
                   "Auto (",
                   state.crnOptions[0]?.name ?? "best score",
                   ")"
                 ] }),
-                state.crnOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.hash, children: (option.name ?? option.hash.slice(0, 8)) + (option.score != null ? ` \xB7 ${option.score.toFixed(2)}` : "") }, option.hash))
+                state.crnOptions.map((option) => /* @__PURE__ */ jsx2("option", { style: optionStyle, value: option.hash, children: (option.name ?? option.hash.slice(0, 8)) + (option.score != null ? ` \xB7 ${option.score.toFixed(2)}` : "") }, option.hash))
               ]
             }
           ) }),
@@ -7458,11 +7993,11 @@ function SponsorRelayFab(props) {
               color: "var(--rb-text)"
             },
             children: [
-              /* @__PURE__ */ jsx("strong", { children: "Rootfs unavailable \u2014 deployment blocked" }),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "0.82rem", lineHeight: 1.45 }, children: state.rootfsHealth.detail }),
+              /* @__PURE__ */ jsx2("strong", { children: "Rootfs unavailable \u2014 deployment blocked" }),
+              /* @__PURE__ */ jsx2("span", { style: { fontSize: "0.82rem", lineHeight: 1.45 }, children: state.rootfsHealth.detail }),
               /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.75rem", lineHeight: 1.4 }, children: [
                 "This is separate from the connected MetaMask balance. The manifest must reference an Aleph rootfs STORE with status ",
-                /* @__PURE__ */ jsx("code", { children: "processed" }),
+                /* @__PURE__ */ jsx2("code", { children: "processed" }),
                 "."
               ] }),
               state.manifest?.rootfsItemHash ? /* @__PURE__ */ jsxs("code", { style: { fontSize: "0.7rem", overflowWrap: "anywhere" }, children: [
@@ -7471,14 +8006,14 @@ function SponsorRelayFab(props) {
                 state.rootfsResolution?.messageStatus ? ` \xB7 Aleph status: ${state.rootfsResolution.messageStatus}` : ""
               ] }) : null,
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-                /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void controller.refresh(), disabled: state.busy.refreshing, style: { ...secondaryButtonStyle, padding: "0.55rem 0.7rem" }, children: state.busy.refreshing ? "Checking\u2026" : "Retry validation" }),
-                /* @__PURE__ */ jsx("button", { type: "button", onClick: () => controller.setShowAdvanced(true), style: { ...secondaryButtonStyle, padding: "0.55rem 0.7rem" }, children: "Edit manifest URL" }),
-                /^https?:\/\//.test(state.manifestUrl) ? /* @__PURE__ */ jsx("a", { href: state.manifestUrl, target: "_blank", rel: "noreferrer", style: { color: "var(--rb-link)", alignSelf: "center", fontSize: "0.78rem" }, children: "Open manifest" }) : null
+                /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => void controller.refresh(), disabled: state.busy.refreshing, style: { ...secondaryButtonStyle, padding: "0.55rem 0.7rem" }, children: state.busy.refreshing ? "Checking\u2026" : "Retry validation" }),
+                /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => controller.setShowAdvanced(true), style: { ...secondaryButtonStyle, padding: "0.55rem 0.7rem" }, children: "Edit manifest URL" }),
+                /^https?:\/\//.test(state.manifestUrl) ? /* @__PURE__ */ jsx2("a", { href: state.manifestUrl, target: "_blank", rel: "noreferrer", style: { color: "var(--rb-link)", alignSelf: "center", fontSize: "0.78rem" }, children: "Open manifest" }) : null
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
@@ -7518,7 +8053,7 @@ function SponsorRelayFab(props) {
                     open: true,
                     style: containedContentStyle,
                     children: [
-                      /* @__PURE__ */ jsx("summary", { style: containedContentStyle, children: /* @__PURE__ */ jsxs(
+                      /* @__PURE__ */ jsx2("summary", { style: containedContentStyle, children: /* @__PURE__ */ jsxs(
                         "span",
                         {
                           style: {
@@ -7544,7 +8079,7 @@ function SponsorRelayFab(props) {
                                   fontWeight: 700
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx2(
                                     "span",
                                     {
                                       "aria-hidden": "true",
@@ -7574,57 +8109,264 @@ function SponsorRelayFab(props) {
                             marginTop: "0.55rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "Status: ",
-                              entry.details.messageStatus
-                            ] }),
-                            bootstrapUiEnabled && confirmedRegistration ? /* @__PURE__ */ jsxs("div", { children: [
-                              "Bootstrap registration:",
-                              " ",
-                              shortHash(
-                                confirmedRegistration.messageHash ?? confirmedRegistration.content?.registrationId ?? "confirmed",
-                                14,
-                                8
-                              )
-                            ] }) : null,
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "Host IPv4: ",
-                              entry.details.hostIpv4 ?? "-"
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "IPv6: ",
-                              entry.details.ipv6 ?? "-"
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "VM IPv4: ",
-                              entry.details.vmIpv4 ?? "-"
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "SSH: ",
-                              entry.details.sshCommand ?? "-"
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "Ports: ",
-                              joinMappedPorts(entry.details.mappedPorts)
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              "Submitted:",
-                              " ",
-                              formatDateTime(
-                                entry.instance.reception_time ?? entry.instance.time
+                            (() => {
+                              const itemHash = entry.instance.item_hash;
+                              const tab = instanceTabs[itemHash] ?? "general";
+                              const addresses = state.instanceAddresses?.[itemHash] ?? null;
+                              const refreshRow = /* @__PURE__ */ jsxs(
+                                "div",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "space-between",
+                                    gap: "0.5rem",
+                                    marginBottom: "0.5rem"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx2(
+                                      "span",
+                                      {
+                                        style: {
+                                          color: "var(--rb-muted)",
+                                          fontSize: "0.6875rem",
+                                          overflowWrap: "anywhere"
+                                        },
+                                        children: addresses?.sourceUrl ?? "Reading from the deployment"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx2(
+                                      "button",
+                                      {
+                                        type: "button",
+                                        style: secondaryButtonStyle,
+                                        disabled: addresses?.status === "loading",
+                                        onClick: () => void controller.loadInstanceAddresses(
+                                          itemHash,
+                                          { force: true }
+                                        ),
+                                        children: addresses?.status === "loading" ? "Loading\u2026" : "Refresh"
+                                      }
+                                    )
+                                  ]
+                                }
+                              );
+                              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx2("div", { style: tabBarStyle, role: "tablist", children: [
+                                  ["general", "General"],
+                                  ["addresses", addressTabLabel(addresses)],
+                                  ["health", "Health"]
+                                ].map(([key, label]) => /* @__PURE__ */ jsx2(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    role: "tab",
+                                    "aria-selected": tab === key,
+                                    style: tabStyle(tab === key),
+                                    onClick: () => selectInstanceTab(itemHash, key),
+                                    children: label
+                                  },
+                                  key
+                                )) }),
+                                tab === "addresses" ? /* @__PURE__ */ jsxs("div", { style: containedContentStyle, children: [
+                                  refreshRow,
+                                  addresses?.status === "loading" && !addresses.groups.length ? /* @__PURE__ */ jsx2("div", { children: "Reading the deployment's address document\u2026" }) : addresses?.status === "unsupported" || addresses?.status === "error" ? /* @__PURE__ */ jsx2("div", { children: addresses.error }) : addresses?.groups.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    addresses.peerId ? /* @__PURE__ */ jsxs("div", { style: addressRowStyle, children: [
+                                      /* @__PURE__ */ jsx2("code", { children: addresses.peerId }),
+                                      /* @__PURE__ */ jsx2(CopyButton, { text: addresses.peerId })
+                                    ] }) : null,
+                                    addresses.groups.map((group) => /* @__PURE__ */ jsxs(
+                                      "div",
+                                      {
+                                        style: { marginBottom: "0.75rem" },
+                                        children: [
+                                          /* @__PURE__ */ jsxs(
+                                            "div",
+                                            {
+                                              style: {
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "space-between",
+                                                gap: "0.5rem"
+                                              },
+                                              children: [
+                                                /* @__PURE__ */ jsx2("strong", { children: group.label }),
+                                                /* @__PURE__ */ jsx2(
+                                                  CopyButton,
+                                                  {
+                                                    text: group.addresses.join("\n"),
+                                                    label: "Copy group"
+                                                  }
+                                                )
+                                              ]
+                                            }
+                                          ),
+                                          group.addresses.map((address) => /* @__PURE__ */ jsxs(
+                                            "div",
+                                            {
+                                              style: addressRowStyle,
+                                              children: [
+                                                /* @__PURE__ */ jsx2("code", { children: address }),
+                                                /* @__PURE__ */ jsx2(CopyButton, { text: address })
+                                              ]
+                                            },
+                                            address
+                                          ))
+                                        ]
+                                      },
+                                      group.key
+                                    )),
+                                    /* @__PURE__ */ jsxs(
+                                      "div",
+                                      {
+                                        style: { display: "flex", gap: "0.5rem" },
+                                        children: [
+                                          /* @__PURE__ */ jsx2(
+                                            CopyButton,
+                                            {
+                                              text: copyAllText(addresses),
+                                              label: "Copy all"
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsx2(
+                                            CopyButton,
+                                            {
+                                              text: JSON.stringify(
+                                                addresses.payload,
+                                                null,
+                                                2
+                                              ),
+                                              label: "Copy JSON"
+                                            }
+                                          )
+                                        ]
+                                      }
+                                    )
+                                  ] }) : addresses?.pwaEnv ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    /* @__PURE__ */ jsxs(
+                                      "div",
+                                      {
+                                        style: {
+                                          display: "flex",
+                                          alignItems: "center",
+                                          justifyContent: "space-between",
+                                          gap: "0.5rem"
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ jsx2("strong", { children: "PWA environment" }),
+                                          /* @__PURE__ */ jsx2(
+                                            CopyButton,
+                                            {
+                                              text: pwaEnvText(addresses),
+                                              label: "Copy block"
+                                            }
+                                          )
+                                        ]
+                                      }
+                                    ),
+                                    Object.entries(addresses.pwaEnv).map(
+                                      ([key, value]) => /* @__PURE__ */ jsxs(
+                                        "div",
+                                        {
+                                          style: addressRowStyle,
+                                          children: [
+                                            /* @__PURE__ */ jsx2("code", { children: `${key}=${value}` }),
+                                            /* @__PURE__ */ jsx2(
+                                              CopyButton,
+                                              {
+                                                text: `${key}=${value}`
+                                              }
+                                            )
+                                          ]
+                                        },
+                                        key
+                                      )
+                                    )
+                                  ] }) : /* @__PURE__ */ jsx2("div", { children: "This deployment reports no addresses yet." })
+                                ] }) : null,
+                                tab === "health" ? /* @__PURE__ */ jsxs("div", { style: containedContentStyle, children: [
+                                  refreshRow,
+                                  addresses?.payload ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    /* @__PURE__ */ jsx2("pre", { style: payloadStyle, children: JSON.stringify(
+                                      addresses.payload,
+                                      null,
+                                      2
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(
+                                      CopyButton,
+                                      {
+                                        text: JSON.stringify(
+                                          addresses.payload,
+                                          null,
+                                          2
+                                        ),
+                                        label: "Copy JSON"
+                                      }
+                                    )
+                                  ] }) : addresses?.status === "loading" ? /* @__PURE__ */ jsx2("div", { children: "Reading the deployment's health document\u2026" }) : /* @__PURE__ */ jsx2("div", { children: addresses?.error ?? "No health document read yet." })
+                                ] }) : null
+                              ] });
+                            })(),
+                            (instanceTabs[entry.instance.item_hash] ?? "general") !== "general" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "Status: ",
+                                entry.details.messageStatus
+                              ] }),
+                              bootstrapUiEnabled && confirmedRegistration ? /* @__PURE__ */ jsxs("div", { children: [
+                                "Bootstrap registration:",
+                                " ",
+                                shortHash(
+                                  confirmedRegistration.messageHash ?? confirmedRegistration.content?.registrationId ?? "confirmed",
+                                  14,
+                                  8
+                                )
+                              ] }) : null,
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "Host IPv4: ",
+                                entry.details.hostIpv4 ?? "-"
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "IPv6: ",
+                                entry.details.ipv6 ?? "-"
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "VM IPv4: ",
+                                entry.details.vmIpv4 ?? "-"
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "SSH: ",
+                                entry.details.sshCommand ?? "-"
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "Ports: ",
+                                joinMappedPorts(entry.details.mappedPorts)
+                              ] }),
+                              entry.details.proxyHostname ? /* @__PURE__ */ jsxs("div", { style: addressRowStyle, children: [
+                                /* @__PURE__ */ jsxs("code", { children: [
+                                  "Proxy: ",
+                                  entry.details.proxyHostname
+                                ] }),
+                                /* @__PURE__ */ jsx2(CopyButton, { text: entry.details.proxyHostname })
+                              ] }) : null,
+                              /* @__PURE__ */ jsxs("div", { children: [
+                                "Submitted:",
+                                " ",
+                                formatDateTime(
+                                  entry.instance.reception_time ?? entry.instance.time
+                                )
+                              ] }),
+                              /* @__PURE__ */ jsx2(
+                                "button",
+                                {
+                                  type: "button",
+                                  style: dangerButtonStyle,
+                                  onClick: () => void controller.deleteInstance(
+                                    entry.instance.item_hash
+                                  ),
+                                  children: state.busy.deletingInstanceHash === entry.instance.item_hash ? "Deleting\u2026" : "Delete"
+                                }
                               )
-                            ] }),
-                            /* @__PURE__ */ jsx(
-                              "button",
-                              {
-                                type: "button",
-                                style: dangerButtonStyle,
-                                onClick: () => void controller.deleteInstance(
-                                  entry.instance.item_hash
-                                ),
-                                children: state.busy.deletingInstanceHash === entry.instance.item_hash ? "Deleting\u2026" : "Delete"
-                              }
-                            )
+                            ] })
                           ]
                         }
                       )
@@ -7647,8 +8389,8 @@ function SponsorRelayFab(props) {
                   },
                   children: [
                     /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.2rem" }, children: [
-                      /* @__PURE__ */ jsx("strong", { children: "Orphan bootstrap registrations" }),
-                      /* @__PURE__ */ jsx("small", { style: { color: "var(--rb-muted)", lineHeight: 1.35 }, children: "Current-wallet registrations without a matching instance. Forget them directly from here." })
+                      /* @__PURE__ */ jsx2("strong", { children: "Orphan bootstrap registrations" }),
+                      /* @__PURE__ */ jsx2("small", { style: { color: "var(--rb-muted)", lineHeight: 1.35 }, children: "Current-wallet registrations without a matching instance. Forget them directly from here." })
                     ] }),
                     orphanRegistrations.map((entry) => {
                       const registrationHash = entry.messageHash ?? entry.hash ?? null;
@@ -7665,7 +8407,7 @@ function SponsorRelayFab(props) {
                             border: "1px solid var(--rb-border)"
                           },
                           children: [
-                            /* @__PURE__ */ jsx(
+                            /* @__PURE__ */ jsx2(
                               "div",
                               {
                                 style: {
@@ -7694,7 +8436,7 @@ function SponsorRelayFab(props) {
                               " ",
                               formatDateTime(entry.content?.updatedAt ?? entry.time)
                             ] }),
-                            /* @__PURE__ */ jsx(
+                            /* @__PURE__ */ jsx2(
                               "button",
                               {
                                 type: "button",