@le-space/ui 0.3.0 → 0.3.3

package/react/index.js

@@ -32,6 +32,7 @@ var IDLE_DEPLOYMENT_PROGRESS = {
 };
 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;
 var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
@@ -57,6 +58,12 @@ function formatDateTime(value) {
   if (Number.isNaN(date.getTime())) return String(value);
   return date.toLocaleString();
 }
+function formatTierSpecLabel(vcpus, memoryMiB, diskMiB) {
+  if (vcpus == null || !Number.isFinite(vcpus) || memoryMiB == null || !Number.isFinite(memoryMiB) || diskMiB == null || !Number.isFinite(diskMiB)) {
+    return "-";
+  }
+  return `(${formatNumber(vcpus, 0)} vCPU \xB7 ${formatNumber(memoryMiB / 1024, 1)} GiB RAM \xB7 ${formatNumber(diskMiB / 1024, 0)} GiB disk)`;
+}
 function buildSshCommand(hostIpv4, mappedPorts2) {
   if (!hostIpv4) return null;
   const sshPort = mappedPorts2.find((entry) => entry.label.startsWith("22/"))?.hostPort ?? 22;
@@ -402,6 +409,18 @@ function extractReferenceHashes(details) {
   if (!Array.isArray(errors)) return [];
   return errors.filter((value) => typeof value === "string");
 }
+function extractInsufficientBalanceMessage(details) {
+  if (!details || typeof details !== "object" || !("errors" in details)) return null;
+  const errors = details.errors;
+  const firstError = Array.isArray(errors) && errors[0] && typeof errors[0] === "object" ? errors[0] : null;
+  const accountBalance = typeof firstError?.account_balance === "number" || typeof firstError?.account_balance === "string" ? Number(firstError.account_balance) : Number.NaN;
+  const requiredBalance = typeof firstError?.required_balance === "number" || typeof firstError?.required_balance === "string" ? Number(firstError.required_balance) : Number.NaN;
+  if (!Number.isFinite(accountBalance) || !Number.isFinite(requiredBalance)) {
+    return null;
+  }
+  const shortfall = requiredBalance - accountBalance;
+  return shortfall > 0 ? `insufficient Aleph balance: ${accountBalance.toFixed(3)} available, ${requiredBalance.toFixed(3)} required, ${shortfall.toFixed(3)} short` : `insufficient Aleph balance: ${accountBalance.toFixed(3)} available, ${requiredBalance.toFixed(3)} required`;
+}
 function describeRejectedDeployment(payload, references, rootfsRef) {
   const errorCode = typeof payload.error_code === "number" ? payload.error_code : null;
   const pendingReferences = references.filter((reference) => reference.status === "pending");
@@ -416,6 +435,10 @@ function describeRejectedDeployment(payload, references, rootfsRef) {
   if (missingReferences.length > 0) {
     return `Aleph rejected this deployment because referenced message(s) were not found on Aleph: ${missingReferences.map((reference) => reference.itemHash).join(", ")}.`;
   }
+  const insufficientBalanceMessage = extractInsufficientBalanceMessage(payload.details);
+  if (insufficientBalanceMessage) {
+    return `Aleph rejected this deployment due to ${insufficientBalanceMessage}.`;
+  }
   const referencedHashes = extractReferenceHashes(payload.details);
   if (referencedHashes.length > 0) {
     return `Aleph rejected this deployment${errorCode ? ` (error ${errorCode})` : ""}. Referenced message(s): ${referencedHashes.join(", ")}.`;
@@ -1028,6 +1051,20 @@ function extractReferenceHashes2(details) {
   if (!Array.isArray(errors)) return [];
   return errors.filter((value) => typeof value === "string");
 }
+function extractInsufficientBalanceMessage2(details) {
+  if (!details || typeof details !== "object" || !("errors" in details)) {
+    return null;
+  }
+  const errors = details.errors;
+  const firstError = Array.isArray(errors) && errors[0] && typeof errors[0] === "object" ? errors[0] : null;
+  const accountBalance = typeof firstError?.account_balance === "number" || typeof firstError?.account_balance === "string" ? Number(firstError.account_balance) : Number.NaN;
+  const requiredBalance = typeof firstError?.required_balance === "number" || typeof firstError?.required_balance === "string" ? Number(firstError.required_balance) : Number.NaN;
+  if (!Number.isFinite(accountBalance) || !Number.isFinite(requiredBalance)) {
+    return null;
+  }
+  const shortfall = requiredBalance - accountBalance;
+  return shortfall > 0 ? `insufficient Aleph balance: ${accountBalance.toFixed(3)} available, ${requiredBalance.toFixed(3)} required, ${shortfall.toFixed(3)} short` : `insufficient Aleph balance: ${accountBalance.toFixed(3)} available, ${requiredBalance.toFixed(3)} required`;
+}
 function describeRejectedDeployment2(payload, references, rootfsRef) {
   const errorCode = typeof payload.error_code === "number" ? payload.error_code : null;
   const pendingReferences = references.filter((reference) => reference.status === "pending");
@@ -1042,6 +1079,10 @@ function describeRejectedDeployment2(payload, references, rootfsRef) {
   if (missingReferences.length > 0) {
     return `Aleph rejected this deployment because referenced message(s) were not found on Aleph: ${missingReferences.map((reference) => reference.itemHash).join(", ")}.`;
   }
+  const insufficientBalanceMessage = extractInsufficientBalanceMessage2(payload.details);
+  if (insufficientBalanceMessage) {
+    return `Aleph rejected this deployment due to ${insufficientBalanceMessage}.`;
+  }
   const referencedHashes = extractReferenceHashes2(payload.details);
   if (referencedHashes.length > 0) {
     return `Aleph rejected this deployment${errorCode ? ` (error ${errorCode})` : ""}. Referenced message(s): ${referencedHashes.join(", ")}.`;
@@ -1454,6 +1495,14 @@ function buildPaymentQuote(tier, pricing, balance) {
     label: "credits"
   };
 }
+function describeRejectedInstanceBroadcast(response) {
+  const balanceMessage = extractInsufficientBalanceMessage2(response.details);
+  if (balanceMessage) {
+    return `Aleph rejected this deployment due to ${balanceMessage}.`;
+  }
+  const errorCode = typeof response.error_code === "number" ? response.error_code : null;
+  return `Aleph rejected this deployment${errorCode ? ` (error ${errorCode})` : ""}.`;
+}
 function createInstanceContent(args) {
   const sshKey = normalizeSshPublicKey(args.sshPublicKey);
   if (!sshKey) {
@@ -1570,9 +1619,9 @@ async function deployInstance(args) {
     label: status === "processed" ? "Deployment accepted by Aleph" : status === "rejected" ? "Deployment rejected by Aleph" : "Deployment submitted to Aleph",
     progress: status === "processed" ? 88 : status === "rejected" ? 100 : 78,
     status: status === "processed" ? "success" : status === "rejected" ? "error" : "warning",
-    detail: status === "rejected" ? String(response.details ?? "Aleph rejected this deployment.") : null,
+    detail: status === "rejected" ? describeRejectedInstanceBroadcast(response) : null,
     itemHash: message.item_hash,
-    error: status === "rejected" ? String(response.details ?? "Aleph rejected this deployment.") : null,
+    error: status === "rejected" ? describeRejectedInstanceBroadcast(response) : null,
     timestamp: Date.now()
   });
   return {
@@ -1581,7 +1630,7 @@ async function deployInstance(args) {
     status,
     message,
     response,
-    rejectionReason: status === "rejected" ? String(response.details ?? "Aleph rejected this deployment.") : null
+    rejectionReason: status === "rejected" ? describeRejectedInstanceBroadcast(response) : null
   };
 }
 
@@ -1971,7 +2020,13 @@ async function configureUcGoPeer(args) {
     ws_port: args.wsPort ?? void 0,
     udp_port: args.udpPort ?? void 0,
     quic_port: args.quicPort ?? void 0,
-    webrtc_port: args.webrtcPort ?? void 0
+    webrtc_port: args.webrtcPort ?? void 0,
+    bootstrap_publisher_private_key: args.bootstrapPublisherPrivateKey ?? void 0,
+    bootstrap_publisher_libp2p_identity_b64: args.bootstrapPublisherLibp2pIdentityBase64 ?? void 0,
+    bootstrap_owner_private_key: args.bootstrapOwnerPrivateKey ?? void 0,
+    bootstrap_owner_authorization_b64: args.bootstrapOwnerAuthorizationBase64 ?? void 0,
+    bootstrap_registration_id: args.bootstrapRegistrationId ?? void 0,
+    no_start: args.noStart === true ? true : void 0
   };
   try {
     const response = await args.fetch(
@@ -2011,7 +2066,13 @@ async function configureOrbitdbRelaySetup2(args) {
     metrics_port: args.metricsPort ?? void 0,
     metrics_https_port: args.metricsHttpsPort ?? void 0,
     webrtc_port: args.webrtcPort ?? void 0,
-    quic_port: args.quicPort ?? void 0
+    quic_port: args.quicPort ?? void 0,
+    bootstrap_publisher_private_key: args.bootstrapPublisherPrivateKey ?? void 0,
+    bootstrap_publisher_libp2p_identity_hex: args.bootstrapPublisherLibp2pIdentityHex ?? void 0,
+    bootstrap_owner_private_key: args.bootstrapOwnerPrivateKey ?? void 0,
+    bootstrap_owner_authorization_b64: args.bootstrapOwnerAuthorizationBase64 ?? void 0,
+    bootstrap_registration_id: args.bootstrapRegistrationId ?? void 0,
+    no_start: args.noStart === true ? true : void 0
   };
   try {
     const response = await args.fetch(
@@ -2085,14 +2146,56 @@ async function fetchUcGoPeerMetadata(args) {
 }
 
 // ../aleph-bootstrap/src/index.ts
+import { recoverMessageAddress } from "viem";
 var DEFAULT_ALEPH_API_HOST3 = "https://api2.aleph.im";
 var DEFAULT_ALEPH_BOOTSTRAP_CHANNEL = "simple-todo";
 var DEFAULT_ALEPH_BOOTSTRAP_REF = "simple-todo-bootstrap";
 var DEFAULT_ALEPH_BOOTSTRAP_POST_TYPE = "relay-bootstrap";
 var DEFAULT_BOOTSTRAP_MAX_AGE_MS = 7 * 24 * 60 * 60 * 1e3;
+var DEFAULT_BOOTSTRAP_PAGINATION = 50;
+var RELAY_BOOTSTRAP_SIGNATURE_SCHEME = "personal_sign";
+function serializeOwnerAuthorizationPayload(payload) {
+  return JSON.stringify({
+    ownerAddress: payload.ownerAddress,
+    publisherAddress: payload.publisherAddress,
+    peerId: payload.peerId,
+    registrationId: payload.registrationId,
+    profile: payload.profile,
+    version: payload.version,
+    instanceItemHash: payload.instanceItemHash,
+    issuedAt: payload.issuedAt,
+    expiresAt: payload.expiresAt
+  });
+}
+function serializeRelayProofPayload(payload) {
+  return JSON.stringify({
+    peerId: payload.peerId,
+    multiaddrs: dedupeMultiaddrs(payload.multiaddrs),
+    browserMultiaddrs: payload.browserMultiaddrs ? dedupeMultiaddrs(payload.browserMultiaddrs) : void 0,
+    registrationId: payload.registrationId,
+    profile: payload.profile,
+    version: payload.version,
+    updatedAt: payload.updatedAt
+  });
+}
+function asTrimmedString(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function asNumber4(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim()) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
 function normalizeHost(host) {
   return host.trim().toLowerCase();
 }
+function normalizeSignature(signature) {
+  const trimmed = signature.trim();
+  return trimmed.startsWith("0x") ? trimmed : `0x${trimmed}`;
+}
 function splitMultiaddr(addr) {
   return addr.split("/").filter(Boolean);
 }
@@ -2163,6 +2266,100 @@ function filterPublicMultiaddrs(addrs, options = {}) {
     return true;
   });
 }
+function normalizeRelayBootstrapContent(value) {
+  if (!value || typeof value !== "object") return null;
+  const content = value;
+  const peerId = asTrimmedString(content.peerId);
+  const updatedAt = asNumber4(content.updatedAt);
+  if (!peerId || updatedAt == null) return null;
+  const multiaddrs = Array.isArray(content.multiaddrs) ? content.multiaddrs.filter((entry) => typeof entry === "string") : [];
+  const browserMultiaddrs = Array.isArray(content.browserMultiaddrs) ? content.browserMultiaddrs.filter((entry) => typeof entry === "string") : void 0;
+  return {
+    peerId,
+    multiaddrs: dedupeMultiaddrs(multiaddrs),
+    browserMultiaddrs: browserMultiaddrs ? dedupeMultiaddrs(browserMultiaddrs) : void 0,
+    registrationId: asTrimmedString(content.registrationId) ?? void 0,
+    profile: asTrimmedString(content.profile) ?? void 0,
+    version: asTrimmedString(content.version) ?? void 0,
+    ownerAddress: asTrimmedString(content.ownerAddress) ?? void 0,
+    publisherAddress: asTrimmedString(content.publisherAddress) ?? void 0,
+    authorization: normalizeRelayBootstrapAuthorizationRecord(content.authorization) ?? void 0,
+    relayProof: normalizeRelayBootstrapProofRecord(content.relayProof) ?? void 0,
+    updatedAt
+  };
+}
+function normalizeRelayBootstrapAuthorizationPayload(value) {
+  if (!value || typeof value !== "object") return null;
+  const payload = value;
+  const ownerAddress = asTrimmedString(payload.ownerAddress);
+  const publisherAddress = asTrimmedString(payload.publisherAddress);
+  const peerId = asTrimmedString(payload.peerId);
+  const issuedAt = asNumber4(payload.issuedAt);
+  const expiresAt = asNumber4(payload.expiresAt) ?? void 0;
+  if (!ownerAddress || !publisherAddress || !peerId || issuedAt == null) {
+    return null;
+  }
+  return {
+    ownerAddress,
+    publisherAddress,
+    peerId,
+    registrationId: asTrimmedString(payload.registrationId) ?? void 0,
+    profile: asTrimmedString(payload.profile) ?? void 0,
+    version: asTrimmedString(payload.version) ?? void 0,
+    instanceItemHash: asTrimmedString(payload.instanceItemHash) ?? void 0,
+    issuedAt,
+    expiresAt
+  };
+}
+function normalizeRelayBootstrapAuthorizationRecord(value) {
+  if (!value || typeof value !== "object") return null;
+  const record = value;
+  const scheme = asTrimmedString(record.scheme);
+  const signature = asTrimmedString(record.signature);
+  const payload = normalizeRelayBootstrapAuthorizationPayload(record.payload);
+  if (!scheme || !signature || !payload) return null;
+  return { scheme, signature, payload };
+}
+function normalizeRelayBootstrapProofPayload(value) {
+  if (!value || typeof value !== "object") return null;
+  const payload = value;
+  const peerId = asTrimmedString(payload.peerId);
+  const updatedAt = asNumber4(payload.updatedAt);
+  if (!peerId || updatedAt == null) return null;
+  const multiaddrs = Array.isArray(payload.multiaddrs) ? payload.multiaddrs.filter((entry) => typeof entry === "string") : [];
+  const browserMultiaddrs = Array.isArray(payload.browserMultiaddrs) ? payload.browserMultiaddrs.filter((entry) => typeof entry === "string") : void 0;
+  return {
+    peerId,
+    multiaddrs: dedupeMultiaddrs(multiaddrs),
+    browserMultiaddrs: browserMultiaddrs ? dedupeMultiaddrs(browserMultiaddrs) : void 0,
+    registrationId: asTrimmedString(payload.registrationId) ?? void 0,
+    profile: asTrimmedString(payload.profile) ?? void 0,
+    version: asTrimmedString(payload.version) ?? void 0,
+    updatedAt
+  };
+}
+function normalizeRelayBootstrapProofRecord(value) {
+  if (!value || typeof value !== "object") return null;
+  const record = value;
+  const scheme = asTrimmedString(record.scheme);
+  const signature = asTrimmedString(record.signature);
+  const payload = normalizeRelayBootstrapProofPayload(record.payload);
+  if (!scheme || !signature || !payload) return null;
+  return { scheme, signature, payload };
+}
+function normalizeRelayBootstrapPostRecord(value) {
+  if (!value || typeof value !== "object") return null;
+  const entry = value;
+  return {
+    hash: asTrimmedString(entry.hash),
+    itemHash: asTrimmedString(entry.item_hash),
+    address: asTrimmedString(entry.address),
+    ref: asTrimmedString(entry.ref),
+    type: asTrimmedString(entry.type),
+    time: asNumber4(entry.time),
+    content: normalizeRelayBootstrapContent(entry.content)
+  };
+}
 function buildRelayBootstrapPostContent(args) {
   const now = args.now ?? Date.now() / 1e3;
   const updatedAt = args.now ?? Date.now();
@@ -2176,8 +2373,13 @@ function buildRelayBootstrapPostContent(args) {
       browserMultiaddrs: args.browserMultiaddrs ? filterPublicMultiaddrs(args.browserMultiaddrs, {
         browserDialableOnly: true
       }) : void 0,
+      registrationId: args.registrationId,
       profile: args.profile,
       version: args.version,
+      ownerAddress: args.ownerAddress,
+      publisherAddress: args.publisherAddress,
+      authorization: args.authorization,
+      relayProof: args.relayProof,
       updatedAt: Math.round(updatedAt)
     },
     time: now
@@ -2191,10 +2393,15 @@ async function createRelayBootstrapPost(args) {
     peerId: args.peerId,
     multiaddrs: args.multiaddrs,
     browserMultiaddrs: args.browserMultiaddrs,
+    registrationId: args.registrationId,
     ref: args.ref ?? DEFAULT_ALEPH_BOOTSTRAP_REF,
     postType: args.postType ?? DEFAULT_ALEPH_BOOTSTRAP_POST_TYPE,
     profile: args.profile,
     version: args.version,
+    ownerAddress: args.ownerAddress,
+    publisherAddress: args.publisherAddress,
+    authorization: args.authorization,
+    relayProof: args.relayProof,
     now: nowMillis
   });
   itemContent.time = nowSeconds;
@@ -2211,19 +2418,130 @@ async function createRelayBootstrapPost(args) {
     item_hash: itemHash
   };
 }
+async function signRelayBootstrapAuthorization(args) {
+  const payload = {
+    ownerAddress: args.ownerAddress,
+    publisherAddress: args.publisherAddress,
+    peerId: args.peerId,
+    registrationId: args.registrationId,
+    profile: args.profile,
+    version: args.version,
+    instanceItemHash: args.instanceItemHash,
+    issuedAt: args.issuedAt ?? Date.now(),
+    expiresAt: args.expiresAt
+  };
+  const serialized = serializeOwnerAuthorizationPayload(payload);
+  const signature = await args.signer(args.ownerAddress, serialized);
+  return {
+    scheme: RELAY_BOOTSTRAP_SIGNATURE_SCHEME,
+    payload,
+    signature: normalizeSignature(signature)
+  };
+}
+async function signRelayBootstrapProof(args) {
+  const payload = {
+    peerId: args.peerId,
+    multiaddrs: filterPublicMultiaddrs(args.multiaddrs),
+    browserMultiaddrs: args.browserMultiaddrs ? filterPublicMultiaddrs(args.browserMultiaddrs, {
+      browserDialableOnly: true
+    }) : void 0,
+    registrationId: args.registrationId,
+    profile: args.profile,
+    version: args.version,
+    updatedAt: args.updatedAt ?? Date.now()
+  };
+  const serialized = serializeRelayProofPayload(payload);
+  const signature = await args.signer(args.publisherAddress, serialized);
+  return {
+    scheme: RELAY_BOOTSTRAP_SIGNATURE_SCHEME,
+    payload,
+    signature: normalizeSignature(signature)
+  };
+}
+async function fetchAlephBootstrapPosts(options = {}) {
+  const fetchImpl = options.fetch ?? globalThis.fetch?.bind(globalThis);
+  if (typeof fetchImpl !== "function") {
+    throw new Error(
+      "A fetch implementation is required to query Aleph bootstrap posts."
+    );
+  }
+  const url = new URL(
+    "/api/v0/posts.json",
+    options.apiHost ?? DEFAULT_ALEPH_API_HOST3
+  );
+  url.searchParams.set(
+    "channels",
+    options.channel ?? DEFAULT_ALEPH_BOOTSTRAP_CHANNEL
+  );
+  url.searchParams.set("refs", options.ref ?? DEFAULT_ALEPH_BOOTSTRAP_REF);
+  url.searchParams.set(
+    "types",
+    options.postType ?? DEFAULT_ALEPH_BOOTSTRAP_POST_TYPE
+  );
+  url.searchParams.set(
+    "pagination",
+    String(options.pagination ?? DEFAULT_BOOTSTRAP_PAGINATION)
+  );
+  url.searchParams.set("page", String(options.page ?? 1));
+  const response = await fetchImpl(url.toString(), {
+    method: "GET",
+    headers: { accept: "application/json" }
+  });
+  if (!response.ok) {
+    throw new Error(`Aleph bootstrap post lookup failed: ${response.status}`);
+  }
+  const payload = await response.json();
+  return (payload.posts ?? []).map((entry) => normalizeRelayBootstrapPostRecord(entry)).filter((entry) => entry != null);
+}
 
 // ../core/src/bootstrap-registration.ts
 async function publishRelayBootstrapRegistration(args) {
+  const publisherAddress = args.publisherAddress ?? args.sender;
+  const ownerAddress = args.ownerAddress;
+  let ownerAuthorization = args.ownerAuthorization;
+  let relayProof = args.relayProof;
+  if (!ownerAuthorization && ownerAddress && args.ownerSigner) {
+    ownerAuthorization = await signRelayBootstrapAuthorization({
+      ownerAddress,
+      publisherAddress,
+      peerId: args.peerId,
+      registrationId: args.registrationId,
+      profile: args.profile,
+      version: args.version,
+      instanceItemHash: args.instanceItemHash,
+      issuedAt: args.authorizationIssuedAt ?? args.now ?? Date.now(),
+      expiresAt: args.authorizationExpiresAt,
+      signer: args.ownerSigner
+    });
+  }
+  if (!relayProof && args.publisherSigner) {
+    relayProof = await signRelayBootstrapProof({
+      publisherAddress,
+      peerId: args.peerId,
+      multiaddrs: args.multiaddrs,
+      browserMultiaddrs: args.browserMultiaddrs,
+      registrationId: args.registrationId,
+      profile: args.profile,
+      version: args.version,
+      updatedAt: args.now ?? Date.now(),
+      signer: args.publisherSigner
+    });
+  }
   const unsigned = await createRelayBootstrapPost({
     sender: args.sender,
     peerId: args.peerId,
     multiaddrs: args.multiaddrs,
     browserMultiaddrs: args.browserMultiaddrs,
+    registrationId: args.registrationId,
     channel: args.channel,
     ref: args.ref,
     postType: args.postType,
     profile: args.profile,
     version: args.version,
+    ownerAddress,
+    publisherAddress,
+    authorization: ownerAuthorization,
+    relayProof,
     now: args.now,
     hasher: args.hasher
   });
@@ -2242,6 +2560,32 @@ async function publishRelayBootstrapRegistration(args) {
     sync: args.sync ?? true,
     fetch: args.fetch
   });
+  let forgottenHashes = [];
+  let forgetResult;
+  if (args.forgetPrevious && args.registrationId) {
+    const previousPosts = await fetchAlephBootstrapPosts({
+      apiHost: args.apiHost ?? DEFAULT_ALEPH_API_HOST3,
+      channel: args.channel,
+      ref: args.ref,
+      postType: args.postType,
+      fetch: args.fetch
+    });
+    forgottenHashes = previousPosts.filter(
+      (post) => post.address?.toLowerCase() === args.sender.toLowerCase() && post.content?.registrationId === args.registrationId && (post.itemHash ?? post.hash) != null && (post.itemHash ?? post.hash) !== unsigned.item_hash
+    ).map((post) => post.itemHash ?? post.hash ?? "").filter(Boolean);
+    if (forgottenHashes.length > 0) {
+      forgetResult = await forgetAlephMessages({
+        sender: args.sender,
+        hashes: forgottenHashes,
+        reason: args.forgetPreviousReason ?? `Replace older relay bootstrap records for ${args.registrationId}`,
+        signer: args.signer,
+        hasher: args.hasher,
+        fetch: args.fetch,
+        apiHost: args.apiHost ?? DEFAULT_ALEPH_API_HOST3,
+        sync: args.sync ?? true
+      });
+    }
+  }
   return {
     status: "published",
     itemHash: unsigned.item_hash,
@@ -2249,7 +2593,9 @@ async function publishRelayBootstrapRegistration(args) {
     response,
     httpStatus,
     publishedMultiaddrs: content.content?.multiaddrs ?? [],
-    publishedBrowserMultiaddrs: content.content?.browserMultiaddrs ?? []
+    publishedBrowserMultiaddrs: content.content?.browserMultiaddrs ?? [],
+    forgottenHashes,
+    forgetResult
   };
 }
 
@@ -2288,8 +2634,9 @@ function defaultState(props = {}) {
     sshPublicKey: props.sshPublicKey ?? "",
     instanceName: props.instanceName ?? DEFAULT_INSTANCE_NAME,
     tierId: DEFAULT_TIER_ID,
+    showAdvanced: Boolean(props.manifestJson?.trim() || props.sshPublicKey?.trim()),
     showInstances: props.showInstances ?? true,
-    showPasteManifest: false,
+    showPasteManifest: Boolean(props.manifestJson?.trim()),
     busy: {
       connectingWallet: false,
       refreshing: false,
@@ -2325,6 +2672,14 @@ function defaultState(props = {}) {
     deploymentProgress: IDLE_DEPLOYMENT_PROGRESS
   };
 }
+function manifestLoadErrorState(error) {
+  const message = error instanceof Error ? error.message : String(error);
+  return {
+    manifest: null,
+    valid: false,
+    errors: [message]
+  };
+}
 function isDebugEnabled(props) {
   if (props.debug) {
     return true;
@@ -2607,6 +2962,7 @@ var SponsorRelayController = class {
   client;
   refreshTimer = null;
   pingTimer = null;
+  manifestRefreshTimer = null;
   stopWalletWatch = null;
   props;
   progressEmitter = createDeploymentProgressEmitter();
@@ -2979,6 +3335,7 @@ var SponsorRelayController = class {
   destroy() {
     if (this.refreshTimer) clearInterval(this.refreshTimer);
     if (this.pingTimer) clearInterval(this.pingTimer);
+    if (this.manifestRefreshTimer) clearTimeout(this.manifestRefreshTimer);
     this.stopWalletWatch?.();
   }
   setOpen(open) {
@@ -2989,15 +3346,27 @@ var SponsorRelayController = class {
   }
   setManifestUrl(manifestUrl) {
     this.patch({ manifestUrl });
+    this.queueManifestRefresh();
   }
   setManifestJson(manifestJson) {
-    this.patch({ manifestJson });
+    this.patch({
+      manifestJson,
+      showAdvanced: this.state.showAdvanced || Boolean(manifestJson.trim()),
+      showPasteManifest: this.state.showPasteManifest || Boolean(manifestJson.trim())
+    });
+    this.queueManifestRefresh();
+  }
+  setShowAdvanced(showAdvanced) {
+    this.patch({ showAdvanced });
   }
   setShowPasteManifest(showPasteManifest) {
     this.patch({ showPasteManifest });
   }
   setSshPublicKey(sshPublicKey) {
-    this.patch({ sshPublicKey });
+    this.patch({
+      sshPublicKey,
+      showAdvanced: this.state.showAdvanced || Boolean(sshPublicKey.trim())
+    });
   }
   setInstanceName(instanceName) {
     this.patch({ instanceName });
@@ -3033,6 +3402,18 @@ var SponsorRelayController = class {
       selectedCrn
     });
   }
+  queueManifestRefresh() {
+    if (!this.state.ready) {
+      return;
+    }
+    if (this.manifestRefreshTimer) {
+      clearTimeout(this.manifestRefreshTimer);
+    }
+    this.manifestRefreshTimer = setTimeout(() => {
+      this.manifestRefreshTimer = null;
+      void this.refresh();
+    }, MANIFEST_SOURCE_REFRESH_DEBOUNCE_MS);
+  }
   async connectWallet() {
     this.patch({
       busy: { connectingWallet: true },
@@ -3086,15 +3467,15 @@ var SponsorRelayController = class {
       statusText: "Refreshing relay sponsor data"
     });
     try {
-      const manifestState = await resolveManifest({
-        manifestUrl: this.state.manifestUrl,
-        manifestJson: this.state.manifestJson
-      });
-      const manifest = manifestState.manifest;
       const [pricingSummary, crns] = await Promise.all([
         fetchInstancePricing(this.client.apiHost),
         this.client.fetchCrns()
       ]);
+      const manifestState = await resolveManifest({
+        manifestUrl: this.state.manifestUrl,
+        manifestJson: this.state.manifestJson
+      }).catch((error) => manifestLoadErrorState(error));
+      const manifest = manifestState.manifest;
       let balance = this.state.balance;
       let instances = [];
       if (this.state.wallet.address) {
@@ -3584,11 +3965,11 @@ var basePanelStyle = {
   zIndex: 9999,
   width: "min(28rem, calc(100vw - 2rem))",
   overflow: "auto",
-  border: "1px solid rgba(255,255,255,0.12)",
+  border: "1px solid var(--le-space-sponsor-relay-panel-border, rgba(199, 210, 254, 0.22))",
   borderRadius: "1.4rem",
-  background: "rgba(12,20,31,0.92)",
+  background: "var(--le-space-sponsor-relay-panel-bg, rgba(49, 46, 129, 0.94))",
   color: "#f8fafc",
-  boxShadow: "0 28px 80px rgba(3,8,20,0.45)",
+  boxShadow: "var(--le-space-sponsor-relay-panel-shadow, 0 28px 80px rgba(49, 46, 129, 0.34))",
   padding: "1rem",
   fontFamily: '"DM Sans", "Inter", sans-serif'
 };
@@ -3603,6 +3984,11 @@ var fieldStyle = {
   fontSize: "0.98rem",
   lineHeight: 1.45
 };
+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))";
+var themedLauncherBadgeBorder = "var(--le-space-sponsor-relay-launcher-badge-border, rgba(191, 219, 254, 0.24))";
+var themedLauncherDot = "var(--le-space-sponsor-relay-launcher-dot, #f59e0b)";
 function progressToneColor(status) {
   switch (status) {
     case "success":
@@ -3783,11 +4169,11 @@ function SponsorRelayFab(props) {
   const progressActive = state.deploymentProgress.stage !== "idle" && state.deploymentProgress.stage !== "completed" && state.deploymentProgress.stage !== "error";
   const deploymentProgressVisible = isDeploymentProgressVisible(state);
   const pulseScale = progressActive ? 1.03 : hovered ? 1.015 : 1;
-  const pulseShadow = progressActive ? `0 0 0 4px ${progressToneColor(indicator.tone)}22, 0 12px 28px rgba(15, 23, 42, 0.22)` : successFlash ? `0 0 0 5px rgba(55, 214, 122, 0.22), 0 14px 32px rgba(55, 214, 122, 0.22)` : launcherMode === "inline" ? hovered ? "0 14px 30px rgba(79, 70, 229, 0.28)" : "0 10px 24px rgba(99, 102, 241, 0.22)" : void 0;
-  const inlineButtonBackground = indicator.tone === "error" ? "linear-gradient(135deg, #b91c1c 0%, #dc2626 100%)" : indicator.tone === "warning" ? "linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%)" : indicator.tone === "success" ? "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)" : "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)";
-  const inlineButtonBorder = indicator.tone === "error" ? "1px solid rgba(254, 202, 202, 0.45)" : indicator.tone === "warning" ? "1px solid rgba(196, 181, 253, 0.42)" : "1px solid rgba(199, 210, 254, 0.42)";
-  const inlineBadgeBackground = indicator.tone === "error" ? "rgba(127, 29, 29, 0.88)" : indicator.tone === "warning" ? "rgba(88, 28, 135, 0.88)" : indicator.tone === "success" ? "rgba(49, 46, 129, 0.92)" : "rgba(30, 41, 59, 0.92)";
-  const inlineBadgeBorder = indicator.tone === "error" ? "1px solid rgba(254, 202, 202, 0.34)" : indicator.tone === "warning" ? "1px solid rgba(233, 213, 255, 0.28)" : indicator.tone === "success" ? "1px solid rgba(191, 219, 254, 0.24)" : "1px solid rgba(191, 219, 254, 0.2)";
+  const pulseShadow = progressActive ? `0 0 0 4px ${progressToneColor(indicator.tone)}22, 0 12px 28px rgba(15, 23, 42, 0.22)` : successFlash ? `0 0 0 5px rgba(55, 214, 122, 0.22), 0 14px 32px rgba(55, 214, 122, 0.22)` : launcherMode === "inline" ? hovered ? "var(--le-space-sponsor-relay-launcher-hover-shadow, 0 14px 30px rgba(79, 70, 229, 0.28))" : "var(--le-space-sponsor-relay-launcher-shadow, 0 10px 24px rgba(99, 102, 241, 0.22))" : void 0;
+  const inlineButtonBackground = themedLauncherBackground;
+  const inlineButtonBorder = `1px solid ${themedLauncherBorder}`;
+  const inlineBadgeBackground = themedLauncherBadgeBackground;
+  const inlineBadgeBorder = `1px solid ${themedLauncherBadgeBorder}`;
   const panelStyle = launcherMode === "inline" ? inlinePanelStyle ?? {
     ...basePanelStyle,
     top: "4.75rem",
@@ -3819,8 +4205,8 @@ function SponsorRelayFab(props) {
           bottom: launcherMode === "floating" ? "5.8rem" : void 0,
           zIndex: launcherMode === "floating" ? 1e4 : "auto",
           borderRadius: "999px",
-          border: launcherMode === "floating" ? "2px solid rgba(255,255,255,0.9)" : inlineButtonBorder,
-          background: launcherMode === "floating" ? "linear-gradient(135deg, #e91315 0%, #ffc83f 100%)" : inlineButtonBackground,
+          border: launcherMode === "floating" ? `2px solid ${themedLauncherBorder}` : inlineButtonBorder,
+          background: launcherMode === "floating" ? themedLauncherBackground : inlineButtonBackground,
           color: "white",
           minHeight: launcherMode === "floating" ? void 0 : "2.25rem",
           padding: launcherMode === "floating" ? "0.9rem 1.2rem" : "0.42rem 0.56rem 0.42rem 0.76rem",
@@ -3856,8 +4242,8 @@ function SponsorRelayFab(props) {
                       width: launcherMode === "floating" ? "0.5rem" : "0.42rem",
                       height: launcherMode === "floating" ? "0.5rem" : "0.42rem",
                       borderRadius: "999px",
-                      background: launcherMode === "floating" ? "rgba(255,255,255,0.96)" : "#f59e0b",
-                      boxShadow: launcherMode === "floating" ? "0 0 0 3px rgba(255,255,255,0.22)" : "0 0 0 3px rgba(245, 158, 11, 0.18)"
+                      background: launcherMode === "floating" ? "rgba(255,255,255,0.96)" : themedLauncherDot,
+                      boxShadow: launcherMode === "floating" ? "0 0 0 3px rgba(255,255,255,0.22)" : "0 0 0 3px var(--le-space-sponsor-relay-launcher-dot-ring, rgba(245, 158, 11, 0.18))"
                     }
                   }
                 ),
@@ -3916,7 +4302,7 @@ function SponsorRelayFab(props) {
             position: "fixed",
             inset: 0,
             zIndex: 9998,
-            background: "radial-gradient(circle at 88% 82%, rgba(233,19,21,0.18), transparent 34%)"
+            background: "radial-gradient(circle at 88% 82%, var(--le-space-sponsor-relay-backdrop-accent, rgba(79, 70, 229, 0.2)), transparent 34%)"
           }
         }
       ),
@@ -4137,15 +4523,6 @@ function SponsorRelayFab(props) {
           {
             style: { display: "grid", gap: "0.75rem", marginTop: "0.9rem" },
             children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  style: fieldStyle,
-                  value: state.manifestUrl,
-                  onChange: (event) => controller.setManifestUrl(event.currentTarget.value),
-                  placeholder: "Manifest URL"
-                }
-              ),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -4161,31 +4538,95 @@ function SponsorRelayFab(props) {
                   style: fieldStyle,
                   value: state.pricingSummary.tier?.id ?? state.tierId,
                   onChange: (event) => controller.setTierId(event.currentTarget.value),
-                  children: (state.pricingSummary.pricing?.tiers ?? []).map((tier) => /* @__PURE__ */ jsx("option", { value: tier.id, children: tier.id }, tier.id))
+                  children: (state.pricingSummary.pricing?.tiers?.length ? state.pricingSummary.pricing.tiers : [{ id: state.tierId, compute_units: 1 }]).map((tier) => {
+                    const unit = state.pricingSummary.pricing?.compute_unit;
+                    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);
+                  })
                 }
               ),
               /* @__PURE__ */ jsx(
-                "textarea",
+                "div",
                 {
-                  style: fieldStyle,
-                  rows: 3,
-                  value: state.sshPublicKey,
-                  onChange: (event) => controller.setSshPublicKey(event.currentTarget.value),
-                  placeholder: "SSH public key"
+                  style: {
+                    color: "#9fb2ca",
+                    fontSize: "0.74rem",
+                    lineHeight: 1.35,
+                    marginTop: "-0.15rem"
+                  },
+                  children: formatTierSpecLabel(
+                    state.pricingSummary.vcpus,
+                    state.pricingSummary.memoryMiB,
+                    state.pricingSummary.diskMiB
+                  )
                 }
               ),
-              /* @__PURE__ */ jsxs("details", { children: [
-                /* @__PURE__ */ jsx("summary", { children: "Paste Manifest" }),
-                /* @__PURE__ */ jsx(
-                  "textarea",
-                  {
-                    style: { ...fieldStyle, marginTop: "0.65rem" },
-                    rows: 7,
-                    value: state.manifestJson,
-                    onChange: (event) => controller.setManifestJson(event.currentTarget.value)
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsxs(
+                "details",
+                {
+                  open: state.showAdvanced,
+                  onToggle: (event) => controller.setShowAdvanced(
+                    event.currentTarget.open
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("summary", { children: "Advanced" }),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "grid",
+                          gap: "0.75rem",
+                          marginTop: "0.65rem"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "input",
+                            {
+                              style: fieldStyle,
+                              value: state.manifestUrl,
+                              onChange: (event) => controller.setManifestUrl(event.currentTarget.value),
+                              placeholder: "Manifest URL"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "textarea",
+                            {
+                              style: fieldStyle,
+                              rows: 3,
+                              value: state.sshPublicKey,
+                              onChange: (event) => controller.setSshPublicKey(event.currentTarget.value),
+                              placeholder: "SSH public key"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "details",
+                            {
+                              open: state.showPasteManifest,
+                              onToggle: (event) => controller.setShowPasteManifest(
+                                event.currentTarget.open
+                              ),
+                              children: [
+                                /* @__PURE__ */ jsx("summary", { children: "Paste Manifest" }),
+                                /* @__PURE__ */ jsx(
+                                  "textarea",
+                                  {
+                                    style: { ...fieldStyle, marginTop: "0.65rem" },
+                                    rows: 7,
+                                    value: state.manifestJson,
+                                    onChange: (event) => controller.setManifestJson(event.currentTarget.value)
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
             ]
           }
         ),