@inkeep/agents-ui 0.14.13 → 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-stream-processor.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),b=require("./use-inkeep-chat.cjs"),E=require("../../../types/message.cjs");function L(i,p,g){const[l,R]=n.useState([]),[h,A]=n.useState(new Map),[d,D]=n.useState(Date.now()),[P,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;i.length>S.current&&(D(Date.now()),S.current=i.length),x.current=0;const m=new Map,u=(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 i)if(s.type==="text")u(!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"completion":u(!0);break;case"error":{u(!0);const a=r.message||"Unknown error";console.warn("Data operation error:",a),g(new Error(a)),c||(t.push({type:"text",text:b.DEFAULT_ERROR_MESSAGE}),c=!0);break}default:{const{type:a,label:v}=r;o.push({type:a,label:v});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=""),u(!0),t.push(s));return u(!p),e.trim()&&t.push({type:"text",text:e}),{processed:t,newTimings:m}},[i,p,g]);n.useEffect(()=>{if(w.current===i)return;w.current=i;const{processed:t,newTimings:e}=C();R(t),(e.size!==f.current.size||Array.from(e.entries()).some(([c,m])=>{const u=f.current.get(c);return!u||u.isCompleted!==m.isCompleted}))&&A(e)},[C,i]);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 k=n.useMemo(()=>!(l.length>0),[l.length]);return{processedParts:l,summaryTimings:h,shouldShowInitialLoading:k,shouldShowStreamDelayLoading:P}}exports.useStreamProcessor=L;
+"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,51 +1,53 @@
 "use client";
-import { useState as p, useRef as h, useCallback as D, useEffect as R, useMemo as M } from "react";
-import { DEFAULT_ERROR_MESSAGE as b } from "./use-inkeep-chat.js";
+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 z(i, f, d) {
-  const [u, v] = p([]), [y, L] = p(/* @__PURE__ */ new Map()), [x, P] = p(Date.now()), [k, g] = p(!1), w = h(0), C = h(0), S = h([]), m = h(y);
-  m.current = y;
+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 = "", o = [], c = !1;
-    i.length > w.current && (P(Date.now()), w.current = i.length), C.current = 0;
-    const l = /* @__PURE__ */ new Map(), a = (r = !1) => {
-      if (o.length > 0) {
-        const s = `group-${C.current++}`, n = m.current.get(s);
-        n ? l.set(s, {
+    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
-        }) : l.set(s, {
+        }) : m.set(s, {
           isCompleted: r
         }), e.push({
           type: "summary-group",
-          summaries: [...o],
+          summaries: [...a],
           groupKey: s
-        }), o = [];
+        }), a = [];
       }
     };
     for (const r of i)
       if (r.type === "text")
-        a(!0), t += r.text || "";
+        o(!0), t += r.text || "";
       else if (r.type === "data-summary")
-        t.trim() && (e.push({ type: "text", text: t }), t = ""), o.push(r.data);
+        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":
+              break;
             case "completion":
-              a(!0);
+              o(!0);
               break;
             case "error": {
-              a(!0);
+              o(!0);
               const n = s.message || "Unknown error";
-              console.warn("Data operation error:", n), d(new Error(n)), c || (e.push({ type: "text", text: b }), c = !0);
+              console.warn("Data operation error:", n), d(new Error(n)), c || (e.push({ type: "text", text: M }), c = !0);
               break;
             }
             default: {
-              const { type: n, label: I } = s;
-              o.push({ type: n, label: I });
+              const { type: n, label: b } = s;
+              a.push({ type: n, label: b });
               break;
             }
           }
@@ -57,24 +59,24 @@ function z(i, f, d) {
           t += ` ^${n?.title || s.name}^`;
         } else
           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 = ""), a(!0), e.push(r));
-    return a(!f), t.trim() && e.push({ type: "text", text: t }), { processed: e, newTimings: l };
+      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: e, newTimings: t } = T();
-    v(e), (t.size !== m.current.size || Array.from(t.entries()).some(([c, l]) => {
-      const a = m.current.get(c);
-      return !a || a.isCompleted !== l.isCompleted;
-    })) && L(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(m.current.values()).some(
+    const e = Date.now() - x, t = Array.from(l.current.values()).some(
       (c) => !c.isCompleted
-    ), o = e > 1e3 && !t;
-    g(o);
+    ), a = e > 1e3 && !t;
+    g(a);
   }, [x]);
   R(() => {
     if (!f) {
@@ -88,14 +90,14 @@ function z(i, f, d) {
     const t = setInterval(A, 200);
     return () => clearInterval(t);
   }, [f, A, u.length]);
-  const E = M(() => !(u.length > 0), [u.length]);
+  const E = I(() => !(u.length > 0), [u.length]);
   return {
     processedParts: u,
     summaryTimings: y,
     shouldShowInitialLoading: E,
-    shouldShowStreamDelayLoading: k
+    shouldShowStreamDelayLoading: P
   };
 }
 export {
-  z as useStreamProcessor
+  O as useStreamProcessor
 };

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.11",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.11",
+      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;
@@ -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;
@@ -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.13",
+  "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",