npm - @noodleseed/assistant - Versions diffs - 1.5.0 → 1.7.0 - Mend

@noodleseed/assistant 1.5.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/README.md +7 -1
package/dist/{chunk-ZKXOX67J.js → chunk-35A7REQX.js} +53 -11
package/dist/chunk-35A7REQX.js.map +1 -0
package/dist/{chunk-GTYYQNGT.js → chunk-7E5HINN4.js} +8 -3
package/dist/chunk-7E5HINN4.js.map +1 -0
package/dist/{client-9kup0-ws.d.cts → client-D2Y9UFh3.d.cts} +7 -0
package/dist/{client-BRjZMXlk.d.ts → client-DBuETUVD.d.ts} +7 -0
package/dist/client.cjs +7 -2
package/dist/client.cjs.map +1 -1
package/dist/client.d.cts +1 -1
package/dist/client.d.ts +1 -1
package/dist/client.js +1 -1
package/dist/index.cjs +58 -11
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +2 -2
package/dist/index.d.ts +2 -2
package/dist/index.js +2 -2
package/dist/react.cjs +58 -11
package/dist/react.cjs.map +1 -1
package/dist/react.d.cts +1 -1
package/dist/react.d.ts +1 -1
package/dist/react.js +2 -2
package/dist/server.cjs.map +1 -1
package/dist/server.d.cts +3 -0
package/dist/server.d.ts +3 -0
package/dist/server.js.map +1 -1
package/package.json +1 -1
package/dist/chunk-GTYYQNGT.js.map +0 -1
package/dist/chunk-ZKXOX67J.js.map +0 -1

package/dist/index.cjs CHANGED Viewed

@@ -18195,10 +18195,17 @@ function GX(X2, Y) {
 // src/app-host.ts
 var PROXY_DOCUMENT = `<!doctype html><meta charset="utf-8"><style>html,body,iframe{border:0;margin:0;width:100%;height:100%;overflow:hidden}body{background:transparent}</style><script>
 let inner;
+const ready={jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}};
+// Re-announce until the host acknowledges with the resource: when this document is hosted
+// cross-origin, the first announcement can arrive before the host's load handler is listening.
+const announce=setInterval(()=>parent.postMessage(ready,'*'),120);
+setTimeout(()=>clearInterval(announce),15000);
 addEventListener('message',(event)=>{
   if(event.source===parent){
     const message=event.data;
     if(message?.method==='ui/notifications/sandbox-resource-ready'){
+      clearInterval(announce);
+      if(inner)return;
       inner=document.createElement('iframe');
       inner.setAttribute('sandbox',message.params?.sandbox||'allow-scripts');
       inner.setAttribute('referrerpolicy','no-referrer');
@@ -18211,7 +18218,7 @@ addEventListener('message',(event)=>{
     parent.postMessage(event.data,'*');
   }
 });
-parent.postMessage({jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}},'*');
+parent.postMessage(ready,'*');
 </script>`;
 function isAllowedAppLink(value, allowedDomains, baseUrl) {
   try {
@@ -18229,7 +18236,17 @@ function isAllowedAppLink(value, allowedDomains, baseUrl) {
     return void 0;
   }
 }
-function mountAssistantApp(detail, actions) {
+var APP_RENDER_TIMEOUT_MS = 1e4;
+function resolveSandboxUrl(value) {
+  if (!value) return void 0;
+  try {
+    const parsed = new URL(value);
+    return parsed.protocol === "https:" || parsed.protocol === "http:" ? parsed.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function mountAssistantApp(detail, actions, options = {}) {
   if (!detail.html) return void 0;
   const card = document.createElement("section");
   card.className = "noodle-app-card";
@@ -18244,8 +18261,19 @@ function mountAssistantApp(detail, actions) {
   frame.title = detail.title ?? detail.tool;
   frame.setAttribute("sandbox", "allow-scripts");
   frame.setAttribute("referrerpolicy", "no-referrer");
-  frame.srcdoc = PROXY_DOCUMENT;
+  const sandboxUrl = resolveSandboxUrl(options.sandboxUrl);
+  if (sandboxUrl) frame.src = sandboxUrl;
+  else frame.srcdoc = PROXY_DOCUMENT;
   card.append(frame);
+  let initialized = false;
+  const renderTimer = setTimeout(() => {
+    if (initialized || !frame.isConnected) return;
+    const note = document.createElement("div");
+    note.className = "noodle-app-fallback";
+    note.textContent = "This app view could not be displayed.";
+    frame.replaceWith(note);
+    options.onRenderFailure?.({ code: "view_render_timeout", retryable: false });
+  }, APP_RENDER_TIMEOUT_MS);
   frame.addEventListener(
     "load",
     () => {
@@ -18311,13 +18339,18 @@ function mountAssistantApp(detail, actions) {
       bridge.onlistresources = async (params) => await actions.client.requestApp("resources/list", params ?? {});
       bridge.onreadresource = async (params) => await actions.client.requestApp("resources/read", params);
       bridge.oninitialized = () => {
+        initialized = true;
+        clearTimeout(renderTimer);
         void bridge.sendToolInput({ arguments: detail.arguments ?? {} });
         void bridge.sendToolResult({
           content: [{ type: "text", text: JSON.stringify(detail.result) }],
           ...typeof detail.result === "object" && detail.result !== null && !Array.isArray(detail.result) ? { structuredContent: detail.result } : {}
         });
       };
-      void bridge.connect(new E(target, target)).catch(() => card.remove());
+      void bridge.connect(new E(target, target)).catch(() => {
+        clearTimeout(renderTimer);
+        card.remove();
+      });
     },
     { once: true }
   );
@@ -19067,6 +19100,9 @@ var DefaultAssistantClient = class {
     }
     return response.json();
   }
+  appSandboxUrl() {
+    return this.#session?.endpoints.sandbox;
+  }
   resetSession() {
     this.#session = void 0;
     this.#emit({ event: "session_reset", data: {} });
@@ -19268,7 +19304,8 @@ function parseSession(value) {
   }
   const interactions = value.endpoints.interactions;
   const apps = value.endpoints.apps;
-  if (typeof value.token !== "string" || typeof value.expiresAt !== "string" || typeof value.endpoints.turns !== "string" || typeof value.endpoints.toolConfirmations !== "string" || interactions !== void 0 && typeof interactions !== "string" || apps !== void 0 && typeof apps !== "string") {
+  const sandbox = value.endpoints.sandbox;
+  if (typeof value.token !== "string" || typeof value.expiresAt !== "string" || typeof value.endpoints.turns !== "string" || typeof value.endpoints.toolConfirmations !== "string" || interactions !== void 0 && typeof interactions !== "string" || apps !== void 0 && typeof apps !== "string" || sandbox !== void 0 && typeof sandbox !== "string") {
     throw clientError("session_failed", "Assistant session response is invalid", true);
   }
   return {
@@ -19278,7 +19315,8 @@ function parseSession(value) {
       turns: value.endpoints.turns,
       toolConfirmations: value.endpoints.toolConfirmations,
       ...typeof interactions === "string" ? { interactions } : {},
-      ...typeof apps === "string" ? { apps } : {}
+      ...typeof apps === "string" ? { apps } : {},
+      ...typeof sandbox === "string" ? { sandbox } : {}
     },
     ...isRecord3(value.configuration) ? { configuration: value.configuration } : {}
   };
@@ -22746,6 +22784,7 @@ var ASSISTANT_ELEMENT_STYLES = `<style>
   .noodle-app-card { position: relative; display: grid; gap: 8px; width: 100%; margin: 4px 0 16px; overflow: hidden; color: var(--ns-assistant-app-text, inherit); border: 1px solid var(--ns-assistant-app-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: var(--ns-assistant-card-radius, var(--ns-assistant-default-card-radius)); background: var(--ns-assistant-app, var(--ns-assistant-elevated, var(--ns-assistant-default-elevated))); }
   .noodle-app-title { padding: 10px 12px 0; font-size: .86em; font-weight: 650; }
   .noodle-app-frame { display: block; width: 100%; min-height: 120px; border: 0; background: transparent; }
+  .noodle-app-fallback { padding: 14px 16px; font-size: 13px; color: var(--ns-assistant-muted, var(--ns-assistant-default-muted, #6b7280)); }
   .noodle-app-card[data-fullscreen] { position: fixed; inset: 0; z-index: 2; margin: 0; border-radius: 0; background: var(--ns-assistant-panel, var(--ns-assistant-default-panel)); }
   .noodle-app-card[data-fullscreen] .noodle-app-frame { height: 100% !important; }
   form { display: flex; flex: 0 0 auto; gap: 8px; align-items: center; min-height: 56px; margin: 8px 16px 16px; padding: 6px 6px 6px 16px; color: var(--ns-assistant-composer-text, inherit); border: 1px solid var(--ns-assistant-composer-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: var(--ns-assistant-input-radius, 14px); background: var(--ns-assistant-composer, var(--ns-assistant-input, var(--ns-assistant-default-input))); box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: border-color .15s ease, box-shadow .15s ease; }
@@ -23311,11 +23350,19 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       const messages = this.#messages;
       const client = this.#client;
       if (!messages || !client) return;
-      const view = mountAssistantApp(detail, {
-        client,
-        sendMessage: (message) => this.sendMessage(message),
-        updateModelContext: (update) => this.updateModelContext(update)
-      });
+      const sandboxUrl = client.appSandboxUrl?.();
+      const view = mountAssistantApp(
+        detail,
+        {
+          client,
+          sendMessage: (message) => this.sendMessage(message),
+          updateModelContext: (update) => this.updateModelContext(update)
+        },
+        {
+          ...sandboxUrl === void 0 ? {} : { sandboxUrl },
+          onRenderFailure: (failure) => this.#dispatchError(failure)
+        }
+      );
       if (!view) return;
       messages.append(view);
       this.setAttribute("has-messages", "");