@inkeep/agents-ui 0.14.10 → 0.14.11

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

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

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),A=require("../../../types/message.cjs");function D(a,f){const[i,x]=n.useState([]),[h,w]=n.useState(new Map),[y,P]=n.useState(Date.now()),[R,p]=n.useState(!1),g=n.useRef(0),d=n.useRef(0),S=n.useRef([]),c=n.useRef(h);c.current=h;const C=n.useCallback(()=>{const s=[];let e="",o=[];a.length>g.current&&(P(Date.now()),g.current=a.length),d.current=0;const u=new Map,l=(t=!1)=>{if(o.length>0){const r=`group-${d.current++}`,m=c.current.get(r);m?u.set(r,{...m,isCompleted:t}):u.set(r,{isCompleted:t}),s.push({type:"summary-group",summaries:[...o],groupKey:r}),o=[]}};for(const t of a)if(t.type==="text")l(!0),e+=t.text||"";else if(t.type==="data-summary")e.trim()&&(s.push({type:"text",text:e}),e=""),o.push(t.data);else if(t.type==="data-operation")t.data.type==="completion"&&l(!0);else if(t.type==="data-artifact")if(t.data?.type?.toLowerCase()===A.CITATION_ARTIFACT_TYPE){const r=t.data,m=r.artifactSummary||{title:r.name};e+=` ^${m?.title||r.name}^`}else e.trim()&&(s.push({type:"text",text:e}),e=""),s.push(t);else t.type==="data-component"&&(e.trim()&&(s.push({type:"text",text:e}),e=""),s.push(t));return l(!f),e.trim()&&s.push({type:"text",text:e}),{processed:s,newTimings:u}},[a,f]);n.useEffect(()=>{if(S.current===a)return;S.current=a;const{processed:s,newTimings:e}=C();x(s),(e.size!==c.current.size||Array.from(e.entries()).some(([u,l])=>{const t=c.current.get(u);return!t||t.isCompleted!==l.isCompleted}))&&w(e)},[C,a]);const T=n.useCallback(()=>{const s=Date.now()-y,e=Array.from(c.current.values()).some(u=>!u.isCompleted),o=s>1e3&&!e;p(o)},[y]);n.useEffect(()=>{if(!f){p(!1);return}if(!(i.length>0)){p(!1);return}const e=setInterval(T,200);return()=>clearInterval(e)},[f,T,i.length]);const v=n.useMemo(()=>!(i.length>0),[i.length]);return{processedParts:i,summaryTimings:h,shouldShowInitialLoading:v,shouldShowStreamDelayLoading:R}}exports.useStreamProcessor=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),b=require("../../../types/message.cjs"),L=require("../../hooks/use-streaming-events.cjs");function E(r,c){const[u,A]=a.useState([]),[p,D]=a.useState(new Map),[d,P]=a.useState(Date.now()),[R,g]=a.useState(!1),h=a.useRef(0),y=a.useRef(0),w=a.useRef([]),l=a.useRef(p);l.current=p;const{emitArtifactSaved:S,emitCompletion:x,emitAgentInitializing:k,emitTextDelta:C}=L.useStreamingEvents(),T=a.useCallback(()=>{const n=[];let e="",o=[];r.length>h.current&&(P(Date.now()),h.current=r.length),y.current=0;const i=new Map,m=(t=!1)=>{if(o.length>0){const s=`group-${y.current++}`,f=l.current.get(s);f?i.set(s,{...f,isCompleted:t}):i.set(s,{isCompleted:t}),n.push({type:"summary-group",summaries:[...o],groupKey:s}),o=[]}};for(const t of r)if(t.type==="text")m(!0),t.text&&c&&C(t.text),e+=t.text||"";else if(t.type==="data-summary")e.trim()&&(n.push({type:"text",text:e}),e=""),o.push(t.data);else if(t.type==="data-operation"){const s=t.data;if(s?.type)switch(s.type){case"completion":x("unknown",1),m(!0);break;case"agent_initializing":k("unknown","unknown");break;case"error":console.warn("Data operation error:",s.ctx);break;case"agent_thinking":case"agent_ready":console.log("Agent state:",s.type,s.ctx);break}}else if(t.type==="data-artifact")if(t.data?.type?.toLowerCase()===b.CITATION_ARTIFACT_TYPE){const s=t.data,f=s.artifactSummary||{title:s.name};e+=` ^${f?.title||s.name}^`}else e.trim()&&(n.push({type:"text",text:e}),e=""),n.push(t),t.data&&S(t.data.artifactId||"unknown",t.data.taskId||"unknown","unknown",t.data.artifactType||"unknown",t.data.artifactSummary||{},{},{name:t.data.name,description:t.data.description});else t.type==="data-component"&&(e.trim()&&(n.push({type:"text",text:e}),e=""),n.push(t));return m(!c),e.trim()&&n.push({type:"text",text:e}),{processed:n,newTimings:i}},[r,c,S,x,k,C]);a.useEffect(()=>{if(w.current===r)return;w.current=r;const{processed:n,newTimings:e}=T();A(n),(e.size!==l.current.size||Array.from(e.entries()).some(([i,m])=>{const t=l.current.get(i);return!t||t.isCompleted!==m.isCompleted}))&&D(e)},[T,r]);const v=a.useCallback(()=>{const n=Date.now()-d,e=Array.from(l.current.values()).some(i=>!i.isCompleted),o=n>1e3&&!e;g(o)},[d]);a.useEffect(()=>{if(!c){g(!1);return}if(!(u.length>0)){g(!1);return}const e=setInterval(v,200);return()=>clearInterval(e)},[c,v,u.length]);const I=a.useMemo(()=>!(u.length>0),[u.length]);return{processedParts:u,summaryTimings:p,shouldShowInitialLoading:I,shouldShowStreamDelayLoading:R}}exports.useStreamProcessor=E;

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

@@ -1,82 +1,121 @@
 "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 "../../../types/message.js";
-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, {
+import { useState as f, useRef as p, useCallback as D, useEffect as I, useMemo as z } from "react";
+import { CITATION_ARTIFACT_TYPE as E } from "../../../types/message.js";
+import { useStreamingEvents as M } from "../../hooks/use-streaming-events.js";
+function $(r, i) {
+  const [c, P] = f([]), [d, L] = f(/* @__PURE__ */ new Map()), [g, R] = f(Date.now()), [b, h] = f(!1), y = p(0), w = p(0), x = p([]), u = p(d);
+  u.current = d;
+  const { emitArtifactSaved: k, emitCompletion: C, emitAgentInitializing: T, emitTextDelta: S } = M(), A = D(() => {
+    const n = [];
+    let e = "", s = [];
+    r.length > y.current && (R(Date.now()), y.current = r.length), w.current = 0;
+    const o = /* @__PURE__ */ new Map(), m = (t = !1) => {
+      if (s.length > 0) {
+        const a = `group-${w.current++}`, l = u.current.get(a);
+        l ? o.set(a, {
           ...l,
-          isCompleted: e
-        }) : a.set(n, {
-          isCompleted: e
-        }), s.push({
+          isCompleted: t
+        }) : o.set(a, {
+          isCompleted: t
+        }), n.push({
           type: "summary-group",
-          summaries: [...o],
-          groupKey: n
-        }), o = [];
+          summaries: [...s],
+          groupKey: a
+        }), s = [];
       }
     };
-    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
+    for (const t of r)
+      if (t.type === "text")
+        m(!0), t.text && i && S(t.text), e += t.text || "";
+      else if (t.type === "data-summary")
+        e.trim() && (n.push({ type: "text", text: e }), e = ""), s.push(t.data);
+      else if (t.type === "data-operation") {
+        const a = t.data;
+        if (a?.type)
+          switch (a.type) {
+            case "completion":
+              C(
+                "unknown",
+                // No agent ID available in current structure
+                1
+                // No iteration available in current structure
+              ), m(!0);
+              break;
+            case "agent_initializing":
+              T(
+                "unknown",
+                // No session ID available in current structure
+                "unknown"
+                // No graph ID available in current structure
+              );
+              break;
+            case "error":
+              console.warn("Data operation error:", a.ctx);
+              break;
+            case "agent_thinking":
+            case "agent_ready":
+              console.log("Agent state:", a.type, a.ctx);
+              break;
+          }
+      } else if (t.type === "data-artifact")
+        if (t.data?.type?.toLowerCase() === E) {
+          const a = t.data, l = a.artifactSummary || {
+            title: a.name
           };
-          t += ` ^${l?.title || n.name}^`;
+          e += ` ^${l?.title || a.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)
+          e.trim() && (n.push({ type: "text", text: e }), e = ""), n.push(t), t.data && k(
+            t.data.artifactId || "unknown",
+            t.data.taskId || "unknown",
+            "unknown",
+            // toolCallId not available in current structure
+            t.data.artifactType || "unknown",
+            t.data.artifactSummary || {},
+            // Use artifactSummary as summaryData
+            {},
+            // fullData not available in current structure
+            { name: t.data.name, description: t.data.description }
+            // Use available fields as metadata
+          );
+      else t.type === "data-component" && (e.trim() && (n.push({ type: "text", text: e }), e = ""), n.push(t));
+    return m(!i), e.trim() && n.push({ type: "text", text: e }), { processed: n, newTimings: o };
+  }, [r, i, k, C, T, S]);
+  I(() => {
+    if (x.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);
+    x.current = r;
+    const { processed: n, newTimings: e } = A();
+    P(n), (e.size !== u.current.size || Array.from(e.entries()).some(([o, m]) => {
+      const t = u.current.get(o);
+      return !t || t.isCompleted !== m.isCompleted;
+    })) && L(e);
+  }, [A, r]);
+  const v = D(() => {
+    const n = Date.now() - g, e = Array.from(u.current.values()).some(
+      (o) => !o.isCompleted
+    ), s = n > 1e3 && !e;
+    h(s);
   }, [g]);
-  A(() => {
-    if (!m) {
-      y(!1);
+  I(() => {
+    if (!i) {
+      h(!1);
       return;
     }
-    if (!(i.length > 0)) {
-      y(!1);
+    if (!(c.length > 0)) {
+      h(!1);
       return;
     }
-    const t = setInterval(w, 200);
-    return () => clearInterval(t);
-  }, [m, w, i.length]);
-  const I = R(() => !(i.length > 0), [i.length]);
+    const e = setInterval(v, 200);
+    return () => clearInterval(e);
+  }, [i, v, c.length]);
+  const _ = z(() => !(c.length > 0), [c.length]);
   return {
-    processedParts: i,
-    summaryTimings: h,
-    shouldShowInitialLoading: I,
-    shouldShowStreamDelayLoading: L
+    processedParts: c,
+    summaryTimings: d,
+    shouldShowInitialLoading: _,
+    shouldShowStreamDelayLoading: b
   };
 }
 export {
-  E as useStreamProcessor
+  $ as useStreamProcessor
 };

package/dist/primitives/hooks/use-streaming-events.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=require("../atoms/shadow/context.cjs");function x(){const c=p.useShadow()?.shadowHost,r=s.useRef(""),t=s.useCallback(e=>{if(!c){console.warn("useStreamingEvents: No host element available for event emission");return}const n={...e,conversationId:r.current,timestamp:Date.now()},a=new CustomEvent("streaming-event",{detail:n,bubbles:!0,composed:!0});c.dispatchEvent(a)},[c]),d=s.useCallback(e=>{r.current=e},[]),u=s.useCallback(e=>{t({kind:"text:delta",data:{text:e}})},[t]),m=s.useCallback((e,n,a)=>{t({kind:"stream:error",data:{message:e,agent:n,severity:"error",code:a}})},[t]),k=s.useCallback((e,n)=>{t({kind:"agent:reasoning",data:{agentId:e,parts:n}})},[t]),g=s.useCallback((e,n,a)=>{t({kind:"agent:generate",data:{agentId:e,parts:n,generationType:a}})},[t]),b=s.useCallback((e,n,a,o,i,l)=>{t({kind:"tool:execution",data:{agentId:e,toolName:n,args:a,result:o,toolId:i,duration:l}})},[t]),v=s.useCallback((e,n,a,o)=>{t({kind:"agent:transfer",data:{fromAgent:e,targetAgent:n,reason:a,context:o}})},[t]),C=s.useCallback((e,n,a,o,i)=>{t({kind:"delegation:sent",data:{delegationId:e,fromAgent:n,targetAgent:a,taskDescription:o,context:i}})},[t]),f=s.useCallback((e,n,a,o)=>{t({kind:"delegation:returned",data:{delegationId:e,fromAgent:n,targetAgent:a,result:o}})},[t]),E=s.useCallback((e,n,a,o,i,l,w)=>{t({kind:"artifact:saved",data:{artifactId:e,taskId:n,toolCallId:a,artifactType:o,summaryData:i,fullData:l,metadata:w}})},[t]),S=s.useCallback((e,n)=>{t({kind:"completion",data:{agent:e,iteration:n}})},[t]),h=s.useCallback((e,n)=>{t({kind:"agent:initializing",data:{sessionId:e,graphId:n}})},[t]);return{emitEvent:t,setConversationId:d,emitTextDelta:u,emitStreamError:m,emitAgentReasoning:k,emitAgentGenerate:g,emitToolExecution:b,emitAgentTransfer:v,emitDelegationSent:C,emitDelegationReturned:f,emitArtifactSaved:E,emitCompletion:S,emitAgentInitializing:h}}exports.useStreamingEvents=x;

package/dist/primitives/hooks/use-streaming-events.js

@@ -0,0 +1,140 @@
+"use client";
+import { useRef as x, useCallback as o } from "react";
+import { useShadow as A } from "../atoms/shadow/context.js";
+function R() {
+  const r = A()?.shadowHost, c = x(""), e = o(
+    (t) => {
+      if (!r) {
+        console.warn("useStreamingEvents: No host element available for event emission");
+        return;
+      }
+      const n = {
+        ...t,
+        conversationId: c.current,
+        timestamp: Date.now()
+      }, a = new CustomEvent("streaming-event", {
+        detail: n,
+        bubbles: !0,
+        // Allow event to bubble up
+        composed: !0
+        // Allow event to escape Shadow DOM boundary
+      });
+      r.dispatchEvent(a);
+    },
+    [r]
+  ), m = o((t) => {
+    c.current = t;
+  }, []), l = o(
+    (t) => {
+      e({
+        kind: "text:delta",
+        data: { text: t }
+      });
+    },
+    [e]
+  ), u = o(
+    (t, n, a) => {
+      e({
+        kind: "stream:error",
+        data: {
+          message: t,
+          agent: n,
+          severity: "error",
+          code: a
+        }
+      });
+    },
+    [e]
+  ), g = o(
+    (t, n) => {
+      e({
+        kind: "agent:reasoning",
+        data: { agentId: t, parts: n }
+      });
+    },
+    [e]
+  ), v = o(
+    (t, n, a) => {
+      e({
+        kind: "agent:generate",
+        data: { agentId: t, parts: n, generationType: a }
+      });
+    },
+    [e]
+  ), f = o(
+    (t, n, a, i, s, d) => {
+      e({
+        kind: "tool:execution",
+        data: { agentId: t, toolName: n, args: a, result: i, toolId: s, duration: d }
+      });
+    },
+    [e]
+  ), k = o(
+    (t, n, a, i) => {
+      e({
+        kind: "agent:transfer",
+        data: { fromAgent: t, targetAgent: n, reason: a, context: i }
+      });
+    },
+    [e]
+  ), E = o(
+    (t, n, a, i, s) => {
+      e({
+        kind: "delegation:sent",
+        data: { delegationId: t, fromAgent: n, targetAgent: a, taskDescription: i, context: s }
+      });
+    },
+    [e]
+  ), p = o(
+    (t, n, a, i) => {
+      e({
+        kind: "delegation:returned",
+        data: { delegationId: t, fromAgent: n, targetAgent: a, result: i }
+      });
+    },
+    [e]
+  ), h = o(
+    (t, n, a, i, s, d, b) => {
+      e({
+        kind: "artifact:saved",
+        data: { artifactId: t, taskId: n, toolCallId: a, artifactType: i, summaryData: s, fullData: d, metadata: b }
+      });
+    },
+    [e]
+  ), w = o(
+    (t, n) => {
+      e({
+        kind: "completion",
+        data: { agent: t, iteration: n }
+      });
+    },
+    [e]
+  ), S = o(
+    (t, n) => {
+      e({
+        kind: "agent:initializing",
+        data: { sessionId: t, graphId: n }
+      });
+    },
+    [e]
+  );
+  return {
+    emitEvent: e,
+    setConversationId: m,
+    // Convenience methods
+    emitTextDelta: l,
+    emitStreamError: u,
+    emitAgentReasoning: g,
+    emitAgentGenerate: v,
+    emitToolExecution: f,
+    emitAgentTransfer: k,
+    emitDelegationSent: E,
+    emitDelegationReturned: p,
+    emitArtifactSaved: h,
+    emitCompletion: w,
+    emitAgentInitializing: S
+  };
+}
+export {
+  R as useStreamingEvents
+};

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.9",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.10",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.9",
+      widgetLibraryVersion: "0.14.10",
       componentType: o,
       tags: s
     }),

package/package.json

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