@inkeep/agents-ui 0.14.9 → 0.14.11

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

package/dist/primitives/atoms/dialog.js

@@ -1,49 +1,49 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import * as c from "react";
+import { jsx as c } from "react/jsx-runtime";
+import * as i from "react";
 import { useEffect as G } from "react";
-import { composeEventHandlers as g } from "@radix-ui/primitive";
+import { composeEventHandlers as D } from "@radix-ui/primitive";
 import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
-import { createContextScope as $ } from "@radix-ui/react-context";
+import { createContextScope as W } from "@radix-ui/react-context";
 import { useId as C } from "@radix-ui/react-id";
-import { useControllableState as j } from "@radix-ui/react-use-controllable-state";
-import { DismissableLayer as B } from "@radix-ui/react-dismissable-layer";
-import { trapFocus as H } from "@zag-js/focus-trap";
-import { Portal as K } from "@radix-ui/react-portal";
+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 { useFocusGuards as V } from "@radix-ui/react-focus-guards";
-import { RemoveScroll as Y } from "react-remove-scroll";
-import { hideOthers as Z } from "aria-hidden";
-import { Slot as q } from "@radix-ui/react-slot";
-const P = "Dialog", [E, Co] = $(P), [z, l] = E(P), v = (o) => {
-  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: t, modal: a = !0 } = o, f = c.useRef(null), p = c.useRef(null), [D = !1, R] = j({
+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] = $({
     prop: s,
     defaultProp: e ?? !1,
     onChange: t
   });
-  return /* @__PURE__ */ i(
-    z,
+  return /* @__PURE__ */ c(
+    Z,
     {
       scope: n,
-      triggerRef: f,
-      contentRef: p,
+      triggerRef: p,
+      contentRef: u,
       contentId: C(),
       titleId: C(),
       descriptionId: C(),
-      open: D,
-      onOpenChange: R,
-      onOpenToggle: c.useCallback(() => R((L) => !L), [R]),
+      open: g,
+      onOpenChange: m,
+      onOpenToggle: i.useCallback(() => m((L) => !L), [m]),
       modal: a,
       children: r
     }
   );
 };
-v.displayName = P;
-const I = "DialogTrigger", J = c.forwardRef(
+I.displayName = P;
+const v = "DialogTrigger", z = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(I, r), t = _(n, e.triggerRef);
-    return /* @__PURE__ */ i(
+    const { __scopeDialog: r, ...s } = o, e = l(v, r), t = _(n, e.triggerRef);
+    return /* @__PURE__ */ c(
       d.button,
       {
         type: "button",
@@ -53,41 +53,41 @@ const I = "DialogTrigger", J = c.forwardRef(
         "data-state": y(e.open),
         ...s,
         ref: t,
-        onClick: g(o.onClick, e.onOpenToggle)
+        onClick: D(o.onClick, e.onOpenToggle)
       }
     );
   }
 );
-J.displayName = I;
-const h = "DialogPortal", [Q, x] = E(h, {
+z.displayName = v;
+const h = "DialogPortal", [J, x] = E(h, {
   forceMount: void 0
 }), N = (o) => {
   const { __scopeDialog: n, forceMount: r, children: s, container: e } = o, t = l(h, n);
-  return /* @__PURE__ */ i(Q, { scope: n, forceMount: r, children: c.Children.map(s, (a) => /* @__PURE__ */ i(O, { present: r || t.open, children: /* @__PURE__ */ i(K, { asChild: !0, container: e, children: a }) })) });
+  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 }) })) });
 };
 N.displayName = h;
-const m = "DialogOverlay", M = c.forwardRef(
+const R = "DialogOverlay", M = i.forwardRef(
   (o, n) => {
-    const r = x(m, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(m, o.__scopeDialog);
-    return t.modal ? /* @__PURE__ */ i(O, { present: s || t.open, children: /* @__PURE__ */ i(U, { ...e, ref: n }) }) : null;
+    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;
   }
 );
-M.displayName = m;
-const U = c.forwardRef(
+M.displayName = R;
+const Q = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(m, r);
+    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__ */ i(
-        Y,
+      /* @__PURE__ */ c(
+        K,
         {
-          as: q,
+          as: Y,
           allowPinchZoom: !0,
           shards: [e.contentRef],
           gapMode: "padding",
           removeScrollBar: !0,
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ c(
             d.div,
             {
               "data-state": y(e.open),
@@ -100,42 +100,45 @@ const U = c.forwardRef(
       )
     );
   }
-), u = "DialogContent", T = c.forwardRef(
+), f = "DialogContent", T = i.forwardRef(
   (o, n) => {
-    const r = x(u, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(u, o.__scopeDialog);
-    return /* @__PURE__ */ i(O, { present: s || t.open, children: t.modal ? /* @__PURE__ */ i(W, { ...e, ref: n }) : /* @__PURE__ */ i(X, { ...e, ref: 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 }) });
   }
 );
-T.displayName = u;
-const W = c.forwardRef(
+T.displayName = f;
+const U = i.forwardRef(
   (o, n) => {
-    const r = l(u, o.__scopeDialog), s = c.useRef(null), e = _(n, r.contentRef, s);
-    return c.useEffect(() => {
+    const r = l(f, o.__scopeDialog), s = i.useRef(null), e = _(n, r.contentRef, s);
+    return i.useEffect(() => {
       const t = s.current;
-      if (t) return Z(t);
-    }, []), /* @__PURE__ */ i(
-      b,
+      if (t) {
+        const a = document.querySelectorAll("[data-ikp-component]");
+        return V([t, ...Array.from(a)]);
+      }
+    }, []), /* @__PURE__ */ c(
+      A,
       {
         ...o,
         ref: e,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onPointerDownOutside: g(o.onPointerDownOutside, (t) => {
-          const a = t.detail.originalEvent, f = a.button === 0 && a.ctrlKey === !0;
-          (a.button === 2 || f) && t.preventDefault();
+        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();
         }),
-        onFocusOutside: g(
+        onFocusOutside: D(
           o.onFocusOutside,
           (t) => t.preventDefault()
         )
       }
     );
   }
-), X = c.forwardRef(
+), X = i.forwardRef(
   (o, n) => {
-    const r = l(u, o.__scopeDialog), s = c.useRef(!1), e = c.useRef(!1);
-    return /* @__PURE__ */ i(
-      b,
+    const r = l(f, o.__scopeDialog), s = i.useRef(!1), e = i.useRef(!1);
+    return /* @__PURE__ */ c(
+      A,
       {
         ...o,
         ref: n,
@@ -149,75 +152,75 @@ const W = c.forwardRef(
       }
     );
   }
-), b = c.forwardRef(
+), A = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: t, ...a } = o, f = l(u, r), p = c.useRef(null), D = _(n, p);
-    return V(), G(() => {
+    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(() => {
       if (s)
-        return H(p.current, {
+        return q(u.current, {
           preventScroll: !0,
           onActivate: e,
           onDeactivate: t,
           initialFocus: !1
         });
-    }, []), /* @__PURE__ */ i(
-      B,
+    }, []), /* @__PURE__ */ c(
+      j,
       {
         role: "dialog",
-        id: f.contentId,
-        "aria-describedby": f.descriptionId,
-        "aria-labelledby": f.titleId,
-        "data-state": y(f.open),
+        id: p.contentId,
+        "aria-describedby": p.descriptionId,
+        "aria-labelledby": p.titleId,
+        "data-state": y(p.open),
         ...a,
-        ref: D,
-        onDismiss: () => f.onOpenChange(!1)
+        ref: g,
+        onDismiss: () => p.onOpenChange(!1)
       }
     );
   }
-), w = "DialogTitle", A = c.forwardRef(
+), b = "DialogTitle", w = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(w, r);
-    return /* @__PURE__ */ i(d.h2, { id: e.titleId, ...s, ref: n });
+    const { __scopeDialog: r, ...s } = o, e = l(b, r);
+    return /* @__PURE__ */ c(d.h2, { id: e.titleId, ...s, ref: n });
   }
 );
-A.displayName = w;
-const F = "DialogDescription", oo = c.forwardRef(
+w.displayName = b;
+const k = "DialogDescription", oo = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(F, r);
-    return /* @__PURE__ */ i(d.p, { id: e.descriptionId, ...s, ref: n });
+    const { __scopeDialog: r, ...s } = o, e = l(k, r);
+    return /* @__PURE__ */ c(d.p, { id: e.descriptionId, ...s, ref: n });
   }
 );
-oo.displayName = F;
-const S = "DialogClose", k = c.forwardRef(
+oo.displayName = k;
+const F = "DialogClose", S = i.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, e = l(S, r);
-    return /* @__PURE__ */ i(
+    const { __scopeDialog: r, ...s } = o, e = l(F, r);
+    return /* @__PURE__ */ c(
       d.button,
       {
         type: "button",
         ...s,
         ref: n,
-        onClick: g(o.onClick, () => e.onOpenChange(!1))
+        onClick: D(o.onClick, () => e.onOpenChange(!1))
       }
     );
   }
 );
-k.displayName = S;
+S.displayName = F;
 function y(o) {
   return o ? "open" : "closed";
 }
-const _o = v, Oo = N, Po = M, ho = T, yo = A, Eo = k;
+const _o = I, Oo = N, Po = M, ho = T, yo = w, Eo = S;
 export {
   Eo as Close,
   ho as Content,
-  v as Dialog,
-  k as DialogClose,
+  I as Dialog,
+  S as DialogClose,
   T as DialogContent,
   oo as DialogDescription,
   M as DialogOverlay,
   N as DialogPortal,
-  A as DialogTitle,
-  J as DialogTrigger,
+  w as DialogTitle,
+  z as DialogTrigger,
   Po as Overlay,
   Oo as Portal,
   _o as Root,

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

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

@@ -1,29 +1,30 @@
 "use client";
-import { useChat as j } from "@ai-sdk/react";
-import { DefaultChatTransport as G } from "ai";
-import { useState as r, useEffect as x, useRef as X, useImperativeHandle as Y } from "react";
-import { useInkeepConfig as Z } from "../../providers/config-provider.js";
-import { useMediaQuery as ee } from "../../hooks/use-media-query.js";
-import { generateUid as te } from "../../utils/generate-uid.js";
-import { useBaseEvents as se } from "../../providers/base-events-provider.js";
-import { useChatForm as ne } from "../../providers/chat-form-provider.js";
-import { useWidget as oe } from "../../providers/widget-provider.js";
-import { useControllableState as re } from "@radix-ui/react-use-controllable-state";
-const fe = () => {
-  const { baseSettings: h, aiChatSettings: a } = Z(), [s = "", f] = re({
+import { useChat as X } from "@ai-sdk/react";
+import { DefaultChatTransport as Y } from "ai";
+import { useState as r, useEffect as x, useRef as Z, useImperativeHandle as ee } from "react";
+import { useInkeepConfig as te } from "../../providers/config-provider.js";
+import { useMediaQuery as se } from "../../hooks/use-media-query.js";
+import { generateUid as ne } from "../../utils/generate-uid.js";
+import { useBaseEvents as oe } from "../../providers/base-events-provider.js";
+import { useChatForm as re } from "../../providers/chat-form-provider.js";
+import { useWidget as ae } from "../../providers/widget-provider.js";
+import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
+import { useStreamingEvents as ce } from "../../hooks/use-streaming-events.js";
+const be = () => {
+  const { baseSettings: h, aiChatSettings: a } = te(), [s = "", f] = ie({
     prop: a.conversationId,
     defaultProp: a.conversationId ?? ""
-  }), { logEvent: i } = se(), [o, m] = r(""), k = (e) => m(e.target.value), {
+  }), { logEvent: i } = oe(), { setConversationId: k, emitStreamError: F } = ce(), [o, m] = r(""), N = (e) => m(e.target.value), {
     /*  shouldBypassCaptcha, */
     filters: v
   } = h, {
-    onInputMessageChange: F,
+    onInputMessageChange: D,
     filters: I,
-    graphUrl: N,
-    context: D,
-    headers: A,
+    graphUrl: A,
+    context: B,
+    headers: K,
     apiKey: C
-  } = a, B = (e) => {
+  } = a, P = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
@@ -34,25 +35,25 @@ const fe = () => {
 
 It seems I might be having some issues right now. Please clear the chat and try again.`;
     }
-  }, [K, P] = r({}), [R, u] = r([]), [W, b] = r(null), {
+  }, [R, W] = r({}), [$, u] = r([]), [z, b] = r(null), {
     messages: l,
-    sendMessage: $,
+    sendMessage: H,
     status: y,
     setMessages: w,
-    stop: z,
+    stop: T,
     error: p
-  } = j({
-    transport: new G({
-      api: N,
+  } = X({
+    transport: new Y({
+      api: A,
       headers: {
         ...C ? { Authorization: `Bearer ${C}` } : {},
-        ...A
+        ...K
       },
       body: {
-        requestContext: D
+        requestContext: B
       }
     }),
-    async onFinish(e) {
+    async onFinish() {
       await i({
         eventName: "assistant_message_received",
         properties: {
@@ -66,20 +67,20 @@ It seems I might be having some issues right now. Please clear the chat and try
       });
     },
     onError(e) {
-      console.log("onError", e.message), w((c) => {
+      console.log("onError", e.message), F(e.message, void 0, e.code?.toString()), w((c) => {
         const n = [...c], t = n[n.length - 1];
-        return t && (t.parts = [{ type: "text", text: B(e) }]), n;
+        return t && (t.parts = [{ type: "text", text: P(e) }]), n;
       });
     }
-  }), E = y === "submitted", H = y === "streaming", T = l.length === 0, g = !o.trim() || E, U = ee("(max-width: 768px)"), [q, M] = r(null);
+  }), E = y === "submitted", U = y === "streaming", q = l.length === 0, g = !o.trim() || E, J = se("(max-width: 768px)"), [L, S] = r(null);
   x(() => {
-    p && M(p);
+    p && S(p);
   }, [p]);
-  const J = () => M(null), S = X(null);
+  const O = () => S(null), M = Z(null);
   x(() => {
-    F?.(o);
+    D?.(o);
   }, [o]);
-  const L = (e) => {
+  const Q = (e) => {
     e.key === "Enter" && !e.shiftKey && !g && !e.nativeEvent.isComposing && (e.preventDefault(), d());
   }, d = async (e = o) => {
     if (g && (!e || e.trim().length === 0)) return;
@@ -95,7 +96,7 @@ It seems I might be having some issues right now. Please clear the chat and try
     }) : void 0, n = {};
     c && (n["inkeep-filters"] = c);
     let t = s;
-    t || (t = `conv_${te(16)}`, f(t)), $(
+    t || (t = `conv_${ne(16)}`, f(t)), k(t), H(
       // { ...userMessage, files },
       // { ...userMessage, },
       {
@@ -108,53 +109,53 @@ It seems I might be having some issues right now. Please clear the chat and try
         }
       }
     );
-  }, O = () => {
-    z();
+  }, V = () => {
+    T();
   }, _ = () => {
-    J(), w([]), f(""), P({}), u([]), b(null), i({
+    O(), w([]), f(""), W({}), u([]), b(null), i({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: s
       }
     });
-  }, { openForm: Q } = ne(), V = oe();
-  return Y(a.chatFunctionsRef, () => ({
+  }, { openForm: j } = re(), G = ae();
+  return ee(a.chatFunctionsRef, () => ({
     submitMessage: d,
     updateInputMessage(e) {
       m(e);
     },
     clearChat: _,
     openForm: (e) => {
-      V?.setView("chat"), Q(e, void 0);
+      G?.setView("chat"), j(e, void 0);
     },
     focusInput: () => {
-      S.current?.focus();
+      M.current?.focus();
     }
   })), {
     messages: l,
     isLoading: E,
-    isStreaming: H,
-    error: q,
+    isStreaming: U,
+    error: L,
     isSubmitDisabled: g,
     input: o,
-    handleInputChange: k,
-    handleInputKeyDown: L,
+    handleInputChange: N,
+    handleInputKeyDown: Q,
     handleSubmit: d,
-    stop: O,
+    stop: V,
     clear: _,
-    messageButtons: K,
+    messageButtons: R,
     isEmpty: l.length === 0,
-    inputRef: S,
-    isMobile: U,
+    inputRef: M,
+    isMobile: J,
     // Additional state for attachments and workflow
-    messageAttachments: R,
+    messageAttachments: $,
     setMessageAttachments: u,
-    selectedWorkflow: W,
+    selectedWorkflow: z,
     setSelectedWorkflow: b,
-    isNewChat: T,
+    isNewChat: q,
     conversationId: s
   };
 };
 export {
-  fe as useInkeepChat
+  be 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 n=require("react"),A=require("../../../types/message.cjs");function D(a,f){const[i,x]=n.useState([]),[h,w]=n.useState(new Map),[y,P]=n.useState(Date.now()),[R,p]=n.useState(!1),g=n.useRef(0),d=n.useRef(0),S=n.useRef([]),c=n.useRef(h);c.current=h;const C=n.useCallback(()=>{const s=[];let e="",o=[];a.length>g.current&&(P(Date.now()),g.current=a.length),d.current=0;const u=new Map,l=(t=!1)=>{if(o.length>0){const r=`group-${d.current++}`,m=c.current.get(r);m?u.set(r,{...m,isCompleted:t}):u.set(r,{isCompleted:t}),s.push({type:"summary-group",summaries:[...o],groupKey:r}),o=[]}};for(const t of a)if(t.type==="text")l(!0),e+=t.text||"";else if(t.type==="data-summary")e.trim()&&(s.push({type:"text",text:e}),e=""),o.push(t.data);else if(t.type==="data-operation")t.data.type==="completion"&&l(!0);else if(t.type==="data-artifact")if(t.data?.type?.toLowerCase()===A.CITATION_ARTIFACT_TYPE){const r=t.data,m=r.artifactSummary||{title:r.name};e+=` ^${m?.title||r.name}^`}else e.trim()&&(s.push({type:"text",text:e}),e=""),s.push(t);else t.type==="data-component"&&(e.trim()&&(s.push({type:"text",text:e}),e=""),s.push(t));return l(!f),e.trim()&&s.push({type:"text",text:e}),{processed:s,newTimings:u}},[a,f]);n.useEffect(()=>{if(S.current===a)return;S.current=a;const{processed:s,newTimings:e}=C();x(s),(e.size!==c.current.size||Array.from(e.entries()).some(([u,l])=>{const t=c.current.get(u);return!t||t.isCompleted!==l.isCompleted}))&&w(e)},[C,a]);const T=n.useCallback(()=>{const s=Date.now()-y,e=Array.from(c.current.values()).some(u=>!u.isCompleted),o=s>1e3&&!e;p(o)},[y]);n.useEffect(()=>{if(!f){p(!1);return}if(!(i.length>0)){p(!1);return}const e=setInterval(T,200);return()=>clearInterval(e)},[f,T,i.length]);const v=n.useMemo(()=>!(i.length>0),[i.length]);return{processedParts:i,summaryTimings:h,shouldShowInitialLoading:v,shouldShowStreamDelayLoading:R}}exports.useStreamProcessor=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),b=require("../../../types/message.cjs"),L=require("../../hooks/use-streaming-events.cjs");function E(r,c){const[u,A]=a.useState([]),[p,D]=a.useState(new Map),[d,P]=a.useState(Date.now()),[R,g]=a.useState(!1),h=a.useRef(0),y=a.useRef(0),w=a.useRef([]),l=a.useRef(p);l.current=p;const{emitArtifactSaved:S,emitCompletion:x,emitAgentInitializing:k,emitTextDelta:C}=L.useStreamingEvents(),T=a.useCallback(()=>{const n=[];let e="",o=[];r.length>h.current&&(P(Date.now()),h.current=r.length),y.current=0;const i=new Map,m=(t=!1)=>{if(o.length>0){const s=`group-${y.current++}`,f=l.current.get(s);f?i.set(s,{...f,isCompleted:t}):i.set(s,{isCompleted:t}),n.push({type:"summary-group",summaries:[...o],groupKey:s}),o=[]}};for(const t of r)if(t.type==="text")m(!0),t.text&&c&&C(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"){const s=t.data;if(s?.type)switch(s.type){case"completion":x("unknown",1),m(!0);break;case"agent_initializing":k("unknown","unknown");break;case"error":console.warn("Data operation error:",s.ctx);break;case"agent_thinking":case"agent_ready":console.log("Agent state:",s.type,s.ctx);break}}else if(t.type==="data-artifact")if(t.data?.type?.toLowerCase()===b.CITATION_ARTIFACT_TYPE){const s=t.data,f=s.artifactSummary||{title:s.name};e+=` ^${f?.title||s.name}^`}else e.trim()&&(n.push({type:"text",text:e}),e=""),n.push(t),t.data&&S(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=""),n.push(t));return m(!c),e.trim()&&n.push({type:"text",text:e}),{processed:n,newTimings:i}},[r,c,S,x,k,C]);a.useEffect(()=>{if(w.current===r)return;w.current=r;const{processed:n,newTimings:e}=T();A(n),(e.size!==l.current.size||Array.from(e.entries()).some(([i,m])=>{const t=l.current.get(i);return!t||t.isCompleted!==m.isCompleted}))&&D(e)},[T,r]);const v=a.useCallback(()=>{const n=Date.now()-d,e=Array.from(l.current.values()).some(i=>!i.isCompleted),o=n>1e3&&!e;g(o)},[d]);a.useEffect(()=>{if(!c){g(!1);return}if(!(u.length>0)){g(!1);return}const e=setInterval(v,200);return()=>clearInterval(e)},[c,v,u.length]);const I=a.useMemo(()=>!(u.length>0),[u.length]);return{processedParts:u,summaryTimings:p,shouldShowInitialLoading:I,shouldShowStreamDelayLoading:R}}exports.useStreamProcessor=E;