@noodleseed/assistant 1.22.0 → 1.23.0

package/dist/app-view.d.cts

@@ -0,0 +1,9 @@
+export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-1i_w6FDf.cjs';
+export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-uo57Swlm.cjs';
+import './appearance-Cc-eqSbp.cjs';
+import 'ai';
+
+/** Register the framework-neutral MCP App host. Safe to call more than once or during SSR. */
+declare function registerNoodleAppView(): void;
+
+export { registerNoodleAppView };

package/dist/app-view.d.ts

@@ -0,0 +1,9 @@
+export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-7ZQZLYbL.js';
+export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-Bp_VKpMg.js';
+import './appearance-Cc-eqSbp.js';
+import 'ai';
+
+/** Register the framework-neutral MCP App host. Safe to call more than once or during SSR. */
+declare function registerNoodleAppView(): void;
+
+export { registerNoodleAppView };

package/dist/app-view.js

@@ -0,0 +1,15 @@
+import {
+  APP_VIEW_TAG_NAME,
+  NoodleAppViewElement,
+  registerNoodleAppView
+} from "./chunk-5NBHHNI3.js";
+import "./chunk-XKTUXFGX.js";
+import "./chunk-P223CYPO.js";
+import "./chunk-3YYTUJPJ.js";
+import "./chunk-5FUTL2UF.js";
+export {
+  APP_VIEW_TAG_NAME,
+  NoodleAppViewElement,
+  registerNoodleAppView
+};
+//# sourceMappingURL=app-view.js.map

package/dist/app-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5NBHHNI3.js

@@ -0,0 +1,180 @@
+import {
+  ASSISTANT_APP_VIEW_STYLES,
+  mountAssistantApp,
+  unmountAssistantApp,
+  updateAssistantAppTheme
+} from "./chunk-XKTUXFGX.js";
+
+// src/app-view-element.ts
+var APP_VIEW_TAG_NAME = "noodle-app-view";
+var HTMLElementBase = globalThis.HTMLElement ?? class {
+};
+function viewIdentity(view) {
+  return `${view.id}\0${view.resourceUri}`;
+}
+var NoodleAppViewElement = class extends HTMLElementBase {
+  static observedAttributes = ["allow-fullscreen", "theme"];
+  #allowFullscreen = false;
+  #client;
+  #view;
+  #theme = "light";
+  #container;
+  #mounted;
+  #mountedClient;
+  #mountedAllowFullscreen = false;
+  #mountedIdentity;
+  #requestedTeardown;
+  get client() {
+    return this.#client;
+  }
+  /** Allow the hosted App to request fullscreen. Disabled by default. */
+  get allowFullscreen() {
+    return this.#allowFullscreen;
+  }
+  set allowFullscreen(value) {
+    const next = value === true;
+    if (next === this.#allowFullscreen) return;
+    this.#allowFullscreen = next;
+    this.toggleAttribute("allow-fullscreen", next);
+    this.#reconcile();
+  }
+  set client(value) {
+    if (value === this.#client) return;
+    this.#client = value;
+    this.#reconcile();
+  }
+  get view() {
+    return this.#view;
+  }
+  set view(value) {
+    this.#view = value;
+    this.#reconcile();
+  }
+  get theme() {
+    return this.#theme;
+  }
+  set theme(value) {
+    const next = value === "dark" ? "dark" : "light";
+    const changed = next !== this.#theme;
+    this.#theme = next;
+    if (this.getAttribute("data-theme") !== next) this.setAttribute("data-theme", next);
+    if (changed && this.#mounted) updateAssistantAppTheme(this.#mounted, next);
+  }
+  connectedCallback() {
+    this.#ensureContainer();
+    this.#upgradeProperty("allowFullscreen");
+    this.#upgradeProperty("client");
+    this.#upgradeProperty("theme");
+    this.#upgradeProperty("view");
+    this.#reconcile();
+  }
+  disconnectedCallback() {
+    this.#requestedTeardown = void 0;
+    this.#releaseMount();
+  }
+  attributeChangedCallback(name, _previous, value) {
+    if (name === "allow-fullscreen") this.allowFullscreen = value !== null;
+    if (name === "theme") this.theme = value === "dark" ? "dark" : "light";
+  }
+  #ensureContainer() {
+    if (this.#container) return this.#container;
+    const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+    root.innerHTML = ASSISTANT_APP_VIEW_STYLES;
+    const container = document.createElement("div");
+    container.className = "noodle-app-mount";
+    container.setAttribute("part", "mount");
+    root.append(container);
+    this.#container = container;
+    return container;
+  }
+  #upgradeProperty(name) {
+    const property = Object.getOwnPropertyDescriptor(this, name);
+    if (!property) return;
+    Reflect.deleteProperty(this, name);
+    Reflect.set(this, name, property.value);
+  }
+  #releaseMount() {
+    const mounted = this.#mounted;
+    this.#mounted = void 0;
+    this.#mountedClient = void 0;
+    this.#mountedAllowFullscreen = false;
+    this.#mountedIdentity = void 0;
+    this.#container?.replaceChildren();
+    if (mounted) void unmountAssistantApp(mounted);
+  }
+  #reconcile() {
+    if (!this.isConnected) return;
+    const client = this.#client;
+    const detail = this.#view;
+    const identity = detail ? viewIdentity(detail) : void 0;
+    if (this.#mounted) {
+      if (client === this.#mountedClient && identity === this.#mountedIdentity && this.#allowFullscreen === this.#mountedAllowFullscreen) {
+        return;
+      }
+      this.#releaseMount();
+    }
+    if (this.#requestedTeardown && (client !== this.#requestedTeardown.client || identity !== this.#requestedTeardown.identity)) {
+      this.#requestedTeardown = void 0;
+    }
+    if (!client || !detail?.html || !identity || this.#requestedTeardown) return;
+    const initialHtml = detail.html;
+    const sandboxUrl = client.appSandboxUrl?.();
+    let card;
+    card = mountAssistantApp(
+      detail,
+      {
+        client,
+        sendMessage: (message) => client.sendMessage(message),
+        updateModelContext: (update) => client.updateModelContext(update),
+        theme: this.#theme
+      },
+      {
+        allowFullscreen: this.#allowFullscreen,
+        ...sandboxUrl ? { sandboxUrl } : {},
+        getDetail: () => {
+          const latest = this.#view;
+          if (this.#client !== client || !latest || viewIdentity(latest) !== identity)
+            return detail;
+          return latest.html ? latest : { ...latest, html: initialHtml };
+        },
+        onRenderFailure: (failure) => {
+          this.dispatchEvent(
+            new CustomEvent("assistant-error", {
+              detail: failure,
+              bubbles: true,
+              composed: true
+            })
+          );
+        },
+        onTeardownRequest: () => {
+          if (this.#mounted !== card) return;
+          this.#mounted = void 0;
+          this.#mountedClient = void 0;
+          this.#mountedIdentity = void 0;
+          this.#requestedTeardown = { client, identity };
+        }
+      }
+    );
+    if (!card) return;
+    this.#mounted = card;
+    this.#mountedClient = client;
+    this.#mountedAllowFullscreen = this.#allowFullscreen;
+    this.#mountedIdentity = identity;
+    this.#ensureContainer().replaceChildren(card);
+  }
+};
+
+// src/app-view.ts
+function registerNoodleAppView() {
+  if (!globalThis.customElements?.get(APP_VIEW_TAG_NAME)) {
+    globalThis.customElements?.define(APP_VIEW_TAG_NAME, NoodleAppViewElement);
+  }
+}
+registerNoodleAppView();
+
+export {
+  APP_VIEW_TAG_NAME,
+  NoodleAppViewElement,
+  registerNoodleAppView
+};
+//# sourceMappingURL=chunk-5NBHHNI3.js.map

package/dist/chunk-5NBHHNI3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app-view-element.ts","../src/app-view.ts"],"sourcesContent":["import { mountAssistantApp, unmountAssistantApp, updateAssistantAppTheme } from './app-host.js';\nimport { ASSISTANT_APP_VIEW_STYLES } from './app-view-styles.js';\nimport type { AssistantClient, AssistantViewAvailableDetail } from './client.js';\nimport type { AssistantErrorDetail } from './transport.js';\n\nexport const APP_VIEW_TAG_NAME = 'noodle-app-view';\n\nexport interface AssistantAppViewErrorDetail {\n  readonly code: 'view_render_timeout';\n  readonly retryable: false;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'noodle-app-view': NoodleAppViewElement;\n  }\n\n  interface HTMLElementEventMap {\n    'assistant-error': CustomEvent<AssistantErrorDetail>;\n  }\n}\n\nconst HTMLElementBase: typeof HTMLElement =\n  globalThis.HTMLElement ?? (class {} as unknown as typeof HTMLElement);\n\nfunction viewIdentity(view: AssistantViewAvailableDetail): string {\n  return `${view.id}\\u0000${view.resourceUri}`;\n}\n\n/**\n * Framework-neutral host for one service-resolved MCP App view.\n *\n * `client` and `view` are object properties, not serialized attributes. Vue, Angular, and plain DOM\n * renderers can therefore pass the same `data-view` payload without taking a React dependency.\n */\nexport class NoodleAppViewElement extends HTMLElementBase {\n  static readonly observedAttributes = ['allow-fullscreen', 'theme'];\n\n  #allowFullscreen = false;\n  #client: AssistantClient | undefined;\n  #view: AssistantViewAvailableDetail | undefined;\n  #theme: 'light' | 'dark' = 'light';\n  #container: HTMLElement | undefined;\n  #mounted: HTMLElement | undefined;\n  #mountedClient: AssistantClient | undefined;\n  #mountedAllowFullscreen = false;\n  #mountedIdentity: string | undefined;\n  #requestedTeardown: { readonly client: AssistantClient; readonly identity: string } | undefined;\n\n  get client(): AssistantClient | undefined {\n    return this.#client;\n  }\n\n  /** Allow the hosted App to request fullscreen. Disabled by default. */\n  get allowFullscreen(): boolean {\n    return this.#allowFullscreen;\n  }\n\n  set allowFullscreen(value: boolean) {\n    const next = value === true;\n    if (next === this.#allowFullscreen) return;\n    this.#allowFullscreen = next;\n    this.toggleAttribute('allow-fullscreen', next);\n    this.#reconcile();\n  }\n\n  set client(value: AssistantClient | undefined) {\n    if (value === this.#client) return;\n    this.#client = value;\n    this.#reconcile();\n  }\n\n  get view(): AssistantViewAvailableDetail | undefined {\n    return this.#view;\n  }\n\n  set view(value: AssistantViewAvailableDetail | undefined) {\n    this.#view = value;\n    this.#reconcile();\n  }\n\n  get theme(): 'light' | 'dark' {\n    return this.#theme;\n  }\n\n  set theme(value: 'light' | 'dark') {\n    const next = value === 'dark' ? 'dark' : 'light';\n    const changed = next !== this.#theme;\n    this.#theme = next;\n    if (this.getAttribute('data-theme') !== next) this.setAttribute('data-theme', next);\n    if (changed && this.#mounted) updateAssistantAppTheme(this.#mounted, next);\n  }\n\n  connectedCallback(): void {\n    this.#ensureContainer();\n    this.#upgradeProperty('allowFullscreen');\n    this.#upgradeProperty('client');\n    this.#upgradeProperty('theme');\n    this.#upgradeProperty('view');\n    this.#reconcile();\n  }\n\n  disconnectedCallback(): void {\n    this.#requestedTeardown = undefined;\n    this.#releaseMount();\n  }\n\n  attributeChangedCallback(name: string, _previous: string | null, value: string | null): void {\n    if (name === 'allow-fullscreen') this.allowFullscreen = value !== null;\n    if (name === 'theme') this.theme = value === 'dark' ? 'dark' : 'light';\n  }\n\n  #ensureContainer(): HTMLElement {\n    if (this.#container) return this.#container;\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' });\n    root.innerHTML = ASSISTANT_APP_VIEW_STYLES;\n    const container = document.createElement('div');\n    container.className = 'noodle-app-mount';\n    container.setAttribute('part', 'mount');\n    root.append(container);\n    this.#container = container;\n    return container;\n  }\n\n  #upgradeProperty(name: 'allowFullscreen' | 'client' | 'theme' | 'view'): void {\n    const property = Object.getOwnPropertyDescriptor(this, name);\n    if (!property) return;\n    Reflect.deleteProperty(this, name);\n    Reflect.set(this, name, property.value);\n  }\n\n  #releaseMount(): void {\n    const mounted = this.#mounted;\n    this.#mounted = undefined;\n    this.#mountedClient = undefined;\n    this.#mountedAllowFullscreen = false;\n    this.#mountedIdentity = undefined;\n    this.#container?.replaceChildren();\n    if (mounted) void unmountAssistantApp(mounted);\n  }\n\n  #reconcile(): void {\n    if (!this.isConnected) return;\n    const client = this.#client;\n    const detail = this.#view;\n    const identity = detail ? viewIdentity(detail) : undefined;\n\n    if (this.#mounted) {\n      if (\n        client === this.#mountedClient &&\n        identity === this.#mountedIdentity &&\n        this.#allowFullscreen === this.#mountedAllowFullscreen\n      ) {\n        return;\n      }\n      this.#releaseMount();\n    }\n\n    if (\n      this.#requestedTeardown &&\n      (client !== this.#requestedTeardown.client || identity !== this.#requestedTeardown.identity)\n    ) {\n      this.#requestedTeardown = undefined;\n    }\n    if (!client || !detail?.html || !identity || this.#requestedTeardown) return;\n\n    const initialHtml = detail.html;\n    const sandboxUrl = client.appSandboxUrl?.();\n    let card: HTMLElement | undefined;\n    card = mountAssistantApp(\n      detail,\n      {\n        client,\n        sendMessage: (message) => client.sendMessage(message),\n        updateModelContext: (update) => client.updateModelContext(update),\n        theme: this.#theme,\n      },\n      {\n        allowFullscreen: this.#allowFullscreen,\n        ...(sandboxUrl ? { sandboxUrl } : {}),\n        getDetail: () => {\n          const latest = this.#view;\n          if (this.#client !== client || !latest || viewIdentity(latest) !== identity)\n            return detail;\n          return latest.html ? latest : { ...latest, html: initialHtml };\n        },\n        onRenderFailure: (failure) => {\n          this.dispatchEvent(\n            new CustomEvent<AssistantAppViewErrorDetail>('assistant-error', {\n              detail: failure,\n              bubbles: true,\n              composed: true,\n            }),\n          );\n        },\n        onTeardownRequest: () => {\n          if (this.#mounted !== card) return;\n          this.#mounted = undefined;\n          this.#mountedClient = undefined;\n          this.#mountedIdentity = undefined;\n          this.#requestedTeardown = { client, identity };\n        },\n      },\n    );\n    if (!card) return;\n    this.#mounted = card;\n    this.#mountedClient = client;\n    this.#mountedAllowFullscreen = this.#allowFullscreen;\n    this.#mountedIdentity = identity;\n    this.#ensureContainer().replaceChildren(card);\n  }\n}\n","import { APP_VIEW_TAG_NAME, NoodleAppViewElement } from './app-view-element.js';\n\nexport {\n  APP_VIEW_TAG_NAME,\n  type AssistantAppViewErrorDetail,\n  NoodleAppViewElement,\n} from './app-view-element.js';\nexport type { AssistantClient, AssistantViewAvailableDetail } from './client.js';\n\n/** Register the framework-neutral MCP App host. Safe to call more than once or during SSR. */\nexport function registerNoodleAppView(): void {\n  if (!globalThis.customElements?.get(APP_VIEW_TAG_NAME)) {\n    globalThis.customElements?.define(APP_VIEW_TAG_NAME, NoodleAppViewElement);\n  }\n}\n\nregisterNoodleAppView();\n"],"mappings":"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","names":[]}