@inkeep/agents-ui 0.14.16 → 0.14.18

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

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

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

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

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

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

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

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

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

package/dist/styled/components/data-summary-group.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),x=a=>{const{type:s,label:r}=a;return r||s.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())},d={agent_generate:e.jsx(t.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(t.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_call:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_result:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(t.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(t.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(t.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),error:e.jsx(t.TriangleAlert,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_initializing:e.jsx(t.CircleDot,{className:"w-3 h-3 animate-spin"}),completion:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},h={retrieve:e.jsx(t.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...d},p=n.memo(({summary:a,index:s,showConnector:r})=>{const l=n.useMemo(()=>a.details?JSON.stringify(a.details,null,2):null,[a.details]),o=n.useMemo(()=>x(a),[a]),i=n.useMemo(()=>h[a.type]||h.default,[a.type]);return e.jsxs("div",{className:"flex items-start gap-2 text-xs relative",children:[r&&e.jsx("div",{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx("div",{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:i}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:" text-gray-700 dark:text-white-alpha-600",children:o}),l&&e.jsx("pre",{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:l})]})]},`op-${a.type}-${s}`)}),m=n.memo(({summaries:a,isCompleted:s})=>{const[r,l]=n.useState(!s);n.useEffect(()=>{let i;return s?i=setTimeout(()=>{l(!1)},1e3):l(!0),()=>{i&&clearTimeout(i)}},[s]);const o=n.useCallback(()=>{l(!r)},[r]);return e.jsxs("div",{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx("button",{type:"button",onClick:o,"data-expanded":r,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:s?e.jsxs(e.Fragment,{children:[e.jsx(t.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(t.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx("span",{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx("span",{className:"font-medium",children:"Thinking..."})]})}),e.jsx("div",{"data-expanded":r,className:"overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",children:e.jsx("div",{className:"pb-2 mt-1.5 space-y-3 relative",children:a.map((i,c)=>e.jsx(p,{summary:i,index:c,showConnector:a.length>1&&c<a.length-1},`op-${i.type}-${c}`))})})]})});exports.DataSummaryGroup=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),h=a=>{const{type:s,label:r}=a;return r||s.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())},x={agent_generate:e.jsx(t.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(t.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_call:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_result:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(t.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(t.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(t.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),error:e.jsx(t.TriangleAlert,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_initializing:e.jsx(t.CircleDot,{className:"w-3 h-3 animate-spin"}),completion:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},d={retrieve:e.jsx(t.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...x},p=n.memo(({summary:a,index:s,showConnector:r})=>{const l=n.useMemo(()=>a.details?JSON.stringify(a.details,null,2):null,[a.details]),o=n.useMemo(()=>h(a),[a]),i=n.useMemo(()=>d[a.type]||d.default,[a.type]);return e.jsxs("div",{className:"flex items-start gap-2 text-xs relative",children:[r&&e.jsx("div",{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx("div",{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:i}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:" text-gray-700 dark:text-white-alpha-600",children:o}),l&&e.jsx("pre",{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:l})]})]},`op-${a.type}-${s}`)}),m=n.memo(({summaries:a,isCompleted:s})=>{const[r,l]=n.useState(!s);n.useEffect(()=>{let i;return s?i=setTimeout(()=>{l(!1)},1e3):l(!0),()=>{i&&clearTimeout(i)}},[s]);const o=n.useCallback(()=>{l(!r)},[r]);return e.jsxs("div",{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx("button",{type:"button",onClick:o,"data-expanded":r,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:s?e.jsxs(e.Fragment,{children:[e.jsx(t.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(t.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx("span",{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx("span",{className:"font-medium",children:"Thinking..."})]})}),e.jsx("div",{"data-expanded":r,className:"overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",children:e.jsx("div",{className:"pb-2 mt-1.5 space-y-3 relative",children:a.map((i,c)=>e.jsx(p,{summary:i,index:c,showConnector:a.length>1&&c<a.length-1},`op-${i.type}-${c}`))})})]})});exports.DataSummaryGroup=m;

package/dist/styled/components/data-summary-group.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as s, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { memo as m, useState as w, useEffect as u, useCallback as y, useMemo as c } from "react";
-import { Check as f, ChevronRight as N, LoaderCircle as k, Dot as g, CheckCheck as d, Search as v, CircleDot as b, TriangleAlert as _, Download as C, Forward as S, ArrowRight as A, Hammer as p, Brain as D, RefreshCw as E } from "lucide-react";
+import { memo as m, useState as g, useEffect as w, useCallback as u, useMemo as c } from "react";
+import { Check as y, ChevronRight as f, LoaderCircle as N, CheckCheck as d, Search as k, Dot as v, CircleDot as b, TriangleAlert as _, Download as C, Forward as S, ArrowRight as A, Hammer as p, Brain as D, RefreshCw as E } from "lucide-react";
 const I = (t) => {
   const { type: r, label: a } = t;
   return a || r.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
@@ -17,11 +17,10 @@ const I = (t) => {
   error: /* @__PURE__ */ e(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   agent_initializing: /* @__PURE__ */ e(b, { className: "w-3 h-3 animate-spin" }),
   completion: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ e(g, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+  default: /* @__PURE__ */ e(v, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
 }, x = {
-  retrieve: /* @__PURE__ */ e(v, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  retrieve: /* @__PURE__ */ e(k, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   action: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ e(g, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   ...M
 }, O = m(({ summary: t, index: r, showConnector: a }) => {
   const l = c(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), n = c(() => I(t), [t]), i = c(
@@ -37,8 +36,8 @@ const I = (t) => {
     ] })
   ] }, `op-${t.type}-${r}`);
 }), j = m(({ summaries: t, isCompleted: r }) => {
-  const [a, l] = w(!r);
-  u(() => {
+  const [a, l] = g(!r);
+  w(() => {
     let i;
     return r ? i = setTimeout(() => {
       l(!1);
@@ -46,7 +45,7 @@ const I = (t) => {
       i && clearTimeout(i);
     };
   }, [r]);
-  const n = y(() => {
+  const n = u(() => {
     l(!a);
   }, [a]);
   return /* @__PURE__ */ s("div", { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
@@ -58,11 +57,11 @@ const I = (t) => {
         "data-expanded": a,
         className: "inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",
         children: r ? /* @__PURE__ */ s(h, { children: [
-          /* @__PURE__ */ e(f, { className: "check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0" }),
-          /* @__PURE__ */ e(N, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
+          /* @__PURE__ */ e(y, { className: "check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0" }),
+          /* @__PURE__ */ e(f, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Completed" })
         ] }) : /* @__PURE__ */ s(h, { children: [
-          /* @__PURE__ */ e(k, { className: "w-3 h-3 animate-spin" }),
+          /* @__PURE__ */ e(N, { className: "w-3 h-3 animate-spin" }),
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Thinking..." })
         ] })
       }

package/package.json

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