@noodleseed/assistant 1.8.0 → 1.10.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-import { g as AssistantViewAvailableDetail, e as AssistantClientEvent, a as AssistantContext, d as AssistantModelContextUpdate, A as AssistantPageContext, h as AssistantInteractionResponse } from './client-BxoNZkWp.cjs';
-export { f as AssistantErrorDetail, i as AssistantEvent, j as AssistantViewAvailableEvent } from './client-BxoNZkWp.cjs';
-import './appearance-DowzFJjh.cjs';
+import { d as AssistantViewAvailableDetail, f as AssistantClientEvent, a as AssistantContext, e as AssistantModelContextUpdate, A as AssistantPageContext, h as AssistantInteractionResponse } from './client-CsmtpD1z.cjs';
+export { g as AssistantErrorDetail, i as AssistantEvent, j as AssistantViewAvailableEvent } from './client-CsmtpD1z.cjs';
+import './appearance-Cc-eqSbp.cjs';
 import 'ai';
 
 interface AssistantSurfaceAppearance {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { g as AssistantViewAvailableDetail, e as AssistantClientEvent, a as AssistantContext, d as AssistantModelContextUpdate, A as AssistantPageContext, h as AssistantInteractionResponse } from './client-ERQCAH_0.js';
-export { f as AssistantErrorDetail, i as AssistantEvent, j as AssistantViewAvailableEvent } from './client-ERQCAH_0.js';
-import './appearance-DowzFJjh.js';
+import { d as AssistantViewAvailableDetail, f as AssistantClientEvent, a as AssistantContext, e as AssistantModelContextUpdate, A as AssistantPageContext, h as AssistantInteractionResponse } from './client-B803xZVn.js';
+export { g as AssistantErrorDetail, i as AssistantEvent, j as AssistantViewAvailableEvent } from './client-B803xZVn.js';
+import './appearance-Cc-eqSbp.js';
 import 'ai';
 
 interface AssistantSurfaceAppearance {

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   ASSISTANT_TAG_NAME,
   NoodleAssistantElement,
   registerNoodleAssistant
-} from "./chunk-JMBUJSFP.js";
+} from "./chunk-RSNMY27B.js";
 import "./chunk-RYQBXTLR.js";
 import "./chunk-3YYTUJPJ.js";
 import "./chunk-5FUTL2UF.js";

package/dist/react/client.d.cts

@@ -1,5 +1,5 @@
-import { A as AssistantPageContext, a as AssistantContext, C as CreateAssistantClientOptions, b as AssistantChatState, c as AssistantClient } from '../client-BxoNZkWp.cjs';
-import '../appearance-DowzFJjh.cjs';
+import { A as AssistantPageContext, a as AssistantContext, C as CreateAssistantClientOptions, b as AssistantChatState, c as AssistantClient } from '../client-CsmtpD1z.cjs';
+import '../appearance-Cc-eqSbp.cjs';
 import 'ai';
 
 interface UseNoodleAssistantOptions<TPageContext extends AssistantPageContext = AssistantContext> extends CreateAssistantClientOptions<TPageContext> {

package/dist/react/client.d.ts

@@ -1,5 +1,5 @@
-import { A as AssistantPageContext, a as AssistantContext, C as CreateAssistantClientOptions, b as AssistantChatState, c as AssistantClient } from '../client-ERQCAH_0.js';
-import '../appearance-DowzFJjh.js';
+import { A as AssistantPageContext, a as AssistantContext, C as CreateAssistantClientOptions, b as AssistantChatState, c as AssistantClient } from '../client-B803xZVn.js';
+import '../appearance-Cc-eqSbp.js';
 import 'ai';
 
 interface UseNoodleAssistantOptions<TPageContext extends AssistantPageContext = AssistantContext> extends CreateAssistantClientOptions<TPageContext> {

package/dist/react.cjs

@@ -15191,10 +15191,11 @@ var init_v4 = __esm({
 // src/react.ts
 var react_exports = {};
 __export(react_exports, {
+  NoodleAppView: () => NoodleAppView,
   NoodleAssistant: () => NoodleAssistant2
 });
 module.exports = __toCommonJS(react_exports);
-var import_react = require("react");
+var import_react2 = require("react");
 
 // ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js
 init_v4();
@@ -22120,6 +22121,8 @@ function createAssistantAppHostContext(theme) {
   };
 }
 var APP_RENDER_TIMEOUT_MS = 1e4;
+var APP_TEARDOWN_TIMEOUT_MS = 1e3;
+var mountedApps = /* @__PURE__ */ new WeakMap();
 function resolveSandboxUrl(value) {
   if (!value) return void 0;
   try {
@@ -22148,7 +22151,12 @@ function mountAssistantApp(detail, actions, options = {}) {
   if (sandboxUrl) frame.src = sandboxUrl;
   else frame.srcdoc = PROXY_DOCUMENT;
   card.append(frame);
+  let mountedBridge;
+  let mountedTransport;
+  let destroyed = false;
   let initialized = false;
+  let hostContext = createAssistantAppHostContext(actions.theme);
+  let destroyPromise;
   const renderTimer = setTimeout(() => {
     if (initialized || !frame.isConnected) return;
     const note = document.createElement("div");
@@ -22160,6 +22168,7 @@ function mountAssistantApp(detail, actions, options = {}) {
   frame.addEventListener(
     "load",
     () => {
+      if (destroyed) return;
       const target = frame.contentWindow;
       if (!target) return;
       const bridge = new DX(
@@ -22173,22 +22182,27 @@ function mountAssistantApp(detail, actions, options = {}) {
           message: { text: {} }
         },
         {
-          hostContext: createAssistantAppHostContext(actions.theme)
+          hostContext
         }
       );
+      mountedBridge = bridge;
       bridge.onsandboxready = () => {
+        if (destroyed) return;
+        const current = options.getDetail?.() ?? detail;
         void bridge.sendSandboxResourceReady({
-          html: detail.html,
+          html: current.html,
           sandbox: "allow-scripts allow-forms",
-          ...detail.resourceMeta ?? {}
+          ...current.resourceMeta ?? {}
         });
       };
       bridge.onsizechange = ({ height }) => {
+        if (destroyed) return;
         if (typeof height === "number" && Number.isFinite(height)) {
           frame.style.height = `${Math.min(1200, Math.max(120, Math.ceil(height)))}px`;
         }
       };
       bridge.onmessage = async ({ content }) => {
+        if (destroyed) return {};
         const text3 = content.flatMap(
           (part) => part.type === "text" && typeof part.text === "string" ? [part.text] : []
         ).join("\n").trim();
@@ -22196,13 +22210,16 @@ function mountAssistantApp(detail, actions, options = {}) {
         return {};
       };
       bridge.onupdatemodelcontext = async (update) => {
+        if (destroyed) return {};
         actions.updateModelContext(update);
         return {};
       };
       bridge.onopenlink = async ({ url: url2 }) => {
+        if (destroyed) return { isError: true };
+        const current = options.getDetail?.() ?? detail;
         const allowed = isAllowedAppLink(
           url2,
-          detail.allowedOpenDomains ?? [],
+          current.allowedOpenDomains ?? [],
           globalThis.location?.href ?? "https://invalid.example"
         );
         if (!allowed) return { isError: true };
@@ -22211,30 +22228,83 @@ function mountAssistantApp(detail, actions, options = {}) {
       };
       bridge.onrequestdisplaymode = async ({ mode }) => {
         const accepted = mode === "fullscreen" ? "fullscreen" : "inline";
+        if (destroyed) return { mode: accepted };
         card.toggleAttribute("data-fullscreen", accepted === "fullscreen");
         return { mode: accepted };
       };
-      bridge.oncalltool = async (params) => await actions.client.requestApp("tools/call", params);
-      bridge.onlistresources = async (params) => await actions.client.requestApp("resources/list", params ?? {});
-      bridge.onreadresource = async (params) => await actions.client.requestApp("resources/read", params);
+      bridge.oncalltool = async (params) => {
+        if (destroyed) {
+          return {
+            content: [{ type: "text", text: "App view is closing." }],
+            isError: true
+          };
+        }
+        return await actions.client.requestApp("tools/call", params);
+      };
+      bridge.onlistresources = async (params) => {
+        if (destroyed) {
+          return { resources: [] };
+        }
+        return await actions.client.requestApp("resources/list", params ?? {});
+      };
+      bridge.onreadresource = async (params) => {
+        if (destroyed) {
+          return { contents: [] };
+        }
+        return await actions.client.requestApp("resources/read", params);
+      };
       bridge.oninitialized = () => {
+        if (destroyed) return;
         initialized = true;
         clearTimeout(renderTimer);
-        void bridge.sendToolInput({ arguments: detail.arguments ?? {} });
+        bridge.setHostContext(hostContext);
+        const current = options.getDetail?.() ?? detail;
+        void bridge.sendToolInput({ arguments: current.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 } : {}
+          content: [{ type: "text", text: JSON.stringify(current.result) }],
+          ...typeof current.result === "object" && current.result !== null && !Array.isArray(current.result) ? { structuredContent: current.result } : {}
         });
       };
-      void bridge.connect(new E(target, target)).catch(() => {
-        clearTimeout(renderTimer);
-        card.remove();
+      const transport = new E(target, target);
+      mountedTransport = transport;
+      void bridge.connect(transport).catch(() => {
+        void destroy();
       });
     },
     { once: true }
   );
+  const updateTheme = (theme) => {
+    if (destroyed) return;
+    hostContext = createAssistantAppHostContext(theme);
+    if (initialized) mountedBridge?.setHostContext(hostContext);
+  };
+  const destroy = () => {
+    if (destroyPromise) return destroyPromise;
+    destroyed = true;
+    clearTimeout(renderTimer);
+    destroyPromise = (async () => {
+      try {
+        if (initialized) {
+          await mountedBridge?.teardownResource({}, { timeout: APP_TEARDOWN_TIMEOUT_MS });
+        }
+      } catch {
+      }
+      await mountedTransport?.close().catch(() => {
+      });
+      card.remove();
+      mountedApps.delete(card);
+    })();
+    return destroyPromise;
+  };
+  mountedApps.set(card, { destroy, updateTheme });
   return card;
 }
+function updateAssistantAppTheme(card, theme) {
+  mountedApps.get(card)?.updateTheme(theme);
+}
+function unmountAssistantApp(card) {
+  return mountedApps.get(card)?.destroy() ?? Promise.resolve();
+}
 
 // src/appearance.ts
 var common = {
@@ -31366,7 +31436,7 @@ function contrastWarnings(theme, mode) {
   for (const [role, foreground, background] of pairs) {
     if (!foreground || !background) continue;
     const ratio = contrastRatio2(foreground, background);
-    if (ratio >= 4.5) continue;
+    if (ratio === void 0 || ratio >= 4.5) continue;
     warnings.push({
       code: "low_contrast",
       theme: mode,
@@ -31380,13 +31450,16 @@ function contrastWarnings(theme, mode) {
   return warnings;
 }
 function contrastRatio2(first, second) {
-  const lighter = Math.max(luminance(first), luminance(second));
-  const darker = Math.min(luminance(first), luminance(second));
+  const firstLuminance = luminance(first);
+  const secondLuminance = luminance(second);
+  if (firstLuminance === void 0 || secondLuminance === void 0) return void 0;
+  const lighter = Math.max(firstLuminance, secondLuminance);
+  const darker = Math.min(firstLuminance, secondLuminance);
   return (lighter + 0.05) / (darker + 0.05);
 }
 function luminance(color) {
   const match = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(color);
-  if (!match) return 1;
+  if (!match) return void 0;
   const values = match.slice(1).map((value) => {
     const channel = Number.parseInt(value, 16) / 255;
     return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
@@ -32219,6 +32292,9 @@ var NoodleAssistantElement = class extends HTMLElementBase {
         })
       );
     }
+    for (const app of this.shadowRoot?.querySelectorAll(".noodle-app-card") ?? []) {
+      updateAssistantAppTheme(app, mode);
+    }
   }
   #setSessionState(state) {
     this.#sessionState = state;
@@ -32392,13 +32468,63 @@ function registerNoodleAssistant() {
   }
 }
 
+// src/react-app-view.ts
+var import_react = require("react");
+function NoodleAppView({
+  client,
+  view,
+  theme = "light",
+  className,
+  onError
+}) {
+  const container = (0, import_react.useRef)(null);
+  const mounted = (0, import_react.useRef)(null);
+  const current = (0, import_react.useRef)({ view, theme, onError });
+  const viewId = view.id;
+  const resourceUri = view.resourceUri;
+  (0, import_react.useEffect)(() => {
+    current.current = { view, theme, onError };
+  });
+  (0, import_react.useEffect)(() => {
+    const host = container.current;
+    if (!host) return;
+    const initialView = { ...current.current.view, id: viewId, resourceUri };
+    const sandboxUrl = client.appSandboxUrl?.();
+    const card = mountAssistantApp(
+      initialView,
+      {
+        client,
+        sendMessage: (message) => client.sendMessage(message),
+        updateModelContext: (update) => client.updateModelContext(update),
+        theme: current.current.theme
+      },
+      {
+        ...sandboxUrl ? { sandboxUrl } : {},
+        getDetail: () => current.current.view,
+        onRenderFailure: (failure) => current.current.onError?.(failure)
+      }
+    );
+    if (!card) return;
+    mounted.current = card;
+    host.replaceChildren(card);
+    return () => {
+      if (mounted.current === card) mounted.current = null;
+      void unmountAssistantApp(card);
+    };
+  }, [client, resourceUri, viewId]);
+  (0, import_react.useEffect)(() => {
+    if (mounted.current) updateAssistantAppTheme(mounted.current, theme);
+  }, [theme]);
+  return (0, import_react.createElement)("div", { ref: container, className });
+}
+
 // src/react.ts
-var NoodleAssistantWithRef = (0, import_react.forwardRef)(
+var NoodleAssistantWithRef = (0, import_react2.forwardRef)(
   function NoodleAssistant(props, forwardedRef) {
-    const ref = (0, import_react.useRef)(null);
-    const readyNotified = (0, import_react.useRef)(false);
-    (0, import_react.useImperativeHandle)(forwardedRef, () => ref.current, []);
-    (0, import_react.useEffect)(() => {
+    const ref = (0, import_react2.useRef)(null);
+    const readyNotified = (0, import_react2.useRef)(false);
+    (0, import_react2.useImperativeHandle)(forwardedRef, () => ref.current, []);
+    (0, import_react2.useEffect)(() => {
       const element = ref.current;
       if (!element) return;
       const ready = () => {
@@ -32443,7 +32569,7 @@ var NoodleAssistantWithRef = (0, import_react.forwardRef)(
       props.pageContext,
       props.sessionEndpoint
     ]);
-    return (0, import_react.createElement)("noodle-assistant", {
+    return (0, import_react2.createElement)("noodle-assistant", {
       ref,
       class: props.className,
       "session-endpoint": props.sessionEndpoint,
@@ -32454,6 +32580,7 @@ var NoodleAssistantWithRef = (0, import_react.forwardRef)(
 var NoodleAssistant2 = NoodleAssistantWithRef;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  NoodleAppView,
   NoodleAssistant
 });
 /*! Bundled license information: