@le-space/ui 0.3.0 → 0.3.2

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,11 @@ function defaultState(props = {}) {
     sshPublicKey: props.sshPublicKey ?? "",
     instanceName: props.instanceName ?? DEFAULT_INSTANCE_NAME,
     tierId: DEFAULT_TIER_ID,
+    showAdvanced: Boolean(
+      props.manifestUrl && props.manifestUrl !== DEFAULT_MANIFEST_URL || props.manifestJson?.trim() || props.sshPublicKey?.trim()
+    ),
     showInstances: props.showInstances ?? true,
-    showPasteManifest: false,
+    showPasteManifest: Boolean(props.manifestJson?.trim()),
     busy: {
       connectingWallet: false,
       refreshing: false,
@@ -2607,6 +2956,7 @@ var SponsorRelayController = class {
   client;
   refreshTimer = null;
   pingTimer = null;
+  manifestRefreshTimer = null;
   stopWalletWatch = null;
   props;
   progressEmitter = createDeploymentProgressEmitter();
@@ -2979,6 +3329,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 +3340,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 +3396,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 },
@@ -4137,15 +4512,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 +4527,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 ?? []).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)
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
             ]
           }
         ),