@streamoid/agent 0.6.21 → 0.6.22

package/dist/index.js

@@ -15537,26 +15537,53 @@ const useChatStore = create$1((e) => ({
     focusedBrowserSessionId: null
   }),
   setFocusedBrowserSessionId: (t) => e({ focusedBrowserSessionId: t }),
-  setArtifaxDreamerSession: (t, n) => e((o) => {
-    const s = upsertArtifaxDreamerConversationState(
-      o.artifaxDreamerByChatId,
+  /* `reveal` IS THE DIFFERENCE BETWEEN OPENING AND RESTORING.
+   *
+   * Closing the pane is sticky on purpose: `handleToggleCanvas(false)` sets
+   * `canvasOverride: 'closed'` so a session that is still alive does not pop
+   * the pane straight back open. But this setter is also how a canvas OPENS —
+   * the agent's `artifax_iframe_opened`, the transcript card's Open button —
+   * and those were suppressed by the same stale flag. The pane stayed shut
+   * with a live board behind it, the canvas never mounted, and whatever was
+   * waiting on it (the agent's readiness probe, the card) hung: reported as
+   * "click close, open it again and it is stuck opening".
+   *
+   * It cannot be inferred here. The restore on every SSE connect
+   * (`loadArtifaxDreamerSession`) calls this with the same live session, so
+   * clearing the flag unconditionally would reopen the pane on each reconnect
+   * — the very thing the sticky close exists to prevent. So the callers that
+   * mean "open" say so, and only they lift a close. */
+  setArtifaxDreamerSession: (t, n, o) => e((s) => {
+    const l = upsertArtifaxDreamerConversationState(
+      s.artifaxDreamerByChatId,
       t,
       { session: n }
-    ), l = canvasPanelId(t), c = n?.active ? upsertPanel(o.panels, {
-      id: l,
+    ), c = o?.reveal && n?.active && s.canvasOverride === "closed", f = canvasPanelId(t), h = n?.active ? upsertPanel(s.panels, {
+      id: f,
       kind: "artifax_dreamer",
       chatId: t,
       title: "Canvas",
       width: "wide",
-      /* See the matching registration in ChatScreen: the pane draws the
-       * header so the canvas has a close button. */
-      ownsChrome: !1
-    }) : dropPanel(o.panels, l), f = resolveActivePanelId(
-      c,
-      o.activeChatId,
-      t === o.activeChatId && n?.active ? l : o.activePanelId
+      /* THE CANVAS DRAWS ITS OWN HEADER. This said `false`, and because
+       * `upsertPanel` lets an incoming panel overwrite the stored one, a
+       * session arriving flipped the pane back to drawing its own bar —
+       * undoing ChatScreen's `ownsChrome: true` every time a canvas
+       * actually opened. That is the second "Canvas" title and the second
+       * close above the panel's own, reported twice as not knowing which
+       * close does what. The two registrations of this panel have to
+       * agree; ChatScreen's comment carries the full reasoning. */
+      ownsChrome: !0
+    }) : dropPanel(s.panels, f), g = resolveActivePanelId(
+      h,
+      s.activeChatId,
+      t === s.activeChatId && n?.active ? f : s.activePanelId
     );
-    return { artifaxDreamerByChatId: s, panels: c, activePanelId: f };
+    return {
+      artifaxDreamerByChatId: l,
+      panels: h,
+      activePanelId: g,
+      ...c ? { canvasOverride: null } : null
+    };
   }),
   clearArtifaxDreamerSession: (t) => e((n) => {
     if (!t) {
@@ -15733,7 +15760,13 @@ const useChatStore = create$1((e) => ({
     techpackSession: null,
     techpackStatus: null,
     panels: [],
-    activePanelId: null
+    activePanelId: null,
+    /* Reset means the initial state, and the initial state is "no override".
+     * Leaving it behind carried a closed canvas across a sign-out or a
+     * workspace switch — the pane then refused to open with no session and
+     * no panel to explain why. ChatScreen also clears it per chat; that is
+     * the per-conversation rule, not a substitute for this one. */
+    canvasOverride: null
   })
 }));
 function getActivePanel(e, t) {
@@ -15799,19 +15832,11 @@ function subscribeToChatPrompts(e) {
   };
 }
 function sendToParent(e) {
-  if (window.parent && window.parent !== window) {
-    const t = getExpectedParentOrigin();
-    if (t) {
-      window.parent.postMessage(e, t);
-      return;
-    }
-    if (e.type === "chat:ready") {
-      window.parent.postMessage(e, "*");
-      return;
-    }
-    console.warn("[CopilotWidget] Skipping postMessage because parent origin is unknown", e.type);
-  }
+  if (!(window.parent && window.parent !== window)) return !1;
+  const t = getExpectedParentOrigin();
+  return t ? (window.parent.postMessage(e, t), !0) : e.type === "chat:ready" ? (window.parent.postMessage(e, "*"), !0) : (console.warn("[CopilotWidget] Skipping postMessage because parent origin is unknown", e.type), !1);
 }
+const PARENT_ORIGIN_UNKNOWN = "the widget could not identify its host page (no parentOrigin query parameter and no usable document.referrer), so the request was never sent";
 function requestParentScreenshot(e = {}, t = {}) {
   const n = typeof e.requestId == "string" && e.requestId ? e.requestId : `${Date.now()}-${Math.random().toString(36).slice(2)}`, o = t.timeoutMs ?? 1e4;
   return new Promise((s, l) => {
@@ -15824,7 +15849,7 @@ function requestParentScreenshot(e = {}, t = {}) {
         ...e,
         requestId: n
       }
-    });
+    }) || (window.clearTimeout(c), pendingScreenshotRequests.delete(n), l(new Error(PARENT_ORIGIN_UNKNOWN)));
   });
 }
 function isParentNavigationAvailable() {
@@ -15842,7 +15867,7 @@ function requestParentNavigation(e = {}, t = {}) {
         ...e,
         requestId: n
       }
-    });
+    }) || (window.clearTimeout(c), pendingNavigationRequests.delete(n), l(new Error(PARENT_ORIGIN_UNKNOWN)));
   });
 }
 const CLAMP_LINES = 3;
@@ -17846,7 +17871,7 @@ function useSSE(e, t, n) {
           }
           if (_t.type === "artifax_iframe_opened") {
             const $t = artifaxEventConversationId(_t, Ve), Ht = normalizeArtifaxDreamerSession(_t);
-            Ht && Ae($t, Ht);
+            Ht && Ae($t, Ht, { reveal: !0 });
             return;
           }
           if (_t.type === "artifax_send_prompt") {
@@ -17910,7 +17935,7 @@ function useSSE(e, t, n) {
                   return;
                 } else if (Ht.event === "artifax_iframe_opened") {
                   const xt = artifaxEventConversationId(Ht, Ve), yn = normalizeArtifaxDreamerSession(Ht);
-                  yn && Ae(xt, yn), $t();
+                  yn && Ae(xt, yn, { reveal: !0 }), $t();
                   return;
                 } else if (Ht.event === "artifax_send_prompt") {
                   const xt = artifaxEventConversationId(Ht, Ve), yn = typeof Ht.session_id == "string" ? Ht.session_id : "", zt = typeof Ht.prompt == "string" ? Ht.prompt : "";
@@ -18047,7 +18072,7 @@ function ArtifaxCanvasCard({
         const E = await openArtifaxDreamerSession(n, e, t), M = normalizeArtifaxDreamerSession(
           E
         );
-        M && (f(e, M), reportArtifaxCanvasVisibility(n, e, !1));
+        M && (f(e, M, { reveal: !0 }), reportArtifaxCanvasVisibility(n, e, !1));
       } finally {
         l(!1);
       }
@@ -128679,6 +128704,85 @@ for (const [e, t] of [
   });
 for (const e of ["capture_inline_screenshot", "navigate_parent"])
   registry.register({ name: e, service: "host", type: "react", blocking: !0 });
+function dataUrlToFile(e, t) {
+  const [n, o] = e.split(",", 2), l = n.match(/^data:([^;]+);base64$/)?.[1] || "image/png", c = atob(o || ""), f = new Uint8Array(c.length);
+  for (let h = 0; h < c.length; h += 1)
+    f[h] = c.charCodeAt(h);
+  return new File([f], t, { type: l });
+}
+function ownDocumentIsHostPage() {
+  return !(window.parent && window.parent !== window);
+}
+async function loadHtml2Canvas() {
+  return (await import("./html2canvas.esm-BWVIUcAF.js")).default;
+}
+async function captureIframeScreenshot() {
+  const e = ownDocumentIsHostPage() ? "host_page" : "widget_iframe", t = Math.max(1, Math.ceil(window.innerWidth || 1024)), n = Math.max(1, Math.ceil(window.innerHeight || 768));
+  console.info("[UIComponents] Rasterising own document", { source: e, width: t, height: n });
+  try {
+    const s = await (await loadHtml2Canvas())(document.documentElement, {
+      /* The VIEWPORT, not the whole scrollable document: the question is about
+       * what the user can see. */
+      width: t,
+      height: n,
+      windowWidth: t,
+      windowHeight: n,
+      x: window.scrollX || 0,
+      y: window.scrollY || 0,
+      scale: 1,
+      /* Fetch cross-origin images with CORS so they can be drawn. Without a
+       * permissive `Access-Control-Allow-Origin` html2canvas skips the
+       * individual image rather than tainting the whole canvas, which is the
+       * behaviour that matters: one un-fetchable asset must not cost the
+       * screenshot. */
+      useCORS: !0,
+      logging: !1,
+      /* The chat is not part of the page the question is about, and on a
+       * native mount it sits inside the document being rasterised. Two
+       * selectors because it lives in two places: the panel root, and the
+       * overlays it portals to `document.body` (menus, dialogs, the table-cell
+       * modal), which are outside that root by construction. */
+      ignoreElements: (l) => l.matches?.("[data-streamoid-agent], .sa-surface") ?? !1
+    });
+    return {
+      dataUrl: s.toDataURL("image/png"),
+      width: s.width,
+      height: s.height,
+      source: e
+    };
+  } catch (o) {
+    const s = o instanceof Error ? o.message : String(o);
+    throw console.error("[UIComponents] Own-document rasterisation failed", o), new Error(
+      `The page could not be rasterised into a screenshot (${s}). No picture of the page is available for this turn; use the host application context in this conversation instead.`
+    );
+  }
+}
+async function captureScreenshotWithFallback(e) {
+  if (!(window.parent && window.parent !== window))
+    return captureIframeScreenshot();
+  console.info("[UIComponents] Requesting host page screenshot");
+  let n;
+  try {
+    n = await requestParentScreenshot(e, { timeoutMs: 2500 });
+  } catch (o) {
+    const s = o instanceof Error ? o.message : String(o);
+    throw console.error("[UIComponents] Host page screenshot failed", o), new Error(
+      `The host application did not provide a screenshot of the page: ${s}. The widget cannot photograph its host from inside an iframe, so there is no picture of the page for this turn.`
+    );
+  }
+  if (!n.dataUrl)
+    throw new Error(
+      "The host application answered the screenshot request without an image."
+    );
+  return console.info("[UIComponents] Host page screenshot received"), {
+    dataUrl: n.dataUrl,
+    width: n.width,
+    height: n.height,
+    /* The host's own label is kept when it admits to a substitute: it knows
+     * what it managed to photograph, and the backend reads that label. */
+    source: n.source === "summary_canvas" || n.source === "widget_iframe" ? n.source : "host_page"
+  };
+}
 const DISPLAY_ONLY = [
   "image_output_display_ui_component",
   "video_output_display_ui_component",
@@ -128709,105 +128813,6 @@ const DISPLAY_ONLY = [
   ugc: "UGC",
   "video-gen": "Video Generator"
 }, EMPTY_UI_PROPS = {}, inlineScreenshotResumeInFlight = /* @__PURE__ */ new Set(), inlineScreenshotResumeCompleted = /* @__PURE__ */ new Set(), parentNavigationResumeInFlight = /* @__PURE__ */ new Set(), parentNavigationResumeCompleted = /* @__PURE__ */ new Set();
-function dataUrlToFile(e, t) {
-  const [n, o] = e.split(",", 2), l = n.match(/^data:([^;]+);base64$/)?.[1] || "image/png", c = atob(o || ""), f = new Uint8Array(c.length);
-  for (let h = 0; h < c.length; h += 1)
-    f[h] = c.charCodeAt(h);
-  return new File([f], t, { type: l });
-}
-function buildCanvasScreenshot({
-  width: e,
-  height: t,
-  title: n,
-  lines: o,
-  source: s
-}) {
-  const l = document.createElement("canvas");
-  l.width = e, l.height = t;
-  const c = l.getContext("2d");
-  if (!c)
-    throw new Error("Canvas rendering is not available");
-  const f = document.documentElement.classList.contains("dark");
-  return c.fillStyle = f ? "#0b0b0f" : "#f6f7fb", c.fillRect(0, 0, e, t), c.fillStyle = f ? "#f5f5f5" : "#111827", c.font = "600 22px sans-serif", c.fillText(n, 24, 42), c.font = "14px sans-serif", c.fillStyle = f ? "#d1d5db" : "#4b5563", o.slice(0, 18).forEach((h, g) => {
-    c.fillText(h.slice(0, 120), 24, 76 + g * 24);
-  }), {
-    dataUrl: l.toDataURL("image/png"),
-    width: e,
-    height: t,
-    source: s
-  };
-}
-function ownDocumentIsHostPage() {
-  return !(window.parent && window.parent !== window);
-}
-async function captureIframeScreenshot() {
-  const e = ownDocumentIsHostPage() ? "host_page" : "widget_iframe";
-  console.info("[UIComponents] Capturing own document screenshot", { source: e });
-  const t = Math.max(1, Math.ceil(window.innerWidth || 1024)), n = Math.max(1, Math.ceil(window.innerHeight || 768)), o = document.documentElement.cloneNode(!0);
-  o.querySelectorAll("script").forEach((h) => h.remove()), o.setAttribute("xmlns", "http://www.w3.org/1999/xhtml");
-  const s = new XMLSerializer().serializeToString(o), l = `
-    <svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${n}">
-      <foreignObject width="100%" height="100%">${s}</foreignObject>
-    </svg>
-  `, c = new Blob([l], { type: "image/svg+xml;charset=utf-8" }), f = URL.createObjectURL(c);
-  try {
-    const h = new Image(), g = new Promise((j, E) => {
-      const M = window.setTimeout(
-        () => E(new Error("Widget iframe screenshot timed out")),
-        2e3
-      );
-      h.onload = () => {
-        window.clearTimeout(M), j();
-      }, h.onerror = () => {
-        window.clearTimeout(M), E(new Error("Widget iframe screenshot failed to render"));
-      };
-    });
-    h.src = f, await g;
-    const b = document.createElement("canvas");
-    b.width = t, b.height = n;
-    const T = b.getContext("2d");
-    if (!T) throw new Error("Canvas rendering is not available");
-    return T.drawImage(h, 0, 0, t, n), {
-      dataUrl: b.toDataURL("image/png"),
-      width: t,
-      height: n,
-      source: e
-    };
-  } catch (h) {
-    return console.info("[UIComponents] DOM screenshot fallback failed; using summary canvas", h), buildCanvasScreenshot({
-      width: t,
-      height: n,
-      title: document.title || "Copilot Widget",
-      lines: [
-        `URL: ${window.location.href}`,
-        `Visible text: ${(document.body.innerText || "").replace(/\s+/g, " ").trim()}`
-      ],
-      /* Rasterisation failed and this is a canvas with the page's text drawn
-       * onto it. It is not a screenshot, so it does not claim to be one: the
-       * backend declines to describe it as the host page. */
-      source: "summary_canvas"
-    });
-  } finally {
-    URL.revokeObjectURL(f);
-  }
-}
-async function captureScreenshotWithFallback(e) {
-  if (window.parent && window.parent !== window)
-    try {
-      console.info("[UIComponents] Requesting host page screenshot");
-      const n = await requestParentScreenshot(e, { timeoutMs: 2500 });
-      if (n.dataUrl)
-        return console.info("[UIComponents] Host page screenshot received"), {
-          dataUrl: n.dataUrl,
-          width: n.width,
-          height: n.height,
-          source: n.source === "summary_canvas" || n.source === "widget_iframe" ? n.source : "host_page"
-        };
-    } catch (n) {
-      console.info("[UIComponents] Host screenshot unavailable; falling back to widget iframe capture", n);
-    }
-  return captureIframeScreenshot();
-}
 function prettifyComponentName(e) {
   return e ? e.replace(/[:_]+/g, " ").replace(/\s+/g, " ").trim() : "component";
 }
@@ -135019,7 +135024,7 @@ function ChatScreen() {
       const en = normalizeArtifaxDreamerSession(
         Kt
       );
-      en ? (ke(Rt, en), Ne(Rt, null)) : (console.error("Canvas: dreamer session mint failed", Kt), Ne(Rt, "error"));
+      en ? (ke(Rt, en, { reveal: !0 }), Ne(Rt, null)) : (console.error("Canvas: dreamer session mint failed", Kt), Ne(Rt, "error"));
     });
   }, [o, mn, Ne, ke]), Pi = useCallback(
     (Rt) => {
@@ -137073,7 +137078,15 @@ function AgentChatShell({ adapters: e }) {
   );
 }
 function AgentPanel({ adapters: e, className: t, style: n }) {
-  return /* @__PURE__ */ jsx("div", { className: t, style: { height: "100%", width: "100%", ...n }, children: /* @__PURE__ */ jsx(AgentChatShell, { adapters: e }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-streamoid-agent": "panel",
+      className: t,
+      style: { height: "100%", width: "100%", ...n },
+      children: /* @__PURE__ */ jsx(AgentChatShell, { adapters: e })
+    }
+  );
 }
 function groupConversationSearchResults(e) {
   const t = /* @__PURE__ */ new Map(), n = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/agent",
-  "version": "0.6.21",
+  "version": "0.6.22",
   "description": "Native (no-iframe) embeddable Streamoid agent chat panel. Host renders <AgentPanel adapters={\u2026}/>. Prebuilt bundle \u2014 source + build live in the stream-agent repo.",
   "type": "module",
   "main": "./dist/index.js",