@superblocksteam/gateway 2.0.161 → 2.0.162-next.1

package/dist/transports/mcp/app-status-html.js

@@ -1,17 +1,14 @@
+import { MCP_APP_BRAND_CSS } from "./mcp-app-brand-css.js";
 /**
- * Self-contained MCP App HTML for Gateway status / open-link buttons.
+ * Self-contained MCP App HTML for Gateway status and open-link buttons.
  *
- * Nested iframes of Superblocks (preview / editor / live) were removed: Claude's
- * widget origin cannot hold a Superblocks Auth0 session, and Private Network
- * Access blocks localhost from a public parent. Display-mode controls (pip /
- * fullscreen / inline) were also removed — without an iframe they only resized
- * the status card. openLink buttons keep URLs in JS memory only (not printed).
+ * openLink buttons keep URLs in JS memory only (not printed).
  *
  * Speaks the MCP Apps postMessage dialect without bundling ext-apps into the
  * card (hosts cache UI resources; keep this file small and inline). Bump the
  * resource URI when the HTML changes so Claude Desktop refreshes its cache.
  */
-export const APP_STATUS_RESOURCE_URI = "ui://gateway/app-status-v8.html";
+export const APP_STATUS_RESOURCE_URI = "ui://gateway/app-status-v37.html";
 export const APP_STATUS_HTML = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -19,29 +16,9 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Superblocks app</title>
   <style>
-    :root {
-      color-scheme: light dark;
-    }
-    body {
-      margin: 0;
-      font-family: var(--font-sans, system-ui, -apple-system, sans-serif);
-      font-size: var(--font-text-sm-size, 13px);
-      line-height: var(--font-text-sm-line-height, 1.45);
-      color: var(--color-text-primary, #0f172a);
-      background: transparent;
-    }
-    .card {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      padding: 14px;
-      border: var(--border-width-regular, 1px) solid
-        var(--color-border-primary, #e2e8f0);
-      border-radius: var(--border-radius-lg, 12px);
-      background: var(--color-background-primary, #ffffff);
-    }
     .head {
       display: flex;
+      min-width: 0;
       align-items: center;
       gap: 8px;
     }
@@ -53,29 +30,46 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
     }
     .status {
       padding: 2px 8px;
+      border: var(--border-width-regular, 1px) solid var(--sb-app-border);
       border-radius: var(--border-radius-full, 999px);
-      background: var(--color-background-secondary, #f1f5f9);
-      color: var(--color-text-secondary, #64748b);
+      background: var(--sb-app-background-subtle);
+      color: var(--sb-app-text-secondary);
       font-size: var(--font-text-xs-size, 12px);
       text-transform: lowercase;
     }
+    .status[data-tone="info"] {
+      border-color: var(--sb-app-info-border);
+      background: var(--sb-app-info-background);
+      color: var(--sb-app-info-text);
+    }
+    .status[data-tone="success"] {
+      border-color: var(--sb-app-success-border);
+      background: var(--sb-app-success-background);
+      color: var(--sb-app-success-text);
+    }
+    .status[data-tone="warning"] {
+      border-color: var(--sb-app-warning-border);
+      background: var(--sb-app-warning-background);
+      color: var(--sb-app-warning-text);
+    }
+    .status[data-tone="danger"] {
+      border-color: var(--sb-app-danger-border);
+      background: var(--sb-app-danger-background);
+      color: var(--sb-app-danger-text);
+    }
     .meta {
-      color: var(--color-text-tertiary, #94a3b8);
+      color: var(--sb-app-text-tertiary);
       font-size: var(--font-text-xs-size, 12px);
     }
     .note {
-      display: none;
-      color: var(--color-text-warning, #b45309);
+      color: var(--sb-app-warning-text);
       font-size: var(--font-text-xs-size, 12px);
     }
-    .note.shown {
-      display: block;
-    }
     .shot {
       display: none;
+      max-width: 100%;
       width: 100%;
-      border: var(--border-width-regular, 1px) solid
-        var(--color-border-primary, #e2e8f0);
+      border: var(--border-width-regular, 1px) solid var(--sb-app-border);
       border-radius: var(--border-radius-md, 8px);
     }
     .shot.shown {
@@ -86,51 +80,40 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
       flex-wrap: wrap;
       gap: 8px;
     }
-    button {
-      appearance: none;
-      border: var(--border-width-regular, 1px) solid
-        var(--color-border-primary, #e2e8f0);
-      border-radius: var(--border-radius-md, 8px);
-      padding: 7px 12px;
-      background: var(--color-background-secondary, #f8fafc);
-      color: var(--color-text-primary, #0f172a);
-      font: inherit;
-      font-weight: var(--font-weight-medium, 500);
-      cursor: pointer;
-    }
-    button:hover:not(:disabled) {
-      background: var(--color-background-tertiary, #f1f5f9);
-    }
-    button:disabled {
-      opacity: 0.45;
-      cursor: not-allowed;
+    @media (max-width: 360px) {
+      .head {
+        align-items: flex-start;
+        flex-direction: column;
+      }
     }
+${MCP_APP_BRAND_CSS}
   </style>
 </head>
 <body>
   <div class="card">
     <div class="head">
       <h1>Superblocks app</h1>
-      <span id="status" class="status">loading</span>
+      <span id="status" class="status" data-tone="info" aria-live="polite">loading</span>
     </div>
     <div id="appId" class="meta"></div>
     <img id="shot" class="shot" alt="Preview of the running app" />
-    <div id="note" class="note"></div>
+    <div id="note" class="note" aria-live="polite"></div>
     <div class="actions">
-      <button id="openEditor" type="button" disabled>Open editor</button>
-      <button id="openPreview" type="button" disabled>Open preview</button>
-      <button id="publishApp" type="button" disabled>Publish app</button>
+      <button id="openEditor" class="button-secondary" type="button" disabled>Open editor</button>
+      <button id="openPreview" class="button-secondary" type="button" disabled>Open preview</button>
+      <button id="publishApp" class="button-primary" type="button" disabled>Publish app</button>
     </div>
   </div>
   <script>
     (() => {
       const PROTOCOL_VERSION = "2026-01-26";
-      // Statuses get_app reports when the app is still the empty starter
-      // template. "building" is deliberately absent: the card only hears a
-      // build finished if a new result arrives, so a stale badge would strand
-      // the button.
+      // Statuses with no usable build to publish. "building" is deliberately
+      // absent because a stale badge should not strand the button.
       const UNBUILT_STATUSES = [
         "cancelled",
+        "checkpoint_failed",
+        "detached",
+        "failed",
         "live_edit_terminated",
         "needs_decision",
         "no_changes",
@@ -139,14 +122,33 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
       const BLOCKED_ACTIONS = [
         "answer_question",
         "approve_plan",
+        "open_editor",
         "retry_build",
-        "retry_import",
       ];
+      const STATUS_TONES = {
+        building: "info",
+        cancelled: "warning",
+        checkpoint_failed: "danger",
+        deployed: "success",
+        detached: "warning",
+        failed: "danger",
+        live_edit_terminated: "danger",
+        loading: "info",
+        needs_decision: "warning",
+        no_changes: "warning",
+        publish_failed: "danger",
+        publishing: "info",
+        ready: "success",
+        timeout: "danger",
+        waiting: "info",
+      };
       let nextId = 1;
       const pending = new Map();
       let applicationId = "";
       let appName = "";
+      let branch = "";
       let commitId = "";
+      let directoryHash = "";
       let pendingAction = "";
       let editUrl = "";
       let previewUrl = "";
@@ -154,14 +156,14 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
       let canOpenLinks = false;
       let canCallTools = false;
       let publishing = false;
+      let teardownRequested = false;
       let lastHeight = 0;
-      let refreshInFlight = false;
+      let buildWatchStartedAtMs;
+      let refreshInFlightGeneration = -1;
       let refreshTimer = 0;
       let refreshGeneration = 0;
-      let refreshAttempts = 0;
-      let pollAfterMs = 2000;
-      const MIN_POLL_MS = 2000;
-      const MAX_REFRESH_ATTEMPTS = 40;
+      const BUILD_WATCH_MS = 20 * 60_000;
+      const POLL_INTERVAL_MS = 2000;
 
       function post(message) {
         window.parent.postMessage(message, "*");
@@ -190,9 +192,21 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         }
       }
 
+      function renderStatus(status) {
+        const badge = element("status");
+        badge.textContent = status;
+        badge.setAttribute(
+          "data-tone",
+          Object.hasOwn(STATUS_TONES, status) ? STATUS_TONES[status] : "neutral",
+        );
+      }
+
       // Hosts size the card from this notification alone; without it the card
       // is laid out at zero height and never appears.
       function reportSize() {
+        if (teardownRequested) {
+          return;
+        }
         const height = Math.ceil(document.documentElement.scrollHeight || 0);
         if (height <= 0 || height === lastHeight) {
           return;
@@ -260,6 +274,10 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
        * returns.
        */
       function nothingToPublish() {
+        const badge = element("status").textContent;
+        if (UNBUILT_STATUSES.indexOf(badge) !== -1) {
+          return true;
+        }
         if (previewUrl || publishUrl) {
           return false;
         }
@@ -269,11 +287,10 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         if (BLOCKED_ACTIONS.indexOf(pendingAction) !== -1) {
           return true;
         }
-        const badge = element("status").textContent;
         if (!badge || badge === "loading" || badge === "waiting") {
           return true;
         }
-        return UNBUILT_STATUSES.indexOf(badge) !== -1;
+        return false;
       }
 
       /**
@@ -281,19 +298,28 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
        * huge and ugly in the card).
        */
       function renderActions() {
+        const status = element("status").textContent;
+        const previewReady = status === "ready";
+        const rollingOut = status === "publishing";
+        const published = Boolean(publishUrl) && !rollingOut;
         element("openEditor").disabled = !editUrl || !canOpenLinks;
-        element("openPreview").disabled = !previewUrl || !canOpenLinks;
+        element("openPreview").disabled =
+          !previewReady || !previewUrl || !canOpenLinks;
         // Once the app is live, publishing again is not what anyone wants from
         // this button — going to the live app is.
-        element("publishApp").textContent = publishUrl
-          ? "Open published app"
-          : "Publish app";
-        element("publishApp").disabled = publishUrl
-          ? !canOpenLinks
-          : !applicationId ||
-            !canCallTools ||
-            publishing ||
-            nothingToPublish();
+        element("publishApp").textContent = rollingOut
+          ? "Publishing..."
+          : published
+            ? "Open published app"
+            : "Publish app";
+        element("publishApp").disabled = rollingOut
+          ? true
+          : published
+            ? !canOpenLinks
+            : !applicationId ||
+              !canCallTools ||
+              publishing ||
+              nothingToPublish();
         // Only warn about what is actually broken. Hosts that do open links
         // handle local http fine; if one refuses, refused() says so then.
         if (!canOpenLinks && (editUrl || previewUrl) && !publishUrl) {
@@ -351,8 +377,29 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         if (!value || typeof value !== "object") {
           return;
         }
+        if (
+          value.browserNavigation &&
+          typeof value.browserNavigation === "object" &&
+          value.browserNavigation.action === "open_editor"
+        ) {
+          if (!teardownRequested) {
+            teardownRequested = true;
+            refreshGeneration += 1;
+            clearRefreshTimer();
+            document.body.hidden = true;
+            notify("ui/notifications/size-changed", { height: 0, width: 0 });
+            notify("ui/notifications/request-teardown", {});
+          }
+          return;
+        }
+        if (teardownRequested) {
+          return;
+        }
         if (typeof value.status === "string") {
-          element("status").textContent = value.status;
+          if (value.status !== "building") {
+            buildWatchStartedAtMs = undefined;
+          }
+          renderStatus(value.status);
         }
         if (typeof value.applicationId === "string") {
           applicationId = value.applicationId;
@@ -362,8 +409,20 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
           appName = value.name;
           renderIdentity();
         }
-        if (typeof value.commitId === "string") {
-          commitId = value.commitId;
+        if (typeof value.branch === "string") {
+          branch = value.branch;
+        }
+        if (typeof value.directoryHash === "string") {
+          directoryHash = value.directoryHash;
+        }
+        if (
+          typeof value.commitId === "string" ||
+          typeof value.previewUrl === "string" ||
+          (typeof value.applicationId === "string" &&
+            typeof value.status === "string")
+        ) {
+          commitId =
+            typeof value.commitId === "string" ? value.commitId : "";
         }
         if (typeof value.pendingAction === "string") {
           pendingAction = value.pendingAction;
@@ -378,13 +437,12 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         }
         if (typeof value.previewUrl === "string") {
           previewUrl = webUrl(value.previewUrl);
+        } else if (typeof value.status === "string" && !commitId) {
+          previewUrl = "";
         }
         if (typeof value.publishUrl === "string") {
           publishUrl = webUrl(value.publishUrl);
         }
-        if (typeof value.nextPollAfterMs === "number") {
-          pollAfterMs = value.nextPollAfterMs;
-        }
         // Hosts that deliver URLs without a status left the badge on the HTML
         // default ("loading") even after the app was built.
         const badge = element("status").textContent;
@@ -393,15 +451,21 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
           editUrl &&
           (badge === "" || badge === "loading" || badge === "waiting")
         ) {
-          element("status").textContent = previewUrl ? "ready" : "building";
+          renderStatus(previewUrl ? "ready" : "building");
         }
         renderActions();
+        if (
+          canCallTools &&
+          commitId &&
+          element("status").textContent === "publishing"
+        ) {
+          scheduleRefresh(retryDelay());
+        }
       }
 
       /**
-       * Re-ask get_app when the host gave us no result, or while status is
-       * still building. wait:false and ensurePreview:false so polls only
-       * ask for status. Honor nextPollAfterMs; 0 means stop.
+       * Ask the app-only status tool when the host gave us no result, or while
+       * status is still building.
        */
       function clearRefreshTimer() {
         if (refreshTimer) {
@@ -411,12 +475,16 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
       }
 
       function retryDelay() {
-        return Math.max(MIN_POLL_MS, pollAfterMs || MIN_POLL_MS);
+        return POLL_INTERVAL_MS;
       }
 
       function scheduleRefresh(delayMs) {
         clearRefreshTimer();
-        if (refreshAttempts >= MAX_REFRESH_ATTEMPTS) {
+        if (
+          element("status").textContent !== "publishing" &&
+          buildWatchStartedAtMs !== undefined &&
+          Date.now() - buildWatchStartedAtMs >= BUILD_WATCH_MS
+        ) {
           note("Stopped checking whether the app is still building.");
           return;
         }
@@ -428,7 +496,12 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
 
       function refreshFromServer() {
         clearRefreshTimer();
-        if (!canCallTools || !applicationId || refreshInFlight) {
+        if (
+          teardownRequested ||
+          !canCallTools ||
+          refreshInFlightGeneration === refreshGeneration ||
+          publishing
+        ) {
           return;
         }
         if (typeof document.hidden === "boolean" && document.hidden) {
@@ -436,32 +509,69 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
           return;
         }
         const badge = element("status").textContent;
-        if (editUrl && badge !== "building") {
+        const publishStatus = badge === "publishing";
+        if (editUrl && badge !== "building" && !publishStatus) {
+          buildWatchStartedAtMs = undefined;
           return;
         }
-        if (refreshAttempts >= MAX_REFRESH_ATTEMPTS) {
-          note("Stopped checking whether the app is still building.");
-          return;
+        if (!publishStatus) {
+          if (badge === "building") {
+            if (buildWatchStartedAtMs === undefined) {
+              buildWatchStartedAtMs = Date.now();
+            }
+          } else {
+            buildWatchStartedAtMs = undefined;
+          }
+          if (
+            buildWatchStartedAtMs !== undefined &&
+            Date.now() - buildWatchStartedAtMs >= BUILD_WATCH_MS
+          ) {
+            note("Stopped checking whether the app is still building.");
+            return;
+          }
         }
-        refreshAttempts += 1;
         const generation = refreshGeneration;
-        refreshInFlight = true;
+        refreshInFlightGeneration = generation;
+        const previewStatus = !publishStatus && Boolean(commitId && directoryHash);
         request("tools/call", {
-          name: "get_app",
+          name: publishStatus
+            ? "check_publish_progress"
+            : previewStatus
+              ? "get_preview_status"
+              : "get_app_status",
           arguments: {
-            applicationId,
-            ensurePreview: false,
-            wait: false,
+            ...(applicationId ? { applicationId } : {}),
+            ...(!publishStatus && branch ? { branch } : {}),
+            ...(publishStatus && commitId ? { commitId } : {}),
+            ...(previewStatus ? { commitId, directoryHash, wait: false } : {}),
           },
         })
           .then((result) => {
-            refreshInFlight = false;
+            if (refreshInFlightGeneration === generation) {
+              refreshInFlightGeneration = -1;
+            }
             if (generation !== refreshGeneration) {
-              if (element("status").textContent === "building") {
+              if (
+                !publishing &&
+                element("status").textContent === "building" &&
+                refreshInFlightGeneration !== refreshGeneration
+              ) {
                 scheduleRefresh(retryDelay());
               }
               return;
             }
+            const publishError = publishStatus
+              ? terminalPublishErrorOf(result)
+              : "";
+            if (publishError) {
+              refreshGeneration += 1;
+              clearRefreshTimer();
+              publishUrl = "";
+              renderStatus("publish_failed");
+              note(publishError);
+              renderActions();
+              return;
+            }
             if (!result || result.isError) {
               scheduleRefresh(retryDelay());
               return;
@@ -470,16 +580,28 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
             if (result.structuredContent) {
               applyPayload(result.structuredContent);
             }
-            if (element("status").textContent !== "building") {
+            const status = element("status").textContent;
+            if (status === "deployed") {
+              note(
+                publishUrl
+                  ? "Published - open the live app with Open published app."
+                  : "Published - the app is live.",
+              );
               return;
             }
-            if (pollAfterMs === 0) {
+            if (status === "publishing") {
+              scheduleRefresh(retryDelay());
+              return;
+            }
+            if (status !== "building") {
               return;
             }
             scheduleRefresh(retryDelay());
           })
           .catch(() => {
-            refreshInFlight = false;
+            if (refreshInFlightGeneration === generation) {
+              refreshInFlightGeneration = -1;
+            }
             if (generation !== refreshGeneration) {
               return;
             }
@@ -491,8 +613,13 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         if (!context || typeof context !== "object") {
           return;
         }
+        const root = document.documentElement;
+        if (context.theme === "light" || context.theme === "dark") {
+          root.setAttribute("data-theme", context.theme);
+          root.style.colorScheme = context.theme;
+        }
         const variables = context.styles && context.styles.variables;
-        const style = document.documentElement.style;
+        const style = root.style;
         if (variables && style && typeof style.setProperty === "function") {
           for (const name of Object.keys(variables)) {
             const value = variables[name];
@@ -501,9 +628,72 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
             }
           }
         }
+        const fonts = context.styles && context.styles.css?.fonts;
+        if (typeof fonts === "string") {
+          let fontStyle = document.getElementById("__mcp-host-fonts");
+          if (!fontStyle) {
+            fontStyle = document.createElement("style");
+            fontStyle.id = "__mcp-host-fonts";
+            document.head.appendChild(fontStyle);
+          }
+          fontStyle.textContent = fonts;
+        }
         reportSize();
       }
 
+      function capabilityFailureOf(result) {
+        if (!result || !Array.isArray(result.content)) {
+          return null;
+        }
+        for (const block of result.content) {
+          if (!block || block.type !== "text" || !block.text) {
+            continue;
+          }
+          try {
+            const parsed = JSON.parse(block.text);
+            if (parsed && parsed.kind === "error") {
+              return {
+                code: parsed.code || "",
+                message: parsed.message || parsed.code || "Tool call failed.",
+              };
+            }
+          } catch {
+            continue;
+          }
+        }
+        return null;
+      }
+
+      function capabilityErrorOf(result) {
+        return capabilityFailureOf(result)?.message || "";
+      }
+
+      function terminalPublishErrorOf(result) {
+        const failure = capabilityFailureOf(result);
+        if (
+          !failure ||
+          ![
+            "publish_failed",
+            "publish_needs_acknowledgement",
+            "publish_timeout",
+          ].includes(failure.code)
+        ) {
+          return "";
+        }
+        return failure.message;
+      }
+
+      /** First text block of a failed tool result, for the note line. */
+      function errorTextOf(result, fallback) {
+        const capabilityError = capabilityErrorOf(result);
+        if (capabilityError) {
+          return capabilityError;
+        }
+        const first =
+          result && Array.isArray(result.content) ? result.content[0] : null;
+        return first && first.text ? String(first.text).slice(0, 280) : fallback;
+      }
+
       function refused(url) {
         note(
           isPlainHttp(url)
@@ -541,6 +731,8 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
           return;
         }
         publishing = true;
+        refreshGeneration += 1;
+        clearRefreshTimer();
         renderActions();
         note("Publishing…");
         const args = {
@@ -552,29 +744,30 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         if (commitId) {
           args.commitId = commitId;
         }
+        if (branch) {
+          args.branch = branch;
+        }
         request("tools/call", { name: "publish_app", arguments: args })
           .then((result) => {
             publishing = false;
-            if (!result || result.isError) {
-              const text =
-                result &&
-                Array.isArray(result.content) &&
-                result.content[0] &&
-                result.content[0].text
-                  ? String(result.content[0].text)
-                  : "Publish failed.";
-              note(text.slice(0, 280));
+            const publishError = capabilityErrorOf(result);
+            if (!result || result.isError || publishError) {
+              note(errorTextOf(result, "Publish failed."));
               renderActions();
+              refreshFromServer();
               return;
             }
             applyContent(result.content || []);
             if (result.structuredContent) {
               applyPayload(result.structuredContent);
             }
+            const status = element("status").textContent;
             note(
-              publishUrl
-                ? "Published — open the live app with Open published app."
-                : "Published — the app is live.",
+              status === "publishing"
+                ? "Publish accepted; the deploy is still rolling out."
+                : publishUrl
+                  ? "Published - open the live app with Open published app."
+                  : "Published - the app is live.",
             );
             renderActions();
           })
@@ -585,6 +778,7 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
                 "The host could not call publish_app.",
             );
             renderActions();
+            refreshFromServer();
           });
       }
 
@@ -644,6 +838,9 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         openLink(previewUrl),
       );
       element("publishApp").addEventListener("click", () => {
+        if (element("status").textContent === "publishing") {
+          return;
+        }
         if (publishUrl) {
           openLink(publishUrl);
           return;
@@ -659,7 +856,7 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
         appCapabilities: {
           availableDisplayModes: ["inline"],
         },
-        appInfo: { name: "gateway-app-status", version: "0.0.6" },
+        appInfo: { name: "gateway-app-status", version: "0.0.8" },
         protocolVersion: PROTOCOL_VERSION,
       })
         .then((result) => {
@@ -675,12 +872,23 @@ export const APP_STATUS_HTML = `<!DOCTYPE html>
               result.hostCapabilities &&
               result.hostCapabilities.serverTools,
           );
-          applyHostContext(result && result.hostContext);
-          renderActions();
           if (result && result.toolResult) {
             applyPayload(result.toolResult);
           }
-          refreshFromServer();
+          if (teardownRequested) {
+            return;
+          }
+          applyHostContext(result && result.hostContext);
+          renderActions();
+          const badge = element("status").textContent;
+          if (badge === "publishing") {
+            return;
+          }
+          if (!applicationId && (!badge || badge === "loading")) {
+            scheduleRefresh(500);
+          } else {
+            refreshFromServer();
+          }
         })
         .catch(() => {
           // Hosts that push tool results via notification still work.