@inkeep/agents-ui 0.1.0 → 0.14.8

package/dist/primitives/atoms/shadow/context.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),v=require("./root.cjs"),j=require("@radix-ui/react-id"),c=n.createContext(void 0),i=()=>n.useContext(c);function u({wrapperStyles:e={},children:d,customStyles:a,styles:l}){const[s,h]=n.useState(null),[r,x]=n.useState(null),S=n.useMemo(()=>({shadowHost:s,rootElement:r}),[s,r]),w=j.useId(),f=v.default.div;return o.jsxs(f,{id:`inkeep-shadow${w}`,ref:t=>{t&&h(t)},style:e,children:[o.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:`${l}`}}),a,o.jsx("div",{id:"inkeep-widget-root",ref:t=>{t&&x(t)},style:e,children:o.jsx(c.Provider,{value:S,children:s&&r&&d})})]})}const I=e=>i()?e.children:o.jsx(u,{...e});exports.InkeepShadow=I;exports.InkeepShadowProvider=u;exports.ShadowContext=c;exports.useShadow=i;

package/dist/primitives/atoms/shadow/context.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { createContext as w, useContext as p, useState as i, useMemo as v } from "react";
+import S from "./root.js";
+import { useId as k } from "@radix-ui/react-id";
+const c = w(void 0), y = () => p(c);
+function I({
+  wrapperStyles: t = {},
+  children: s,
+  customStyles: d,
+  styles: u
+}) {
+  const [n, l] = i(null), [r, h] = i(null), m = v(() => ({ shadowHost: n, rootElement: r }), [n, r]), x = k(), a = S.div;
+  return /* @__PURE__ */ f(
+    a,
+    {
+      id: `inkeep-shadow${x}`,
+      ref: (e) => {
+        e && l(e);
+      },
+      style: t,
+      children: [
+        /* @__PURE__ */ o(
+          "style",
+          {
+            type: "text/css",
+            dangerouslySetInnerHTML: {
+              __html: `${u}`
+            }
+          }
+        ),
+        d,
+        /* @__PURE__ */ o(
+          "div",
+          {
+            id: "inkeep-widget-root",
+            ref: (e) => {
+              e && h(e);
+            },
+            style: t,
+            children: /* @__PURE__ */ o(c.Provider, { value: m, children: n && r && s })
+          }
+        )
+      ]
+    }
+  );
+}
+const E = (t) => y() ? t.children : /* @__PURE__ */ o(I, { ...t });
+export {
+  E as InkeepShadow,
+  I as InkeepShadowProvider,
+  c as ShadowContext,
+  y as useShadow
+};

package/dist/primitives/atoms/shadow/create.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("react"),p=require("react-dom"),w=require("./utils.cjs"),x=require("react-dom/server"),g=require("./use-ensured-forwarded-ref.cjs");function m({children:e="",...a}){let t="";return s.isValidElement(e)?t=x.renderToString(e):typeof e=="string"&&(t=e),u.jsx("template",{...a,dangerouslySetInnerHTML:{__html:t}})}function q({root:e,children:a=null}){return p.createPortal(a,e)}function y(e){return s.forwardRef(({mode:t="open",delegatesFocus:l=!1,styleSheets:c=[],ssr:n=!1,children:f=null,...R},d)=>{const r=g.useEnsuredForwardedRef(d),[o,h]=s.useState(null),S=`node_${t}${l}`;return s.useLayoutEffect(()=>{if(r.current)try{if(typeof d=="function"&&d(r.current),n){const{shadowRoot:j}=r.current;h(j);return}const i=r.current.attachShadow({mode:t,delegatesFocus:l});c.length>0&&(i.adoptedStyleSheets=c),h(i)}catch(i){w.handleError({error:i,styleSheets:c,root:o})}},[d,r,c]),u.jsx(e.tag,{ref:r,...R,children:(o||n)&&u.jsx(w.Context.Provider,{value:o,children:n?u.jsx(m,{shadowroot:t,shadowrootmode:t,children:e.render({root:o,ssr:n,children:f})}):u.jsx(q,{root:o,children:e.render({root:o,ssr:n,children:f})})})},S)})}exports.create=y;

package/dist/primitives/atoms/shadow/create.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import R, { forwardRef as s, useState as S, useLayoutEffect as C } from "react";
+import { createPortal as _ } from "react-dom";
+import { handleError as g, Context as y } from "./utils.js";
+import { renderToString as E } from "react-dom/server";
+import { useEnsuredForwardedRef as x } from "./use-ensured-forwarded-ref.js";
+function T({ children: o = "", ...d }) {
+  let t = "";
+  return R.isValidElement(o) ? t = E(o) : typeof o == "string" && (t = o), /* @__PURE__ */ a("template", { ...d, dangerouslySetInnerHTML: { __html: t } });
+}
+function v({ root: o, children: d = null }) {
+  return _(d, o);
+}
+function I(o) {
+  return s(
+    ({
+      mode: t = "open",
+      delegatesFocus: i = !1,
+      styleSheets: f = [],
+      ssr: n = !1,
+      children: l = null,
+      ...h
+    }, u) => {
+      const r = x(u), [e, m] = S(null), p = `node_${t}${i}`;
+      return C(() => {
+        if (r.current)
+          try {
+            if (typeof u == "function" && u(r.current), n) {
+              const { shadowRoot: w } = r.current;
+              m(w);
+              return;
+            }
+            const c = r.current.attachShadow({
+              mode: t,
+              delegatesFocus: i
+            });
+            f.length > 0 && (c.adoptedStyleSheets = f), m(c);
+          } catch (c) {
+            g({ error: c, styleSheets: f, root: e });
+          }
+      }, [u, r, f]), /* @__PURE__ */ a(o.tag, { ref: r, ...h, children: (e || n) && /* @__PURE__ */ a(y.Provider, { value: e, children: n ? /* @__PURE__ */ a(T, { shadowroot: t, shadowrootmode: t, children: o.render({
+        root: e,
+        ssr: n,
+        children: l
+      }) }) : /* @__PURE__ */ a(v, { root: e, children: o.render({
+        root: e,
+        ssr: n,
+        children: l
+      }) }) }) }, p);
+    }
+  );
+}
+export {
+  I as create
+};

package/dist/primitives/atoms/shadow/root.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("humps");require("react");const g=require("./create.cjs"),t=new Map;function n(c={},s="core",u=({children:r})=>r){return new Proxy(c,{get:function(f,a){const o=l.decamelize(a,{separator:"-"}),e=`${s}-${o}`;if(!t.has(e)){const i=g.create({tag:o,render:u});t.set(e,i)}return t.get(e)}})}const d=n();exports.createProxy=n;exports.default=d;

package/dist/primitives/atoms/shadow/root.js

@@ -0,0 +1,22 @@
+"use client";
+import m from "humps";
+import "react";
+import { create as p } from "./create.js";
+const e = /* @__PURE__ */ new Map();
+function u(n = {}, c = "core", s = ({ children: o }) => o) {
+  return new Proxy(n, {
+    get: function(f, a) {
+      const r = m.decamelize(a, { separator: "-" }), t = `${c}-${r}`;
+      if (!e.has(t)) {
+        const i = p({ tag: r, render: s });
+        e.set(t, i);
+      }
+      return e.get(t);
+    }
+  });
+}
+const y = u();
+export {
+  u as createProxy,
+  y as default
+};

package/dist/primitives/atoms/shadow/use-ensured-forwarded-ref.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function t(e){const u=r.useRef(e?.current);return r.useEffect(()=>{e&&(e.current=u.current)},[e]),u}exports.useEnsuredForwardedRef=t;

package/dist/primitives/atoms/shadow/use-ensured-forwarded-ref.js

@@ -0,0 +1,11 @@
+"use client";
+import { useRef as n, useEffect as r } from "react";
+function c(e) {
+  const u = n(e?.current);
+  return r(() => {
+    e && (e.current = u.current);
+  }, [e]), u;
+}
+export {
+  c as useEnsuredForwardedRef
+};

package/dist/primitives/atoms/shadow/utils.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=r.createContext(null);function a({error:e,styleSheets:t,root:n}){switch(e?.name){case"NotSupportedError":t.length>0&&n&&(n.adoptedStyleSheets=t);break;default:throw e}}exports.Context=o;exports.handleError=a;

package/dist/primitives/atoms/shadow/utils.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as o } from "react";
+const a = o(null);
+function c({ error: t, styleSheets: e, root: n }) {
+  switch (t?.name) {
+    case "NotSupportedError":
+      e.length > 0 && n && (n.adoptedStyleSheets = e);
+      break;
+    default:
+      throw t;
+  }
+}
+export {
+  a as Context,
+  c as handleError
+};

package/dist/primitives/components/chat-button.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),f=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),B=require("../atoms/avatars/ai.cjs"),_=require("../providers/config-provider.cjs"),p=require("../utils/compose-event-handlers.cjs"),A=require("../../color-mode/index.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=P(f),b=n.ikp("div",{_id:"chatButton__Container"}),k=n.ikp("button",{_id:"chatButton__Button"}),y=n.ikp("div",{_id:"chatButton__Text"}),S=n.ikp(l.Root,{_id:"chatButton__AvatarContent"}),j=n.ikp(l.Image,{_id:"chatButton__AvatarImage"}),g=s.memo(e=>{const{onLoadingStatusChange:a,avatar:t,...o}=e,{aiChatSettings:m}=_.useInkeepConfig(),{aiAssistantAvatar:r}=m??{},i=typeof t=="string"?t:A.useColorModeValue(t?.light,t?.dark),u=typeof r=="string"?r:r?.dark,[c,v]=s.useState(i??u);s.useEffect(()=>{v(i??u)},[i,u]);const h=C=>{C==="error"&&v(null)};return c?d.jsx(j,{src:c,alt:"Chat avatar","data-type":"image",onLoadingStatusChange:p.composeEventHandlers(a,h),...o}):d.jsx(B.default,{"data-type":"icon",...e})});exports.ChatButton=k;exports.ChatButtonAvatarContent=S;exports.ChatButtonAvatarImage=g;exports.ChatButtonContainer=b;exports.ChatButtonPrimitiveAvatarImage=g;exports.ChatButtonText=y;

package/dist/primitives/components/chat-button.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { memo as g, useState as d, useEffect as B } from "react";
+import * as u from "@radix-ui/react-avatar";
+import { ikp as t } from "./factory.js";
+import f from "../atoms/avatars/ai.js";
+import { useInkeepConfig as _ } from "../providers/config-provider.js";
+import { composeEventHandlers as l } from "../utils/compose-event-handlers.js";
+import { useColorModeValue as p } from "../../color-mode/index.js";
+const b = t("div", {
+  _id: "chatButton__Container"
+}), E = t("button", {
+  _id: "chatButton__Button"
+}), U = t("div", {
+  _id: "chatButton__Text"
+}), j = t(u.Root, {
+  _id: "chatButton__AvatarContent"
+}), A = t(u.Image, {
+  _id: "chatButton__AvatarImage"
+}), H = g((r) => {
+  const { onLoadingStatusChange: h, avatar: a, ...v } = r, { aiChatSettings: c } = _(), { aiAssistantAvatar: o } = c ?? {}, n = typeof a == "string" ? a : p(a?.light, a?.dark), i = typeof o == "string" ? o : o?.dark, [e, s] = d(
+    n ?? i
+  );
+  return B(() => {
+    s(n ?? i);
+  }, [n, i]), e ? /* @__PURE__ */ m(
+    A,
+    {
+      src: e,
+      alt: "Chat avatar",
+      "data-type": "image",
+      onLoadingStatusChange: l(h, (C) => {
+        C === "error" && s(null);
+      }),
+      ...v
+    }
+  ) : /* @__PURE__ */ m(f, { "data-type": "icon", ...r });
+});
+export {
+  E as ChatButton,
+  j as ChatButtonAvatarContent,
+  H as ChatButtonAvatarImage,
+  b as ChatButtonContainer,
+  H as ChatButtonPrimitiveAvatarImage,
+  U as ChatButtonText
+};

package/dist/primitives/components/embedded-chat/chat-provider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),s=require("./use-inkeep-chat.cjs"),u=require("../../providers/feedback-provider.cjs"),a=require("@radix-ui/react-tooltip"),d=require("../../providers/chat-form-provider.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const h=l(a),c=i.createContext(void 0),v=e=>o.jsx(d.ChatFormProvider,{children:o.jsx(P,{...e})}),P=({children:e,...r})=>{const t=s.useInkeepChat();return o.jsx(c.Provider,{value:{...t,...r},children:o.jsx(u.FeedbackProvider,{children:o.jsx(h.Provider,{children:e})})})},C=()=>{const e=i.useContext(c);if(!e)throw new Error("useChat must be used within a ChatProvider");return e};exports.ChatProvider=v;exports.useChat=C;

package/dist/primitives/components/embedded-chat/chat-provider.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, createContext as m } from "react";
+import { useInkeepChat as s } from "./use-inkeep-chat.js";
+import { FeedbackProvider as a } from "../../providers/feedback-provider.js";
+import * as c from "@radix-ui/react-tooltip";
+import { ChatFormProvider as h } from "../../providers/chat-form-provider.js";
+const o = m(void 0), f = (r) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(d, { ...r }) }), d = ({ children: r, ...e }) => {
+  const i = s();
+  return /* @__PURE__ */ t(o.Provider, { value: { ...i, ...e }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c.Provider, { children: r }) }) });
+}, l = () => {
+  const r = n(o);
+  if (!r)
+    throw new Error("useChat must be used within a ChatProvider");
+  return r;
+};
+export {
+  f as ChatProvider,
+  l as useChat
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../providers/base-events-provider.cjs"),p=require("../../providers/chat-form-provider.cjs"),c=require("../modal/modal-provider.cjs"),d=require("./chat-provider.cjs"),u=e=>{const{logEvent:n}=a.useBaseEvents(),{conversationId:o,messages:t}=d.useChat(),{openForm:s}=p.useChatForm(),i=c.useModal();return{handleAction:r=>{if(e.action.type==="open_form"){r?.onOpenForm?.();const l="name"in e?e:void 0;s?.(e.action.formSettings,l)}else e.action.type==="invoke_callback"&&(e.action.callback({conversation:{id:o,messages:t}}),e.action.shouldCloseModal&&i?.setOpen(!1))},logHelpAction:()=>{"name"in e&&(n({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversationId:o}}),e.action.type!=="open_form"&&n({eventName:"user_escalation_indicated",properties:{escalationType:"get_help_option",getHelpOption:e,conversationId:o}}))}}};exports.useChatAction=u;

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

@@ -0,0 +1,38 @@
+"use client";
+import { useBaseEvents as r } from "../../providers/base-events-provider.js";
+import { useChatForm as a } from "../../providers/chat-form-provider.js";
+import { useModal as m } from "../modal/modal-provider.js";
+import { useChat as f } from "./chat-provider.js";
+const H = (e) => {
+  const { logEvent: n } = r(), { conversationId: o, messages: t } = f(), { openForm: s } = a(), i = m();
+  return { handleAction: (p) => {
+    if (e.action.type === "open_form") {
+      p?.onOpenForm?.();
+      const l = "name" in e ? e : void 0;
+      s?.(e.action.formSettings, l);
+    } else e.action.type === "invoke_callback" && (e.action.callback({
+      conversation: {
+        id: o,
+        messages: t
+      }
+    }), e.action.shouldCloseModal && i?.setOpen(!1));
+  }, logHelpAction: () => {
+    "name" in e && (n({
+      eventName: "get_help_option_clicked",
+      properties: {
+        getHelpOption: e,
+        conversationId: o
+      }
+    }), e.action.type !== "open_form" && n({
+      eventName: "user_escalation_indicated",
+      properties: {
+        escalationType: "get_help_option",
+        getHelpOption: e,
+        conversationId: o
+      }
+    }));
+  } };
+};
+export {
+  H as useChatAction
+};

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

@@ -0,0 +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.. 
+
+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;

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

@@ -0,0 +1,160 @@
+"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({
+    prop: a.conversationId,
+    defaultProp: a.conversationId ?? ""
+  }), { logEvent: i } = se(), [o, m] = r(""), k = (e) => m(e.target.value), {
+    /*  shouldBypassCaptcha, */
+    filters: v
+  } = h, {
+    onInputMessageChange: F,
+    filters: I,
+    graphUrl: N,
+    context: D,
+    headers: A,
+    apiKey: C
+  } = a, B = (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.`;
+    }
+  }, [K, P] = r({}), [R, u] = r([]), [W, b] = r(null), {
+    messages: l,
+    sendMessage: $,
+    status: y,
+    setMessages: w,
+    stop: z,
+    error: p
+  } = j({
+    transport: new G({
+      api: N,
+      headers: {
+        ...C ? { Authorization: `Bearer ${C}` } : {},
+        ...A
+      },
+      body: {
+        requestContext: D
+      }
+    }),
+    async onFinish(e) {
+      await i({
+        eventName: "assistant_message_received",
+        properties: {
+          conversationId: s
+        }
+      }), i({
+        eventName: "assistant_answer_displayed",
+        properties: {
+          conversationId: s
+        }
+      });
+    },
+    onError(e) {
+      console.log("onError", e.message), w((c) => {
+        const n = [...c], t = n[n.length - 1];
+        return t && (t.parts = [{ type: "text", text: B(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);
+  x(() => {
+    p && M(p);
+  }, [p]);
+  const J = () => M(null), S = X(null);
+  x(() => {
+    F?.(o);
+  }, [o]);
+  const L = (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;
+    u([]), m(""), await i({
+      eventName: "user_message_submitted",
+      properties: {
+        conversationId: s
+      }
+    });
+    const c = v || I ? JSON.stringify({
+      ...v,
+      ...I
+    }) : void 0, n = {};
+    c && (n["inkeep-filters"] = c);
+    let t = s;
+    t || (t = `conv_${te(16)}`, f(t)), $(
+      // { ...userMessage, files },
+      // { ...userMessage, },
+      {
+        text: e
+      },
+      {
+        headers: n,
+        body: {
+          conversationId: t
+        }
+      }
+    );
+  }, O = () => {
+    z();
+  }, _ = () => {
+    J(), w([]), f(""), P({}), u([]), b(null), i({
+      eventName: "chat_clear_button_clicked",
+      properties: {
+        conversationId: s
+      }
+    });
+  }, { openForm: Q } = ne(), V = oe();
+  return Y(a.chatFunctionsRef, () => ({
+    submitMessage: d,
+    updateInputMessage(e) {
+      m(e);
+    },
+    clearChat: _,
+    openForm: (e) => {
+      V?.setView("chat"), Q(e, void 0);
+    },
+    focusInput: () => {
+      S.current?.focus();
+    }
+  })), {
+    messages: l,
+    isLoading: E,
+    isStreaming: H,
+    error: q,
+    isSubmitDisabled: g,
+    input: o,
+    handleInputChange: k,
+    handleInputKeyDown: L,
+    handleSubmit: d,
+    stop: O,
+    clear: _,
+    messageButtons: K,
+    isEmpty: l.length === 0,
+    inputRef: S,
+    isMobile: U,
+    // Additional state for attachments and workflow
+    messageAttachments: R,
+    setMessageAttachments: u,
+    selectedWorkflow: W,
+    setSelectedWorkflow: b,
+    isNewChat: T,
+    conversationId: s
+  };
+};
+export {
+  fe as useInkeepChat
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),A=require("@inkeep/cxkit-react-oss/types");function D(a,f){const[i,x]=n.useState([]),[p,w]=n.useState(new Map),[y,P]=n.useState(Date.now()),[R,h]=n.useState(!1),g=n.useRef(0),d=n.useRef(0),S=n.useRef([]),c=n.useRef(p);c.current=p;const C=n.useCallback(()=>{const s=[];let t="",o=[];a.length>g.current&&(P(Date.now()),g.current=a.length),d.current=0;const u=new Map,l=(e=!1)=>{if(o.length>0){const r=`group-${d.current++}`,m=c.current.get(r);m?u.set(r,{...m,isCompleted:e}):u.set(r,{isCompleted:e}),s.push({type:"summary-group",summaries:[...o],groupKey:r}),o=[]}};for(const e of a)if(e.type==="text")l(!0),t+=e.text||"";else if(e.type==="data-summary")t.trim()&&(s.push({type:"text",text:t}),t=""),o.push(e.data);else if(e.type==="data-operation")e.data.type==="completion"&&l(!0);else if(e.type==="data-artifact")if(e.data?.type?.toLowerCase()===A.CITATION_ARTIFACT_TYPE){const r=e.data,m=r.artifactSummary||{title:r.name};t+=` ^${m?.title||r.name}^`}else t.trim()&&(s.push({type:"text",text:t}),t=""),s.push(e);else e.type==="data-component"&&(t.trim()&&(s.push({type:"text",text:t}),t=""),s.push(e));return l(!f),t.trim()&&s.push({type:"text",text:t}),{processed:s,newTimings:u}},[a,f]);n.useEffect(()=>{if(S.current===a)return;S.current=a;const{processed:s,newTimings:t}=C();x(s),(t.size!==c.current.size||Array.from(t.entries()).some(([u,l])=>{const e=c.current.get(u);return!e||e.isCompleted!==l.isCompleted}))&&w(t)},[C,a]);const T=n.useCallback(()=>{const s=Date.now()-y,t=Array.from(c.current.values()).some(u=>!u.isCompleted),o=s>1e3&&!t;h(o)},[y]);n.useEffect(()=>{if(!f){h(!1);return}if(!(i.length>0)){h(!1);return}const t=setInterval(T,200);return()=>clearInterval(t)},[f,T,i.length]);const v=n.useMemo(()=>!(i.length>0),[i.length]);return{processedParts:i,summaryTimings:p,shouldShowInitialLoading:v,shouldShowStreamDelayLoading:R}}exports.useStreamProcessor=D;

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

@@ -0,0 +1,82 @@
+"use client";
+import { useState as f, useRef as p, useCallback as S, useEffect as A, useMemo as R } from "react";
+import { CITATION_ARTIFACT_TYPE as k } from "@inkeep/cxkit-react-oss/types";
+function E(r, m) {
+  const [i, v] = f([]), [h, P] = f(/* @__PURE__ */ new Map()), [g, D] = f(Date.now()), [L, y] = f(!1), d = p(0), x = p(0), C = p([]), c = p(h);
+  c.current = h;
+  const T = S(() => {
+    const s = [];
+    let t = "", o = [];
+    r.length > d.current && (D(Date.now()), d.current = r.length), x.current = 0;
+    const a = /* @__PURE__ */ new Map(), u = (e = !1) => {
+      if (o.length > 0) {
+        const n = `group-${x.current++}`, l = c.current.get(n);
+        l ? a.set(n, {
+          ...l,
+          isCompleted: e
+        }) : a.set(n, {
+          isCompleted: e
+        }), s.push({
+          type: "summary-group",
+          summaries: [...o],
+          groupKey: n
+        }), o = [];
+      }
+    };
+    for (const e of r)
+      if (e.type === "text")
+        u(!0), t += e.text || "";
+      else if (e.type === "data-summary")
+        t.trim() && (s.push({ type: "text", text: t }), t = ""), o.push(e.data);
+      else if (e.type === "data-operation")
+        e.data.type === "completion" && u(!0);
+      else if (e.type === "data-artifact")
+        if (e.data?.type?.toLowerCase() === k) {
+          const n = e.data, l = n.artifactSummary || {
+            title: n.name
+          };
+          t += ` ^${l?.title || n.name}^`;
+        } else
+          t.trim() && (s.push({ type: "text", text: t }), t = ""), s.push(e);
+      else e.type === "data-component" && (t.trim() && (s.push({ type: "text", text: t }), t = ""), s.push(e));
+    return u(!m), t.trim() && s.push({ type: "text", text: t }), { processed: s, newTimings: a };
+  }, [r, m]);
+  A(() => {
+    if (C.current === r)
+      return;
+    C.current = r;
+    const { processed: s, newTimings: t } = T();
+    v(s), (t.size !== c.current.size || Array.from(t.entries()).some(([a, u]) => {
+      const e = c.current.get(a);
+      return !e || e.isCompleted !== u.isCompleted;
+    })) && P(t);
+  }, [T, r]);
+  const w = S(() => {
+    const s = Date.now() - g, t = Array.from(c.current.values()).some(
+      (a) => !a.isCompleted
+    ), o = s > 1e3 && !t;
+    y(o);
+  }, [g]);
+  A(() => {
+    if (!m) {
+      y(!1);
+      return;
+    }
+    if (!(i.length > 0)) {
+      y(!1);
+      return;
+    }
+    const t = setInterval(w, 200);
+    return () => clearInterval(t);
+  }, [m, w, i.length]);
+  const I = R(() => !(i.length > 0), [i.length]);
+  return {
+    processedParts: i,
+    summaryTimings: h,
+    shouldShowInitialLoading: I,
+    shouldShowStreamDelayLoading: L
+  };
+}
+export {
+  E as useStreamProcessor
+};