@inkeep/agents-ui 0.14.13 → 0.14.15

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
 };