@inkeep/agents-ui 0.15.4 → 0.15.6

package/dist/primitives/atoms/markdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),M=require("react-markdown"),f=require("rehype-raw"),y=require("remark-gfm"),g=require("remark-supersub"),S=require("../../providers/markdown-provider.cjs"),b=require("../codeblock/index.cjs"),n=require("./components.cjs"),q=require("./rehype-inline-code-property.cjs");const C=({children:c,componentStyles:h,shouldOpenLinksInNewTab:d,onLinkClick:l,onCodeCopy:m,artifacts:k,...p})=>{if(!c)return null;const x={h1:({children:r})=>e.jsx(n.MarkdownH1,{children:r}),h2:({children:r})=>e.jsx(n.MarkdownH2,{children:r}),p:({children:r})=>e.jsx(n.MarkdownP,{children:r}),li:({children:r})=>e.jsx(n.MarkdownLi,{children:r}),ul:({children:r})=>e.jsx(n.MarkdownUl,{children:r}),hr:()=>e.jsx(n.MarkdownHr,{}),input:({type:r,checked:o,disabled:t,readOnly:i,required:s,value:a})=>e.jsx(n.MarkdownInput,{type:r,checked:o,disabled:t,readOnly:i,required:s,value:a}),ol:({children:r,node:o})=>{const t=o?.properties?.start,i=typeof t=="number"?t:void 0;return e.jsx(n.MarkdownOl,{style:{"--start":t?.toString()??"0"},start:i,children:r})},a:({children:r,href:o})=>{const t=w.Children.toArray(r),i=t[0],s=typeof i=="string"&&/^\(\d+\)$/.test(i)&&t.length===1,a=s?i.match(/\d+/):r,u=e.jsx(n.MarkdownLink,{isExternal:d,href:o,onClick:()=>{l?.(o,a?.toString())},children:a});return s?e.jsx(n.MarkdownSourceLink,{children:u}):u},img:({src:r,alt:o})=>e.jsx(n.MarkdownImg,{src:r,alt:o}),table:({children:r})=>e.jsx(n.MarkdownTable,{children:r}),th:({children:r,isHeader:o})=>o?e.jsx(n.MarkdownTh,{children:r}):e.jsx(n.MarkdownTd,{children:r}),pre:({children:r})=>e.jsx("pre",{children:r}),code:({children:r,inline:o,className:t})=>o?e.jsx(n.MarkdownCode,{children:r}):e.jsx(b.CodeBlock,{className:t,onCopy:m,children:r}),sup:({children:r})=>{if(r&&typeof r=="string"){const o=k?.find(t=>(t.data?.artifactSummary?.title||t.data?.name)===r);if(o){const t=o.data,i=t?.artifactSummary?.url,s=t?.artifactSummary?.title||t?.name||r;return i?e.jsx(n.MarkdownSup,{children:e.jsx(n.MarkdownLink,{href:i,isExternal:d,onClick:()=>l?.(i,s),children:e.jsx("span",{children:s})})}):e.jsx(n.MarkdownSup,{children:e.jsx("span",{children:s})})}}return e.jsx("sup",{children:r})}},j=e.jsx(M,{remarkPlugins:[y,g],rehypePlugins:[f,q.rehypeInlineCodeProperty],components:x,disallowedElements:P,children:c.toString(),...p});return e.jsx(S.ChatMarkdownProvider,{componentStyles:h,children:j})},P=["script","iframe","frame","embed","meta","base","form","style","object"];exports.Markdown=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),f=require("react-markdown"),M=require("rehype-raw"),y=require("remark-gfm"),g=require("remark-supersub"),b=require("../../providers/markdown-provider.cjs"),S=require("../codeblock/index.cjs"),n=require("./components.cjs"),q=require("./rehype-inline-code-property.cjs");const C=({children:c,componentStyles:h,shouldOpenLinksInNewTab:d,onLinkClick:l,onCodeCopy:m,artifacts:x,...j})=>{if(!c)return null;const p={h1:({children:r})=>e.jsx(n.MarkdownH1,{children:r}),h2:({children:r})=>e.jsx(n.MarkdownH2,{children:r}),p:({children:r})=>e.jsx(n.MarkdownP,{children:r}),li:({children:r})=>e.jsx(n.MarkdownLi,{children:r}),ul:({children:r})=>e.jsx(n.MarkdownUl,{children:r}),hr:()=>e.jsx(n.MarkdownHr,{}),input:({type:r,checked:s,disabled:t,readOnly:o,required:i,value:a})=>e.jsx(n.MarkdownInput,{type:r,checked:s,disabled:t,readOnly:o,required:i,value:a}),ol:({children:r,node:s})=>{const t=s?.properties?.start,o=typeof t=="number"?t:void 0;return e.jsx(n.MarkdownOl,{style:{"--start":t?.toString()??"0"},start:o,children:r})},a:({children:r,href:s})=>{const t=w.Children.toArray(r),o=t[0],i=typeof o=="string"&&/^\(\d+\)$/.test(o)&&t.length===1,a=i?o.match(/\d+/):r,u=e.jsx(n.MarkdownLink,{isExternal:d,href:s,onClick:()=>{l?.(s,a?.toString())},children:a});return i?e.jsx(n.MarkdownSourceLink,{children:u}):u},img:({src:r,alt:s})=>e.jsx(n.MarkdownImg,{src:r,alt:s}),table:({children:r})=>e.jsx(n.MarkdownTable,{children:r}),th:({children:r,isHeader:s})=>s?e.jsx(n.MarkdownTh,{children:r}):e.jsx(n.MarkdownTd,{children:r}),pre:({children:r})=>e.jsx("pre",{children:r}),code:({children:r,inline:s,className:t})=>s?e.jsx(n.MarkdownCode,{children:r}):e.jsx(S.CodeBlock,{className:t,onCopy:m,children:r}),sub:({children:r})=>typeof r=="string"&&(r.startsWith(" ")||r.endsWith(" "))?e.jsxs(e.Fragment,{children:["~",r,"~"]}):e.jsx("sub",{children:r}),sup:({children:r})=>{if(r&&typeof r=="string"){const s=x?.find(t=>(t.data?.artifactSummary?.title||t.data?.name)===r);if(s){const t=s.data,o=t?.artifactSummary?.url,i=t?.artifactSummary?.title||t?.name||r;return o?e.jsx(n.MarkdownSup,{children:e.jsx(n.MarkdownLink,{href:o,isExternal:d,onClick:()=>l?.(o,i),children:e.jsx("span",{children:i})})}):e.jsx(n.MarkdownSup,{children:e.jsx("span",{children:i})})}}return e.jsx("sup",{children:r})}},k=e.jsx(f,{remarkPlugins:[[y,{singleTilde:!1}],g],rehypePlugins:[M,q.rehypeInlineCodeProperty],components:p,disallowedElements:P,children:c.toString(),...j});return e.jsx(b.ChatMarkdownProvider,{componentStyles:h,children:k})},P=["script","iframe","frame","embed","meta","base","form","style","object"];exports.Markdown=C;

package/dist/primitives/atoms/markdown/index.js

@@ -1,48 +1,48 @@
-import { jsx as n } from "react/jsx-runtime";
-import y from "react";
-import g from "react-markdown";
-import S from "rehype-raw";
-import b from "remark-gfm";
-import C from "remark-supersub";
-import { ChatMarkdownProvider as P } from "../../providers/markdown-provider.js";
-import { CodeBlock as x } from "../codeblock/index.js";
-import { MarkdownSup as s, MarkdownLink as h, MarkdownCode as E, MarkdownTh as H, MarkdownTd as R, MarkdownTable as j, MarkdownImg as v, MarkdownSourceLink as A, MarkdownOl as I, MarkdownInput as T, MarkdownHr as _, MarkdownUl as B, MarkdownLi as D, MarkdownP as G, MarkdownH2 as L, MarkdownH1 as U } from "./components.js";
+import { jsx as t, jsxs as y, Fragment as g } from "react/jsx-runtime";
+import b from "react";
+import S from "react-markdown";
+import C from "rehype-raw";
+import x from "remark-gfm";
+import P from "remark-supersub";
+import { ChatMarkdownProvider as j } from "../../providers/markdown-provider.js";
+import { CodeBlock as E } from "../codeblock/index.js";
+import { MarkdownSup as m, MarkdownLink as h, MarkdownCode as H, MarkdownTh as R, MarkdownTd as T, MarkdownTable as v, MarkdownImg as A, MarkdownSourceLink as I, MarkdownOl as W, MarkdownInput as _, MarkdownHr as B, MarkdownUl as D, MarkdownLi as F, MarkdownP as G, MarkdownH2 as L, MarkdownH1 as U } from "./components.js";
 import { rehypeInlineCodeProperty as V } from "./rehype-inline-code-property.js";
-const Z = ({
+const rr = ({
   children: d,
-  componentStyles: p,
+  componentStyles: u,
   shouldOpenLinksInNewTab: c,
   onLinkClick: l,
-  onCodeCopy: u,
+  onCodeCopy: p,
   artifacts: f,
   ...k
 }) => {
   if (!d) return null;
   const w = {
-    h1: ({ children: r }) => /* @__PURE__ */ n(U, { children: r }),
-    h2: ({ children: r }) => /* @__PURE__ */ n(L, { children: r }),
-    p: ({ children: r }) => /* @__PURE__ */ n(G, { children: r }),
-    li: ({ children: r }) => /* @__PURE__ */ n(D, { children: r }),
-    ul: ({ children: r }) => /* @__PURE__ */ n(B, { children: r }),
-    hr: () => /* @__PURE__ */ n(_, {}),
-    input: ({ type: r, checked: e, disabled: t, readOnly: o, required: i, value: a }) => /* @__PURE__ */ n(
-      T,
+    h1: ({ children: r }) => /* @__PURE__ */ t(U, { children: r }),
+    h2: ({ children: r }) => /* @__PURE__ */ t(L, { children: r }),
+    p: ({ children: r }) => /* @__PURE__ */ t(G, { children: r }),
+    li: ({ children: r }) => /* @__PURE__ */ t(F, { children: r }),
+    ul: ({ children: r }) => /* @__PURE__ */ t(D, { children: r }),
+    hr: () => /* @__PURE__ */ t(B, {}),
+    input: ({ type: r, checked: e, disabled: n, readOnly: o, required: i, value: a }) => /* @__PURE__ */ t(
+      _,
       {
         type: r,
         checked: e,
-        disabled: t,
+        disabled: n,
         readOnly: o,
         required: i,
         value: a
       }
     ),
     ol: ({ children: r, node: e }) => {
-      const t = e?.properties?.start, o = typeof t == "number" ? t : void 0;
-      return /* @__PURE__ */ n(
-        I,
+      const n = e?.properties?.start, o = typeof n == "number" ? n : void 0;
+      return /* @__PURE__ */ t(
+        W,
         {
           style: {
-            "--start": t?.toString() ?? "0"
+            "--start": n?.toString() ?? "0"
           },
           start: o,
           children: r
@@ -50,7 +50,7 @@ const Z = ({
       );
     },
     a: ({ children: r, href: e }) => {
-      const t = y.Children.toArray(r), o = t[0], i = typeof o == "string" && /^\(\d+\)$/.test(o) && t.length === 1, a = i ? o.match(/\d+/) : r, m = /* @__PURE__ */ n(
+      const n = b.Children.toArray(r), o = n[0], i = typeof o == "string" && /^\(\d+\)$/.test(o) && n.length === 1, a = i ? o.match(/\d+/) : r, s = /* @__PURE__ */ t(
         h,
         {
           isExternal: c,
@@ -61,45 +61,50 @@ const Z = ({
           children: a
         }
       );
-      return i ? /* @__PURE__ */ n(A, { children: m }) : m;
+      return i ? /* @__PURE__ */ t(I, { children: s }) : s;
     },
-    img: ({ src: r, alt: e }) => /* @__PURE__ */ n(v, { src: r, alt: e }),
-    table: ({ children: r }) => /* @__PURE__ */ n(j, { children: r }),
-    th: ({ children: r, isHeader: e }) => e ? /* @__PURE__ */ n(H, { children: r }) : /* @__PURE__ */ n(R, { children: r }),
-    pre: ({ children: r }) => /* @__PURE__ */ n("pre", { children: r }),
-    code: ({ children: r, inline: e, className: t }) => e ? /* @__PURE__ */ n(E, { children: r }) : /* @__PURE__ */ n(x, { className: t, onCopy: u, children: r }),
+    img: ({ src: r, alt: e }) => /* @__PURE__ */ t(A, { src: r, alt: e }),
+    table: ({ children: r }) => /* @__PURE__ */ t(v, { children: r }),
+    th: ({ children: r, isHeader: e }) => e ? /* @__PURE__ */ t(R, { children: r }) : /* @__PURE__ */ t(T, { children: r }),
+    pre: ({ children: r }) => /* @__PURE__ */ t("pre", { children: r }),
+    code: ({ children: r, inline: e, className: n }) => e ? /* @__PURE__ */ t(H, { children: r }) : /* @__PURE__ */ t(E, { className: n, onCopy: p, children: r }),
+    sub: ({ children: r }) => typeof r == "string" && (r.startsWith(" ") || r.endsWith(" ")) ? /* @__PURE__ */ y(g, { children: [
+      "~",
+      r,
+      "~"
+    ] }) : /* @__PURE__ */ t("sub", { children: r }),
     sup: ({ children: r }) => {
       if (r && typeof r == "string") {
         const e = f?.find(
-          (t) => (t.data?.artifactSummary?.title || t.data?.name) === r
+          (n) => (n.data?.artifactSummary?.title || n.data?.name) === r
         );
         if (e) {
-          const t = e.data, o = t?.artifactSummary?.url, i = t?.artifactSummary?.title || t?.name || r;
-          return o ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+          const n = e.data, o = n?.artifactSummary?.url, i = n?.artifactSummary?.title || n?.name || r;
+          return o ? /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
             h,
             {
               href: o,
               isExternal: c,
               onClick: () => l?.(o, i),
-              children: /* @__PURE__ */ n("span", { children: i })
+              children: /* @__PURE__ */ t("span", { children: i })
             }
-          ) }) : /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n("span", { children: i }) });
+          ) }) : /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("span", { children: i }) });
         }
       }
-      return /* @__PURE__ */ n("sup", { children: r });
+      return /* @__PURE__ */ t("sup", { children: r });
     }
-  }, M = /* @__PURE__ */ n(
-    g,
+  }, M = /* @__PURE__ */ t(
+    S,
     {
-      remarkPlugins: [b, C],
-      rehypePlugins: [S, V],
+      remarkPlugins: [[x, { singleTilde: !1 }], P],
+      rehypePlugins: [C, V],
       components: w,
       disallowedElements: $,
       children: d.toString(),
       ...k
     }
   );
-  return /* @__PURE__ */ n(P, { componentStyles: p, children: M });
+  return /* @__PURE__ */ t(j, { componentStyles: u, children: M });
 }, $ = [
   "script",
   "iframe",
@@ -112,5 +117,5 @@ const Z = ({
   "object"
 ];
 export {
-  Z as Markdown
+  rr as Markdown
 };

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

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

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

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

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

@@ -1,10 +1,10 @@
 "use client";
-import { useState as m, useRef as h, useCallback as R, useEffect as w, useMemo as z } from "react";
+import { useState as m, useRef as h, useCallback as L, useEffect as w, useMemo as z } from "react";
 import { DEFAULT_ERROR_MESSAGE as G } from "./use-inkeep-chat.js";
 function F(l, a, x) {
-  const [f, b] = m([]), [y, C] = m(/* @__PURE__ */ new Map()), [D, v] = m(Date.now()), [M, g] = m(!1), S = h(0), A = h(0), T = h([]), p = h(y);
+  const [f, R] = m([]), [y, C] = m(/* @__PURE__ */ new Map()), [D, v] = m(Date.now()), [M, g] = m(!1), S = h(0), A = h(0), T = h([]), p = h(y);
   p.current = y;
-  const k = R(() => {
+  const b = L(() => {
     const e = [];
     let t = "", n = [], i = !1;
     l.length > S.current && (v(Date.now()), S.current = l.length), A.current = 0;
@@ -35,9 +35,11 @@ function F(l, a, x) {
           switch (r.type) {
             case "agent_initializing":
               break;
-            case "completion":
-              u(!0);
+            case "completion": {
+              const { type: o } = r;
+              n.push({ type: o, label: "Completed" }), u(!0);
               break;
+            }
             case "error": {
               const o = r.message || "Unknown error";
               if (console.warn("Data operation error:", o), !e.length)
@@ -69,12 +71,12 @@ function F(l, a, x) {
     if (T.current === l)
       return;
     T.current = l;
-    const { processed: e, newTimings: t } = k();
-    b(e), (t.size !== p.current.size || Array.from(t.entries()).some(([i, c]) => {
+    const { processed: e, newTimings: t } = b();
+    R(e), (t.size !== p.current.size || Array.from(t.entries()).some(([i, c]) => {
       const u = p.current.get(i);
       return !u || u.isCompleted !== c.isCompleted;
     })) && C(t);
-  }, [k, l]), w(() => {
+  }, [b, l]), w(() => {
     a || C((e) => {
       const t = new Map(e);
       let n = !1;
@@ -86,7 +88,7 @@ function F(l, a, x) {
       return n ? t : e;
     });
   }, [a]);
-  const L = R(() => {
+  const k = L(() => {
     const e = Date.now() - D, t = Array.from(p.current.values()).some(
       (i) => !i.isCompleted
     ), n = e > 1e3 && !t;
@@ -101,9 +103,9 @@ function F(l, a, x) {
       g(!1);
       return;
     }
-    const t = setInterval(L, 200);
+    const t = setInterval(k, 200);
     return () => clearInterval(t);
-  }, [a, L, f.length]);
+  }, [a, k, f.length]);
   const P = z(() => !!(!(f.length > 0) && a), [f.length, a]);
   return {
     processedParts: f,

package/dist/primitives/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.3",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.5",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;

package/dist/primitives/providers/base-events-provider.js

@@ -5,7 +5,7 @@ import { useInkeepConfig as g } from "./config-provider.js";
 const a = d(void 0), P = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = g(), { tags: s, analyticsProperties: n } = t, r = u(
     () => ({
-      widgetLibraryVersion: "0.15.3",
+      widgetLibraryVersion: "0.15.5",
       componentType: o,
       tags: s
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.15.4",
+  "version": "0.15.6",
   "description": "",
   "homepage": "",
   "repository": {