@inkeep/agents-ui 0.14.12 → 0.14.14

package/dist/index.d.cts

@@ -1225,17 +1225,7 @@ export declare const dataAttr: (guard: boolean | undefined) => Booleanish;
 
 declare type DataParts = {
     operation: {
-        type:
-        | 'error'
-        | 'agent_initializing'
-        | 'completion'
-        | 'agent_generate'
-        | 'agent_reasoning'
-        | 'tool_execution'
-        | 'transfer'
-        | 'delegation_sent'
-        | 'delegation_returned'
-        | 'artifact_saved'
+        type: OperationType
         ctx: Record<string, unknown>
         message?: string
         label?: string
@@ -3851,6 +3841,19 @@ export declare const ModalProvider: React.FC<{
 
 declare type OnLoadingStatusChange = AvatarPrimitive.AvatarImageProps['onLoadingStatusChange'];
 
+declare type OperationType =
+| 'error'
+| 'agent_initializing'
+| 'completion'
+| 'agent_generate'
+| 'agent_reasoning'
+| 'tool_call'
+| 'tool_result'
+| 'transfer'
+| 'delegation_sent'
+| 'delegation_returned'
+| 'artifact_saved'
+
 declare const Overlay: React_2.ForwardRefExoticComponent<DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface PolymorphicProps {

package/dist/index.d.ts

@@ -1225,17 +1225,7 @@ export declare const dataAttr: (guard: boolean | undefined) => Booleanish;
 
 declare type DataParts = {
     operation: {
-        type:
-        | 'error'
-        | 'agent_initializing'
-        | 'completion'
-        | 'agent_generate'
-        | 'agent_reasoning'
-        | 'tool_execution'
-        | 'transfer'
-        | 'delegation_sent'
-        | 'delegation_returned'
-        | 'artifact_saved'
+        type: OperationType
         ctx: Record<string, unknown>
         message?: string
         label?: string
@@ -3851,6 +3841,19 @@ export declare const ModalProvider: React.FC<{
 
 declare type OnLoadingStatusChange = AvatarPrimitive.AvatarImageProps['onLoadingStatusChange'];
 
+declare type OperationType =
+| 'error'
+| 'agent_initializing'
+| 'completion'
+| 'agent_generate'
+| 'agent_reasoning'
+| 'tool_call'
+| 'tool_result'
+| 'transfer'
+| 'delegation_sent'
+| 'delegation_returned'
+| 'artifact_saved'
+
 declare const Overlay: React_2.ForwardRefExoticComponent<DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface PolymorphicProps {

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"),T=require("react"),m=require("@radix-ui/primitive"),P=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"),f=require("@radix-ui/react-primitive"),U=require("@radix-ui/react-focus-guards"),V=require("react-remove-scroll"),Y=require("aria-hidden"),Z=require("@radix-ui/react-slot");function J(e){const r=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(r,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const c=J(T),x="Dialog",[N,Q]=H.createContextScope(x),[X,l]=N(x),O=e=>{const{__scopeDialog:r,children:o,open:s,defaultOpen:n,onOpenChange:t,modal:a=!0}=e,u=c.useRef(null),p=c.useRef(null),[g=!1,D]=W.useControllableState({prop:s,defaultProp:n??!1,onChange:t});return i.jsx(X,{scope:r,triggerRef:u,contentRef:p,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:g,onOpenChange:D,onOpenToggle:c.useCallback(()=>D(G=>!G),[D]),modal:a,children:o})};O.displayName=x;const M="DialogTrigger",S=c.forwardRef((e,r)=>{const{__scopeDialog:o,...s}=e,n=l(M,o),t=P.useComposedRefs(r,n.triggerRef);return i.jsx(f.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":j(n.open),...s,ref:t,onClick:m.composeEventHandlers(e.onClick,n.onOpenToggle)})});S.displayName=M;const v="DialogPortal",[$,q]=N(v,{forceMount:void 0}),y=e=>{const{__scopeDialog:r,forceMount:o,children:s,container:n}=e,t=l(v,r);return i.jsx($,{scope:r,forceMount:o,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:o||t.open,children:i.jsx(K.Portal,{asChild:!0,container:n,children:a})}))})};y.displayName=v;const C="DialogOverlay",E=c.forwardRef((e,r)=>{const o=q(C,e.__scopeDialog),{forceMount:s=o.forceMount,...n}=e,t=l(C,e.__scopeDialog);return t.modal?i.jsx(_.Presence,{present:s||t.open,children:i.jsx(ee,{...n,ref:r})}):null});E.displayName=C;const ee=c.forwardRef((e,r)=>{const{__scopeDialog:o,...s}=e,n=l(C,o);return i.jsx(V.RemoveScroll,{as:Z.Slot,allowPinchZoom:!0,shards:[n.contentRef],gapMode:"padding",removeScrollBar:!0,children:i.jsx(f.Primitive.div,{"data-state":j(n.open),...s,ref:r,style:{pointerEvents:"auto",...s.style}})})}),d="DialogContent",h=c.forwardRef((e,r)=>{const o=q(d,e.__scopeDialog),{forceMount:s=o.forceMount,...n}=e,t=l(d,e.__scopeDialog);return i.jsx(_.Presence,{present:s||t.open,children:t.modal?i.jsx(te,{...n,ref:r}):i.jsx(oe,{...n,ref:r})})});h.displayName=d;const te=c.forwardRef((e,r)=>{const o=l(d,e.__scopeDialog),s=c.useRef(null),n=P.useComposedRefs(r,o.contentRef,s);return c.useEffect(()=>{const t=s.current;if(t){const a=document.querySelectorAll("[data-ikp-component]");return Y.hideOthers([t,...Array.from(a)])}},[]),i.jsx(A,{...e,ref:n,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,r)=>{const o=l(d,e.__scopeDialog),s=c.useRef(!1),n=c.useRef(!1);return i.jsx(A,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(s.current=!0,t.detail.originalEvent.type==="pointerdown"&&(n.current=!0));const a=t.target;o.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type==="focusin"&&n.current&&t.preventDefault()}})}),A=c.forwardRef((e,r)=>{const{__scopeDialog:o,trapFocus:s,onOpenAutoFocus:n,onCloseAutoFocus:t,...a}=e,u=l(d,o),p=c.useRef(null),g=P.useComposedRefs(r,p);return U.useFocusGuards(),T.useEffect(()=>{if(s)return B.trapFocus(p.current,{preventScroll:!0,onActivate:n,onDeactivate:t,initialFocus:!1})},[]),i.jsx(z.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":j(u.open),...a,ref:g,onDismiss:()=>u.onOpenChange(!1)})}),w="DialogTitle",I=c.forwardRef((e,r)=>{const{__scopeDialog:o,...s}=e,n=l(w,o);return i.jsx(f.Primitive.h2,{id:n.titleId,...s,ref:r})});I.displayName=w;const k="DialogDescription",F=c.forwardRef((e,r)=>{const{__scopeDialog:o,...s}=e,n=l(k,o);return i.jsx(f.Primitive.p,{id:n.descriptionId,...s,ref:r})});F.displayName=k;const L="DialogClose",b=c.forwardRef((e,r)=>{const{__scopeDialog:o,...s}=e,n=l(L,o);return i.jsx(f.Primitive.button,{type:"button",...s,ref:r,onClick:m.composeEventHandlers(e.onClick,()=>n.onOpenChange(!1))})});b.displayName=L;function j(e){return e?"open":"closed"}const ne=O,re=y,se=E,ce=h,ie=I,ae=b;exports.Close=ae;exports.Content=ce;exports.Dialog=O;exports.DialogClose=b;exports.DialogContent=h;exports.DialogDescription=F;exports.DialogOverlay=E;exports.DialogPortal=y;exports.DialogTitle=I;exports.DialogTrigger=S;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(()=>{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;

package/dist/primitives/atoms/dialog.js

@@ -1,167 +1,165 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import * as i from "react";
-import { useEffect as G } 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";
 import { createContextScope as W } from "@radix-ui/react-context";
-import { useId as C } from "@radix-ui/react-id";
+import { useId as R } from "@radix-ui/react-id";
 import { useControllableState as $ } from "@radix-ui/react-use-controllable-state";
 import { DismissableLayer as j } from "@radix-ui/react-dismissable-layer";
 import { trapFocus as q } from "@zag-js/focus-trap";
 import { Portal as B } from "@radix-ui/react-portal";
 import { Presence as O } from "@radix-ui/react-presence";
-import { Primitive as d } from "@radix-ui/react-primitive";
+import { Primitive as g } from "@radix-ui/react-primitive";
 import { useFocusGuards as H } from "@radix-ui/react-focus-guards";
-import { RemoveScroll as K } from "react-remove-scroll";
-import { hideOthers as V } from "aria-hidden";
-import { Slot as Y } from "@radix-ui/react-slot";
-const P = "Dialog", [E, Co] = W(P), [Z, l] = E(P), I = (o) => {
-  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: t, modal: a = !0 } = o, p = i.useRef(null), u = i.useRef(null), [g = !1, m] = $({
+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] = $({
     prop: s,
     defaultProp: e ?? !1,
-    onChange: t
+    onChange: o
   });
   return /* @__PURE__ */ c(
-    Z,
+    z,
     {
       scope: n,
       triggerRef: p,
-      contentRef: u,
-      contentId: C(),
-      titleId: C(),
-      descriptionId: C(),
-      open: g,
-      onOpenChange: m,
-      onOpenToggle: i.useCallback(() => m((L) => !L), [m]),
+      contentRef: d,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: m,
+      onOpenChange: f,
+      onOpenToggle: i.useCallback(() => f((E) => !E), [f]),
       modal: a,
       children: r
     }
   );
 };
-I.displayName = P;
-const v = "DialogTrigger", z = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(v, r), t = _(n, e.triggerRef);
+x.displayName = P;
+const N = "DialogTrigger", J = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(N, r), o = _(n, e.triggerRef);
     return /* @__PURE__ */ c(
-      d.button,
+      g.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": e.open,
         "aria-controls": e.contentId,
-        "data-state": y(e.open),
+        "data-state": h(e.open),
         ...s,
-        ref: t,
-        onClick: D(o.onClick, e.onOpenToggle)
+        ref: o,
+        onClick: D(t.onClick, e.onOpenToggle)
       }
     );
   }
 );
-z.displayName = v;
-const h = "DialogPortal", [J, x] = E(h, {
+J.displayName = N;
+const y = "DialogPortal", [Q, w] = v(y, {
   forceMount: void 0
-}), N = (o) => {
-  const { __scopeDialog: n, forceMount: r, children: s, container: e } = o, t = l(h, n);
-  return /* @__PURE__ */ c(J, { scope: n, forceMount: r, children: i.Children.map(s, (a) => /* @__PURE__ */ c(O, { present: r || t.open, children: /* @__PURE__ */ c(B, { asChild: !0, container: e, children: a }) })) });
+}), 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 }) })) });
 };
-N.displayName = h;
-const R = "DialogOverlay", M = i.forwardRef(
-  (o, n) => {
-    const r = x(R, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(R, o.__scopeDialog);
-    return t.modal ? /* @__PURE__ */ c(O, { present: s || t.open, children: /* @__PURE__ */ c(Q, { ...e, ref: n }) }) : null;
+T.displayName = y;
+const C = "DialogOverlay", A = i.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;
   }
 );
-M.displayName = R;
-const Q = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(R, r);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ c(
-        K,
-        {
-          as: Y,
-          allowPinchZoom: !0,
-          shards: [e.contentRef],
-          gapMode: "padding",
-          removeScrollBar: !0,
-          children: /* @__PURE__ */ c(
-            d.div,
-            {
-              "data-state": y(e.open),
-              ...s,
-              ref: n,
-              style: { pointerEvents: "auto", ...s.style }
-            }
-          )
-        }
-      )
+A.displayName = C;
+const U = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(C, r), o = Y();
+    return I(() => {
+      o && V(o?.rootElement?.ownerDocument);
+    }, [o]), // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    // <RemoveScroll
+    //   as={Slot}
+    //   allowPinchZoom
+    // shards={[context.contentRef]}
+    //   gapMode="padding"
+    //   removeScrollBar={true}
+    // >
+    /* @__PURE__ */ c(
+      g.div,
+      {
+        "data-state": h(e.open),
+        ...s,
+        ref: n,
+        style: { pointerEvents: "auto", ...s.style }
+      }
     );
   }
-), f = "DialogContent", T = i.forwardRef(
-  (o, n) => {
-    const r = x(f, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(f, o.__scopeDialog);
-    return /* @__PURE__ */ c(O, { present: s || t.open, children: t.modal ? /* @__PURE__ */ c(U, { ...e, ref: n }) : /* @__PURE__ */ c(X, { ...e, ref: n }) });
+), u = "DialogContent", M = i.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 }) });
   }
 );
-T.displayName = f;
-const U = i.forwardRef(
-  (o, n) => {
-    const r = l(f, o.__scopeDialog), s = i.useRef(null), e = _(n, r.contentRef, s);
+M.displayName = u;
+const X = i.forwardRef(
+  (t, n) => {
+    const r = l(u, t.__scopeDialog), s = i.useRef(null), e = _(n, r.contentRef, s);
     return i.useEffect(() => {
-      const t = s.current;
-      if (t) {
+      const o = s.current;
+      if (o) {
         const a = document.querySelectorAll("[data-ikp-component]");
-        return V([t, ...Array.from(a)]);
+        return K([o, ...Array.from(a)]);
       }
     }, []), /* @__PURE__ */ c(
-      A,
+      b,
       {
-        ...o,
+        ...t,
         ref: e,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onPointerDownOutside: D(o.onPointerDownOutside, (t) => {
-          const a = t.detail.originalEvent, p = a.button === 0 && a.ctrlKey === !0;
-          (a.button === 2 || p) && t.preventDefault(), t.target.closest("[data-ikp-component]") && t.preventDefault();
+        onPointerDownOutside: D(t.onPointerDownOutside, (o) => {
+          const a = o.detail.originalEvent, p = a.button === 0 && a.ctrlKey === !0;
+          (a.button === 2 || p) && o.preventDefault(), o.target.closest("[data-ikp-component]") && o.preventDefault();
         }),
         onFocusOutside: D(
-          o.onFocusOutside,
-          (t) => t.preventDefault()
+          t.onFocusOutside,
+          (o) => o.preventDefault()
         )
       }
     );
   }
-), X = i.forwardRef(
-  (o, n) => {
-    const r = l(f, o.__scopeDialog), s = i.useRef(!1), e = i.useRef(!1);
+), Z = i.forwardRef(
+  (t, n) => {
+    const r = l(u, t.__scopeDialog), s = i.useRef(!1), e = i.useRef(!1);
     return /* @__PURE__ */ c(
-      A,
+      b,
       {
-        ...o,
+        ...t,
         ref: n,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
-        onInteractOutside: (t) => {
-          o.onInteractOutside?.(t), t.defaultPrevented || (s.current = !0, t.detail.originalEvent.type === "pointerdown" && (e.current = !0));
-          const a = t.target;
-          r.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
+        onInteractOutside: (o) => {
+          t.onInteractOutside?.(o), o.defaultPrevented || (s.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const a = o.target;
+          r.triggerRef.current?.contains(a) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
         }
       }
     );
   }
-), A = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: t, ...a } = o, p = l(f, r), u = i.useRef(null), g = _(n, u);
-    return H(), G(() => {
+), b = i.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);
+    return H(), I(() => {
       if (s)
-        return q(u.current, {
+        return q(d.current, {
           preventScroll: !0,
           onActivate: e,
-          onDeactivate: t,
-          initialFocus: !1
+          onDeactivate: o,
+          initialFocus: !1,
+          allowOutsideClick: (f) => !!f.target.closest("[data-ikp-component]")
         });
     }, []), /* @__PURE__ */ c(
       j,
@@ -170,60 +168,60 @@ const U = i.forwardRef(
         id: p.contentId,
         "aria-describedby": p.descriptionId,
         "aria-labelledby": p.titleId,
-        "data-state": y(p.open),
+        "data-state": h(p.open),
         ...a,
-        ref: g,
+        ref: m,
         onDismiss: () => p.onOpenChange(!1)
       }
     );
   }
-), b = "DialogTitle", w = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(b, r);
-    return /* @__PURE__ */ c(d.h2, { id: e.titleId, ...s, ref: n });
+), k = "DialogTitle", F = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(k, r);
+    return /* @__PURE__ */ c(g.h2, { id: e.titleId, ...s, ref: n });
   }
 );
-w.displayName = b;
-const k = "DialogDescription", oo = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(k, r);
-    return /* @__PURE__ */ c(d.p, { id: e.descriptionId, ...s, ref: n });
+F.displayName = k;
+const S = "DialogDescription", tt = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(S, r);
+    return /* @__PURE__ */ c(g.p, { id: e.descriptionId, ...s, ref: n });
   }
 );
-oo.displayName = k;
-const F = "DialogClose", S = i.forwardRef(
-  (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(F, r);
+tt.displayName = S;
+const L = "DialogClose", G = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(L, r);
     return /* @__PURE__ */ c(
-      d.button,
+      g.button,
       {
         type: "button",
         ...s,
         ref: n,
-        onClick: D(o.onClick, () => e.onOpenChange(!1))
+        onClick: D(t.onClick, () => e.onOpenChange(!1))
       }
     );
   }
 );
-S.displayName = F;
-function y(o) {
-  return o ? "open" : "closed";
+G.displayName = L;
+function h(t) {
+  return t ? "open" : "closed";
 }
-const _o = I, Oo = N, Po = M, ho = T, yo = w, Eo = S;
+const Rt = x, _t = T, Ot = A, Pt = M, yt = F, ht = G;
 export {
-  Eo as Close,
-  ho as Content,
-  I as Dialog,
-  S as DialogClose,
-  T as DialogContent,
-  oo as DialogDescription,
-  M as DialogOverlay,
-  N as DialogPortal,
-  w as DialogTitle,
-  z as DialogTrigger,
-  Po as Overlay,
-  Oo as Portal,
-  _o as Root,
-  yo as Title,
-  Co as createDialogScope
+  ht as Close,
+  Pt as Content,
+  x as Dialog,
+  G as DialogClose,
+  M as DialogContent,
+  tt as DialogDescription,
+  A as DialogOverlay,
+  T as DialogPortal,
+  F as DialogTitle,
+  J as DialogTrigger,
+  Ot as Overlay,
+  _t as Portal,
+  Rt as Root,
+  yt as Title,
+  Ct as createDialogScope
 };

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 X=require("@ai-sdk/react"),Y=require("ai"),t=require("react"),Z=require("../../providers/config-provider.cjs"),ee=require("../../hooks/use-media-query.cjs"),te=require("../../utils/generate-uid.cjs"),se=require("../../providers/base-events-provider.cjs"),ne=require("../../providers/chat-form-provider.cjs"),re=require("../../providers/widget-provider.cjs"),ae=require("@radix-ui/react-use-controllable-state"),oe=require("../../hooks/use-streaming-events.cjs"),q=`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`,ie=()=>{const{baseSettings:f,aiChatSettings:o}=Z.useInkeepConfig(),[n="",v]=ae.useControllableState({prop:o.conversationId,defaultProp:o.conversationId??""}),{logEvent:i}=se.useBaseEvents(),{setConversationId:F,emitStreamError:R}=oe.useStreamingEvents(),[a,u]=t.useState(""),k=e=>u(e.target.value),{filters:S}=f,{onInputMessageChange:A,filters:E,agentUrl:P,context:x,headers:D,apiKey:C}=o,N=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${f.organizationDisplayName??"Administrator"}`;default:return q}},[U,T]=t.useState({}),[B,l]=t.useState([]),[O,I]=t.useState(null),{messages:g,sendMessage:K,status:b,setMessages:y,stop:L,error:d}=X.useChat({transport:new Y.DefaultChatTransport({api:P,headers:{...C?{Authorization:`Bearer ${C}`}:{},...D},body:{requestContext:x}}),async onFinish(){await i({eventName:"assistant_message_received",properties:{conversationId:n}}),i({eventName:"assistant_answer_displayed",properties:{conversationId:n}})},onError(e){console.log("onError",e.message),R(e.message,void 0,e.code?.toString()),y(c=>{const r=[...c],s=r[r.length-1];return s&&(s.parts=[{type:"text",text:N(e)}]),r})}}),w=b==="submitted",W=b==="streaming",$=g.length===0,m=!a.trim()||w,z=ee.useMediaQuery("(max-width: 768px)"),[G,p]=t.useState(null);t.useEffect(()=>{d&&p(d)},[d]);const H=()=>p(null),M=t.useRef(null);t.useEffect(()=>{A?.(a)},[a]);const Q=e=>{e.key==="Enter"&&!e.shiftKey&&!m&&!e.nativeEvent.isComposing&&(e.preventDefault(),h())},h=async(e=a)=>{if(m&&(!e||e.trim().length===0))return;l([]),u(""),await i({eventName:"user_message_submitted",properties:{conversationId:n}});const c=S||E?JSON.stringify({...S,...E}):void 0,r={};c&&(r["inkeep-filters"]=c);let s=n;s||(s=`conv_${te.generateUid(16)}`,v(s)),F(s),K({text:e},{headers:r,body:{conversationId:s}})},j=()=>{L()},_=()=>{H(),y([]),v(""),T({}),l([]),I(null),i({eventName:"chat_clear_button_clicked",properties:{conversationId:n}})},{openForm:J}=ne.useChatForm(),V=re.useWidget();return t.useImperativeHandle(o.chatFunctionsRef,()=>({submitMessage:h,updateInputMessage(e){u(e)},clearChat:_,openForm:e=>{V?.setView("chat"),J(e,void 0)},focusInput:()=>{M.current?.focus()}})),{messages:g,isLoading:w,isStreaming:W,error:G,setError:p,isSubmitDisabled:m,input:a,handleInputChange:k,handleInputKeyDown:Q,handleSubmit:h,stop:j,clear:_,messageButtons:U,isEmpty:g.length===0,inputRef:M,isMobile:z,messageAttachments:B,setMessageAttachments:l,selectedWorkflow:O,setSelectedWorkflow:I,isNewChat:$,conversationId:n}};exports.DEFAULT_ERROR_MESSAGE=q;exports.useInkeepChat=ie;
+It seems I might be having some issues right now. Please clear the chat and try again.`,ie=()=>{const{baseSettings:f,aiChatSettings:o}=Z.useInkeepConfig(),[n="",v]=ae.useControllableState({prop:o.conversationId,defaultProp:o.conversationId??""}),{logEvent:i}=se.useBaseEvents(),{setConversationId:F,emitToParent:R}=oe.useStreamingEvents(),[a,u]=t.useState(""),P=e=>u(e.target.value),{filters:E}=f,{onInputMessageChange:k,filters:S,agentUrl:A,context:D,headers:x,apiKey:C}=o,N=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${f.organizationDisplayName??"Administrator"}`;default:return q}},[T,U]=t.useState({}),[B,l]=t.useState([]),[O,I]=t.useState(null),{messages:g,sendMessage:K,status:b,setMessages:y,stop:L,error:d}=X.useChat({transport:new Y.DefaultChatTransport({api:A,headers:{...C?{Authorization:`Bearer ${C}`}:{},...x},body:{requestContext:D}}),onData(e){R(e.type,e.data)},async onFinish(){await i({eventName:"assistant_message_received",properties:{conversationId:n}}),i({eventName:"assistant_answer_displayed",properties:{conversationId:n}})},onError(e){console.log("onError",e.message),y(c=>{const r=[...c],s=r[r.length-1];return s&&(s.parts=[{type:"text",text:N(e)}]),r})}}),w=b==="submitted",W=b==="streaming",$=g.length===0,m=!a.trim()||w,z=ee.useMediaQuery("(max-width: 768px)"),[G,p]=t.useState(null);t.useEffect(()=>{d&&p(d)},[d]);const H=()=>p(null),M=t.useRef(null);t.useEffect(()=>{k?.(a)},[a]);const Q=e=>{e.key==="Enter"&&!e.shiftKey&&!m&&!e.nativeEvent.isComposing&&(e.preventDefault(),h())},h=async(e=a)=>{if(m&&(!e||e.trim().length===0))return;l([]),u(""),await i({eventName:"user_message_submitted",properties:{conversationId:n}});const c=E||S?JSON.stringify({...E,...S}):void 0,r={};c&&(r["inkeep-filters"]=c);let s=n;s||(s=`conv_${te.generateUid(16)}`,v(s)),F(s),K({text:e},{headers:r,body:{conversationId:s}})},j=()=>{L()},_=()=>{H(),y([]),v(""),U({}),l([]),I(null),i({eventName:"chat_clear_button_clicked",properties:{conversationId:n}})},{openForm:J}=ne.useChatForm(),V=re.useWidget();return t.useImperativeHandle(o.chatFunctionsRef,()=>({submitMessage:h,updateInputMessage(e){u(e)},clearChat:_,openForm:e=>{V?.setView("chat"),J(e,void 0)},focusInput:()=>{M.current?.focus()}})),{messages:g,isLoading:w,isStreaming:W,error:G,setError:p,isSubmitDisabled:m,input:a,handleInputChange:P,handleInputKeyDown:Q,handleSubmit:h,stop:j,clear:_,messageButtons:T,isEmpty:g.length===0,inputRef:M,isMobile:z,messageAttachments:B,setMessageAttachments:l,selectedWorkflow:O,setSelectedWorkflow:I,isNewChat:$,conversationId:n}};exports.DEFAULT_ERROR_MESSAGE=q;exports.useInkeepChat=ie;

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

@@ -12,21 +12,21 @@ import { useControllableState as ie } from "@radix-ui/react-use-controllable-sta
 import { useStreamingEvents as ce } from "../../hooks/use-streaming-events.js";
 const me = `Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`, Se = () => {
+It seems I might be having some issues right now. Please clear the chat and try again.`, ye = () => {
   const { baseSettings: f, aiChatSettings: a } = te(), [s = "", v] = ie({
     prop: a.conversationId,
     defaultProp: a.conversationId ?? ""
-  }), { logEvent: i } = oe(), { setConversationId: F, emitStreamError: k } = ce(), [o, m] = r(""), N = (e) => m(e.target.value), {
+  }), { logEvent: i } = oe(), { setConversationId: F, emitToParent: k } = ce(), [o, m] = r(""), D = (e) => m(e.target.value), {
     /*  shouldBypassCaptcha, */
     filters: I
   } = f, {
-    onInputMessageChange: A,
+    onInputMessageChange: N,
     filters: C,
-    agentUrl: D,
+    agentUrl: A,
     context: R,
     headers: B,
     apiKey: E
-  } = a, K = (e) => {
+  } = a, P = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
@@ -35,16 +35,16 @@ It seems I might be having some issues right now. Please clear the chat and try
       default:
         return me;
     }
-  }, [P, T] = r({}), [U, u] = r([]), [W, S] = r(null), {
+  }, [T, K] = r({}), [U, u] = r([]), [W, y] = r(null), {
     messages: l,
     sendMessage: $,
     status: b,
-    setMessages: y,
+    setMessages: w,
     stop: z,
     error: p
   } = X({
     transport: new Y({
-      api: D,
+      api: A,
       headers: {
         ...E ? { Authorization: `Bearer ${E}` } : {},
         ...B
@@ -53,6 +53,9 @@ It seems I might be having some issues right now. Please clear the chat and try
         requestContext: R
       }
     }),
+    onData(e) {
+      k(e.type, e.data);
+    },
     async onFinish() {
       await i({
         eventName: "assistant_message_received",
@@ -67,18 +70,18 @@ It seems I might be having some issues right now. Please clear the chat and try
       });
     },
     onError(e) {
-      console.log("onError", e.message), k(e.message, void 0, e.code?.toString()), y((c) => {
+      console.log("onError", e.message), w((c) => {
         const n = [...c], t = n[n.length - 1];
-        return t && (t.parts = [{ type: "text", text: K(e) }]), n;
+        return t && (t.parts = [{ type: "text", text: P(e) }]), n;
       });
     }
-  }), w = b === "submitted", H = b === "streaming", L = l.length === 0, g = !o.trim() || w, O = se("(max-width: 768px)"), [q, d] = r(null);
+  }), S = b === "submitted", H = b === "streaming", L = l.length === 0, g = !o.trim() || S, O = se("(max-width: 768px)"), [q, d] = r(null);
   x(() => {
     p && d(p);
   }, [p]);
   const G = () => d(null), M = Z(null);
   x(() => {
-    A?.(o);
+    N?.(o);
   }, [o]);
   const J = (e) => {
     e.key === "Enter" && !e.shiftKey && !g && !e.nativeEvent.isComposing && (e.preventDefault(), h());
@@ -112,7 +115,7 @@ It seems I might be having some issues right now. Please clear the chat and try
   }, Q = () => {
     z();
   }, _ = () => {
-    G(), y([]), v(""), T({}), u([]), S(null), i({
+    G(), w([]), v(""), K({}), u([]), y(null), i({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: s
@@ -133,18 +136,18 @@ It seems I might be having some issues right now. Please clear the chat and try
     }
   })), {
     messages: l,
-    isLoading: w,
+    isLoading: S,
     isStreaming: H,
     error: q,
     setError: d,
     isSubmitDisabled: g,
     input: o,
-    handleInputChange: N,
+    handleInputChange: D,
     handleInputKeyDown: J,
     handleSubmit: h,
     stop: Q,
     clear: _,
-    messageButtons: P,
+    messageButtons: T,
     isEmpty: l.length === 0,
     inputRef: M,
     isMobile: O,
@@ -152,12 +155,12 @@ It seems I might be having some issues right now. Please clear the chat and try
     messageAttachments: U,
     setMessageAttachments: u,
     selectedWorkflow: W,
-    setSelectedWorkflow: S,
+    setSelectedWorkflow: y,
     isNewChat: L,
     conversationId: s
   };
 };
 export {
   me as DEFAULT_ERROR_MESSAGE,
-  Se as useInkeepChat
+  ye as useInkeepChat
 };

package/dist/primitives/components/embedded-chat/use-stream-processor.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),M=require("./use-inkeep-chat.cjs"),_=require("../../hooks/use-streaming-events.cjs"),q=require("../../../types/message.cjs");function z(u,l,g){const[m,D]=r.useState([]),[d,E]=r.useState(new Map),[y,I]=r.useState(Date.now()),[P,h]=r.useState(!1),w=r.useRef(0),S=r.useRef(0),x=r.useRef([]),f=r.useRef(d);f.current=d;const{emitArtifactSaved:k,emitCompletion:C,emitAgentInitializing:T,emitTextDelta:A}=_.useStreamingEvents(),R=r.useCallback(()=>{const n=[];let e="",o=[],c=!1;u.length>w.current&&(I(Date.now()),w.current=u.length),S.current=0;const p=new Map,i=(t=!1)=>{if(o.length>0){const s=`group-${S.current++}`,a=f.current.get(s);a?p.set(s,{...a,isCompleted:t}):p.set(s,{isCompleted:t}),n.push({type:"summary-group",summaries:[...o],groupKey:s}),o=[]}};for(const t of u)if(t.type==="text")i(!0),t.text&&l&&A(t.text),e+=t.text||"";else if(t.type==="data-summary")e.trim()&&(n.push({type:"text",text:e}),e=""),o.push(t.data);else if(t.type==="data-operation"){e.trim()&&(n.push({type:"text",text:e}),e="");const s=t.data;if(s?.type)switch(s.type){case"completion":C("unknown",1),i(!0);break;case"agent_initializing":T("unknown","unknown");break;case"error":{i(!0);const a=s.message||"Unknown error";console.warn("Data operation error:",a),g(new Error(a)),c||(n.push({type:"text",text:M.DEFAULT_ERROR_MESSAGE}),c=!0);break}default:{const{type:a,label:L}=s;o.push({type:a,label:L});break}}}else if(t.type==="data-artifact")if(t.data?.type?.toLowerCase()===q.CITATION_ARTIFACT_TYPE){const s=t.data,a=s.artifactSummary||{title:s.name};e+=` ^${a?.title||s.name}^`}else e.trim()&&(n.push({type:"text",text:e}),e=""),n.push(t),t.data&&k(t.data.artifactId||"unknown",t.data.taskId||"unknown","unknown",t.data.artifactType||"unknown",t.data.artifactSummary||{},{},{name:t.data.name,description:t.data.description});else t.type==="data-component"&&(e.trim()&&(n.push({type:"text",text:e}),e=""),i(!0),n.push(t));return i(!l),e.trim()&&n.push({type:"text",text:e}),{processed:n,newTimings:p}},[u,l,k,C,T,A,g]);r.useEffect(()=>{if(x.current===u)return;x.current=u;const{processed:n,newTimings:e}=R();D(n),(e.size!==f.current.size||Array.from(e.entries()).some(([c,p])=>{const i=f.current.get(c);return!i||i.isCompleted!==p.isCompleted}))&&E(e)},[R,u]);const v=r.useCallback(()=>{const n=Date.now()-y,e=Array.from(f.current.values()).some(c=>!c.isCompleted),o=n>1e3&&!e;h(o)},[y]);r.useEffect(()=>{if(!l){h(!1);return}if(!(m.length>0)){h(!1);return}const e=setInterval(v,200);return()=>clearInterval(e)},[l,v,m.length]);const b=r.useMemo(()=>!(m.length>0),[m.length]);return{processedParts:m,summaryTimings:d,shouldShowInitialLoading:b,shouldShowStreamDelayLoading:P}}exports.useStreamProcessor=z;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("./use-inkeep-chat.cjs"),E=require("../../../types/message.cjs");function L(u,p,g){const[l,R]=n.useState([]),[h,A]=n.useState(new Map),[d,k]=n.useState(Date.now()),[D,y]=n.useState(!1),S=n.useRef(0),x=n.useRef(0),w=n.useRef([]),f=n.useRef(h);f.current=h;const C=n.useCallback(()=>{const t=[];let e="",o=[],c=!1;u.length>S.current&&(k(Date.now()),S.current=u.length),x.current=0;const m=new Map,i=(s=!1)=>{if(o.length>0){const r=`group-${x.current++}`,a=f.current.get(r);a?m.set(r,{...a,isCompleted:s}):m.set(r,{isCompleted:s}),t.push({type:"summary-group",summaries:[...o],groupKey:r}),o=[]}};for(const s of u)if(s.type==="text")i(!0),e+=s.text||"";else if(s.type==="data-summary")e.trim()&&(t.push({type:"text",text:e}),e=""),o.push(s.data);else if(s.type==="data-operation"){e.trim()&&(t.push({type:"text",text:e}),e="");const r=s.data;if(r?.type)switch(r.type){case"agent_initializing":break;case"completion":i(!0);break;case"error":{i(!0);const a=r.message||"Unknown error";console.warn("Data operation error:",a),g(new Error(a)),c||(t.push({type:"text",text:v.DEFAULT_ERROR_MESSAGE}),c=!0);break}default:{const{type:a,label:b}=r;o.push({type:a,label:b});break}}}else if(s.type==="data-artifact")if(s.data?.type?.toLowerCase()===E.CITATION_ARTIFACT_TYPE){const r=s.data,a=r.artifactSummary||{title:r.name};e+=` ^${a?.title||r.name}^`}else e.trim()&&(t.push({type:"text",text:e}),e=""),t.push(s);else s.type==="data-component"&&(e.trim()&&(t.push({type:"text",text:e}),e=""),i(!0),t.push(s));return i(!p),e.trim()&&t.push({type:"text",text:e}),{processed:t,newTimings:m}},[u,p,g]);n.useEffect(()=>{if(w.current===u)return;w.current=u;const{processed:t,newTimings:e}=C();R(t),(e.size!==f.current.size||Array.from(e.entries()).some(([c,m])=>{const i=f.current.get(c);return!i||i.isCompleted!==m.isCompleted}))&&A(e)},[C,u]);const T=n.useCallback(()=>{const t=Date.now()-d,e=Array.from(f.current.values()).some(c=>!c.isCompleted),o=t>1e3&&!e;y(o)},[d]);n.useEffect(()=>{if(!p){y(!1);return}if(!(l.length>0)){y(!1);return}const e=setInterval(T,200);return()=>clearInterval(e)},[p,T,l.length]);const P=n.useMemo(()=>!(l.length>0),[l.length]);return{processedParts:l,summaryTimings:h,shouldShowInitialLoading:P,shouldShowStreamDelayLoading:D}}exports.useStreamProcessor=L;

package/dist/primitives/components/embedded-chat/use-stream-processor.js

@@ -1,135 +1,103 @@
 "use client";
-import { useState as p, useRef as d, useCallback as R, useEffect as E, useMemo as F } from "react";
-import { DEFAULT_ERROR_MESSAGE as G } from "./use-inkeep-chat.js";
-import { useStreamingEvents as O } from "../../hooks/use-streaming-events.js";
-import { CITATION_ARTIFACT_TYPE as U } from "../../../types/message.js";
-function j(i, u, g) {
-  const [m, L] = p([]), [h, P] = p(/* @__PURE__ */ new Map()), [w, b] = p(Date.now()), [M, y] = p(!1), x = d(0), k = d(0), S = d([]), f = d(h);
-  f.current = h;
-  const { emitArtifactSaved: T, emitCompletion: C, emitAgentInitializing: A, emitTextDelta: D } = O(), v = R(() => {
-    const n = [];
-    let t = "", s = [], c = !1;
-    i.length > x.current && (b(Date.now()), x.current = i.length), k.current = 0;
-    const l = /* @__PURE__ */ new Map(), o = (e = !1) => {
-      if (s.length > 0) {
-        const r = `group-${k.current++}`, a = f.current.get(r);
-        a ? l.set(r, {
-          ...a,
-          isCompleted: e
-        }) : l.set(r, {
-          isCompleted: e
-        }), n.push({
+import { useState as p, useRef as h, useCallback as D, useEffect as R, useMemo as I } from "react";
+import { DEFAULT_ERROR_MESSAGE as M } from "./use-inkeep-chat.js";
+import { CITATION_ARTIFACT_TYPE as _ } from "../../../types/message.js";
+function O(i, f, d) {
+  const [u, k] = p([]), [y, v] = p(/* @__PURE__ */ new Map()), [x, L] = p(Date.now()), [P, g] = p(!1), w = h(0), C = h(0), S = h([]), l = h(y);
+  l.current = y;
+  const T = D(() => {
+    const e = [];
+    let t = "", a = [], c = !1;
+    i.length > w.current && (L(Date.now()), w.current = i.length), C.current = 0;
+    const m = /* @__PURE__ */ new Map(), o = (r = !1) => {
+      if (a.length > 0) {
+        const s = `group-${C.current++}`, n = l.current.get(s);
+        n ? m.set(s, {
+          ...n,
+          isCompleted: r
+        }) : m.set(s, {
+          isCompleted: r
+        }), e.push({
           type: "summary-group",
-          summaries: [...s],
-          groupKey: r
-        }), s = [];
+          summaries: [...a],
+          groupKey: s
+        }), a = [];
       }
     };
-    for (const e of i)
-      if (e.type === "text")
-        o(!0), e.text && u && D(e.text), t += e.text || "";
-      else if (e.type === "data-summary")
-        t.trim() && (n.push({ type: "text", text: t }), t = ""), s.push(e.data);
-      else if (e.type === "data-operation") {
-        t.trim() && (n.push({ type: "text", text: t }), t = "");
-        const r = e.data;
-        if (r?.type)
-          switch (r.type) {
-            case "completion":
-              C(
-                "unknown",
-                // No agent ID available in current structure
-                1
-                // No iteration available in current structure
-              ), o(!0);
-              break;
+    for (const r of i)
+      if (r.type === "text")
+        o(!0), t += r.text || "";
+      else if (r.type === "data-summary")
+        t.trim() && (e.push({ type: "text", text: t }), t = ""), a.push(r.data);
+      else if (r.type === "data-operation") {
+        t.trim() && (e.push({ type: "text", text: t }), t = "");
+        const s = r.data;
+        if (s?.type)
+          switch (s.type) {
             case "agent_initializing":
-              A(
-                "unknown",
-                // No session ID available in current structure
-                "unknown"
-                // No graph ID available in current structure
-              );
+              break;
+            case "completion":
+              o(!0);
               break;
             case "error": {
               o(!0);
-              const a = r.message || "Unknown error";
-              console.warn("Data operation error:", a), g(new Error(a)), c || (n.push({ type: "text", text: G }), c = !0);
+              const n = s.message || "Unknown error";
+              console.warn("Data operation error:", n), d(new Error(n)), c || (e.push({ type: "text", text: M }), c = !0);
               break;
             }
             default: {
-              const { type: a, label: z } = r;
-              s.push({ type: a, label: z });
+              const { type: n, label: b } = s;
+              a.push({ type: n, label: b });
               break;
             }
           }
-      } else if (e.type === "data-artifact")
-        if (e.data?.type?.toLowerCase() === U) {
-          const r = e.data, a = r.artifactSummary || {
-            title: r.name
+      } else if (r.type === "data-artifact")
+        if (r.data?.type?.toLowerCase() === _) {
+          const s = r.data, n = s.artifactSummary || {
+            title: s.name
           };
-          t += ` ^${a?.title || r.name}^`;
+          t += ` ^${n?.title || s.name}^`;
         } else
-          t.trim() && (n.push({ type: "text", text: t }), t = ""), n.push(e), e.data && T(
-            e.data.artifactId || "unknown",
-            e.data.taskId || "unknown",
-            "unknown",
-            // toolCallId not available in current structure
-            e.data.artifactType || "unknown",
-            e.data.artifactSummary || {},
-            // Use artifactSummary as summaryData
-            {},
-            // fullData not available in current structure
-            { name: e.data.name, description: e.data.description }
-            // Use available fields as metadata
-          );
-      else e.type === "data-component" && (t.trim() && (n.push({ type: "text", text: t }), t = ""), o(!0), n.push(e));
-    return o(!u), t.trim() && n.push({ type: "text", text: t }), { processed: n, newTimings: l };
-  }, [
-    i,
-    u,
-    T,
-    C,
-    A,
-    D,
-    g
-  ]);
-  E(() => {
+          t.trim() && (e.push({ type: "text", text: t }), t = ""), e.push(r);
+      else r.type === "data-component" && (t.trim() && (e.push({ type: "text", text: t }), t = ""), o(!0), e.push(r));
+    return o(!f), t.trim() && e.push({ type: "text", text: t }), { processed: e, newTimings: m };
+  }, [i, f, d]);
+  R(() => {
     if (S.current === i)
       return;
     S.current = i;
-    const { processed: n, newTimings: t } = v();
-    L(n), (t.size !== f.current.size || Array.from(t.entries()).some(([c, l]) => {
-      const o = f.current.get(c);
-      return !o || o.isCompleted !== l.isCompleted;
-    })) && P(t);
-  }, [v, i]);
-  const I = R(() => {
-    const n = Date.now() - w, t = Array.from(f.current.values()).some(
+    const { processed: e, newTimings: t } = T();
+    k(e), (t.size !== l.current.size || Array.from(t.entries()).some(([c, m]) => {
+      const o = l.current.get(c);
+      return !o || o.isCompleted !== m.isCompleted;
+    })) && v(t);
+  }, [T, i]);
+  const A = D(() => {
+    const e = Date.now() - x, t = Array.from(l.current.values()).some(
       (c) => !c.isCompleted
-    ), s = n > 1e3 && !t;
-    y(s);
-  }, [w]);
-  E(() => {
-    if (!u) {
-      y(!1);
+    ), a = e > 1e3 && !t;
+    g(a);
+  }, [x]);
+  R(() => {
+    if (!f) {
+      g(!1);
       return;
     }
-    if (!(m.length > 0)) {
-      y(!1);
+    if (!(u.length > 0)) {
+      g(!1);
       return;
     }
-    const t = setInterval(I, 200);
+    const t = setInterval(A, 200);
     return () => clearInterval(t);
-  }, [u, I, m.length]);
-  const _ = F(() => !(m.length > 0), [m.length]);
+  }, [f, A, u.length]);
+  const E = I(() => !(u.length > 0), [u.length]);
   return {
-    processedParts: m,
-    summaryTimings: h,
-    shouldShowInitialLoading: _,
-    shouldShowStreamDelayLoading: M
+    processedParts: u,
+    summaryTimings: y,
+    shouldShowInitialLoading: E,
+    shouldShowStreamDelayLoading: P
   };
 }
 export {
-  j as useStreamProcessor
+  O as useStreamProcessor
 };

package/dist/primitives/hooks/use-streaming-events.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=require("../atoms/shadow/context.cjs");function x(){const c=p.useShadow()?.shadowHost,r=s.useRef(""),t=s.useCallback(e=>{if(!c){console.warn("useStreamingEvents: No host element available for event emission");return}const n={...e,conversationId:r.current,timestamp:Date.now()},a=new CustomEvent("streaming-event",{detail:n,bubbles:!0,composed:!0});c.dispatchEvent(a)},[c]),d=s.useCallback(e=>{r.current=e},[]),u=s.useCallback(e=>{t({kind:"text:delta",data:{text:e}})},[t]),m=s.useCallback((e,n,a)=>{t({kind:"stream:error",data:{message:e,agent:n,severity:"error",code:a}})},[t]),k=s.useCallback((e,n)=>{t({kind:"agent:reasoning",data:{agentId:e,parts:n}})},[t]),g=s.useCallback((e,n,a)=>{t({kind:"agent:generate",data:{agentId:e,parts:n,generationType:a}})},[t]),b=s.useCallback((e,n,a,o,i,l)=>{t({kind:"tool:execution",data:{agentId:e,toolName:n,args:a,result:o,toolId:i,duration:l}})},[t]),v=s.useCallback((e,n,a,o)=>{t({kind:"agent:transfer",data:{fromAgent:e,targetAgent:n,reason:a,context:o}})},[t]),C=s.useCallback((e,n,a,o,i)=>{t({kind:"delegation:sent",data:{delegationId:e,fromAgent:n,targetAgent:a,taskDescription:o,context:i}})},[t]),f=s.useCallback((e,n,a,o)=>{t({kind:"delegation:returned",data:{delegationId:e,fromAgent:n,targetAgent:a,result:o}})},[t]),E=s.useCallback((e,n,a,o,i,l,w)=>{t({kind:"artifact:saved",data:{artifactId:e,taskId:n,toolCallId:a,artifactType:o,summaryData:i,fullData:l,metadata:w}})},[t]),S=s.useCallback((e,n)=>{t({kind:"completion",data:{agent:e,iteration:n}})},[t]),h=s.useCallback((e,n)=>{t({kind:"agent:initializing",data:{sessionId:e,graphId:n}})},[t]);return{emitEvent:t,setConversationId:d,emitTextDelta:u,emitStreamError:m,emitAgentReasoning:k,emitAgentGenerate:g,emitToolExecution:b,emitAgentTransfer:v,emitDelegationSent:C,emitDelegationReturned:f,emitArtifactSaved:E,emitCompletion:S,emitAgentInitializing:h}}exports.useStreamingEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=require("../atoms/shadow/context.cjs");function i(){const e=u.useShadow()?.shadowHost,s=n.useRef(""),o=n.useCallback(t=>{s.current=t},[]),r=n.useCallback((t,a)=>{if(!e){console.warn("useStreamingEvents: No host element available for parent event emission");return}const c=new CustomEvent(`ikp-${t}`,{detail:{...a,conversationId:s.current,timestamp:Date.now()},bubbles:!0,composed:!0});e.dispatchEvent(c)},[e]);return{setConversationId:o,emitToParent:r}}exports.useStreamingEvents=i;

package/dist/primitives/hooks/use-streaming-events.js

@@ -1,140 +1,33 @@
 "use client";
-import { useRef as x, useCallback as o } from "react";
-import { useShadow as A } from "../atoms/shadow/context.js";
-function R() {
-  const r = A()?.shadowHost, c = x(""), e = o(
-    (t) => {
-      if (!r) {
-        console.warn("useStreamingEvents: No host element available for event emission");
+import { useRef as c, useCallback as o } from "react";
+import { useShadow as u } from "../atoms/shadow/context.js";
+function v() {
+  const e = u()?.shadowHost, n = c(""), s = o((t) => {
+    n.current = t;
+  }, []), r = o(
+    (t, a) => {
+      if (!e) {
+        console.warn("useStreamingEvents: No host element available for parent event emission");
         return;
       }
-      const n = {
-        ...t,
-        conversationId: c.current,
-        timestamp: Date.now()
-      }, a = new CustomEvent("streaming-event", {
-        detail: n,
+      const i = new CustomEvent(`ikp-${t}`, {
+        detail: {
+          ...a,
+          conversationId: n.current,
+          timestamp: Date.now()
+        },
         bubbles: !0,
-        // Allow event to bubble up
         composed: !0
-        // Allow event to escape Shadow DOM boundary
-      });
-      r.dispatchEvent(a);
-    },
-    [r]
-  ), m = o((t) => {
-    c.current = t;
-  }, []), l = o(
-    (t) => {
-      e({
-        kind: "text:delta",
-        data: { text: t }
-      });
-    },
-    [e]
-  ), u = o(
-    (t, n, a) => {
-      e({
-        kind: "stream:error",
-        data: {
-          message: t,
-          agent: n,
-          severity: "error",
-          code: a
-        }
-      });
-    },
-    [e]
-  ), g = o(
-    (t, n) => {
-      e({
-        kind: "agent:reasoning",
-        data: { agentId: t, parts: n }
-      });
-    },
-    [e]
-  ), v = o(
-    (t, n, a) => {
-      e({
-        kind: "agent:generate",
-        data: { agentId: t, parts: n, generationType: a }
-      });
-    },
-    [e]
-  ), f = o(
-    (t, n, a, i, s, d) => {
-      e({
-        kind: "tool:execution",
-        data: { agentId: t, toolName: n, args: a, result: i, toolId: s, duration: d }
-      });
-    },
-    [e]
-  ), k = o(
-    (t, n, a, i) => {
-      e({
-        kind: "agent:transfer",
-        data: { fromAgent: t, targetAgent: n, reason: a, context: i }
-      });
-    },
-    [e]
-  ), E = o(
-    (t, n, a, i, s) => {
-      e({
-        kind: "delegation:sent",
-        data: { delegationId: t, fromAgent: n, targetAgent: a, taskDescription: i, context: s }
-      });
-    },
-    [e]
-  ), p = o(
-    (t, n, a, i) => {
-      e({
-        kind: "delegation:returned",
-        data: { delegationId: t, fromAgent: n, targetAgent: a, result: i }
-      });
-    },
-    [e]
-  ), h = o(
-    (t, n, a, i, s, d, b) => {
-      e({
-        kind: "artifact:saved",
-        data: { artifactId: t, taskId: n, toolCallId: a, artifactType: i, summaryData: s, fullData: d, metadata: b }
-      });
-    },
-    [e]
-  ), w = o(
-    (t, n) => {
-      e({
-        kind: "completion",
-        data: { agent: t, iteration: n }
-      });
-    },
-    [e]
-  ), S = o(
-    (t, n) => {
-      e({
-        kind: "agent:initializing",
-        data: { sessionId: t, graphId: n }
       });
+      e.dispatchEvent(i);
     },
     [e]
   );
   return {
-    emitEvent: e,
-    setConversationId: m,
-    // Convenience methods
-    emitTextDelta: l,
-    emitStreamError: u,
-    emitAgentReasoning: g,
-    emitAgentGenerate: v,
-    emitToolExecution: f,
-    emitAgentTransfer: k,
-    emitDelegationSent: E,
-    emitDelegationReturned: p,
-    emitArtifactSaved: h,
-    emitCompletion: w,
-    emitAgentInitializing: S
+    setConversationId: s,
+    emitToParent: r
   };
 }
 export {
-  R as useStreamingEvents
+  v as useStreamingEvents
 };

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.14.12",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.14.13",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.14.12",
+      widgetLibraryVersion: "0.14.13",
       componentType: o,
       tags: s
     }),

package/dist/styled/components/data-summary-group.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),a=require("lucide-react"),x=t=>{const{type:s,label:r}=t;return r||s.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())},h={agent_generate:e.jsx(a.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(a.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_execution:e.jsx(a.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(a.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(a.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(a.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(a.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(a.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},d={retrieve:e.jsx(a.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(a.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(a.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...h},p=n.memo(({summary:t,index:s,showConnector:r})=>{const l=n.useMemo(()=>t.details?JSON.stringify(t.details,null,2):null,[t.details]),o=n.useMemo(()=>x(t),[t]),i=n.useMemo(()=>d[t.type]||d.default,[t.type]);return e.jsxs("div",{className:"flex items-start gap-2 text-xs relative",children:[r&&e.jsx("div",{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx("div",{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:i}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:" text-gray-700 dark:text-white-alpha-600",children:o}),l&&e.jsx("pre",{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:l})]})]},`op-${t.type}-${s}`)}),m=n.memo(({summaries:t,isCompleted:s})=>{const[r,l]=n.useState(!s);n.useEffect(()=>{let i;return s?i=setTimeout(()=>{l(!1)},1e3):l(!0),()=>{i&&clearTimeout(i)}},[s]);const o=n.useCallback(()=>{l(!r)},[r]);return e.jsxs("div",{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx("button",{type:"button",onClick:o,"data-expanded":r,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:s?e.jsxs(e.Fragment,{children:[e.jsx(a.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(a.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx("span",{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx("span",{className:"font-medium",children:"Thinking..."})]})}),e.jsx("div",{"data-expanded":r,className:"overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",children:e.jsx("div",{className:"pb-2 mt-1.5 space-y-3 relative",children:t.map((i,c)=>e.jsx(p,{summary:i,index:c,showConnector:t.length>1&&c<t.length-1},`op-${i.type}-${c}`))})})]})});exports.DataSummaryGroup=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),x=a=>{const{type:s,label:r}=a;return r||s.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())},d={agent_generate:e.jsx(t.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(t.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_call:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_result:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(t.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(t.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(t.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),error:e.jsx(t.TriangleAlert,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_initializing:e.jsx(t.CircleDot,{className:"w-3 h-3 animate-spin"}),completion:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},h={retrieve:e.jsx(t.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...d},p=n.memo(({summary:a,index:s,showConnector:r})=>{const l=n.useMemo(()=>a.details?JSON.stringify(a.details,null,2):null,[a.details]),o=n.useMemo(()=>x(a),[a]),i=n.useMemo(()=>h[a.type]||h.default,[a.type]);return e.jsxs("div",{className:"flex items-start gap-2 text-xs relative",children:[r&&e.jsx("div",{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx("div",{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:i}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:" text-gray-700 dark:text-white-alpha-600",children:o}),l&&e.jsx("pre",{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:l})]})]},`op-${a.type}-${s}`)}),m=n.memo(({summaries:a,isCompleted:s})=>{const[r,l]=n.useState(!s);n.useEffect(()=>{let i;return s?i=setTimeout(()=>{l(!1)},1e3):l(!0),()=>{i&&clearTimeout(i)}},[s]);const o=n.useCallback(()=>{l(!r)},[r]);return e.jsxs("div",{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx("button",{type:"button",onClick:o,"data-expanded":r,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:s?e.jsxs(e.Fragment,{children:[e.jsx(t.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(t.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx("span",{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx("span",{className:"font-medium",children:"Thinking..."})]})}),e.jsx("div",{"data-expanded":r,className:"overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",children:e.jsx("div",{className:"pb-2 mt-1.5 space-y-3 relative",children:a.map((i,c)=>e.jsx(p,{summary:i,index:c,showConnector:a.length>1&&c<a.length-1},`op-${i.type}-${c}`))})})]})});exports.DataSummaryGroup=m;

package/dist/styled/components/data-summary-group.js

@@ -1,27 +1,31 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as c } from "react/jsx-runtime";
-import { memo as p, useState as g, useEffect as w, useCallback as u, useMemo as d } from "react";
-import { Check as f, ChevronRight as y, LoaderCircle as N, Dot as x, CheckCheck as m, Search as k, Download as v, Forward as b, ArrowRight as _, Hammer as C, Brain as S, RefreshCw as A } from "lucide-react";
-const E = (t) => {
+import { jsxs as s, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { memo as m, useState as w, useEffect as u, useCallback as y, useMemo as c } from "react";
+import { Check as f, ChevronRight as N, LoaderCircle as k, Dot as g, CheckCheck as d, Search as v, CircleDot as b, TriangleAlert as _, Download as C, Forward as S, ArrowRight as A, Hammer as p, Brain as D, RefreshCw as E } from "lucide-react";
+const I = (t) => {
   const { type: r, label: a } = t;
   return a || r.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
-}, I = {
-  agent_generate: /* @__PURE__ */ e(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  agent_reasoning: /* @__PURE__ */ e(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  tool_execution: /* @__PURE__ */ e(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  transfer: /* @__PURE__ */ e(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_sent: /* @__PURE__ */ e(b, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_returned: /* @__PURE__ */ e(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  artifact_saved: /* @__PURE__ */ e(v, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ e(x, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
-}, h = {
-  retrieve: /* @__PURE__ */ e(k, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  action: /* @__PURE__ */ e(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ e(x, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  ...I
-}, M = p(({ summary: t, index: r, showConnector: a }) => {
-  const l = d(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), n = d(() => E(t), [t]), i = d(
-    () => h[t.type] || h.default,
+}, M = {
+  agent_generate: /* @__PURE__ */ e(E, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_reasoning: /* @__PURE__ */ e(D, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  tool_call: /* @__PURE__ */ e(p, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  tool_result: /* @__PURE__ */ e(p, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  transfer: /* @__PURE__ */ e(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_sent: /* @__PURE__ */ e(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_returned: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  artifact_saved: /* @__PURE__ */ e(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  error: /* @__PURE__ */ e(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_initializing: /* @__PURE__ */ e(b, { className: "w-3 h-3 animate-spin" }),
+  completion: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  default: /* @__PURE__ */ e(g, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+}, x = {
+  retrieve: /* @__PURE__ */ e(v, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  action: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  default: /* @__PURE__ */ e(g, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  ...M
+}, O = m(({ summary: t, index: r, showConnector: a }) => {
+  const l = c(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), n = c(() => I(t), [t]), i = c(
+    () => x[t.type] || x.default,
     [t.type]
   );
   return /* @__PURE__ */ s("div", { className: "flex items-start gap-2 text-xs relative", children: [
@@ -32,9 +36,9 @@ const E = (t) => {
       l && /* @__PURE__ */ e("pre", { className: "mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2", children: l })
     ] })
   ] }, `op-${t.type}-${r}`);
-}), T = p(({ summaries: t, isCompleted: r }) => {
-  const [a, l] = g(!r);
-  w(() => {
+}), j = m(({ summaries: t, isCompleted: r }) => {
+  const [a, l] = w(!r);
+  u(() => {
     let i;
     return r ? i = setTimeout(() => {
       l(!1);
@@ -42,7 +46,7 @@ const E = (t) => {
       i && clearTimeout(i);
     };
   }, [r]);
-  const n = u(() => {
+  const n = y(() => {
     l(!a);
   }, [a]);
   return /* @__PURE__ */ s("div", { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
@@ -53,12 +57,12 @@ const E = (t) => {
         onClick: n,
         "data-expanded": a,
         className: "inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",
-        children: r ? /* @__PURE__ */ s(c, { children: [
+        children: r ? /* @__PURE__ */ s(h, { children: [
           /* @__PURE__ */ e(f, { className: "check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0" }),
-          /* @__PURE__ */ e(y, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
+          /* @__PURE__ */ e(N, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Completed" })
-        ] }) : /* @__PURE__ */ s(c, { children: [
-          /* @__PURE__ */ e(N, { className: "w-3 h-3 animate-spin" }),
+        ] }) : /* @__PURE__ */ s(h, { children: [
+          /* @__PURE__ */ e(k, { className: "w-3 h-3 animate-spin" }),
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Thinking..." })
         ] })
       }
@@ -69,7 +73,7 @@ const E = (t) => {
         "data-expanded": a,
         className: "overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",
         children: /* @__PURE__ */ e("div", { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((i, o) => /* @__PURE__ */ e(
-          M,
+          O,
           {
             summary: i,
             index: o,
@@ -82,5 +86,5 @@ const E = (t) => {
   ] });
 });
 export {
-  T as DataSummaryGroup
+  j as DataSummaryGroup
 };

package/dist/types/types.d.cts

@@ -317,7 +317,7 @@ export declare interface CustomIcons {
 
 export declare type DataParts = {
     operation: {
-        type: 'error' | 'agent_initializing' | 'completion' | 'agent_generate' | 'agent_reasoning' | 'tool_execution' | 'transfer' | 'delegation_sent' | 'delegation_returned' | 'artifact_saved';
+        type: OperationType;
         ctx: Record<string, unknown>;
         message?: string;
         label?: string;
@@ -444,7 +444,7 @@ export declare interface InkeepAIChatSettings {
     /**
      * Headers for requests
      */
-    headers: Record<string, string>;
+    headers?: Record<string, string>;
     /**
      * API key for requests
      */
@@ -1164,6 +1164,8 @@ export declare interface OpenUrlAction {
     url: string;
 }
 
+export declare type OperationType = 'error' | 'agent_initializing' | 'completion' | 'agent_generate' | 'agent_reasoning' | 'tool_call' | 'tool_result' | 'transfer' | 'delegation_sent' | 'delegation_returned' | 'artifact_saved';
+
 declare type QueryCondition = {
     $eq: QueryValue;
 } | {

package/dist/types/types.d.ts

@@ -317,7 +317,7 @@ export declare interface CustomIcons {
 
 export declare type DataParts = {
     operation: {
-        type: 'error' | 'agent_initializing' | 'completion' | 'agent_generate' | 'agent_reasoning' | 'tool_execution' | 'transfer' | 'delegation_sent' | 'delegation_returned' | 'artifact_saved';
+        type: OperationType;
         ctx: Record<string, unknown>;
         message?: string;
         label?: string;
@@ -444,7 +444,7 @@ export declare interface InkeepAIChatSettings {
     /**
      * Headers for requests
      */
-    headers: Record<string, string>;
+    headers?: Record<string, string>;
     /**
      * API key for requests
      */
@@ -1164,6 +1164,8 @@ export declare interface OpenUrlAction {
     url: string;
 }
 
+export declare type OperationType = 'error' | 'agent_initializing' | 'completion' | 'agent_generate' | 'agent_reasoning' | 'tool_call' | 'tool_result' | 'transfer' | 'delegation_sent' | 'delegation_returned' | 'artifact_saved';
+
 declare type QueryCondition = {
     $eq: QueryValue;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.14.12",
+  "version": "0.14.14",
   "description": "",
   "homepage": "",
   "repository": {
@@ -70,6 +70,7 @@
     "@zag-js/focus-trap": "^1.7.0",
     "@zag-js/presence": "^1.13.1",
     "@zag-js/react": "^1.13.1",
+    "@zag-js/remove-scroll": "^1.26.2",
     "ai": "5.0.5",
     "altcha-lib": "^1.2.0",
     "aria-hidden": "^1.2.4",