@inkeep/agents-ui 0.15.18 → 0.15.20

package/dist/primitives/atoms/dialog.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),P=require("react"),m=require("@radix-ui/primitive"),O=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),R=require("@radix-ui/react-id"),W=require("@radix-ui/react-use-controllable-state"),z=require("@radix-ui/react-dismissable-layer"),B=require("@zag-js/focus-trap"),K=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),U=require("@radix-ui/react-focus-guards"),V=require("aria-hidden"),Y=require("@zag-js/remove-scroll"),$=require("./shadow/context.cjs");function J(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const c=J(P),x="Dialog",[w,Q]=H.createContextScope(x),[X,l]=w(x),y=e=>{const{__scopeDialog:n,children:o,open:s,defaultOpen:r,onOpenChange:t,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[D=!1,d]=W.useControllableState({prop:s,defaultProp:r??!1,onChange:t});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:D,onOpenChange:d,onOpenToggle:c.useCallback(()=>d(N=>!N),[d]),modal:a,children:o})};y.displayName=x;const M="DialogTrigger",q=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(M,o),t=O.useComposedRefs(n,r.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":T(r.open),...s,ref:t,onClick:m.composeEventHandlers(e.onClick,r.onOpenToggle)})});q.displayName=M;const v="DialogPortal",[Z,S]=w(v,{forceMount:void 0}),E=e=>{const{__scopeDialog:n,forceMount:o,children:s,container:r}=e,t=l(v,n);return i.jsx(Z,{scope:n,forceMount:o,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:o||t.open,children:i.jsx(K.Portal,{asChild:!0,container:r,children:a})}))})};E.displayName=v;const C="DialogOverlay",I=c.forwardRef((e,n)=>{const o=S(C,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(C,e.__scopeDialog);return t.modal?i.jsx(_.Presence,{present:s||t.open,children:i.jsx(ee,{...r,ref:n})}):null});I.displayName=C;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(C,o),t=$.useShadow();return P.useEffect(()=>{t&&Y.preventBodyScroll(t?.rootElement?.ownerDocument)},[t]),i.jsx(g.Primitive.div,{"data-state":T(r.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})}),p="DialogContent",h=c.forwardRef((e,n)=>{const o=S(p,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(p,e.__scopeDialog);return i.jsx(_.Presence,{present:s||t.open,children:t.modal?i.jsx(te,{...r,ref:n}):i.jsx(oe,{...r,ref:n})})});h.displayName=p;const te=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(null),r=O.useComposedRefs(n,o.contentRef,s);return c.useEffect(()=>{const t=s.current;if(t){const a=document.querySelectorAll("[data-ikp-component]");return V.hideOthers([t,...Array.from(a)])}},[]),i.jsx(k,{...e,ref:r,trapFocus:o.open,disableOutsidePointerEvents:!0,onPointerDownOutside:m.composeEventHandlers(e.onPointerDownOutside,t=>{const a=t.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&t.preventDefault(),t.target.closest("[data-ikp-component]")&&t.preventDefault()}),onFocusOutside:m.composeEventHandlers(e.onFocusOutside,t=>t.preventDefault())})}),oe=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(!1),r=c.useRef(!1);return i.jsx(k,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(s.current=!0,t.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const a=t.target;o.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type==="focusin"&&r.current&&t.preventDefault()}})}),k=c.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:s,onOpenAutoFocus:r,onCloseAutoFocus:t,...a}=e,u=l(p,o),f=c.useRef(null),D=O.useComposedRefs(n,f);return U.useFocusGuards(),P.useEffect(()=>{if(s)return B.trapFocus(f.current,{preventScroll:!0,onActivate:r,onDeactivate:t,initialFocus:!1,allowOutsideClick:d=>!!d.target.closest("[data-ikp-component]")})},[]),i.jsx(z.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":T(u.open),...a,ref:D,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",b=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(A,o);return i.jsx(g.Primitive.h2,{id:r.titleId,...s,ref:n})});b.displayName=A;const F="DialogDescription",L=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(F,o);return i.jsx(g.Primitive.p,{id:r.descriptionId,...s,ref:n})});L.displayName=F;const G="DialogClose",j=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(G,o);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:m.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});j.displayName=G;function T(e){return e?"open":"closed"}const ne=y,re=E,se=I,ce=h,ie=b,ae=j;exports.Close=ae;exports.Content=ce;exports.Dialog=y;exports.DialogClose=j;exports.DialogContent=h;exports.DialogDescription=L;exports.DialogOverlay=I;exports.DialogPortal=E;exports.DialogTitle=b;exports.DialogTrigger=q;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=Q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),P=require("react"),m=require("@radix-ui/primitive"),O=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),R=require("@radix-ui/react-id"),W=require("@radix-ui/react-use-controllable-state"),z=require("@radix-ui/react-dismissable-layer"),B=require("@zag-js/focus-trap"),K=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),U=require("@radix-ui/react-focus-guards"),V=require("aria-hidden"),Y=require("@zag-js/remove-scroll"),$=require("./shadow/context.cjs");function J(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const c=J(P),x="Dialog",[w,Q]=H.createContextScope(x),[X,l]=w(x),y=e=>{const{__scopeDialog:n,children:o,open:s,defaultOpen:r,onOpenChange:t,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[D=!1,d]=W.useControllableState({prop:s,defaultProp:r??!1,onChange:t});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:D,onOpenChange:d,onOpenToggle:c.useCallback(()=>d(N=>!N),[d]),modal:a,children:o})};y.displayName=x;const M="DialogTrigger",q=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(M,o),t=O.useComposedRefs(n,r.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":T(r.open),...s,ref:t,onClick:m.composeEventHandlers(e.onClick,r.onOpenToggle)})});q.displayName=M;const v="DialogPortal",[Z,S]=w(v,{forceMount:void 0}),E=e=>{const{__scopeDialog:n,forceMount:o,children:s,container:r}=e,t=l(v,n);return i.jsx(Z,{scope:n,forceMount:o,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:o||t.open,children:i.jsx(K.Portal,{asChild:!0,container:r,children:a})}))})};E.displayName=v;const C="DialogOverlay",I=c.forwardRef((e,n)=>{const o=S(C,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(C,e.__scopeDialog);return t.modal?i.jsx(_.Presence,{present:s||t.open,children:i.jsx(ee,{...r,ref:n})}):null});I.displayName=C;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(C,o),t=$.useShadow();return P.useEffect(()=>{const a=t?.rootElement?.ownerDocument??document;return Y.preventBodyScroll(a)},[t]),i.jsx(g.Primitive.div,{"data-state":T(r.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})}),p="DialogContent",h=c.forwardRef((e,n)=>{const o=S(p,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(p,e.__scopeDialog);return i.jsx(_.Presence,{present:s||t.open,children:t.modal?i.jsx(te,{...r,ref:n}):i.jsx(oe,{...r,ref:n})})});h.displayName=p;const te=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(null),r=O.useComposedRefs(n,o.contentRef,s);return c.useEffect(()=>{const t=s.current;if(t){const a=document.querySelectorAll("[data-ikp-component]");return V.hideOthers([t,...Array.from(a)])}},[]),i.jsx(k,{...e,ref:r,trapFocus:o.open,disableOutsidePointerEvents:!0,onPointerDownOutside:m.composeEventHandlers(e.onPointerDownOutside,t=>{const a=t.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&t.preventDefault(),t.target.closest("[data-ikp-component]")&&t.preventDefault()}),onFocusOutside:m.composeEventHandlers(e.onFocusOutside,t=>t.preventDefault())})}),oe=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(!1),r=c.useRef(!1);return i.jsx(k,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(s.current=!0,t.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const a=t.target;o.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type==="focusin"&&r.current&&t.preventDefault()}})}),k=c.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:s,onOpenAutoFocus:r,onCloseAutoFocus:t,...a}=e,u=l(p,o),f=c.useRef(null),D=O.useComposedRefs(n,f);return U.useFocusGuards(),P.useEffect(()=>{if(s)return B.trapFocus(f.current,{preventScroll:!0,onActivate:r,onDeactivate:t,initialFocus:!1,allowOutsideClick:d=>!!d.target.closest("[data-ikp-component]")})},[]),i.jsx(z.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":T(u.open),...a,ref:D,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",b=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(A,o);return i.jsx(g.Primitive.h2,{id:r.titleId,...s,ref:n})});b.displayName=A;const F="DialogDescription",L=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(F,o);return i.jsx(g.Primitive.p,{id:r.descriptionId,...s,ref:n})});L.displayName=F;const G="DialogClose",j=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(G,o);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:m.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});j.displayName=G;function T(e){return e?"open":"closed"}const ne=y,re=E,se=I,ce=h,ie=b,ae=j;exports.Close=ae;exports.Content=ce;exports.Dialog=y;exports.DialogClose=j;exports.DialogContent=h;exports.DialogDescription=L;exports.DialogOverlay=I;exports.DialogPortal=E;exports.DialogTitle=b;exports.DialogTrigger=q;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=Q;

package/dist/primitives/atoms/dialog.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as c from "react";
 import { useEffect as I } from "react";
 import { composeEventHandlers as D } from "@radix-ui/primitive";
 import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
@@ -17,12 +17,12 @@ import { hideOthers as K } from "aria-hidden";
 import { preventBodyScroll as V } from "@zag-js/remove-scroll";
 import { useShadow as Y } from "./shadow/context.js";
 const P = "Dialog", [v, Ct] = W(P), [z, l] = v(P), x = (t) => {
-  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: o, modal: a = !0 } = t, p = i.useRef(null), d = i.useRef(null), [m = !1, f] = $({
+  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: o, modal: a = !0 } = t, p = c.useRef(null), d = c.useRef(null), [m = !1, u] = $({
     prop: s,
     defaultProp: e ?? !1,
     onChange: o
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     z,
     {
       scope: n,
@@ -32,18 +32,18 @@ const P = "Dialog", [v, Ct] = W(P), [z, l] = v(P), x = (t) => {
       titleId: R(),
       descriptionId: R(),
       open: m,
-      onOpenChange: f,
-      onOpenToggle: i.useCallback(() => f((E) => !E), [f]),
+      onOpenChange: u,
+      onOpenToggle: c.useCallback(() => u((E) => !E), [u]),
       modal: a,
       children: r
     }
   );
 };
 x.displayName = P;
-const N = "DialogTrigger", J = i.forwardRef(
+const N = "DialogTrigger", J = c.forwardRef(
   (t, n) => {
     const { __scopeDialog: r, ...s } = t, e = l(N, r), o = _(n, e.triggerRef);
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ i(
       g.button,
       {
         type: "button",
@@ -63,21 +63,22 @@ const y = "DialogPortal", [Q, w] = v(y, {
   forceMount: void 0
 }), T = (t) => {
   const { __scopeDialog: n, forceMount: r, children: s, container: e } = t, o = l(y, n);
-  return /* @__PURE__ */ c(Q, { scope: n, forceMount: r, children: i.Children.map(s, (a) => /* @__PURE__ */ c(O, { present: r || o.open, children: /* @__PURE__ */ c(B, { asChild: !0, container: e, children: a }) })) });
+  return /* @__PURE__ */ i(Q, { scope: n, forceMount: r, children: c.Children.map(s, (a) => /* @__PURE__ */ i(O, { present: r || o.open, children: /* @__PURE__ */ i(B, { asChild: !0, container: e, children: a }) })) });
 };
 T.displayName = y;
-const C = "DialogOverlay", A = i.forwardRef(
+const C = "DialogOverlay", A = c.forwardRef(
   (t, n) => {
     const r = w(C, t.__scopeDialog), { forceMount: s = r.forceMount, ...e } = t, o = l(C, t.__scopeDialog);
-    return o.modal ? /* @__PURE__ */ c(O, { present: s || o.open, children: /* @__PURE__ */ c(U, { ...e, ref: n }) }) : null;
+    return o.modal ? /* @__PURE__ */ i(O, { present: s || o.open, children: /* @__PURE__ */ i(U, { ...e, ref: n }) }) : null;
   }
 );
 A.displayName = C;
-const U = i.forwardRef(
+const U = c.forwardRef(
   (t, n) => {
     const { __scopeDialog: r, ...s } = t, e = l(C, r), o = Y();
     return I(() => {
-      o && V(o?.rootElement?.ownerDocument);
+      const a = o?.rootElement?.ownerDocument ?? document;
+      return V(a);
     }, [o]), // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
     // <RemoveScroll
@@ -87,7 +88,7 @@ const U = i.forwardRef(
     //   gapMode="padding"
     //   removeScrollBar={true}
     // >
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ i(
       g.div,
       {
         "data-state": h(e.open),
@@ -97,23 +98,23 @@ const U = i.forwardRef(
       }
     );
   }
-), u = "DialogContent", M = i.forwardRef(
+), f = "DialogContent", M = c.forwardRef(
   (t, n) => {
-    const r = w(u, t.__scopeDialog), { forceMount: s = r.forceMount, ...e } = t, o = l(u, t.__scopeDialog);
-    return /* @__PURE__ */ c(O, { present: s || o.open, children: o.modal ? /* @__PURE__ */ c(X, { ...e, ref: n }) : /* @__PURE__ */ c(Z, { ...e, ref: n }) });
+    const r = w(f, t.__scopeDialog), { forceMount: s = r.forceMount, ...e } = t, o = l(f, t.__scopeDialog);
+    return /* @__PURE__ */ i(O, { present: s || o.open, children: o.modal ? /* @__PURE__ */ i(X, { ...e, ref: n }) : /* @__PURE__ */ i(Z, { ...e, ref: n }) });
   }
 );
-M.displayName = u;
-const X = i.forwardRef(
+M.displayName = f;
+const X = c.forwardRef(
   (t, n) => {
-    const r = l(u, t.__scopeDialog), s = i.useRef(null), e = _(n, r.contentRef, s);
-    return i.useEffect(() => {
+    const r = l(f, t.__scopeDialog), s = c.useRef(null), e = _(n, r.contentRef, s);
+    return c.useEffect(() => {
       const o = s.current;
       if (o) {
         const a = document.querySelectorAll("[data-ikp-component]");
         return K([o, ...Array.from(a)]);
       }
-    }, []), /* @__PURE__ */ c(
+    }, []), /* @__PURE__ */ i(
       b,
       {
         ...t,
@@ -131,10 +132,10 @@ const X = i.forwardRef(
       }
     );
   }
-), Z = i.forwardRef(
+), Z = c.forwardRef(
   (t, n) => {
-    const r = l(u, t.__scopeDialog), s = i.useRef(!1), e = i.useRef(!1);
-    return /* @__PURE__ */ c(
+    const r = l(f, t.__scopeDialog), s = c.useRef(!1), e = c.useRef(!1);
+    return /* @__PURE__ */ i(
       b,
       {
         ...t,
@@ -149,9 +150,9 @@ const X = i.forwardRef(
       }
     );
   }
-), b = i.forwardRef(
+), b = c.forwardRef(
   (t, n) => {
-    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: o, ...a } = t, p = l(u, r), d = i.useRef(null), m = _(n, d);
+    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: o, ...a } = t, p = l(f, r), d = c.useRef(null), m = _(n, d);
     return H(), I(() => {
       if (s)
         return q(d.current, {
@@ -159,9 +160,9 @@ const X = i.forwardRef(
           onActivate: e,
           onDeactivate: o,
           initialFocus: !1,
-          allowOutsideClick: (f) => !!f.target.closest("[data-ikp-component]")
+          allowOutsideClick: (u) => !!u.target.closest("[data-ikp-component]")
         });
-    }, []), /* @__PURE__ */ c(
+    }, []), /* @__PURE__ */ i(
       j,
       {
         role: "dialog",
@@ -175,24 +176,24 @@ const X = i.forwardRef(
       }
     );
   }
-), k = "DialogTitle", F = i.forwardRef(
+), k = "DialogTitle", F = c.forwardRef(
   (t, n) => {
     const { __scopeDialog: r, ...s } = t, e = l(k, r);
-    return /* @__PURE__ */ c(g.h2, { id: e.titleId, ...s, ref: n });
+    return /* @__PURE__ */ i(g.h2, { id: e.titleId, ...s, ref: n });
   }
 );
 F.displayName = k;
-const S = "DialogDescription", tt = i.forwardRef(
+const S = "DialogDescription", tt = c.forwardRef(
   (t, n) => {
     const { __scopeDialog: r, ...s } = t, e = l(S, r);
-    return /* @__PURE__ */ c(g.p, { id: e.descriptionId, ...s, ref: n });
+    return /* @__PURE__ */ i(g.p, { id: e.descriptionId, ...s, ref: n });
   }
 );
 tt.displayName = S;
-const L = "DialogClose", G = i.forwardRef(
+const L = "DialogClose", G = c.forwardRef(
   (t, n) => {
     const { __scopeDialog: r, ...s } = t, e = l(L, r);
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ i(
       g.button,
       {
         type: "button",

package/dist/primitives/components/chat-history/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),e=require("../factory.cjs"),s=require("../../providers/chat-history-provider.cjs"),x=require("../../utils/misc.cjs"),m=require("../../utils/compose-event-handlers.cjs"),E=require("../../atoms/icons/custom-icon.cjs"),T=e.ikp("div",{_id:"aiChatHistory"}),H=t=>{const{isOpen:i}=s.useChatHistory();return r.jsx(T,{"data-hidden":x.dataAttr(!i),...t})},d=e.ikp("div",{_id:"aiChatHistory__Header"}),w=e.ikp(E.CustomIcon,{_id:"aiChatHistory__BackButtonIcon"}),_=a.memo(t=>r.jsx(w,{...t,iconKey:"backToChat"})),R=e.ikp("button",{_id:"aiChatHistory__BackButton"}),l=({onClick:t,...i})=>{const{setIsOpen:o}=s.useChatHistory();return r.jsx(R,{type:"button",onClick:m.composeEventHandlers(t,()=>o(!1)),...i})},P=e.ikp("h2",{_id:"aiChatHistory__Title"}),q=e.ikp("div",{_id:"aiChatHistory__List"}),p=a.forwardRef(({children:t,...i},o)=>{const{hasMore:n,loadMore:h,isLoading:u,sessions:b}=s.useChatHistory(),y=a.useRef(null),c=b.length>0&&n;return a.useEffect(()=>{const C=y.current;if(!C||!c)return;const v=new IntersectionObserver(j=>{j[0]?.isIntersecting&&n&&!u&&h()},{threshold:.1});return v.observe(C),()=>v.disconnect()},[n,u,h,c]),r.jsxs(q,{ref:o,...i,children:[t,c&&r.jsx("div",{ref:y,"data-part":"sentinel","aria-hidden":"true",style:{height:1}})]})}),N=e.ikp("button",{_id:"aiChatHistory__Item"}),k=a.memo(({sessionId:t,onClick:i,...o})=>{const{loadSession:n}=s.useChatHistory();return r.jsx(N,{type:"button",onClick:m.composeEventHandlers(i,()=>n(t)),...o})}),B=e.ikp("span",{_id:"aiChatHistory__ItemTitle"}),I=e.ikp("span",{_id:"aiChatHistory__ItemDate"}),D=e.ikp("div",{_id:"aiChatHistory__EmptyState"}),f=t=>{const{sessions:i,isLoading:o}=s.useChatHistory();return i.length>0||o?null:r.jsx(D,{...t})},F=e.ikp("div",{_id:"aiChatHistory__LoadingState"}),g=t=>{const{isLoading:i}=s.useChatHistory();return i?r.jsx(F,{...t}):null},S=e.ikp("div",{_id:"aiChatHistory__Footer"}),O=e.ikp("button",{_id:"aiChatHistory__NewConversationButton"}),L=({onClick:t,...i})=>{const{startNewConversation:o}=s.useChatHistory();return r.jsx(O,{type:"button",onClick:m.composeEventHandlers(t,o),...i})};exports.BackButton=l;exports.BackButtonIcon=_;exports.ChatHistoryPrimitiveBackButton=l;exports.ChatHistoryPrimitiveBackButtonIcon=_;exports.ChatHistoryPrimitiveEmptyState=f;exports.ChatHistoryPrimitiveFooter=S;exports.ChatHistoryPrimitiveHeader=d;exports.ChatHistoryPrimitiveItem=k;exports.ChatHistoryPrimitiveItemDate=I;exports.ChatHistoryPrimitiveItemTitle=B;exports.ChatHistoryPrimitiveList=p;exports.ChatHistoryPrimitiveLoadingState=g;exports.ChatHistoryPrimitiveNewConversationButton=L;exports.ChatHistoryPrimitiveRoot=H;exports.ChatHistoryPrimitiveTitle=P;exports.EmptyState=f;exports.Footer=S;exports.Header=d;exports.Item=k;exports.ItemDate=I;exports.ItemTitle=B;exports.List=p;exports.LoadingState=g;exports.NewConversationButton=L;exports.Root=H;exports.Title=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),e=require("../factory.cjs"),s=require("../../providers/chat-history-provider.cjs"),x=require("../../providers/chat-form-provider.cjs"),E=require("../../utils/misc.cjs"),m=require("../../utils/compose-event-handlers.cjs"),T=require("../../atoms/icons/custom-icon.cjs"),w=e.ikp("div",{_id:"aiChatHistory"}),H=t=>{const{isOpen:i}=s.useChatHistory(),{form:o}=x.useChatForm();return o?null:r.jsx(w,{"data-hidden":E.dataAttr(!i),...t})},d=e.ikp("div",{_id:"aiChatHistory__Header"}),R=e.ikp(T.CustomIcon,{_id:"aiChatHistory__BackButtonIcon"}),l=a.memo(t=>r.jsx(R,{...t,iconKey:"backToChat"})),q=e.ikp("button",{_id:"aiChatHistory__BackButton"}),P=({onClick:t,...i})=>{const{setIsOpen:o}=s.useChatHistory();return r.jsx(q,{type:"button",onClick:m.composeEventHandlers(t,()=>o(!1)),...i})},_=e.ikp("h2",{_id:"aiChatHistory__Title"}),F=e.ikp("div",{_id:"aiChatHistory__List"}),p=a.forwardRef(({children:t,...i},o)=>{const{hasMore:n,loadMore:u,isLoading:h,sessions:b}=s.useChatHistory(),y=a.useRef(null),c=b.length>0&&n;return a.useEffect(()=>{const C=y.current;if(!C||!c)return;const v=new IntersectionObserver(j=>{j[0]?.isIntersecting&&n&&!h&&u()},{threshold:.1});return v.observe(C),()=>v.disconnect()},[n,h,u,c]),r.jsxs(F,{ref:o,...i,children:[t,c&&r.jsx("div",{ref:y,"data-part":"sentinel","aria-hidden":"true",style:{height:1}})]})}),N=e.ikp("button",{_id:"aiChatHistory__Item"}),k=a.memo(({sessionId:t,onClick:i,...o})=>{const{loadSession:n}=s.useChatHistory();return r.jsx(N,{type:"button",onClick:m.composeEventHandlers(i,()=>n(t)),...o})}),B=e.ikp("span",{_id:"aiChatHistory__ItemTitle"}),I=e.ikp("span",{_id:"aiChatHistory__ItemDate"}),D=e.ikp("div",{_id:"aiChatHistory__EmptyState"}),f=t=>{const{sessions:i,isLoading:o}=s.useChatHistory();return i.length>0||o?null:r.jsx(D,{...t})},O=e.ikp("div",{_id:"aiChatHistory__LoadingState"}),g=t=>{const{isLoading:i}=s.useChatHistory();return i?r.jsx(O,{...t}):null},S=e.ikp("div",{_id:"aiChatHistory__Footer"}),M=e.ikp("button",{_id:"aiChatHistory__NewConversationButton"}),L=({onClick:t,...i})=>{const{startNewConversation:o}=s.useChatHistory();return r.jsx(M,{type:"button",onClick:m.composeEventHandlers(t,o),...i})};exports.BackButton=P;exports.BackButtonIcon=l;exports.ChatHistoryPrimitiveBackButton=P;exports.ChatHistoryPrimitiveBackButtonIcon=l;exports.ChatHistoryPrimitiveEmptyState=f;exports.ChatHistoryPrimitiveFooter=S;exports.ChatHistoryPrimitiveHeader=d;exports.ChatHistoryPrimitiveItem=k;exports.ChatHistoryPrimitiveItemDate=I;exports.ChatHistoryPrimitiveItemTitle=B;exports.ChatHistoryPrimitiveList=p;exports.ChatHistoryPrimitiveLoadingState=g;exports.ChatHistoryPrimitiveNewConversationButton=L;exports.ChatHistoryPrimitiveRoot=H;exports.ChatHistoryPrimitiveTitle=_;exports.EmptyState=f;exports.Footer=S;exports.Header=d;exports.Item=k;exports.ItemDate=I;exports.ItemTitle=B;exports.List=p;exports.LoadingState=g;exports.NewConversationButton=L;exports.Root=H;exports.Title=_;

package/dist/primitives/components/chat-history/index.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HT
 import { PolymorphicProps } from '..';
 import { CustomIconProps } from '../..';
 declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
-export declare const ChatHistoryPrimitiveRoot: (props: ComponentPropsWithRef<typeof PrimitiveRoot>) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatHistoryPrimitiveRoot: (props: ComponentPropsWithRef<typeof PrimitiveRoot>) => import("react/jsx-runtime").JSX.Element | null;
 export declare const ChatHistoryPrimitiveHeader: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 declare const PrimitiveBackButtonIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id"> & Partial<Pick< CustomIconProps, "_id">>>;
 export declare const ChatHistoryPrimitiveBackButtonIcon: MemoExoticComponent<(props: ComponentPropsWithRef<typeof PrimitiveBackButtonIcon>) => import("react/jsx-runtime").JSX.Element>;

package/dist/primitives/components/chat-history/index.js

@@ -1,51 +1,52 @@
-import { jsx as s, jsxs as H } from "react/jsx-runtime";
-import { memo as C, forwardRef as l, useRef as p, useEffect as P } from "react";
+import { jsx as r, jsxs as H } from "react/jsx-runtime";
+import { memo as v, forwardRef as l, useRef as p, useEffect as f } from "react";
 import { ikp as o } from "../factory.js";
-import { useChatHistory as r } from "../../providers/chat-history-provider.js";
+import { useChatHistory as s } from "../../providers/chat-history-provider.js";
+import { useChatForm as P } from "../../providers/chat-form-provider.js";
 import { dataAttr as B } from "../../utils/misc.js";
 import { composeEventHandlers as c } from "../../utils/compose-event-handlers.js";
-import { CustomIcon as f } from "../../atoms/icons/custom-icon.js";
-const I = o("div", { _id: "aiChatHistory" }), j = (t) => {
-  const { isOpen: i } = r();
-  return /* @__PURE__ */ s(I, { "data-hidden": B(!i), ...t });
-}, M = o("div", { _id: "aiChatHistory__Header" }), k = o(f, {
+import { CustomIcon as I } from "../../atoms/icons/custom-icon.js";
+const k = o("div", { _id: "aiChatHistory" }), A = (t) => {
+  const { isOpen: i } = s(), { form: e } = P();
+  return e ? null : /* @__PURE__ */ r(k, { "data-hidden": B(!i), ...t });
+}, K = o("div", { _id: "aiChatHistory__Header" }), g = o(I, {
   _id: "aiChatHistory__BackButtonIcon"
-}), A = C(
-  (t) => /* @__PURE__ */ s(k, { ...t, iconKey: "backToChat" })
-), g = o("button", { _id: "aiChatHistory__BackButton" }), K = ({
+}), q = v(
+  (t) => /* @__PURE__ */ r(g, { ...t, iconKey: "backToChat" })
+), L = o("button", { _id: "aiChatHistory__BackButton" }), z = ({
   onClick: t,
   ...i
 }) => {
-  const { setIsOpen: e } = r();
-  return /* @__PURE__ */ s(
-    g,
+  const { setIsOpen: e } = s();
+  return /* @__PURE__ */ r(
+    L,
     {
       type: "button",
       onClick: c(t, () => e(!1)),
       ...i
     }
   );
-}, q = o("h2", { _id: "aiChatHistory__Title" }), L = o("div", { _id: "aiChatHistory__List" }), z = l(({ children: t, ...i }, e) => {
-  const { hasMore: n, loadMore: m, isLoading: d, sessions: _ } = r(), h = p(null), a = _.length > 0 && n;
-  return P(() => {
-    const u = h.current;
-    if (!u || !a) return;
-    const v = new IntersectionObserver(
+}, G = o("h2", { _id: "aiChatHistory__Title" }), b = o("div", { _id: "aiChatHistory__List" }), J = l(({ children: t, ...i }, e) => {
+  const { hasMore: n, loadMore: m, isLoading: d, sessions: _ } = s(), u = p(null), a = _.length > 0 && n;
+  return f(() => {
+    const h = u.current;
+    if (!h || !a) return;
+    const C = new IntersectionObserver(
       (y) => {
         y[0]?.isIntersecting && n && !d && m();
       },
       { threshold: 0.1 }
     );
-    return v.observe(u), () => v.disconnect();
-  }, [n, d, m, a]), /* @__PURE__ */ H(L, { ref: e, ...i, children: [
+    return C.observe(h), () => C.disconnect();
+  }, [n, d, m, a]), /* @__PURE__ */ H(b, { ref: e, ...i, children: [
     t,
-    a && /* @__PURE__ */ s("div", { ref: h, "data-part": "sentinel", "aria-hidden": "true", style: { height: 1 } })
+    a && /* @__PURE__ */ r("div", { ref: u, "data-part": "sentinel", "aria-hidden": "true", style: { height: 1 } })
   ] });
-}), b = o("button", { _id: "aiChatHistory__Item" }), G = C(
+}), S = o("button", { _id: "aiChatHistory__Item" }), Q = v(
   ({ sessionId: t, onClick: i, ...e }) => {
-    const { loadSession: n } = r();
-    return /* @__PURE__ */ s(
-      b,
+    const { loadSession: n } = s();
+    return /* @__PURE__ */ r(
+      S,
       {
         type: "button",
         onClick: c(i, () => n(t)),
@@ -53,21 +54,21 @@ const I = o("div", { _id: "aiChatHistory" }), j = (t) => {
       }
     );
   }
-), J = o("span", { _id: "aiChatHistory__ItemTitle" }), Q = o("span", { _id: "aiChatHistory__ItemDate" }), S = o("div", { _id: "aiChatHistory__EmptyState" }), U = (t) => {
-  const { sessions: i, isLoading: e } = r();
-  return i.length > 0 || e ? null : /* @__PURE__ */ s(S, { ...t });
-}, w = o("div", { _id: "aiChatHistory__LoadingState" }), V = (t) => {
-  const { isLoading: i } = r();
-  return i ? /* @__PURE__ */ s(w, { ...t }) : null;
-}, W = o("div", { _id: "aiChatHistory__Footer" }), T = o("button", {
+), U = o("span", { _id: "aiChatHistory__ItemTitle" }), V = o("span", { _id: "aiChatHistory__ItemDate" }), w = o("div", { _id: "aiChatHistory__EmptyState" }), W = (t) => {
+  const { sessions: i, isLoading: e } = s();
+  return i.length > 0 || e ? null : /* @__PURE__ */ r(w, { ...t });
+}, T = o("div", { _id: "aiChatHistory__LoadingState" }), X = (t) => {
+  const { isLoading: i } = s();
+  return i ? /* @__PURE__ */ r(T, { ...t }) : null;
+}, Y = o("div", { _id: "aiChatHistory__Footer" }), E = o("button", {
   _id: "aiChatHistory__NewConversationButton"
-}), X = ({
+}), Z = ({
   onClick: t,
   ...i
 }) => {
-  const { startNewConversation: e } = r();
-  return /* @__PURE__ */ s(
-    T,
+  const { startNewConversation: e } = s();
+  return /* @__PURE__ */ r(
+    E,
     {
       type: "button",
       onClick: c(t, e),
@@ -76,30 +77,30 @@ const I = o("div", { _id: "aiChatHistory" }), j = (t) => {
   );
 };
 export {
-  K as BackButton,
-  A as BackButtonIcon,
-  K as ChatHistoryPrimitiveBackButton,
-  A as ChatHistoryPrimitiveBackButtonIcon,
-  U as ChatHistoryPrimitiveEmptyState,
-  W as ChatHistoryPrimitiveFooter,
-  M as ChatHistoryPrimitiveHeader,
-  G as ChatHistoryPrimitiveItem,
-  Q as ChatHistoryPrimitiveItemDate,
-  J as ChatHistoryPrimitiveItemTitle,
-  z as ChatHistoryPrimitiveList,
-  V as ChatHistoryPrimitiveLoadingState,
-  X as ChatHistoryPrimitiveNewConversationButton,
-  j as ChatHistoryPrimitiveRoot,
-  q as ChatHistoryPrimitiveTitle,
-  U as EmptyState,
-  W as Footer,
-  M as Header,
-  G as Item,
-  Q as ItemDate,
-  J as ItemTitle,
-  z as List,
-  V as LoadingState,
-  X as NewConversationButton,
-  j as Root,
-  q as Title
+  z as BackButton,
+  q as BackButtonIcon,
+  z as ChatHistoryPrimitiveBackButton,
+  q as ChatHistoryPrimitiveBackButtonIcon,
+  W as ChatHistoryPrimitiveEmptyState,
+  Y as ChatHistoryPrimitiveFooter,
+  K as ChatHistoryPrimitiveHeader,
+  Q as ChatHistoryPrimitiveItem,
+  V as ChatHistoryPrimitiveItemDate,
+  U as ChatHistoryPrimitiveItemTitle,
+  J as ChatHistoryPrimitiveList,
+  X as ChatHistoryPrimitiveLoadingState,
+  Z as ChatHistoryPrimitiveNewConversationButton,
+  A as ChatHistoryPrimitiveRoot,
+  G as ChatHistoryPrimitiveTitle,
+  W as EmptyState,
+  Y as Footer,
+  K as Header,
+  Q as Item,
+  V as ItemDate,
+  U as ItemTitle,
+  J as List,
+  X as LoadingState,
+  Z as NewConversationButton,
+  A as Root,
+  G as Title
 };

package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,3 +1,3 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Pe=require("@ai-sdk/react"),Ne=require("ai"),t=require("react"),Oe=require("../modal/modal-provider.cjs"),_e=require("../../providers/chat-bubble-provider.cjs"),Fe=require("../../providers/sidebar-chat-provider.cjs"),Ue=require("../../providers/config-provider.cjs"),Be=require("./use-captcha.cjs"),De=require("../../hooks/use-media-query.cjs"),Le=require("../../hooks/use-anonymous-session.cjs"),He=require("../../hooks/use-conversation-loader.cjs"),w=require("../../utils/generate-uid.cjs"),$e=require("../../providers/base-events-provider.cjs"),ze=require("../../providers/chat-form-provider.cjs"),We=require("../../providers/widget-provider.cjs"),Ke=require("@radix-ui/react-use-controllable-state"),je=require("../../hooks/use-streaming-events.cjs"),Ge=require("../../hooks/use-inkeep-api-client.cjs");function Je(g){const l=g.message??"";let r=Number(g.code)||Number(g.statusCode);if(Number.isNaN(r))try{r=Number(JSON.parse(l).status)}catch{}const d=Ge.parseAuthError(r,{detail:l});return d!==null?d:r===401?"session":null}const $=`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ne=require("@ai-sdk/react"),Pe=require("ai"),t=require("react"),Oe=require("../modal/modal-provider.cjs"),Fe=require("../../providers/chat-bubble-provider.cjs"),Ue=require("../../providers/sidebar-chat-provider.cjs"),Be=require("../../providers/config-provider.cjs"),De=require("./use-captcha.cjs"),Le=require("../../hooks/use-media-query.cjs"),He=require("../../hooks/use-anonymous-session.cjs"),$e=require("../../hooks/use-conversation-loader.cjs"),w=require("../../utils/generate-uid.cjs"),ze=require("../../providers/base-events-provider.cjs"),We=require("../../providers/chat-form-provider.cjs"),Ke=require("../../providers/widget-provider.cjs"),je=require("@radix-ui/react-use-controllable-state"),Ge=require("../../hooks/use-streaming-events.cjs"),Je=require("../../hooks/use-inkeep-api-client.cjs");function Qe(g){const l=g.message??"";let s=Number(g.code)||Number(g.statusCode);if(Number.isNaN(s))try{s=Number(JSON.parse(l).status)}catch{}const d=Je.parseAuthError(s,{detail:l});return d!==null?d:s===401?"session":null}const $=`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`,Qe=()=>{const{baseSettings:g,aiChatSettings:l}=Ue.useInkeepConfig(),[r="",d]=Ke.useControllableState({prop:l.conversationId,defaultProp:l.conversationId??""}),ce=Oe.useModal(),ue=_e.useOptionalChatBubble(),le=Fe.useOptionalSidebarChat(),{logEvent:m}=$e.useBaseEvents(),{setConversationId:de,emitToParent:C}=je.useStreamingEvents(),[v,k]=t.useState(""),pe=e=>k(e.target.value),{shouldBypassCaptcha:z,filters:W,privacyPreferences:ge}=g,{onInputMessageChange:fe,filters:K,baseUrl:S,agentUrl:he,context:j,headers:G,appId:y,apiKey:p}=l,me=ce?.isOpen??ue?.isOpen??le?.isOpen??!0,{getCaptchaHeader:b,invalidate:u}=Be.useCaptcha({baseUrl:S,shouldBypassCaptcha:z||!!p,shouldMakeInitialRequest:me}),J=t.useRef(b);J.current=b;const Q=he||`${S}/run/api/chat`,{sessionToken:q,refreshSession:x}=Le.useAnonymousSession({baseUrl:S,appId:y,getCaptchaHeader:b,invalidateCaptcha:u,optOutAllAnalytics:ge?.optOutAllAnalytics}),{loadConversation:V}=He.useConversationLoader({baseUrl:S,appId:y,authToken:p??q,getCaptchaHeader:b,invalidateCaptcha:u,refreshSession:p?void 0:x}),[ve,Z]=t.useState(!1),R=t.useRef(null);R.current=q;const f=t.useRef(0),X=t.useRef(null),T=t.useRef(null),Y=t.useRef(G);Y.current=G;const P=t.useRef(void 0);P.current=W||K?JSON.stringify({...W,...K}):void 0;const ye=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${g.organizationDisplayName??"Administrator"}`;default:return $}},[be,I]=t.useState([]),[Ce,N]=t.useState(null),Se=t.useMemo(()=>new Ne.DefaultChatTransport({api:Q,headers:()=>({"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),...y?{"x-inkeep-app-id":y}:{},...R.current?{Authorization:`Bearer ${R.current}`}:{},...p?{Authorization:`Bearer ${p}`}:{},...P.current?{"inkeep-filters":P.current}:{},...Y.current}),prepareSendMessagesRequest:async e=>{const s=await J.current();return{body:{...e.body,id:e.id,messages:e.messages,trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...s}}},body:{requestContext:j}}),[Q,j,y,p]),{messages:A,sendMessage:O,addToolApprovalResponse:_,status:ee,setMessages:h,stop:te,error:F}=Pe.useChat({transport:Se,onData(e){C(e.type,e.data)},async onFinish(){C("completion",{conversationId:r}),await m({eventName:"assistant_message_received",properties:{conversationId:r}}),m({eventName:"assistant_answer_displayed",properties:{conversationId:r}})},onError(e){console.error("onError",{code:e.code,message:e.message});const s=z||p?null:Je(e);if(s!==null&&f.current<1){f.current++;const a=T.current,n=X.current;(async()=>{if(s==="session"){const c=await x();c&&(R.current=c)}else u();if(a){_(a);return}n&&(h(c=>{let i=[...c];return i.at(-1)?.role==="assistant"&&(i=i.slice(0,-1)),i.at(-1)?.role==="user"&&(i=i.slice(0,-1)),i}),O({text:n.content},{body:n.body}))})().catch(()=>{f.current=0,u(),h(c=>{const i=[...c],H=i[i.length-1];if(!H)return i;const ie=$;return H.role==="user"?i.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:ie}]}):H.parts=[{type:"text",text:ie}],i})});return}f.current=0,s!==null&&u(),m({eventName:"chat_error",properties:{conversationId:r,error:e.message}}),h(a=>{const n=[...a],o=n[n.length-1];if(o){const c=ye(e);o.role==="user"?n.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:c}]}):o.parts=[{type:"text",text:c}]}return n})}}),se=ee==="submitted",U=ee==="streaming",Re=t.useMemo(()=>{const e=o=>{if(!o||typeof o!="object")return!1;const c=o;return typeof c.type=="string"&&c.type.startsWith("tool-")},a=[...A??[]].reverse().find(o=>o.role==="assistant");if(!a)return!1;const n=a.parts?.at(-1);return!(!e(n)||n.state!=="output-available"||!n.approval?.id||U)},[A,U]),re=U||Re,ne=se||re,Ie=A.length===0,B=!v.trim()||ne,Ae=De.useMediaQuery("(max-width: 768px)"),[Ee,E]=t.useState(null);t.useEffect(()=>{F&&E(F)},[F]);const Me=()=>E(null),ae=t.useRef(null);t.useEffect(()=>{fe?.(v)},[v]);const we=e=>{e.key==="Enter"&&!e.shiftKey&&!B&&!e.nativeEvent.isComposing&&(e.preventDefault(),D())},D=async(e=v)=>{if(B&&(!e||e.trim().length===0))return;I([]),k(""),f.current=0,T.current=null,await m({eventName:"user_message_submitted",properties:{conversationId:r}});let s=r;s||(s=`conv_${w.generateUid(16)}`,d(s)),de(s),X.current={content:e,body:{conversationId:s}},O({text:e},{body:{conversationId:s}})},ke=t.useCallback(e=>{f.current=0,T.current=e,_(e)},[_]),L=t.useCallback(()=>{te().then(()=>{C("aborted",{conversationId:r})})},[te,r,C]),oe=()=>{Me(),h([]),d(""),I([]),N(null),u(),m({eventName:"chat_clear_button_clicked",properties:{conversationId:r}})},M=t.useCallback((e,s)=>{E(null),h(s),d(e),I([]),N(null),u()},[h,d,u]),qe=t.useCallback(async(e,s)=>{L(),M(e,[]),Z(!0);try{const a=await V(e,s),n=a?.[a.length-1],o=a!==null&&n?.role==="user"?[...a,{id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:a;o!==null&&M(e,o)}finally{s?.aborted||Z(!1)}},[M,V,L]),{openForm:xe}=ze.useChatForm(),Te=We.useWidget();return t.useImperativeHandle(l.chatFunctionsRef,()=>({submitMessage:D,updateInputMessage(e){k(e)},clearChat:oe,openForm:e=>{Te?.setView("chat"),xe(e,void 0)},focusInput:()=>{ae.current?.focus()}})),{messages:A,sendMessage:O,addToolApprovalResponse:ke,isLoading:se,isStreaming:re,isBusy:ne,error:Ee,setError:E,isSubmitDisabled:B,input:v,handleInputChange:pe,handleInputKeyDown:we,handleSubmit:D,stop:L,clear:oe,inputRef:ae,isMobile:Ae,messageAttachments:be,setMessageAttachments:I,selectedWorkflow:Ce,setSelectedWorkflow:N,isNewChat:Ie,conversationId:r,restoreSession:M,loadAndRestoreSession:qe,isSessionLoading:ve,sessionToken:q,refreshSession:x,getCaptchaHeader:b,invalidateCaptcha:u}};exports.DEFAULT_ERROR_MESSAGE=$;exports.useInkeepChat=Qe;
+It seems I might be having some issues right now. Please clear the chat and try again.`,Ve=()=>{const{baseSettings:g,aiChatSettings:l}=Be.useInkeepConfig(),[s="",d]=je.useControllableState({prop:l.conversationId,defaultProp:l.conversationId??""}),ue=Oe.useModal(),le=Fe.useOptionalChatBubble(),de=Ue.useOptionalSidebarChat(),{logEvent:p}=ze.useBaseEvents(),{setConversationId:pe,emitToParent:C}=Ge.useStreamingEvents(),z=t.useRef(s);t.useEffect(()=>{const e=z.current;z.current=s,e!==s&&p({eventName:"chat_conversation_changed",properties:{conversationId:s,previousConversationId:e}})},[s,p]);const[v,k]=t.useState(""),fe=e=>k(e.target.value),{shouldBypassCaptcha:W,filters:K,privacyPreferences:ge}=g,{onInputMessageChange:he,filters:j,baseUrl:S,agentUrl:me,context:G,headers:J,appId:y,apiKey:f}=l,ve=ue?.isOpen??le?.isOpen??de?.isOpen??!0,{getCaptchaHeader:b,invalidate:u}=De.useCaptcha({baseUrl:S,shouldBypassCaptcha:W||!!f,shouldMakeInitialRequest:ve}),Q=t.useRef(b);Q.current=b;const V=me||`${S}/run/api/chat`,{sessionToken:q,refreshSession:x}=He.useAnonymousSession({baseUrl:S,appId:y,getCaptchaHeader:b,invalidateCaptcha:u,optOutAllAnalytics:ge?.optOutAllAnalytics}),{loadConversation:Z}=$e.useConversationLoader({baseUrl:S,appId:y,authToken:f??q,getCaptchaHeader:b,invalidateCaptcha:u,refreshSession:f?void 0:x}),[ye,X]=t.useState(!1),R=t.useRef(null);R.current=q;const h=t.useRef(0),Y=t.useRef(null),T=t.useRef(null),ee=t.useRef(J);ee.current=J;const _=t.useRef(void 0);_.current=K||j?JSON.stringify({...K,...j}):void 0;const be=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${g.organizationDisplayName??"Administrator"}`;default:return $}},[Ce,I]=t.useState([]),[Se,N]=t.useState(null),Re=t.useMemo(()=>new Pe.DefaultChatTransport({api:V,headers:()=>({"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),...y?{"x-inkeep-app-id":y}:{},...R.current?{Authorization:`Bearer ${R.current}`}:{},...f?{Authorization:`Bearer ${f}`}:{},..._.current?{"inkeep-filters":_.current}:{},...ee.current}),prepareSendMessagesRequest:async e=>{const r=await Q.current();return{body:{...e.body,id:e.id,messages:e.messages,trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...r}}},body:{requestContext:G}}),[V,G,y,f]),{messages:A,sendMessage:P,addToolApprovalResponse:O,status:te,setMessages:m,stop:se,error:F}=Ne.useChat({transport:Re,onData(e){C(e.type,e.data)},async onFinish(){C("completion",{conversationId:s}),await p({eventName:"assistant_message_received",properties:{conversationId:s}}),p({eventName:"assistant_answer_displayed",properties:{conversationId:s}})},onError(e){console.error("onError",{code:e.code,message:e.message});const r=W||f?null:Qe(e);if(r!==null&&h.current<1){h.current++;const a=T.current,n=Y.current;(async()=>{if(r==="session"){const c=await x();c&&(R.current=c)}else u();if(a){O(a);return}n&&(m(c=>{let i=[...c];return i.at(-1)?.role==="assistant"&&(i=i.slice(0,-1)),i.at(-1)?.role==="user"&&(i=i.slice(0,-1)),i}),P({text:n.content},{body:n.body}))})().catch(()=>{h.current=0,u(),m(c=>{const i=[...c],H=i[i.length-1];if(!H)return i;const ce=$;return H.role==="user"?i.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:ce}]}):H.parts=[{type:"text",text:ce}],i})});return}h.current=0,r!==null&&u(),p({eventName:"chat_error",properties:{conversationId:s,error:e.message}}),m(a=>{const n=[...a],o=n[n.length-1];if(o){const c=be(e);o.role==="user"?n.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:c}]}):o.parts=[{type:"text",text:c}]}return n})}}),re=te==="submitted",U=te==="streaming",Ie=t.useMemo(()=>{const e=o=>{if(!o||typeof o!="object")return!1;const c=o;return typeof c.type=="string"&&c.type.startsWith("tool-")},a=[...A??[]].reverse().find(o=>o.role==="assistant");if(!a)return!1;const n=a.parts?.at(-1);return!(!e(n)||n.state!=="output-available"||!n.approval?.id||U)},[A,U]),ne=U||Ie,ae=re||ne,Ae=A.length===0,B=!v.trim()||ae,Ee=Le.useMediaQuery("(max-width: 768px)"),[Me,E]=t.useState(null);t.useEffect(()=>{F&&E(F)},[F]);const we=()=>E(null),oe=t.useRef(null);t.useEffect(()=>{he?.(v)},[v]);const ke=e=>{e.key==="Enter"&&!e.shiftKey&&!B&&!e.nativeEvent.isComposing&&(e.preventDefault(),D())},D=async(e=v)=>{if(B&&(!e||e.trim().length===0))return;I([]),k(""),h.current=0,T.current=null,await p({eventName:"user_message_submitted",properties:{conversationId:s}});let r=s;r||(r=`conv_${w.generateUid(16)}`,d(r)),pe(r),Y.current={content:e,body:{conversationId:r}},P({text:e},{body:{conversationId:r}})},qe=t.useCallback(e=>{h.current=0,T.current=e,O(e)},[O]),L=t.useCallback(()=>{se().then(()=>{C("aborted",{conversationId:s})})},[se,s,C]),ie=()=>{we(),m([]),d(""),I([]),N(null),u(),p({eventName:"chat_clear_button_clicked",properties:{conversationId:s}})},M=t.useCallback((e,r)=>{E(null),m(r),d(e),I([]),N(null),u()},[m,d,u]),xe=t.useCallback(async(e,r)=>{L(),M(e,[]),X(!0);try{const a=await Z(e,r),n=a?.[a.length-1],o=a!==null&&n?.role==="user"?[...a,{id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:a;o!==null&&M(e,o)}finally{r?.aborted||X(!1)}},[M,Z,L]),{openForm:Te}=We.useChatForm(),_e=Ke.useWidget();return t.useImperativeHandle(l.chatFunctionsRef,()=>({submitMessage:D,updateInputMessage(e){k(e)},clearChat:ie,openForm:e=>{_e?.setView("chat"),Te(e,void 0)},focusInput:()=>{oe.current?.focus()}})),{messages:A,sendMessage:P,addToolApprovalResponse:qe,isLoading:re,isStreaming:ne,isBusy:ae,error:Me,setError:E,isSubmitDisabled:B,input:v,handleInputChange:fe,handleInputKeyDown:ke,handleSubmit:D,stop:L,clear:ie,inputRef:oe,isMobile:Ee,messageAttachments:Ce,setMessageAttachments:I,selectedWorkflow:Se,setSelectedWorkflow:N,isNewChat:Ae,conversationId:s,restoreSession:M,loadAndRestoreSession:xe,isSessionLoading:ye,sessionToken:q,refreshSession:x,getCaptchaHeader:b,invalidateCaptcha:u}};exports.DEFAULT_ERROR_MESSAGE=$;exports.useInkeepChat=Ve;

package/dist/primitives/components/embedded-chat/use-inkeep-chat.js

@@ -1,97 +1,108 @@
 "use client";
-import { useChat as De } from "@ai-sdk/react";
-import { DefaultChatTransport as Pe } from "ai";
-import { useState as C, useRef as l, useMemo as le, useEffect as ue, useCallback as E, useImperativeHandle as He } from "react";
-import { useModal as Le } from "../modal/modal-provider.js";
-import { useOptionalChatBubble as Ue } from "../../providers/chat-bubble-provider.js";
-import { useOptionalSidebarChat as $e } from "../../providers/sidebar-chat-provider.js";
-import { useInkeepConfig as ze } from "../../providers/config-provider.js";
-import { useCaptcha as We } from "./use-captcha.js";
-import { useMediaQuery as qe } from "../../hooks/use-media-query.js";
-import { useAnonymousSession as Ke } from "../../hooks/use-anonymous-session.js";
-import { useConversationLoader as Je } from "../../hooks/use-conversation-loader.js";
+import { useChat as Pe } from "@ai-sdk/react";
+import { DefaultChatTransport as He } from "ai";
+import { useRef as l, useEffect as q, useState as C, useMemo as pe, useCallback as E, useImperativeHandle as Le } from "react";
+import { useModal as Ue } from "../modal/modal-provider.js";
+import { useOptionalChatBubble as $e } from "../../providers/chat-bubble-provider.js";
+import { useOptionalSidebarChat as ze } from "../../providers/sidebar-chat-provider.js";
+import { useInkeepConfig as We } from "../../providers/config-provider.js";
+import { useCaptcha as qe } from "./use-captcha.js";
+import { useMediaQuery as Ke } from "../../hooks/use-media-query.js";
+import { useAnonymousSession as Je } from "../../hooks/use-anonymous-session.js";
+import { useConversationLoader as je } from "../../hooks/use-conversation-loader.js";
 import { generateUid as k } from "../../utils/generate-uid.js";
-import { useBaseEvents as je } from "../../providers/base-events-provider.js";
-import { useChatForm as Ge } from "../../providers/chat-form-provider.js";
-import { useWidget as Qe } from "../../providers/widget-provider.js";
-import { useControllableState as Ve } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as Ze } from "../../hooks/use-streaming-events.js";
-import { parseAuthError as Xe } from "../../hooks/use-inkeep-api-client.js";
-function Ye(d) {
-  const u = d.message ?? "";
-  let s = Number(d.code) || Number(d.statusCode);
-  if (Number.isNaN(s))
+import { useBaseEvents as Ge } from "../../providers/base-events-provider.js";
+import { useChatForm as Qe } from "../../providers/chat-form-provider.js";
+import { useWidget as Ve } from "../../providers/widget-provider.js";
+import { useControllableState as Ze } from "@radix-ui/react-use-controllable-state";
+import { useStreamingEvents as Xe } from "../../hooks/use-streaming-events.js";
+import { parseAuthError as Ye } from "../../hooks/use-inkeep-api-client.js";
+function et(f) {
+  const u = f.message ?? "";
+  let t = Number(f.code) || Number(f.statusCode);
+  if (Number.isNaN(t))
     try {
-      s = Number(JSON.parse(u).status);
+      t = Number(JSON.parse(u).status);
     } catch {
     }
-  const p = Xe(s, { detail: u });
-  return p !== null ? p : s === 401 ? "session" : null;
+  const p = Ye(t, { detail: u });
+  return p !== null ? p : t === 401 ? "session" : null;
 }
-const pe = `Hmm.. 
+const me = `Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`, vt = () => {
-  const { baseSettings: d, aiChatSettings: u } = ze(), [s = "", p] = Ve({
+It seems I might be having some issues right now. Please clear the chat and try again.`, bt = () => {
+  const { baseSettings: f, aiChatSettings: u } = We(), [t = "", p] = Ze({
     prop: u.conversationId,
     defaultProp: u.conversationId ?? ""
-  }), me = Le(), de = Ue(), fe = $e(), { logEvent: h } = je(), { setConversationId: ge, emitToParent: S } = Ze(), [y, N] = C(""), he = (e) => N(e.target.value), { shouldBypassCaptcha: q, filters: K, privacyPreferences: ye } = d, {
-    onInputMessageChange: ve,
-    filters: J,
+  }), de = Ue(), fe = $e(), ge = ze(), { logEvent: m } = Ge(), { setConversationId: he, emitToParent: S } = Xe(), K = l(t);
+  q(() => {
+    const e = K.current;
+    K.current = t, e !== t && m({
+      eventName: "chat_conversation_changed",
+      properties: {
+        conversationId: t,
+        previousConversationId: e
+      }
+    });
+  }, [t, m]);
+  const [v, N] = C(""), ve = (e) => N(e.target.value), { shouldBypassCaptcha: J, filters: j, privacyPreferences: ye } = f, {
+    onInputMessageChange: be,
+    filters: G,
     baseUrl: I,
-    agentUrl: be,
-    context: j,
-    headers: G,
-    appId: v,
-    apiKey: m
-  } = u, Ce = me?.isOpen ?? de?.isOpen ?? fe?.isOpen ?? !0, { getCaptchaHeader: b, invalidate: c } = We({
+    agentUrl: Ce,
+    context: Q,
+    headers: V,
+    appId: y,
+    apiKey: d
+  } = u, Se = de?.isOpen ?? fe?.isOpen ?? ge?.isOpen ?? !0, { getCaptchaHeader: b, invalidate: c } = qe({
     baseUrl: I,
-    shouldBypassCaptcha: q || !!m,
-    shouldMakeInitialRequest: Ce
-  }), Q = l(b);
-  Q.current = b;
-  const V = be || `${I}/run/api/chat`, { sessionToken: T, refreshSession: O } = Ke({
+    shouldBypassCaptcha: J || !!d,
+    shouldMakeInitialRequest: Se
+  }), Z = l(b);
+  Z.current = b;
+  const X = Ce || `${I}/run/api/chat`, { sessionToken: T, refreshSession: _ } = Je({
     baseUrl: I,
-    appId: v,
+    appId: y,
     getCaptchaHeader: b,
     invalidateCaptcha: c,
     optOutAllAnalytics: ye?.optOutAllAnalytics
-  }), { loadConversation: Z } = Je({
+  }), { loadConversation: Y } = je({
     baseUrl: I,
-    appId: v,
-    authToken: m ?? T,
+    appId: y,
+    authToken: d ?? T,
     getCaptchaHeader: b,
     invalidateCaptcha: c,
     // Only pass refreshSession for anonymous-session flows; API key auth has no token to refresh.
-    refreshSession: m ? void 0 : O
-  }), [Se, X] = C(!1), w = l(null);
+    refreshSession: d ? void 0 : _
+  }), [Ie, ee] = C(!1), w = l(null);
   w.current = T;
-  const f = l(0), Y = l(null), _ = l(null), ee = l(G);
-  ee.current = G;
+  const g = l(0), te = l(null), O = l(null), se = l(V);
+  se.current = V;
   const F = l(void 0);
-  F.current = K || J ? JSON.stringify({ ...K, ...J }) : void 0;
-  const Ie = (e) => {
+  F.current = j || G ? JSON.stringify({ ...j, ...G }) : void 0;
+  const we = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
       case 403:
-        return `There seems to be a configuration error. Please contact ${d.organizationDisplayName ?? "Administrator"}`;
+        return `There seems to be a configuration error. Please contact ${f.organizationDisplayName ?? "Administrator"}`;
       default:
-        return pe;
+        return me;
     }
-  }, [we, A] = C([]), [Ae, B] = C(null), Me = le(
-    () => new Pe({
-      api: V,
+  }, [Ae, A] = C([]), [Re, B] = C(null), Me = pe(
+    () => new He({
+      api: X,
       headers: () => ({
         "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
         "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
-        ...v ? { "x-inkeep-app-id": v } : {},
+        ...y ? { "x-inkeep-app-id": y } : {},
         ...w.current ? { Authorization: `Bearer ${w.current}` } : {},
-        ...m ? { Authorization: `Bearer ${m}` } : {},
+        ...d ? { Authorization: `Bearer ${d}` } : {},
         ...F.current ? { "inkeep-filters": F.current } : {},
-        ...ee.current
+        ...se.current
       }),
       prepareSendMessagesRequest: async (e) => {
-        const t = await Q.current();
+        const s = await Z.current();
         return {
           body: {
             ...e.body,
@@ -102,50 +113,50 @@ It seems I might be having some issues right now. Please clear the chat and try
           },
           headers: {
             ...e.headers,
-            ...t
+            ...s
           }
         };
       },
       body: {
-        requestContext: j
+        requestContext: Q
       }
     }),
-    [V, j, v, m]
+    [X, Q, y, d]
   ), {
-    messages: M,
+    messages: R,
     sendMessage: D,
     addToolApprovalResponse: P,
-    status: te,
-    setMessages: g,
-    stop: se,
+    status: re,
+    setMessages: h,
+    stop: ne,
     error: H
-  } = De({
+  } = Pe({
     transport: Me,
     onData(e) {
       S(e.type, e.data);
     },
     async onFinish() {
-      S("completion", { conversationId: s }), await h({
+      S("completion", { conversationId: t }), await m({
         eventName: "assistant_message_received",
         properties: {
-          conversationId: s
+          conversationId: t
         }
-      }), h({
+      }), m({
         eventName: "assistant_answer_displayed",
         properties: {
-          conversationId: s
+          conversationId: t
         }
       });
     },
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
-      const t = q || m ? null : Ye(e);
-      if (t !== null && f.current < 1) {
-        f.current++;
-        const n = _.current, r = Y.current;
+      const s = J || d ? null : et(e);
+      if (s !== null && g.current < 1) {
+        g.current++;
+        const n = O.current, r = te.current;
         (async () => {
-          if (t === "session") {
-            const i = await O();
+          if (s === "session") {
+            const i = await _();
             i && (w.current = i);
           } else
             c();
@@ -153,34 +164,34 @@ It seems I might be having some issues right now. Please clear the chat and try
             P(n);
             return;
           }
-          r && (g((i) => {
+          r && (h((i) => {
             let a = [...i];
             return a.at(-1)?.role === "assistant" && (a = a.slice(0, -1)), a.at(-1)?.role === "user" && (a = a.slice(0, -1)), a;
           }), D({ text: r.content }, { body: r.body }));
         })().catch(() => {
-          f.current = 0, c(), g((i) => {
+          g.current = 0, c(), h((i) => {
             const a = [...i], W = a[a.length - 1];
             if (!W) return a;
-            const ce = pe;
+            const ue = me;
             return W.role === "user" ? a.push({
               id: k(16),
               role: "assistant",
-              parts: [{ type: "text", text: ce }]
-            }) : W.parts = [{ type: "text", text: ce }], a;
+              parts: [{ type: "text", text: ue }]
+            }) : W.parts = [{ type: "text", text: ue }], a;
           });
         });
         return;
       }
-      f.current = 0, t !== null && c(), h({
+      g.current = 0, s !== null && c(), m({
         eventName: "chat_error",
         properties: {
-          conversationId: s,
+          conversationId: t,
           error: e.message
         }
-      }), g((n) => {
+      }), h((n) => {
         const r = [...n], o = r[r.length - 1];
         if (o) {
-          const i = Ie(e);
+          const i = we(e);
           o.role === "user" ? r.push({
             id: k(16),
             role: "assistant",
@@ -190,127 +201,127 @@ It seems I might be having some issues right now. Please clear the chat and try
         return r;
       });
     }
-  }), re = te === "submitted", L = te === "streaming", Re = le(() => {
+  }), oe = re === "submitted", L = re === "streaming", xe = pe(() => {
     const e = (o) => {
       if (!o || typeof o != "object") return !1;
       const i = o;
       return typeof i.type == "string" && i.type.startsWith("tool-");
-    }, n = [...M ?? []].reverse().find((o) => o.role === "assistant");
+    }, n = [...R ?? []].reverse().find((o) => o.role === "assistant");
     if (!n) return !1;
     const r = n.parts?.at(-1);
     return !(!e(r) || r.state !== "output-available" || !r.approval?.id || L);
-  }, [M, L]), ne = L || Re, oe = re || ne, xe = M.length === 0, U = !y.trim() || oe, Ee = qe("(max-width: 768px)"), [ke, R] = C(null);
-  ue(() => {
-    H && R(H);
+  }, [R, L]), ae = L || xe, ie = oe || ae, Ee = R.length === 0, U = !v.trim() || ie, ke = Ke("(max-width: 768px)"), [Ne, M] = C(null);
+  q(() => {
+    H && M(H);
   }, [H]);
-  const Ne = () => R(null), ae = l(null);
-  ue(() => {
-    ve?.(y);
-  }, [y]);
-  const Te = (e) => {
+  const Te = () => M(null), ce = l(null);
+  q(() => {
+    be?.(v);
+  }, [v]);
+  const _e = (e) => {
     e.key === "Enter" && !e.shiftKey && !U && !e.nativeEvent.isComposing && (e.preventDefault(), $());
-  }, $ = async (e = y) => {
+  }, $ = async (e = v) => {
     if (U && (!e || e.trim().length === 0)) return;
-    A([]), N(""), f.current = 0, _.current = null, await h({
+    A([]), N(""), g.current = 0, O.current = null, await m({
       eventName: "user_message_submitted",
       properties: {
-        conversationId: s
+        conversationId: t
       }
     });
-    let t = s;
-    t || (t = `conv_${k(16)}`, p(t)), ge(t), Y.current = {
+    let s = t;
+    s || (s = `conv_${k(16)}`, p(s)), he(s), te.current = {
       content: e,
-      body: { conversationId: t }
+      body: { conversationId: s }
     }, D(
       { text: e },
       {
-        body: { conversationId: t }
+        body: { conversationId: s }
       }
     );
   }, Oe = E(
     (e) => {
-      f.current = 0, _.current = e, P(e);
+      g.current = 0, O.current = e, P(e);
     },
     [P]
   ), z = E(() => {
-    se().then(() => {
-      S("aborted", { conversationId: s });
+    ne().then(() => {
+      S("aborted", { conversationId: t });
     });
-  }, [se, s, S]), ie = () => {
-    Ne(), g([]), p(""), A([]), B(null), c(), h({
+  }, [ne, t, S]), le = () => {
+    Te(), h([]), p(""), A([]), B(null), c(), m({
       eventName: "chat_clear_button_clicked",
       properties: {
-        conversationId: s
+        conversationId: t
       }
     });
   }, x = E(
-    (e, t) => {
-      R(null), g(t), p(e), A([]), B(null), c();
+    (e, s) => {
+      M(null), h(s), p(e), A([]), B(null), c();
     },
-    [g, p, c]
-  ), _e = E(
-    async (e, t) => {
-      z(), x(e, []), X(!0);
+    [h, p, c]
+  ), Fe = E(
+    async (e, s) => {
+      z(), x(e, []), ee(!0);
       try {
-        const n = await Z(e, t), r = n?.[n.length - 1], o = n !== null && r?.role === "user" ? [...n, {
+        const n = await Y(e, s), r = n?.[n.length - 1], o = n !== null && r?.role === "user" ? [...n, {
           id: k(16),
           role: "assistant",
           parts: [{ type: "text", text: "This session was interrupted. Please check back in a few minutes or start a new conversation." }]
         }] : n;
         o !== null && x(e, o);
       } finally {
-        t?.aborted || X(!1);
+        s?.aborted || ee(!1);
       }
     },
-    [x, Z, z]
-  ), { openForm: Fe } = Ge(), Be = Qe();
-  return He(u.chatFunctionsRef, () => ({
+    [x, Y, z]
+  ), { openForm: Be } = Qe(), De = Ve();
+  return Le(u.chatFunctionsRef, () => ({
     submitMessage: $,
     updateInputMessage(e) {
       N(e);
     },
-    clearChat: ie,
+    clearChat: le,
     openForm: (e) => {
-      Be?.setView("chat"), Fe(e, void 0);
+      De?.setView("chat"), Be(e, void 0);
     },
     focusInput: () => {
-      ae.current?.focus();
+      ce.current?.focus();
     }
   })), {
-    messages: M,
+    messages: R,
     sendMessage: D,
     addToolApprovalResponse: Oe,
-    isLoading: re,
-    isStreaming: ne,
-    isBusy: oe,
-    error: ke,
-    setError: R,
+    isLoading: oe,
+    isStreaming: ae,
+    isBusy: ie,
+    error: Ne,
+    setError: M,
     isSubmitDisabled: U,
-    input: y,
-    handleInputChange: he,
-    handleInputKeyDown: Te,
+    input: v,
+    handleInputChange: ve,
+    handleInputKeyDown: _e,
     handleSubmit: $,
     stop: z,
-    clear: ie,
-    inputRef: ae,
-    isMobile: Ee,
+    clear: le,
+    inputRef: ce,
+    isMobile: ke,
     // Additional state for attachments and workflow
-    messageAttachments: we,
+    messageAttachments: Ae,
     setMessageAttachments: A,
-    selectedWorkflow: Ae,
+    selectedWorkflow: Re,
     setSelectedWorkflow: B,
-    isNewChat: xe,
-    conversationId: s,
+    isNewChat: Ee,
+    conversationId: t,
     restoreSession: x,
-    loadAndRestoreSession: _e,
-    isSessionLoading: Se,
+    loadAndRestoreSession: Fe,
+    isSessionLoading: Ie,
     sessionToken: T,
-    refreshSession: O,
+    refreshSession: _,
     getCaptchaHeader: b,
     invalidateCaptcha: c
   };
 };
 export {
-  pe as DEFAULT_ERROR_MESSAGE,
-  vt as useInkeepChat
+  me as DEFAULT_ERROR_MESSAGE,
+  bt as useInkeepChat
 };

package/dist/primitives/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.18",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.20",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;

package/dist/primitives/providers/base-events-provider.js

@@ -5,7 +5,7 @@ import { useInkeepConfig as g } from "./config-provider.js";
 const a = d(void 0), P = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = g(), { tags: s, analyticsProperties: n } = t, r = u(
     () => ({
-      widgetLibraryVersion: "0.15.18",
+      widgetLibraryVersion: "0.15.20",
       componentType: o,
       tags: s
     }),

package/dist/types/events.d.ts

@@ -43,7 +43,7 @@ type ExtendPropertiesWithCommon<T> = T extends {
 export type InkeepEventWithCommon = ExtendPropertiesWithCommon<InkeepEvent>;
 export type InkeepCallbackEvent = InkeepEventWithCommon;
 export type SearchEvent = SearchQueryResponseReceivedEvent | SearchQuerySubmittedEvent | SearchResultClickedEvent;
-export type ChatEvent = AssistantMessageReceivedEvent | AssistantAnswerDisplayedEvent | UserMessageSubmittedEvent | UserEscalationIndicatedEvent | SharedChatLoadedEvent | AssistantPositiveFeedbackSubmittedEvent | AssistantNegativeFeedbackSubmittedEvent | ChatClearButtonClickedEvent | AssistantMessageCopiedEvent | GetHelpOptionClickedEvent | ChatShareButtonClickedEvent | AssistantSourceItemClickedEvent | AssistantMessageLinkOpenedEvent | AssistantCodeBlockCopiedEvent | ChatErrorEvent;
+export type ChatEvent = AssistantMessageReceivedEvent | AssistantAnswerDisplayedEvent | UserMessageSubmittedEvent | UserEscalationIndicatedEvent | SharedChatLoadedEvent | AssistantPositiveFeedbackSubmittedEvent | AssistantNegativeFeedbackSubmittedEvent | ChatClearButtonClickedEvent | ChatConversationChangedEvent | AssistantMessageCopiedEvent | GetHelpOptionClickedEvent | ChatShareButtonClickedEvent | AssistantSourceItemClickedEvent | AssistantMessageLinkOpenedEvent | AssistantCodeBlockCopiedEvent | ChatErrorEvent;
 export type WidgetEvent = ModalOpenedEvent | ModalClosedEvent | ChatBubbleOpenedEvent | ChatBubbleClosedEvent;
 export type InkeepEvent = SearchEvent | ChatEvent | WidgetEvent;
 export interface AssistantMessageReceivedEvent {
@@ -104,6 +104,13 @@ export interface ChatClearButtonClickedEvent {
         conversationId: string;
     };
 }
+export interface ChatConversationChangedEvent {
+    eventName: 'chat_conversation_changed';
+    properties: {
+        conversationId: string;
+        previousConversationId: string;
+    };
+}
 export interface ChatShareButtonClickedEvent {
     eventName: 'chat_share_button_clicked';
     properties: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.15.18",
+  "version": "0.15.20",
   "description": "",
   "homepage": "",
   "repository": {