@streamoid/agent 0.8.1-preview.6812717d6a04 → 0.8.1

package/dist/pane.js

@@ -1,4 +1,4 @@
-import { useState as _, useEffect as O, useCallback as p, useMemo as Q, Component as pe, useRef as G, useLayoutEffect as he, Suspense as me, lazy as ge } from "react";
+import { useState as _, useEffect as O, useCallback as h, useMemo as Q, Component as pe, useRef as G, useLayoutEffect as he, Suspense as me, lazy as ge } from "react";
 import { useStreamoidSearchShortcut as Se, useStreamoidPanelWidth as ye, SC_ASSISTANT_PANEL_BOUNDS as Ee, SC_ASSISTANT_PANEL_WIDTH as we, ScPanelResizeHandle as Ie } from "@streamoid/ui";
 import { jsxs as oe, jsx as g, Fragment as ve } from "react/jsx-runtime";
 import { d as be } from "./agentScope-BlOT7qMu.js";
@@ -10,10 +10,10 @@ function te() {
   });
 }
 const Ae = "streamoid.askPane.session", D = { open: !1, chatId: null };
-function ae(e, t) {
+function ie(e, t) {
   return `${e}:${t}`;
 }
-function ie() {
+function ae() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
@@ -22,10 +22,10 @@ function ie() {
 }
 function Ce(e, t) {
   if (!t) return D;
-  const a = ie();
-  if (!a) return D;
+  const i = ae();
+  if (!i) return D;
   try {
-    const n = a.getItem(ae(e, t));
+    const n = i.getItem(ie(e, t));
     if (!n) return D;
     const o = JSON.parse(n);
     if (!o || typeof o != "object") return D;
@@ -35,17 +35,17 @@ function Ce(e, t) {
     return D;
   }
 }
-function Pe(e, t, a) {
+function Pe(e, t, i) {
   if (!t) return;
-  const n = ie();
+  const n = ae();
   if (!n) return;
-  const o = ae(e, t);
+  const o = ie(e, t);
   try {
-    if (a.surface === "closed") {
+    if (i.surface === "closed") {
       n.removeItem(o);
       return;
     }
-    n.setItem(o, JSON.stringify({ surface: "rail", chatId: a.chatId }));
+    n.setItem(o, JSON.stringify({ surface: "rail", chatId: i.chatId }));
   } catch {
   }
 }
@@ -61,8 +61,8 @@ function xe(e, t) {
 }
 function le(e, t = null) {
   if (e.surface !== "closed") return e;
-  const a = { surface: "pane", declinedPanelId: e.declinedPanelId };
-  return t ? se(a, t) : a;
+  const i = { surface: "pane", declinedPanelId: e.declinedPanelId };
+  return t ? se(i, t) : i;
 }
 function ue(e) {
   return e.surface === "closed" ? e : { surface: "closed", declinedPanelId: e.declinedPanelId };
@@ -73,10 +73,10 @@ function ke(e, t = null) {
 const Y = "streamoid.askPane.width";
 function Re(e, t = De()) {
   if (!t || !e) return !1;
-  const a = typeof e == "string" ? [e] : e;
+  const i = typeof e == "string" ? [e] : e;
   try {
     if (t.getItem(Y) !== null) return !1;
-    for (const n of a) {
+    for (const n of i) {
       if (!n || n === Y) continue;
       const o = t.getItem(n);
       if (o === null) continue;
@@ -95,21 +95,21 @@ function De() {
     return null;
   }
 }
-function J(e, t, a = 0) {
+function J(e, t, i = 0) {
   const n = Ce(e, t);
   return {
     workspaceId: t,
     memory: n.open ? Z : ce,
     chatId: n.chatId,
     selectionSnapshot: null,
-    epoch: a,
+    epoch: i,
     lastReport: null
   };
 }
 function $e({
   workspaceId: e,
   persistKey: t = Ae,
-  legacyWidthKey: a,
+  legacyWidthKey: i,
   bindShortcut: n = !0
 }) {
   const o = e ?? "", [c, l] = _(() => J(t, o));
@@ -128,28 +128,28 @@ function $e({
       chatId: d.chatId
     });
   }, [t, d.workspaceId, d.memory.surface, d.chatId]);
-  const h = p(
-    (r) => l((i) => {
-      const f = r(i.memory);
-      return f === i.memory ? i : { ...i, memory: f };
+  const f = h(
+    (r) => l((a) => {
+      const p = r(a.memory);
+      return p === a.memory ? a : { ...a, memory: p };
     }),
     []
-  ), A = p(
-    (r) => l((i) => i.chatId === r ? i : { ...i, chatId: r }),
+  ), A = h(
+    (r) => l((a) => a.chatId === r ? a : { ...a, chatId: r }),
     []
-  ), S = p(
-    (r) => l((i) => {
-      const f = r(i);
-      return f === i.memory ? i : { ...i, memory: f };
+  ), S = h(
+    (r) => l((a) => {
+      const p = r(a);
+      return p === a.memory ? a : { ...a, memory: p };
     }),
     []
-  ), C = p(
+  ), C = h(
     () => S((r) => le(r.memory, r.lastReport)),
     [S]
-  ), P = p(() => h(ue), [h]), L = p(
+  ), P = h(() => f(ue), [f]), L = h(
     () => S((r) => ke(r.memory, r.lastReport)),
     [S]
-  ), x = p(
+  ), x = h(
     () => l((r) => ({
       ...r,
       chatId: null,
@@ -157,31 +157,31 @@ function $e({
       memory: r.memory.surface === "closed" ? Z : r.memory
     })),
     []
-  ), T = p(
-    (r) => l((i) => {
-      const f = se(i.memory, r);
-      return { ...i, lastReport: r, memory: f };
+  ), T = h(
+    (r) => l((a) => {
+      const p = se(a.memory, r);
+      return { ...a, lastReport: r, memory: p };
     }),
     []
-  ), m = p(
+  ), m = h(
     () => S((r) => xe(r.memory, r.lastReport)),
     [S]
-  ), b = p(() => {
+  ), b = h(() => {
     C(), j().then((r) => r.focusAgentComposer()).catch(() => {
     });
-  }, [C]), y = p(
+  }, [C]), y = h(
     (r) => {
-      const i = typeof r == "string" ? r.trim() : "";
-      return i ? (x(), j().then((f) => {
-        f.focusAgentComposer(), f.enqueueChatPrompt({ prompt: i, forceNewConversation: !0 });
+      const a = typeof r == "string" ? r.trim() : "";
+      return a ? (x(), j().then((p) => {
+        p.focusAgentComposer(), p.enqueueChatPrompt({ prompt: a, forceNewConversation: !0 });
       }).catch(() => {
       }), !0) : !1;
     },
     [x]
-  ), N = p(
+  ), N = h(
     (r) => {
-      x(), j().then((i) => {
-        i.showAgentSupport(r ?? null);
+      x(), j().then((a) => {
+        a.showAgentSupport(r ?? null);
       }).catch(() => {
       });
     },
@@ -192,15 +192,15 @@ function $e({
       te(), b();
     },
     enabled: n
-  }), _(() => Re(a));
+  }), _(() => Re(i));
   const k = Ee, { width: z, setWidth: W, commitWidth: q } = ye({
     storageKey: Y,
     defaultWidth: we,
     min: k.min,
     max: k.max
-  }), U = p(
+  }), U = h(
     (r) => l(
-      (i) => i.selectionSnapshot === (r ?? null) ? i : { ...i, selectionSnapshot: r ?? null }
+      (a) => a.selectionSnapshot === (r ?? null) ? a : { ...a, selectionSnapshot: r ?? null }
     ),
     []
   ), X = d.selectionSnapshot, E = d.epoch, H = d.memory.surface;
@@ -329,26 +329,26 @@ function B(e, t) {
   return n !== null && n !== t;
 }
 function Te(e, t) {
-  const a = e.querySelectorAll('[aria-modal="true"], dialog[open]');
-  for (const n of Array.from(a))
+  const i = e.querySelectorAll('[aria-modal="true"], dialog[open]');
+  for (const n of Array.from(i))
     if (!(n === t || Ne(n, e)))
       return !0;
   return !1;
 }
 function Ne(e, t) {
   if (e.closest("[hidden]")) return !0;
-  const a = t.defaultView?.getComputedStyle?.(e);
-  return !!a && (a.display === "none" || a.visibility === "hidden");
+  const i = t.defaultView?.getComputedStyle?.(e);
+  return !!i && (i.display === "none" || i.visibility === "hidden");
 }
 function We({
   event: e,
   pane: t,
-  active: a,
+  active: i,
   doc: n,
   surface: o,
   isSheet: c
 }) {
-  return e.key !== "Escape" || e.defaultPrevented || !t || o === "closed" || B(e.target, t) || B(a, t) || Te(n, t) || !c && !(V(a) && t.contains(a) || V(e.target) && t.contains(e.target)) ? null : o === "fullscreen" ? "collapse" : "close";
+  return e.key !== "Escape" || e.defaultPrevented || !t || o === "closed" || B(e.target, t) || B(i, t) || Te(n, t) || !c && !(V(i) && t.contains(i) || V(e.target) && t.contains(e.target)) ? null : o === "fullscreen" ? "collapse" : "close";
 }
 function V(e) {
   return typeof e == "object" && e !== null && e.nodeType === 1 && typeof e.closest == "function";
@@ -360,12 +360,12 @@ function ne(e) {
   const t = e[de];
   return typeof t == "string" ? t : null;
 }
-function Me(e, t = (n) => setTimeout(n, 0), a = (n) => clearTimeout(n)) {
+function Me(e, t = (n) => setTimeout(n, 0), i = (n) => clearTimeout(n)) {
   let n = null, o = null;
   const c = () => n !== null && ne(e.state) === n;
   return {
     enter() {
-      if (o !== null && (a(o), o = null), c()) return;
+      if (o !== null && (i(o), o = null), c()) return;
       const l = ne(e.state);
       if (l) {
         n = l;
@@ -383,17 +383,17 @@ function Me(e, t = (n) => setTimeout(n, 0), a = (n) => clearTimeout(n)) {
       }));
     },
     handlePop() {
-      return n === null || c() ? !1 : (n = null, o !== null && (a(o), o = null), !0);
+      return n === null || c() ? !1 : (n = null, o !== null && (i(o), o = null), !0);
     },
     isCurrent: c
   };
 }
 const re = "(min-width: 768px)", Fe = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function je() {
-  const e = () => typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(re).matches, [t, a] = _(e);
+  const e = () => typeof window < "u" && typeof window.matchMedia == "function" && !window.matchMedia(re).matches, [t, i] = _(e);
   return O(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia(re), o = () => a(!n.matches);
+    const n = window.matchMedia(re), o = () => i(!n.matches);
     return o(), n.addEventListener?.("change", o), () => n.removeEventListener?.("change", o);
   }, []), t;
 }
@@ -403,16 +403,16 @@ function K() {
 function Ye({
   controller: e,
   adapters: t,
-  hostContext: a,
+  hostContext: i,
   scope: n,
   support: o,
   canvas: c,
   className: l,
   ariaLabel: d = "Ask CXO assistant"
 }) {
-  const { open: h, surface: A, chatId: S, setChatId: C, close: P, collapse: L, reportSurface: x, reportSelectionSnapshot: T } = e, m = je(), b = G(null), y = h && m, [N, k] = _(h);
-  h && !N && k(!0);
-  const [z, W] = _(K), q = p(() => W(() => K()), []), [U, X] = _(e.workspaceEpoch);
+  const { open: f, surface: A, chatId: S, setChatId: C, close: P, collapse: L, reportSurface: x, reportSelectionSnapshot: T } = e, m = je(), b = G(null), y = f && m, [N, k] = _(f);
+  f && !N && k(!0);
+  const [z, W] = _(K), q = h(() => W(() => K()), []), [U, X] = _(e.workspaceEpoch);
   U !== e.workspaceEpoch && (X(e.workspaceEpoch), W(() => K()));
   const E = G({ surface: A, close: P, collapse: L, isSheet: m });
   he(() => {
@@ -421,30 +421,32 @@ function Ye({
   const H = Q(
     () => ({
       ...t,
+      ...t.integration ? { integration: { ...t.integration, active: f } } : {},
       navigation: { chatId: S, onChatIdChange: C },
       onClose: P,
       onSurfaceChange: x,
       onSelectionSnapshot: T,
-      hostContext: a ?? null,
+      hostContext: i ?? null,
       scope: n ?? null,
       support: o ?? null,
       ...c ? { canvas: c } : {}
     }),
     [
       t,
+      f,
       S,
       C,
       P,
       x,
       T,
-      a,
+      i,
       n,
       o,
       c
     ]
   );
   O(() => {
-    if (!h) return;
+    if (!f) return;
     const u = (w) => {
       const I = We({
         event: w,
@@ -457,11 +459,11 @@ function Ye({
       I && (w.preventDefault(), I === "collapse" ? E.current.collapse() : E.current.close());
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-  }, [h]);
+  }, [f]);
   const r = G(null);
   O(() => {
     const u = b.current;
-    if (h) {
+    if (f) {
       const R = document.activeElement;
       R && R !== document.body && !u?.contains(R) && (r.current = R);
       return;
@@ -470,7 +472,7 @@ function Ye({
     r.current = null;
     const I = document.activeElement, M = !I || I === document.body || (u?.contains(I) ?? !1);
     w && M && w.isConnected && w.focus?.();
-  }, [h]), O(() => {
+  }, [f]), O(() => {
     if (!y) return;
     const u = b.current;
     if (!u) return;
@@ -497,21 +499,21 @@ function Ye({
       });
     };
   }, [y]);
-  const i = Q(
+  const a = Q(
     () => typeof window > "u" ? null : Me(window.history),
     []
   );
   O(() => {
-    if (!y || !i) return;
-    i.enter();
+    if (!y || !a) return;
+    a.enter();
     const u = () => {
-      i.handlePop() && E.current.close();
+      a.handlePop() && E.current.close();
     };
     return window.addEventListener("popstate", u), () => {
-      window.removeEventListener("popstate", u), i.leave();
+      window.removeEventListener("popstate", u), a.leave();
     };
-  }, [y, i]);
-  const f = A === "fullscreen", fe = h ? m ? { display: "flex", position: "fixed", inset: 0, zIndex: 50, width: "100%", height: "100%" } : f ? { display: "flex", position: "relative", flex: "1 1 0%", minWidth: 0, height: "100%", minHeight: 0 } : {
+  }, [y, a]);
+  const p = A === "fullscreen", fe = f ? m ? { display: "flex", position: "fixed", inset: 0, zIndex: 50, width: "100%", height: "100%" } : p ? { display: "flex", position: "relative", flex: "1 1 0%", minWidth: 0, height: "100%", minHeight: 0 } : {
     display: "flex",
     position: "relative",
     flex: "0 0 auto",
@@ -524,7 +526,7 @@ function Ye({
     {
       ref: b,
       "aria-label": d,
-      "aria-hidden": !h,
+      "aria-hidden": !f,
       ...y ? { role: "dialog", "aria-modal": !0 } : {},
       tabIndex: y ? -1 : void 0,
       "data-streamoid-agent": "pane",
@@ -536,11 +538,11 @@ function Ye({
         flexDirection: "column",
         boxSizing: "border-box",
         background: "var(--alias-surface-base)",
-        borderRight: m || f ? void 0 : "1px solid var(--alias-border-subtle)",
+        borderRight: m || p ? void 0 : "1px solid var(--alias-border-subtle)",
         ...fe
       },
       children: N ? /* @__PURE__ */ oe(ve, { children: [
-        !m && !f ? /* @__PURE__ */ g(
+        !m && !p ? /* @__PURE__ */ g(
           Ie,
           {
             width: e.width,