@le-space/ui 0.3.31 → 0.3.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@le-space/ui",
-  "version": "0.3.31",
+  "version": "0.3.32",
   "description": "Floating Aleph sponsor relay UI components for Svelte and React.",
   "license": "MIT",
   "type": "module",
@@ -36,8 +36,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@le-space/browser": "0.3.31",
-    "@le-space/core": "0.3.31",
+    "@le-space/browser": "0.3.32",
+    "@le-space/core": "0.3.32",
     "viem": "^2.38.5"
   },
   "peerDependencies": {

package/react/index.d.ts

@@ -243,6 +243,22 @@ interface CompactInstanceRecord {
     instance: InstanceMessage;
     details: CompactInstanceDetails;
 }
+interface CompactBootstrapRegistrationRecord {
+    messageHash: string | null;
+    hash: string | null;
+    itemHash: string | null;
+    address: string | null;
+    time: number | null;
+    instanceItemHash: string | null;
+    confirmed: boolean;
+    content: {
+        peerId: string;
+        registrationId?: string;
+        multiaddrs: string[];
+        browserMultiaddrs?: string[];
+        updatedAt: number;
+    } | null;
+}
 interface SponsorRelayState {
     ready: boolean;
     open: boolean;
@@ -260,6 +276,7 @@ interface SponsorRelayState {
         refreshing: boolean;
         deploying: boolean;
         deletingInstanceHash: string | null;
+        deletingRegistrationHash: string | null;
     };
     statusText: string;
     errorText: string | null;
@@ -273,6 +290,8 @@ interface SponsorRelayState {
     crns: Crn[];
     selectedCrn: Crn | null;
     instances: CompactInstanceRecord[];
+    bootstrapRegistrations: CompactBootstrapRegistrationRecord[];
+    orphanBootstrapRegistrations: CompactBootstrapRegistrationRecord[];
     lastDeploymentHash: string | null;
     deploymentProgress: DeploymentProgressEvent;
 }
@@ -324,6 +343,7 @@ declare class SponsorRelayController {
     refresh(): Promise<void>;
     deploy(): Promise<void>;
     deleteInstance(instanceHash: string): Promise<void>;
+    deleteBootstrapRegistration(registrationHash: string): Promise<void>;
 }
 
 declare function SponsorRelayFab(props: SponsorRelayProps): react_jsx_runtime.JSX.Element;

package/react/index.js

@@ -28,7 +28,7 @@ var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
 var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/package-version.ts
-var UI_PACKAGE_VERSION = "0.3.31";
+var UI_PACKAGE_VERSION = "0.3.32";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -3044,7 +3044,8 @@ function defaultState(props = {}) {
       connectingWallet: false,
       refreshing: false,
       deploying: false,
-      deletingInstanceHash: null
+      deletingInstanceHash: null,
+      deletingRegistrationHash: null
     },
     statusText: "Ready",
     errorText: null,
@@ -3070,6 +3071,8 @@ function defaultState(props = {}) {
     crns: [],
     selectedCrn: null,
     instances: [],
+    bootstrapRegistrations: [],
+    orphanBootstrapRegistrations: [],
     lastDeploymentHash: null,
     deploymentProgress: IDLE_DEPLOYMENT_PROGRESS
   };
@@ -3174,6 +3177,20 @@ function relayProfileForManifest(manifest) {
   }
   return null;
 }
+function registrationIdInstanceItemHash(registrationId) {
+  const normalized = String(registrationId ?? "").trim();
+  if (!normalized) return null;
+  const parts = normalized.split(":").map((part) => part.trim()).filter(Boolean);
+  const candidate = parts.at(-1) ?? "";
+  return /^[0-9a-f]{64}$/i.test(candidate) ? candidate : null;
+}
+function relayBootstrapInstanceItemHash(entry) {
+  const authorizedInstanceItemHash = typeof entry?.content?.authorization?.payload?.instanceItemHash === "string" ? entry.content.authorization.payload.instanceItemHash.trim() : "";
+  if (authorizedInstanceItemHash) {
+    return authorizedInstanceItemHash;
+  }
+  return registrationIdInstanceItemHash(entry?.content?.registrationId);
+}
 async function inspectInstanceRuntime(args) {
   const details = {
     messageStatus: String(
@@ -4137,10 +4154,16 @@ var SponsorRelayController = class {
       const manifest = manifestState.manifest;
       let balance = this.state.balance;
       let instances = [];
+      let bootstrapRegistrations = [];
+      let orphanBootstrapRegistrations = [];
       if (this.state.wallet.address) {
-        const [nextBalance, rawInstances] = await Promise.all([
+        const [nextBalance, rawInstances, rawBootstrapPosts] = await Promise.all([
           this.client.fetchBalance(this.state.wallet.address),
-          this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([])
+          this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([]),
+          fetchAlephBootstrapPosts({
+            apiHost: this.client.apiHost,
+            fetch
+          }).catch(() => [])
         ]);
         balance = nextBalance;
         instances = await Promise.all(
@@ -4200,6 +4223,37 @@ var SponsorRelayController = class {
             };
           })
         );
+        const normalizedWalletAddress = this.state.wallet.address.toLowerCase();
+        const activeInstanceHashes = new Set(
+          instances.map((entry) => entry.instance.item_hash)
+        );
+        bootstrapRegistrations = selectCurrentRelayBootstrapPosts(rawBootstrapPosts).filter(
+          (entry) => entry.address?.toLowerCase() === normalizedWalletAddress
+        ).map((entry) => {
+          const instanceItemHash = relayBootstrapInstanceItemHash(entry);
+          const messageHash = entry.itemHash ?? entry.hash ?? null;
+          return {
+            messageHash,
+            hash: entry.hash ?? null,
+            itemHash: entry.itemHash ?? null,
+            address: entry.address ?? null,
+            time: entry.time ?? null,
+            instanceItemHash,
+            confirmed: Boolean(
+              instanceItemHash && activeInstanceHashes.has(instanceItemHash)
+            ),
+            content: entry.content ? {
+              peerId: entry.content.peerId,
+              registrationId: entry.content.registrationId,
+              multiaddrs: Array.isArray(entry.content.multiaddrs) ? entry.content.multiaddrs : [],
+              browserMultiaddrs: Array.isArray(entry.content.browserMultiaddrs) ? entry.content.browserMultiaddrs : [],
+              updatedAt: entry.content.updatedAt
+            } : null
+          };
+        });
+        orphanBootstrapRegistrations = bootstrapRegistrations.filter(
+          (entry) => !entry.confirmed
+        );
       }
       let rootfsVerified = false;
       let rootfsResolution = null;
@@ -4230,6 +4284,8 @@ var SponsorRelayController = class {
         balance,
         crns,
         instances,
+        bootstrapRegistrations,
+        orphanBootstrapRegistrations,
         busy: { refreshing: false },
         statusText: "Relay sponsor data ready"
       });
@@ -4739,6 +4795,72 @@ var SponsorRelayController = class {
       });
     }
   }
+  async deleteBootstrapRegistration(registrationHash) {
+    this.trace("registration-delete:start", { registrationHash });
+    if (!this.state.wallet.address) {
+      this.patch({
+        errorText: "Connect MetaMask before forgetting registrations."
+      });
+      return;
+    }
+    this.patch({
+      busy: { deletingRegistrationHash: registrationHash },
+      errorText: null,
+      statusText: `Forgetting registration ${registrationHash}`
+    });
+    try {
+      this.emitProgress({
+        stage: "validating",
+        label: "Validating registration cleanup",
+        progress: 6,
+        status: "warning",
+        itemHash: registrationHash,
+        detail: "Preparing Aleph FORGET message for the orphan bootstrap registration."
+      });
+      await forgetAlephMessages({
+        sender: this.state.wallet.address,
+        hashes: [registrationHash],
+        reason: "Deleted orphan relay bootstrap registration from Sponsor Relay panel",
+        signer: personalSign,
+        hasher: sha256Hex,
+        fetch: asJsonFetch,
+        apiHost: this.client.apiHost,
+        onProgress: (event) => {
+          this.emitProgress(event);
+        }
+      });
+      this.patch({
+        busy: { deletingRegistrationHash: null },
+        statusText: `Deletion submitted for ${registrationHash}`
+      });
+      this.emitProgress({
+        stage: "refreshing-instances",
+        label: "Refreshing registrations after delete",
+        progress: 92,
+        status: "info",
+        itemHash: registrationHash,
+        detail: "Reloading deployments and relay bootstrap registrations."
+      });
+      await this.refresh();
+      this.trace("registration-delete:submitted", { registrationHash });
+      this.emitProgress({
+        stage: "completed",
+        label: "Registration cleanup completed",
+        progress: 100,
+        status: "success",
+        itemHash: registrationHash,
+        detail: "Orphan relay bootstrap registration forgotten and state refreshed.",
+        error: null
+      });
+    } catch (error) {
+      this.trace("registration-delete:error", error);
+      this.patch({
+        busy: { deletingRegistrationHash: null },
+        errorText: error instanceof Error ? error.message : String(error),
+        statusText: "Registration cleanup failed"
+      });
+    }
+  }
 };
 function createSponsorRelayController(props = {}) {
   return new SponsorRelayController(props);
@@ -4938,6 +5060,10 @@ function SponsorRelayFab(props) {
   const versionLabel = resolvedVersion.startsWith("v") ? resolvedVersion : `v${resolvedVersion}`;
   const launcherMode = props.launcherMode ?? "floating";
   const indicator = launcherIndicator(state);
+  const confirmedRegistrationByInstanceHash = new Map(
+    (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);
@@ -5576,66 +5702,196 @@ function SponsorRelayFab(props) {
           "Latest deployment: ",
           shortHash(state.lastDeploymentHash)
         ] }) : null,
-        state.showInstances ? /* @__PURE__ */ jsx(
+        state.showInstances ? /* @__PURE__ */ jsxs(
           "div",
           {
             style: { marginTop: "1rem", display: "grid", gap: "0.7rem" },
-            children: state.instances.map((entry) => /* @__PURE__ */ jsxs("details", { open: true, children: [
-              /* @__PURE__ */ jsx("summary", { children: (entry.instance.content?.metadata?.name ?? "relay") + " \xB7 " + shortHash(entry.instance.item_hash) }),
-              /* @__PURE__ */ jsxs(
+            children: [
+              state.instances.map((entry) => {
+                const confirmedRegistration = confirmedRegistrationByInstanceHash.get(
+                  entry.instance.item_hash
+                ) ?? null;
+                return /* @__PURE__ */ jsxs("details", { open: true, children: [
+                  /* @__PURE__ */ jsx("summary", { children: /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: "0.55rem",
+                        flexWrap: "wrap"
+                      },
+                      children: [
+                        (entry.instance.content?.metadata?.name ?? "relay") + " \xB7 " + shortHash(entry.instance.item_hash),
+                        confirmedRegistration ? /* @__PURE__ */ jsxs(
+                          "span",
+                          {
+                            style: {
+                              display: "inline-flex",
+                              alignItems: "center",
+                              gap: "0.32rem",
+                              padding: "0.16rem 0.45rem",
+                              borderRadius: "999px",
+                              background: "rgba(34, 197, 94, 0.16)",
+                              color: "#86efac",
+                              fontSize: "0.7rem",
+                              fontWeight: 700
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  "aria-hidden": "true",
+                                  style: {
+                                    width: "0.45rem",
+                                    height: "0.45rem",
+                                    borderRadius: "999px",
+                                    background: "#22c55e",
+                                    boxShadow: "0 0 0 3px rgba(34, 197, 94, 0.18)"
+                                  }
+                                }
+                              ),
+                              "Registration confirmed"
+                            ]
+                          }
+                        ) : null
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "grid",
+                        gap: "0.35rem",
+                        marginTop: "0.55rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          "Status: ",
+                          entry.details.messageStatus
+                        ] }),
+                        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
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => void controller.deleteInstance(
+                              entry.instance.item_hash
+                            ),
+                            children: state.busy.deletingInstanceHash === entry.instance.item_hash ? "Deleting\u2026" : "Delete"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }, entry.instance.item_hash);
+              }),
+              orphanRegistrations.length > 0 ? /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
                     display: "grid",
-                    gap: "0.35rem",
-                    marginTop: "0.55rem"
+                    gap: "0.7rem",
+                    padding: "0.85rem",
+                    borderRadius: "1rem",
+                    border: "1px solid rgba(248, 113, 113, 0.22)",
+                    background: "linear-gradient(180deg, rgba(127, 29, 29, 0.18), rgba(69, 10, 10, 0.12))"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      "Status: ",
-                      entry.details.messageStatus
-                    ] }),
-                    /* @__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", { style: { display: "grid", gap: "0.2rem" }, children: [
+                      /* @__PURE__ */ jsx("strong", { children: "Orphan bootstrap registrations" }),
+                      /* @__PURE__ */ jsx("small", { style: { color: "#fecaca", lineHeight: 1.35 }, children: "Current-wallet registrations without a matching instance. Forget them directly from here." })
                     ] }),
-                    /* @__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
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => void controller.deleteInstance(
-                          entry.instance.item_hash
-                        ),
-                        children: state.busy.deletingInstanceHash === entry.instance.item_hash ? "Deleting\u2026" : "Delete"
-                      }
-                    )
+                    orphanRegistrations.map((entry) => {
+                      const registrationHash = entry.messageHash ?? entry.hash ?? null;
+                      return /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "grid",
+                            gap: "0.35rem",
+                            padding: "0.75rem",
+                            borderRadius: "0.9rem",
+                            background: "rgba(15, 23, 42, 0.22)",
+                            border: "1px solid rgba(255,255,255,0.08)"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx("div", { style: { fontWeight: 700 }, children: (entry.content?.registrationId ?? "registration") + " \xB7 " + shortHash(registrationHash ?? "unknown") }),
+                            /* @__PURE__ */ jsxs("div", { children: [
+                              "Peer: ",
+                              entry.content?.peerId ?? "-"
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { children: [
+                              "Linked instance:",
+                              " ",
+                              entry.instanceItemHash ? shortHash(entry.instanceItemHash) : "missing"
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { children: [
+                              "Browser multiaddrs:",
+                              " ",
+                              String(entry.content?.browserMultiaddrs?.length ?? 0)
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { children: [
+                              "Updated:",
+                              " ",
+                              formatDateTime(entry.content?.updatedAt ?? entry.time)
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                disabled: !registrationHash || state.busy.deletingRegistrationHash === registrationHash,
+                                onClick: () => registrationHash ? void controller.deleteBootstrapRegistration(
+                                  registrationHash
+                                ) : void 0,
+                                children: state.busy.deletingRegistrationHash === registrationHash ? "Forgetting\u2026" : "Forget registration"
+                              }
+                            )
+                          ]
+                        },
+                        registrationHash ?? entry.content?.registrationId ?? `orphan-${entry.content?.peerId ?? "unknown"}`
+                      );
+                    })
                   ]
                 }
-              )
-            ] }, entry.instance.item_hash))
+              ) : null
+            ]
           }
         ) : null
       ] })

package/shared/index.d.ts

@@ -241,6 +241,22 @@ interface CompactInstanceRecord {
     instance: InstanceMessage;
     details: CompactInstanceDetails;
 }
+interface CompactBootstrapRegistrationRecord {
+    messageHash: string | null;
+    hash: string | null;
+    itemHash: string | null;
+    address: string | null;
+    time: number | null;
+    instanceItemHash: string | null;
+    confirmed: boolean;
+    content: {
+        peerId: string;
+        registrationId?: string;
+        multiaddrs: string[];
+        browserMultiaddrs?: string[];
+        updatedAt: number;
+    } | null;
+}
 interface SponsorRelayState {
     ready: boolean;
     open: boolean;
@@ -258,6 +274,7 @@ interface SponsorRelayState {
         refreshing: boolean;
         deploying: boolean;
         deletingInstanceHash: string | null;
+        deletingRegistrationHash: string | null;
     };
     statusText: string;
     errorText: string | null;
@@ -271,6 +288,8 @@ interface SponsorRelayState {
     crns: Crn[];
     selectedCrn: Crn | null;
     instances: CompactInstanceRecord[];
+    bootstrapRegistrations: CompactBootstrapRegistrationRecord[];
+    orphanBootstrapRegistrations: CompactBootstrapRegistrationRecord[];
     lastDeploymentHash: string | null;
     deploymentProgress: DeploymentProgressEvent;
 }
@@ -290,7 +309,7 @@ declare const STALE_INSTANCE_ALLOCATION_COOLDOWN_MS: number;
 declare const RECENT_INSTANCE_RUNTIME_GRACE_MS: number;
 declare const DEPLOYMENT_PENDING_WARNING_MS: number;
 
-declare const UI_PACKAGE_VERSION = "0.3.31";
+declare const UI_PACKAGE_VERSION = "0.3.32";
 
 interface RootfsRequiredPortForward {
     port: number;
@@ -372,6 +391,7 @@ declare class SponsorRelayController {
     refresh(): Promise<void>;
     deploy(): Promise<void>;
     deleteInstance(instanceHash: string): Promise<void>;
+    deleteBootstrapRegistration(registrationHash: string): Promise<void>;
 }
 declare function createSponsorRelayController(props?: SponsorRelayProps): SponsorRelayController;
 
@@ -382,4 +402,4 @@ interface DeploymentProgressEmitter {
 }
 declare function createDeploymentProgressEmitter(): DeploymentProgressEmitter;
 
-export { type CompactInstanceDetails, type CompactInstanceRecord, DEFAULT_INSTANCE_NAME, DEFAULT_MANIFEST_URL, DEFAULT_TIER_ID, DEPLOYMENT_PENDING_WARNING_MS, type DeploymentProgressEmitter, type EthereumProviderLike, IDLE_DEPLOYMENT_PROGRESS, INSTANCE_RUNTIME_PENDING_REFRESH_MS, INSTANCE_RUNTIME_READY_REFRESH_MS, INSTANCE_RUNTIME_STALE_REFRESH_MS, MANIFEST_SOURCE_REFRESH_DEBOUNCE_MS, RECENT_INSTANCE_RUNTIME_GRACE_MS, REFRESH_INTERVAL_MS, ROOTFS_MISSING_STATE, STALE_INSTANCE_ALLOCATION_COOLDOWN_MS, SponsorRelayController, type SponsorRelayHealthTone, type SponsorRelayPricingSummary, type SponsorRelayProps, type SponsorRelayRootfsHealth, type SponsorRelayState, type SponsorRelaySubscriber, type SponsorRelayWalletState, UI_PACKAGE_VERSION, buildSshCommand, connectWallet, createDeploymentProgressEmitter, createSponsorRelayController, formatDateTime, formatNumber, formatTierSpecLabel, getEthereumProvider, joinMappedPorts, joinRequiredPortForwards, personalSign, resolveManifestSource, shortHash, toChecksumAddress, watchWallet };
+export { type CompactBootstrapRegistrationRecord, type CompactInstanceDetails, type CompactInstanceRecord, DEFAULT_INSTANCE_NAME, DEFAULT_MANIFEST_URL, DEFAULT_TIER_ID, DEPLOYMENT_PENDING_WARNING_MS, type DeploymentProgressEmitter, type EthereumProviderLike, IDLE_DEPLOYMENT_PROGRESS, INSTANCE_RUNTIME_PENDING_REFRESH_MS, INSTANCE_RUNTIME_READY_REFRESH_MS, INSTANCE_RUNTIME_STALE_REFRESH_MS, MANIFEST_SOURCE_REFRESH_DEBOUNCE_MS, RECENT_INSTANCE_RUNTIME_GRACE_MS, REFRESH_INTERVAL_MS, ROOTFS_MISSING_STATE, STALE_INSTANCE_ALLOCATION_COOLDOWN_MS, SponsorRelayController, type SponsorRelayHealthTone, type SponsorRelayPricingSummary, type SponsorRelayProps, type SponsorRelayRootfsHealth, type SponsorRelayState, type SponsorRelaySubscriber, type SponsorRelayWalletState, UI_PACKAGE_VERSION, buildSshCommand, connectWallet, createDeploymentProgressEmitter, createSponsorRelayController, formatDateTime, formatNumber, formatTierSpecLabel, getEthereumProvider, joinMappedPorts, joinRequiredPortForwards, personalSign, resolveManifestSource, shortHash, toChecksumAddress, watchWallet };

package/shared/index.js

@@ -27,7 +27,7 @@ var RECENT_INSTANCE_RUNTIME_GRACE_MS = 10 * 60 * 1e3;
 var DEPLOYMENT_PENDING_WARNING_MS = 3 * 60 * 1e3;
 
 // src/shared/package-version.ts
-var UI_PACKAGE_VERSION = "0.3.31";
+var UI_PACKAGE_VERSION = "0.3.32";
 
 // src/shared/format.ts
 function shortHash(value, head = 8, tail = 6) {
@@ -3043,7 +3043,8 @@ function defaultState(props = {}) {
       connectingWallet: false,
       refreshing: false,
       deploying: false,
-      deletingInstanceHash: null
+      deletingInstanceHash: null,
+      deletingRegistrationHash: null
     },
     statusText: "Ready",
     errorText: null,
@@ -3069,6 +3070,8 @@ function defaultState(props = {}) {
     crns: [],
     selectedCrn: null,
     instances: [],
+    bootstrapRegistrations: [],
+    orphanBootstrapRegistrations: [],
     lastDeploymentHash: null,
     deploymentProgress: IDLE_DEPLOYMENT_PROGRESS
   };
@@ -3173,6 +3176,20 @@ function relayProfileForManifest(manifest) {
   }
   return null;
 }
+function registrationIdInstanceItemHash(registrationId) {
+  const normalized = String(registrationId ?? "").trim();
+  if (!normalized) return null;
+  const parts = normalized.split(":").map((part) => part.trim()).filter(Boolean);
+  const candidate = parts.at(-1) ?? "";
+  return /^[0-9a-f]{64}$/i.test(candidate) ? candidate : null;
+}
+function relayBootstrapInstanceItemHash(entry) {
+  const authorizedInstanceItemHash = typeof entry?.content?.authorization?.payload?.instanceItemHash === "string" ? entry.content.authorization.payload.instanceItemHash.trim() : "";
+  if (authorizedInstanceItemHash) {
+    return authorizedInstanceItemHash;
+  }
+  return registrationIdInstanceItemHash(entry?.content?.registrationId);
+}
 async function inspectInstanceRuntime(args) {
   const details = {
     messageStatus: String(
@@ -4136,10 +4153,16 @@ var SponsorRelayController = class {
       const manifest = manifestState.manifest;
       let balance = this.state.balance;
       let instances = [];
+      let bootstrapRegistrations = [];
+      let orphanBootstrapRegistrations = [];
       if (this.state.wallet.address) {
-        const [nextBalance, rawInstances] = await Promise.all([
+        const [nextBalance, rawInstances, rawBootstrapPosts] = await Promise.all([
           this.client.fetchBalance(this.state.wallet.address),
-          this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([])
+          this.state.showInstances ? this.client.fetchInstances(this.state.wallet.address) : Promise.resolve([]),
+          fetchAlephBootstrapPosts({
+            apiHost: this.client.apiHost,
+            fetch
+          }).catch(() => [])
         ]);
         balance = nextBalance;
         instances = await Promise.all(
@@ -4199,6 +4222,37 @@ var SponsorRelayController = class {
             };
           })
         );
+        const normalizedWalletAddress = this.state.wallet.address.toLowerCase();
+        const activeInstanceHashes = new Set(
+          instances.map((entry) => entry.instance.item_hash)
+        );
+        bootstrapRegistrations = selectCurrentRelayBootstrapPosts(rawBootstrapPosts).filter(
+          (entry) => entry.address?.toLowerCase() === normalizedWalletAddress
+        ).map((entry) => {
+          const instanceItemHash = relayBootstrapInstanceItemHash(entry);
+          const messageHash = entry.itemHash ?? entry.hash ?? null;
+          return {
+            messageHash,
+            hash: entry.hash ?? null,
+            itemHash: entry.itemHash ?? null,
+            address: entry.address ?? null,
+            time: entry.time ?? null,
+            instanceItemHash,
+            confirmed: Boolean(
+              instanceItemHash && activeInstanceHashes.has(instanceItemHash)
+            ),
+            content: entry.content ? {
+              peerId: entry.content.peerId,
+              registrationId: entry.content.registrationId,
+              multiaddrs: Array.isArray(entry.content.multiaddrs) ? entry.content.multiaddrs : [],
+              browserMultiaddrs: Array.isArray(entry.content.browserMultiaddrs) ? entry.content.browserMultiaddrs : [],
+              updatedAt: entry.content.updatedAt
+            } : null
+          };
+        });
+        orphanBootstrapRegistrations = bootstrapRegistrations.filter(
+          (entry) => !entry.confirmed
+        );
       }
       let rootfsVerified = false;
       let rootfsResolution = null;
@@ -4229,6 +4283,8 @@ var SponsorRelayController = class {
         balance,
         crns,
         instances,
+        bootstrapRegistrations,
+        orphanBootstrapRegistrations,
         busy: { refreshing: false },
         statusText: "Relay sponsor data ready"
       });
@@ -4738,6 +4794,72 @@ var SponsorRelayController = class {
       });
     }
   }
+  async deleteBootstrapRegistration(registrationHash) {
+    this.trace("registration-delete:start", { registrationHash });
+    if (!this.state.wallet.address) {
+      this.patch({
+        errorText: "Connect MetaMask before forgetting registrations."
+      });
+      return;
+    }
+    this.patch({
+      busy: { deletingRegistrationHash: registrationHash },
+      errorText: null,
+      statusText: `Forgetting registration ${registrationHash}`
+    });
+    try {
+      this.emitProgress({
+        stage: "validating",
+        label: "Validating registration cleanup",
+        progress: 6,
+        status: "warning",
+        itemHash: registrationHash,
+        detail: "Preparing Aleph FORGET message for the orphan bootstrap registration."
+      });
+      await forgetAlephMessages({
+        sender: this.state.wallet.address,
+        hashes: [registrationHash],
+        reason: "Deleted orphan relay bootstrap registration from Sponsor Relay panel",
+        signer: personalSign,
+        hasher: sha256Hex,
+        fetch: asJsonFetch,
+        apiHost: this.client.apiHost,
+        onProgress: (event) => {
+          this.emitProgress(event);
+        }
+      });
+      this.patch({
+        busy: { deletingRegistrationHash: null },
+        statusText: `Deletion submitted for ${registrationHash}`
+      });
+      this.emitProgress({
+        stage: "refreshing-instances",
+        label: "Refreshing registrations after delete",
+        progress: 92,
+        status: "info",
+        itemHash: registrationHash,
+        detail: "Reloading deployments and relay bootstrap registrations."
+      });
+      await this.refresh();
+      this.trace("registration-delete:submitted", { registrationHash });
+      this.emitProgress({
+        stage: "completed",
+        label: "Registration cleanup completed",
+        progress: 100,
+        status: "success",
+        itemHash: registrationHash,
+        detail: "Orphan relay bootstrap registration forgotten and state refreshed.",
+        error: null
+      });
+    } catch (error) {
+      this.trace("registration-delete:error", error);
+      this.patch({
+        busy: { deletingRegistrationHash: null },
+        errorText: error instanceof Error ? error.message : String(error),
+        statusText: "Registration cleanup failed"
+      });
+    }
+  }
 };
 function createSponsorRelayController(props = {}) {
   return new SponsorRelayController(props);

package/svelte/SponsorRelayFab.svelte

@@ -49,6 +49,12 @@ export let apiHost = undefined
   $: pollingDetail = state.busy.refreshing
     ? (state.statusText || 'Refreshing relay sponsor data from Aleph and the selected CRN.')
     : (state.deploymentProgress.detail || state.statusText || 'Waiting for the next confirmed relay state from Aleph.')
+  $: confirmedRegistrationByInstanceHash = new Map(
+    (state.bootstrapRegistrations ?? [])
+      .filter((entry) => entry.confirmed && entry.instanceItemHash)
+      .map((entry) => [entry.instanceItemHash, entry]),
+  )
+  $: orphanRegistrations = state.orphanBootstrapRegistrations ?? []
 
   onMount(async () => {
     const unsubscribe = controller.subscribe((next) => {
@@ -220,12 +226,19 @@ export let apiHost = undefined
 
         {#each state.instances as entry}
           <AccordionSection title={`${entry.instance.content?.metadata?.name ?? 'relay'} · ${shortHash(entry.instance.item_hash)}`} open={true}>
+            {@const confirmedRegistration = confirmedRegistrationByInstanceHash.get(entry.instance.item_hash)}
             <div class="instance-topline">
               <div class="chip-row">
                 <span class="chip">{entry.details.messageStatus}</span>
                 {#if entry.details.crnUrl}
                   <span class="chip">{entry.details.crnUrl.replace(/^https?:\/\//, '')}</span>
                 {/if}
+                {#if confirmedRegistration}
+                  <span class="chip chip-confirmed">
+                    <span class="chip-dot-confirmed"></span>
+                    Registration confirmed
+                  </span>
+                {/if}
               </div>
               <button
                 class="delete"
@@ -267,6 +280,13 @@ export let apiHost = undefined
               <strong>{joinMappedPorts(entry.details.mappedPorts)}</strong>
             </div>
 
+            {#if confirmedRegistration}
+              <div class="mono-block">
+                <span>Bootstrap Registration</span>
+                <strong>{shortHash(confirmedRegistration.messageHash ?? confirmedRegistration.content?.registrationId ?? 'confirmed', 14, 8)}</strong>
+              </div>
+            {/if}
+
             <div class="link-row">
               <CopyButton text={entry.instance.item_hash} label="Copy hash" />
               {#if entry.details.webUrl}
@@ -281,6 +301,34 @@ export let apiHost = undefined
             {/if}
           </AccordionSection>
         {/each}
+
+        {#if orphanRegistrations.length > 0}
+          <div class="orphan-box">
+            <div class="orphan-head">
+              <strong>Orphan bootstrap registrations</strong>
+              <small>Current-wallet registrations without a matching instance. Forget them directly from here.</small>
+            </div>
+
+            {#each orphanRegistrations as entry}
+              {@const registrationHash = entry.messageHash ?? entry.hash}
+              <div class="orphan-card">
+                <div class="orphan-title">{entry.content?.registrationId ?? 'registration'} · {shortHash(registrationHash ?? 'unknown')}</div>
+                <div>Peer: {entry.content?.peerId ?? '-'}</div>
+                <div>Linked instance: {entry.instanceItemHash ? shortHash(entry.instanceItemHash) : 'missing'}</div>
+                <div>Browser multiaddrs: {String(entry.content?.browserMultiaddrs?.length ?? 0)}</div>
+                <div>Updated: {formatDateTime(entry.content?.updatedAt ?? entry.time)}</div>
+                <button
+                  class="delete"
+                  type="button"
+                  disabled={!registrationHash || state.busy.deletingRegistrationHash === registrationHash}
+                  on:click={() => registrationHash && controller.deleteBootstrapRegistration(registrationHash)}
+                >
+                  {state.busy.deletingRegistrationHash === registrationHash ? 'Forgetting…' : 'Forget registration'}
+                </button>
+              </div>
+            {/each}
+          </div>
+        {/if}
       </section>
     {/if}
   </aside>
@@ -401,6 +449,22 @@ export let apiHost = undefined
     color: #ffd4d4;
   }
 
+  .chip-confirmed {
+    background: rgba(34, 197, 94, 0.16);
+    color: #86efac;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.32rem;
+  }
+
+  .chip-dot-confirmed {
+    width: 0.45rem;
+    height: 0.45rem;
+    border-radius: 999px;
+    background: #22c55e;
+    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
+  }
+
   .status-strip,
   .metrics {
     display: grid;
@@ -425,6 +489,38 @@ export let apiHost = undefined
     gap: 0.7rem;
   }
 
+  .orphan-box {
+    display: grid;
+    gap: 0.7rem;
+    padding: 0.85rem;
+    border-radius: 1rem;
+    border: 1px solid rgba(248, 113, 113, 0.22);
+    background: linear-gradient(180deg, rgba(127, 29, 29, 0.18), rgba(69, 10, 10, 0.12));
+  }
+
+  .orphan-head {
+    display: grid;
+    gap: 0.2rem;
+  }
+
+  .orphan-head small {
+    color: #fecaca;
+    line-height: 1.35;
+  }
+
+  .orphan-card {
+    display: grid;
+    gap: 0.35rem;
+    padding: 0.75rem;
+    border-radius: 0.9rem;
+    background: rgba(15, 23, 42, 0.22);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .orphan-title {
+    font-weight: 700;
+  }
+
   .alert {
     margin: 0.8rem 0 0;
     padding: 0.75rem 0.85rem;