@inkeep/agents-ui 0.15.7 → 0.15.9

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

package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts

@@ -1,8 +1,29 @@
 import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
 import { Message, MessageAttachment, Workflow } from '../../../types/index.ts';
+import { FileUIPart, ChatRequestOptions, ChatAddToolApproveResponseFunction } from 'ai';
 export declare const DEFAULT_ERROR_MESSAGE = "Hmm.. \n\nIt seems I might be having some issues right now. Please clear the chat and try again.";
 export declare const useInkeepChat: () => {
     messages: Message[];
+    sendMessage: (message?: (Omit<Message, "id" | "role"> & {
+        id?: string | undefined;
+        role?: "system" | "user" | "assistant" | undefined;
+    } & {
+        text?: never;
+        files?: never;
+        messageId?: string;
+    }) | {
+        text: string;
+        files?: FileList | FileUIPart[];
+        metadata?: unknown;
+        parts?: never;
+        messageId?: string;
+    } | {
+        files: FileList | FileUIPart[];
+        metadata?: unknown;
+        parts?: never;
+        messageId?: string;
+    } | undefined, options?: ChatRequestOptions) => Promise<void>;
+    addToolApprovalResponse: ChatAddToolApproveResponseFunction;
     isLoading: boolean;
     isStreaming: boolean;
     error: Error | null;

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

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

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

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

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.6",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.8",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.6",
+      widgetLibraryVersion: "0.15.8",
       componentType: o,
       tags: s
     }),

package/dist/styled/components/message.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),G=require("../../primitives/providers/base-events-provider.cjs"),K=require("../../primitives/providers/config-provider.cjs"),O=require("../../primitives/providers/message-provider.cjs"),r=require("../../primitives/components/embedded-chat.cjs"),B=require("../../primitives/components/embedded-chat/chat-provider.cjs"),F=require("merge-anything"),J=require("../utils.cjs"),U=require("./ui/markdown-styles.cjs"),z=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),H=require("./data-summary-group.cjs"),c=require("react"),Q=require("./embedded-chat.cjs"),k=require("lucide-react"),V=()=>e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(s=>e.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${s*.2}s`},children:"."},s))}),w=({name:s,Icon:n,props:y,componentType:p})=>e.jsxs("div",{className:"border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3",children:[e.jsxs("div",{className:"flex justify-between px-4 py-2 text-xs",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(n,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:s})]}),e.jsx("div",{className:"flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:p})]}),e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2",children:JSON.stringify(y,null,2)})]}),W=({name:s,props:n})=>e.jsx(w,{name:s,Icon:k.ComponentIcon,props:n,componentType:"component"}),X=({name:s,props:n})=>e.jsx(w,{name:s,Icon:k.Library,props:n,componentType:"artifact"}),Y=({className:s,componentStyles:n,children:y,isLast:p,...S})=>{const{message:o}=O.useMessage(),{logEvent:u}=G.useBaseEvents(),{conversationId:C,isStreaming:D,isLoading:M,setError:q}=B.useChat(),{aiChatSettings:{components:N,artifacts:E}}=K.useInkeepConfig(),L=o.role==="user",$=(D||M)&&p&&o.role==="assistant",{processedParts:_,summaryTimings:I,shouldShowInitialLoading:T,shouldShowStreamDelayLoading:R}=z.useStreamProcessor(o.parts,$,q),f=c.useMemo(()=>o.parts.filter(t=>t.type==="data-artifact"&&t.data?.type?.toLowerCase()==="citation"),[o.parts]),b=c.useMemo(()=>F.merge(U.markdownStyles,n??{}),[n]),j=c.useCallback((t,a)=>{u({eventName:"assistant_message_inline_link_opened",properties:{title:a?.toString(),url:t}})},[u]),v=c.useCallback((t,a)=>{u({eventName:"assistant_code_block_copied",properties:{conversationId:C,language:t,code:a}})},[u,C]),P=c.useCallback(t=>e.jsx(r.EmbeddedChatPrimitiveMarkdown,{text:t,componentStyles:b,onLinkClick:j,onCodeCopy:v,artifacts:f}),[b,j,v,f]),A=c.useMemo(()=>J.cn("data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",s),[s]);return e.jsxs(e.Fragment,{children:[_.map((t,a)=>{const m={"data-role":o.role,"data-type":t?.type==="data-component"?t.data.type:t?.type,...S,className:A};switch(t?.type){case"text":return e.jsx(r.PrimitiveMessagePart,{...m,children:L?t.text:P(t.text||"")},a);case"data-component":{const{type:d}=t.data;switch(d){case"text":return e.jsx("div",{...m,children:P(t.data.text||"")},a);default:{const g=t.data,{name:i,props:x}=g,l=N?.[i],h=l?r.EmbeddedChatPrimitiveDynamicComponent:W;return e.jsx(r.PrimitiveMessagePart,{...m,children:e.jsx(h,{name:i,props:x,componentDef:l})},`${i}-${a}`)}}}case"data-artifact":{const d=t.data,{name:g,type:i,artifactSummary:x}=d,l=E?.[i],h=l?r.EmbeddedChatPrimitiveDynamicComponent:X;return e.jsx(r.PrimitiveMessagePart,{...m,children:e.jsx(h,{name:i,props:x,componentDef:l})},`${g}-${a}`)}case"summary-group":{const d=I.get(t.groupKey)||{isCompleted:!1};return e.jsx(r.PrimitiveMessagePart,{...m,children:e.jsx(H.DataSummaryGroup,{summaries:t.summaries||[],isCompleted:d.isCompleted})},`${t.groupKey}-${a}`)}default:return null}}),T&&e.jsx(Q.MessageLoading,{}),R&&e.jsx(V,{})]})};exports.EmbeddedChatMessagePart=Y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),G=require("../../primitives/providers/base-events-provider.cjs"),K=require("../../primitives/providers/config-provider.cjs"),U=require("../../primitives/providers/message-provider.cjs"),c=require("../../primitives/components/embedded-chat.cjs"),W=require("../../primitives/components/embedded-chat/chat-provider.cjs"),B=require("merge-anything"),j=require("../utils.cjs"),H=require("./ui/markdown-styles.cjs"),Q=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),V=require("./data-summary-group.cjs"),p=require("react"),X=require("./embedded-chat.cjs"),y=require("lucide-react"),S=require("./ui/recipes/button.cjs");function Y(s){if(!s||typeof s!="object")return!1;const a=s;return typeof a.type=="string"&&a.type.startsWith("tool-")}const Z=()=>e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(s=>e.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${s*.2}s`},children:"."},s))}),D=({name:s,Icon:a,props:x,componentType:d})=>e.jsxs("div",{className:"border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3",children:[e.jsxs("div",{className:"flex justify-between px-4 py-2 text-xs",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(a,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:s})]}),e.jsx("div",{className:"flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:d})]}),e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2",children:JSON.stringify(x,null,2)})]}),ee=({name:s,props:a})=>e.jsx(D,{name:s,Icon:y.ComponentIcon,props:a,componentType:"component"}),te=({name:s,props:a})=>e.jsx(D,{name:s,Icon:y.Library,props:a,componentType:"artifact"}),se=({part:s,onApprove:a,onDeny:x})=>{const d=s.type,g=d.startsWith("tool-")?d.slice(5):d,n=s.state;return e.jsxs("div",{className:"border rounded-lg mb-3",children:[e.jsxs("div",{className:"flex justify-between px-4 py-2 text-xs",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(y.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:g})]}),e.jsx("div",{className:"flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:n??"tool"})]}),e.jsxs("div",{className:"px-4 pb-3",children:[s.input!=null&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:JSON.stringify(s.input,null,2)}),n==="approval-requested"&&s.approval?.id&&e.jsxs("div",{className:"flex gap-2 pt-1",children:[e.jsxs("button",{type:"button",className:j.cn(S.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:a,children:[e.jsx(y.Check,{className:"w-3 h-3"}),"Approve"]}),e.jsx("button",{type:"button",className:j.cn(S.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:x,children:"Deny"})]}),n==="output-available"&&s.output!=null&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:typeof s.output=="string"?s.output:JSON.stringify(s.output,null,2)})]})]})},ae=({className:s,componentStyles:a,children:x,isLast:d,...g})=>{const{message:n}=U.useMessage(),{logEvent:h}=G.useBaseEvents(),{conversationId:f,isStreaming:M,isLoading:q,setError:$,addToolApprovalResponse:E,sendMessage:I}=W.useChat(),{aiChatSettings:{components:L,artifacts:T}}=K.useInkeepConfig(),_=n.role==="user",A=(M||q)&&d&&n.role==="assistant",{processedParts:O,summaryTimings:R,shouldShowInitialLoading:J,shouldShowStreamDelayLoading:z}=Q.useStreamProcessor(n.parts,A,$),C=p.useMemo(()=>n.parts.filter(t=>t.type==="data-artifact"&&t.data?.type?.toLowerCase()==="citation"),[n.parts]),w=p.useMemo(()=>B.merge(H.markdownStyles,a??{}),[a]),k=p.useCallback((t,o)=>{h({eventName:"assistant_message_inline_link_opened",properties:{title:o?.toString(),url:t}})},[h]),N=p.useCallback((t,o)=>{h({eventName:"assistant_code_block_copied",properties:{conversationId:f,language:t,code:o}})},[h,f]),P=p.useCallback(t=>e.jsx(c.EmbeddedChatPrimitiveMarkdown,{text:t,componentStyles:w,onLinkClick:k,onCodeCopy:N,artifacts:C}),[w,k,N,C]),F=p.useMemo(()=>j.cn("data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",s),[s]);return e.jsxs(e.Fragment,{children:[O.map((t,o)=>{const l={"data-role":n.role,"data-type":t?.type==="data-component"?t.data.type:t?.type,...g,className:F};switch(t?.type){case"text":return e.jsx(c.PrimitiveMessagePart,{...l,children:_?t.text:P(t.text||"")},o);case"data-component":{const{type:r}=t.data;switch(r){case"text":return e.jsx("div",{...l,children:P(t.data.text||"")},o);default:{const m=t.data,{name:i,props:v}=m,u=L?.[i],b=u?c.EmbeddedChatPrimitiveDynamicComponent:ee;return e.jsx(c.PrimitiveMessagePart,{...l,children:e.jsx(b,{name:i,props:v,componentDef:u})},`${i}-${o}`)}}}case"data-artifact":{const r=t.data,{name:m,type:i,artifactSummary:v}=r,u=T?.[i],b=u?c.EmbeddedChatPrimitiveDynamicComponent:te;return e.jsx(c.PrimitiveMessagePart,{...l,children:e.jsx(b,{name:i,props:v,componentDef:u})},`${m}-${o}`)}case"summary-group":{const r=R.get(t.groupKey)||{isCompleted:!1};return e.jsx(c.PrimitiveMessagePart,{...l,children:e.jsx(V.DataSummaryGroup,{summaries:t.summaries||[],isCompleted:r.isCompleted})},`${t.groupKey}-${o}`)}default:if(Y(t)){const r=t.approval?.id,m=async i=>{r&&(E({id:r,approved:i}),await I(void 0,{body:{conversationId:f}}))};return e.jsx(c.PrimitiveMessagePart,{...l,children:e.jsx(se,{part:t,onApprove:r?()=>void m(!0):void 0,onDeny:r?()=>void m(!1):void 0})},t.toolCallId??`${t.type}-${o}`)}return null}}),J&&e.jsx(X.MessageLoading,{}),z&&e.jsx(Z,{})]})};exports.EmbeddedChatMessagePart=ae;

package/dist/styled/components/message.js

@@ -1,19 +1,25 @@
 "use client";
-import { jsx as t, jsxs as l, Fragment as J } from "react/jsx-runtime";
-import { useBaseEvents as O } from "../../primitives/providers/base-events-provider.js";
-import { useInkeepConfig as U } from "../../primitives/providers/config-provider.js";
-import { useMessage as q } from "../../primitives/providers/message-provider.js";
-import { EmbeddedChatPrimitiveMarkdown as z, PrimitiveMessagePart as d, EmbeddedChatPrimitiveDynamicComponent as S } from "../../primitives/components/embedded-chat.js";
-import { useChat as H } from "../../primitives/components/embedded-chat/chat-provider.js";
-import { merge as Q } from "merge-anything";
-import { cn as R } from "../utils.js";
-import { markdownStyles as V } from "./ui/markdown-styles.js";
-import { useStreamProcessor as W } from "../../primitives/components/embedded-chat/use-stream-processor.js";
-import { DataSummaryGroup as X } from "./data-summary-group.js";
-import { useMemo as h, useCallback as y } from "react";
-import { MessageLoading as Y } from "./embedded-chat.js";
-import { Library as Z, ComponentIcon as ee } from "lucide-react";
-const te = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((a) => /* @__PURE__ */ t(
+import { jsx as e, jsxs as i, Fragment as B } from "react/jsx-runtime";
+import { useBaseEvents as G } from "../../primitives/providers/base-events-provider.js";
+import { useInkeepConfig as H } from "../../primitives/providers/config-provider.js";
+import { useMessage as R } from "../../primitives/providers/message-provider.js";
+import { EmbeddedChatPrimitiveMarkdown as Q, PrimitiveMessagePart as u, EmbeddedChatPrimitiveDynamicComponent as L } from "../../primitives/components/embedded-chat.js";
+import { useChat as V } from "../../primitives/components/embedded-chat/chat-provider.js";
+import { merge as X } from "merge-anything";
+import { cn as C } from "../utils.js";
+import { markdownStyles as Y } from "./ui/markdown-styles.js";
+import { useStreamProcessor as Z } from "../../primitives/components/embedded-chat/use-stream-processor.js";
+import { DataSummaryGroup as ee } from "./data-summary-group.js";
+import { useMemo as v, useCallback as w } from "react";
+import { MessageLoading as te } from "./embedded-chat.js";
+import { Hammer as ae, Check as oe, Library as ne, ComponentIcon as se } from "lucide-react";
+import { button as M } from "./ui/recipes/button.js";
+function re(a) {
+  if (!a || typeof a != "object") return !1;
+  const o = a;
+  return typeof o.type == "string" && o.type.startsWith("tool-");
+}
+const ie = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(
   "span",
   {
     className: "animate-bounce-dot opacity-30",
@@ -23,120 +29,188 @@ const te = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", childre
     children: "."
   },
   a
-)) }), N = ({ name: a, Icon: n, props: C, componentType: u }) => /* @__PURE__ */ l("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
-  /* @__PURE__ */ l("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ l("div", { className: "font-medium flex items-center gap-2", children: [
-      /* @__PURE__ */ t(n, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
-      /* @__PURE__ */ t("span", { children: a })
+)) }), P = ({ name: a, Icon: o, props: h, componentType: m }) => /* @__PURE__ */ i("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
+  /* @__PURE__ */ i("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ e(o, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+      /* @__PURE__ */ e("span", { children: a })
     ] }),
-    /* @__PURE__ */ t("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: u })
+    /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: m })
   ] }),
-  /* @__PURE__ */ t("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(C, null, 2) })
-] }), ae = ({ name: a, props: n }) => /* @__PURE__ */ t(N, { name: a, Icon: ee, props: n, componentType: "component" }), oe = ({ name: a, props: n }) => /* @__PURE__ */ t(N, { name: a, Icon: Z, props: n, componentType: "artifact" }), Ce = ({
+  /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(h, null, 2) })
+] }), le = ({ name: a, props: o }) => /* @__PURE__ */ e(P, { name: a, Icon: se, props: o, componentType: "component" }), me = ({ name: a, props: o }) => /* @__PURE__ */ e(P, { name: a, Icon: ne, props: o, componentType: "artifact" }), ce = ({ part: a, onApprove: o, onDeny: h }) => {
+  const m = a.type, f = m.startsWith("tool-") ? m.slice(5) : m, n = a.state;
+  return /* @__PURE__ */ i("div", { className: "border rounded-lg mb-3", children: [
+    /* @__PURE__ */ i("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
+      /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+        /* @__PURE__ */ e(ae, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+        /* @__PURE__ */ e("span", { children: f })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: n ?? "tool" })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "px-4 pb-3", children: [
+      a.input != null && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: JSON.stringify(a.input, null, 2) }),
+      n === "approval-requested" && a.approval?.id && /* @__PURE__ */ i("div", { className: "flex gap-2 pt-1", children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: C(
+              M({ size: "xs", variant: "primaryFilled" }),
+              "px-2 py-1 rounded-md text-xs gap-1"
+            ),
+            onClick: o,
+            children: [
+              /* @__PURE__ */ e(oe, { className: "w-3 h-3" }),
+              "Approve"
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: C(
+              M({ size: "xs", variant: "outline" }),
+              "px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"
+            ),
+            onClick: h,
+            children: "Deny"
+          }
+        )
+      ] }),
+      n === "output-available" && a.output != null && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: typeof a.output == "string" ? a.output : JSON.stringify(a.output, null, 2) })
+    ] })
+  ] });
+}, Se = ({
   className: a,
-  componentStyles: n,
-  children: C,
-  isLast: u,
-  ...L
+  componentStyles: o,
+  children: h,
+  isLast: m,
+  ...f
 }) => {
-  const { message: s } = q(), { logEvent: p } = O(), { conversationId: x, isStreaming: M, isLoading: P, setError: E } = H(), {
-    aiChatSettings: { components: _, artifacts: $ }
-  } = U(), I = s.role === "user", T = (M || P) && u && s.role === "assistant", { processedParts: j, summaryTimings: K, shouldShowInitialLoading: A, shouldShowStreamDelayLoading: B } = W(s.parts, T, E), w = h(
-    () => s.parts.filter(
-      (e) => e.type === "data-artifact" && e.data?.type?.toLowerCase() === "citation"
+  const { message: n } = R(), { logEvent: y } = G(), { conversationId: g, isStreaming: I, isLoading: $, setError: T, addToolApprovalResponse: E, sendMessage: _ } = V(), {
+    aiChatSettings: { components: j, artifacts: A }
+  } = H(), J = n.role === "user", O = (I || $) && m && n.role === "assistant", { processedParts: z, summaryTimings: F, shouldShowInitialLoading: K, shouldShowStreamDelayLoading: U } = Z(n.parts, O, T), b = v(
+    () => n.parts.filter(
+      (t) => t.type === "data-artifact" && t.data?.type?.toLowerCase() === "citation"
     ),
-    [s.parts]
-  ), b = h(
-    () => Q(V, n ?? {}),
-    [n]
-  ), k = y(
-    (e, o) => {
-      p({
+    [n.parts]
+  ), k = v(
+    () => X(Y, o ?? {}),
+    [o]
+  ), N = w(
+    (t, s) => {
+      y({
         eventName: "assistant_message_inline_link_opened",
         properties: {
-          title: o?.toString(),
-          url: e
+          title: s?.toString(),
+          url: t
         }
       });
     },
-    [p]
-  ), D = y(
-    (e, o) => {
-      p({
+    [y]
+  ), D = w(
+    (t, s) => {
+      y({
         eventName: "assistant_code_block_copied",
         properties: {
-          conversationId: x,
-          language: e,
-          code: o
+          conversationId: g,
+          language: t,
+          code: s
         }
       });
     },
-    [p, x]
-  ), v = y(
-    (e) => /* @__PURE__ */ t(
-      z,
+    [y, g]
+  ), S = w(
+    (t) => /* @__PURE__ */ e(
+      Q,
       {
-        text: e,
-        componentStyles: b,
-        onLinkClick: k,
+        text: t,
+        componentStyles: k,
+        onLinkClick: N,
         onCodeCopy: D,
-        artifacts: w
+        artifacts: b
       }
     ),
-    [b, k, D, w]
-  ), F = h(
-    () => R(
+    [k, N, D, b]
+  ), W = v(
+    () => C(
       "data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",
       a
     ),
     [a]
   );
-  return /* @__PURE__ */ l(J, { children: [
-    j.map((e, o) => {
-      const i = {
-        "data-role": s.role,
-        "data-type": e?.type === "data-component" ? e.data.type : e?.type,
-        ...L,
-        className: F
+  return /* @__PURE__ */ i(B, { children: [
+    z.map((t, s) => {
+      const c = {
+        "data-role": n.role,
+        "data-type": t?.type === "data-component" ? t.data.type : t?.type,
+        ...f,
+        className: W
       };
-      switch (e?.type) {
+      switch (t?.type) {
         case "text":
-          return /* @__PURE__ */ t(d, { ...i, children: I ? e.text : v(e.text || "") }, o);
+          return /* @__PURE__ */ e(u, { ...c, children: J ? t.text : S(t.text || "") }, s);
         case "data-component": {
-          const { type: m } = e.data;
-          switch (m) {
+          const { type: r } = t.data;
+          switch (r) {
             case "text":
-              return /* @__PURE__ */ t("div", { ...i, children: v(e.data.text || "") }, o);
+              return /* @__PURE__ */ e("div", { ...c, children: S(t.data.text || "") }, s);
             default: {
-              const g = e.data, { name: r, props: f } = g, c = _?.[r];
-              return /* @__PURE__ */ t(d, { ...i, children: /* @__PURE__ */ t(c ? S : ae, { name: r, props: f, componentDef: c }) }, `${r}-${o}`);
+              const d = t.data, { name: l, props: x } = d, p = j?.[l];
+              return /* @__PURE__ */ e(u, { ...c, children: /* @__PURE__ */ e(p ? L : le, { name: l, props: x, componentDef: p }) }, `${l}-${s}`);
             }
           }
         }
         case "data-artifact": {
-          const m = e.data, { name: g, type: r, artifactSummary: f } = m, c = $?.[r];
-          return /* @__PURE__ */ t(d, { ...i, children: /* @__PURE__ */ t(c ? S : oe, { name: r, props: f, componentDef: c }) }, `${g}-${o}`);
+          const r = t.data, { name: d, type: l, artifactSummary: x } = r, p = A?.[l];
+          return /* @__PURE__ */ e(u, { ...c, children: /* @__PURE__ */ e(p ? L : me, { name: l, props: x, componentDef: p }) }, `${d}-${s}`);
         }
         case "summary-group": {
-          const m = K.get(e.groupKey) || {
+          const r = F.get(t.groupKey) || {
             isCompleted: !1
           };
-          return /* @__PURE__ */ t(d, { ...i, children: /* @__PURE__ */ t(
-            X,
+          return /* @__PURE__ */ e(u, { ...c, children: /* @__PURE__ */ e(
+            ee,
             {
-              summaries: e.summaries || [],
-              isCompleted: m.isCompleted
+              summaries: t.summaries || [],
+              isCompleted: r.isCompleted
             }
-          ) }, `${e.groupKey}-${o}`);
+          ) }, `${t.groupKey}-${s}`);
         }
         default:
+          if (re(t)) {
+            const r = t.approval?.id, d = async (l) => {
+              r && (E({ id: r, approved: l }), await _(void 0, {
+                body: {
+                  conversationId: g
+                }
+              }));
+            };
+            return /* @__PURE__ */ e(
+              u,
+              {
+                ...c,
+                children: /* @__PURE__ */ e(
+                  ce,
+                  {
+                    part: t,
+                    onApprove: r ? () => void d(!0) : void 0,
+                    onDeny: r ? () => void d(!1) : void 0
+                  }
+                )
+              },
+              t.toolCallId ?? `${t.type}-${s}`
+            );
+          }
           return null;
       }
     }),
-    A && /* @__PURE__ */ t(Y, {}),
-    B && /* @__PURE__ */ t(te, {})
+    K && /* @__PURE__ */ e(te, {}),
+    U && /* @__PURE__ */ e(ie, {})
   ] });
 };
 export {
-  Ce as EmbeddedChatMessagePart
+  Se as EmbeddedChatMessagePart
 };

package/dist/styled/components/ui/recipes/button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),a=e.cva(["inline-flex","items-center","justify-center","align-middle","select-none","relative","whitespace-nowrap","appearance-none","rounded-md","leading-[1.2]","transition-all","duration-300","cursor-pointer","font-semibold","focus:outline-none","focus:z-base","focus-visible:ring","focus-visible:ring-gray-500","dark:focus-visible:ring-white-alpha-900","focus-visible:ring-2","disabled:opacity-40","disabled:cursor-not-allowed","disabled:shadow-none"],{variants:{variant:{solid:["bg-gray-100 dark:bg-white-alpha-100","text-gray-800 dark:text-white-alpha-950","hover:bg-gray-200 dark:hover:bg-white-alpha-200","hover:disabled:bg-gray-100 dark:hover:disabled:bg-white-alpha-100","active:bg-gray-300 dark:active:bg-white-alpha-400"],iconButton:["px-1 text-gray-500 text-md","hover:text-inkeep-primary-strong","dark:text-gray-dark-200","dark:hover:text-inkeep-expanded-primary-300"],ghost:["text-gray-800 dark:text-white-alpha-950","hover:bg-gray-100 dark:hover:bg-white-alpha-100","active:bg-gray-200 dark:active:bg-white-alpha-200"],outline:["border dark:border-white-alpha-200","text-gray-600 dark:text-gray-200","hover:bg-gray-50 dark:hover:bg-white-alpha-100","active:bg-gray-50 dark:active:bg-white-alpha-100"]},size:{sm:"h-8 min-w-8 text-sm px-3",md:"h-9 min-w-9 text-sm px-4",xs:"h-6 min-w-6 text-xs px-2"},preset:{neutralFilled:["bg-gray-1000 text-white hover:bg-gray-900 active:bg-gray-900","dark:bg-inkeep-expanded-primary-300 dark:text-gray-dark-950","dark:hover:bg-inkeep-expanded-primary-200","dark:active:bg-inkeep-expanded-primary-200"]}},defaultVariants:{size:"md"}});exports.button=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),a=e.cva(["inline-flex","items-center","justify-center","align-middle","select-none","relative","whitespace-nowrap","appearance-none","rounded-md","leading-[1.2]","transition-all","duration-300","cursor-pointer","font-semibold","focus:outline-none","focus:z-base","focus-visible:ring","focus-visible:ring-gray-500","dark:focus-visible:ring-white-alpha-900","focus-visible:ring-2","disabled:opacity-40","disabled:cursor-not-allowed","disabled:shadow-none"],{variants:{variant:{solid:["bg-gray-100 dark:bg-white-alpha-100","text-gray-800 dark:text-white-alpha-950","hover:bg-gray-200 dark:hover:bg-white-alpha-200","hover:disabled:bg-gray-100 dark:hover:disabled:bg-white-alpha-100","active:bg-gray-300 dark:active:bg-white-alpha-400"],iconButton:["px-1 text-gray-500 text-md","hover:text-inkeep-primary-strong","dark:text-gray-dark-200","dark:hover:text-inkeep-expanded-primary-300"],ghost:["text-gray-800 dark:text-white-alpha-950","hover:bg-gray-100 dark:hover:bg-white-alpha-100","active:bg-gray-200 dark:active:bg-white-alpha-200"],outline:["border dark:border-white-alpha-200","text-gray-600 dark:text-gray-200","hover:bg-gray-50 dark:hover:bg-white-alpha-100","active:bg-gray-50 dark:active:bg-white-alpha-100"],primaryFilled:["bg-inkeep-expanded-primary-500 text-inkeep-primary-text-color-on-primary hover:bg-inkeep-expanded-primary-700 active:bg-inkeep-expanded-primary-700","dark:bg-inkeep-expanded-primary-300 dark:text-gray-dark-950","dark:hover:bg-inkeep-expanded-primary-200","dark:active:bg-inkeep-expanded-primary-200"]},size:{sm:"h-8 min-w-8 text-sm px-3",md:"h-9 min-w-9 text-sm px-4",xs:"h-6 min-w-6 text-xs px-2"},preset:{neutralFilled:["bg-gray-1000 text-white hover:bg-gray-900 active:bg-gray-900","dark:bg-inkeep-expanded-primary-300 dark:text-gray-dark-950","dark:hover:bg-inkeep-expanded-primary-200","dark:active:bg-inkeep-expanded-primary-200"]}},defaultVariants:{size:"md"}});exports.button=a;

package/dist/styled/components/ui/recipes/button.d.ts

@@ -1,6 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const button: (props?: ({
-    variant?: "solid" | "iconButton" | "ghost" | "outline" | null | undefined;
+    variant?: "solid" | "iconButton" | "ghost" | "outline" | "primaryFilled" | null | undefined;
     size?: "sm" | "md" | "xs" | null | undefined;
     preset?: "neutralFilled" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/button.js

@@ -55,6 +55,12 @@ const r = e(
           "text-gray-600 dark:text-gray-200",
           "hover:bg-gray-50 dark:hover:bg-white-alpha-100",
           "active:bg-gray-50 dark:active:bg-white-alpha-100"
+        ],
+        primaryFilled: [
+          "bg-inkeep-expanded-primary-500 text-inkeep-primary-text-color-on-primary hover:bg-inkeep-expanded-primary-700 active:bg-inkeep-expanded-primary-700",
+          "dark:bg-inkeep-expanded-primary-300 dark:text-gray-dark-950",
+          "dark:hover:bg-inkeep-expanded-primary-200",
+          "dark:active:bg-inkeep-expanded-primary-200"
         ]
       },
       size: {

package/dist/styled/inkeep.css.cjs

@@ -1456,6 +1456,9 @@ video {
 .bg-inherit {
   background-color: inherit;
 }
+.bg-inkeep-expanded-primary-500 {
+  background-color: var(--ikp-color-inkeep-expanded-primary-500);
+}
 .bg-inkeep-primary-medium {
   background-color: var(--ikp-color-inkeep-primary-medium);
 }
@@ -2448,6 +2451,10 @@ slot {
   background-color: var(--ikp-color-gray-900);
 }
 
+.active\\:bg-inkeep-expanded-primary-700:active {
+  background-color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .active\\:transition-transform:active {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3107,6 +3114,10 @@ slot {
   background-color: var(--ikp-color-gray-900);
 }
 
+.hover\\:bg-inkeep-expanded-primary-700:hover:not(:disabled) {
+  background-color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .hover\\:bg-inkeep-primary-light-subtle:hover:not(:disabled) {
   background-color: var(--ikp-color-inkeep-primary-light-subtle);
 }

package/dist/styled/inkeep.css.js

@@ -1457,6 +1457,9 @@ video {
 .bg-inherit {
   background-color: inherit;
 }
+.bg-inkeep-expanded-primary-500 {
+  background-color: var(--ikp-color-inkeep-expanded-primary-500);
+}
 .bg-inkeep-primary-medium {
   background-color: var(--ikp-color-inkeep-primary-medium);
 }
@@ -2449,6 +2452,10 @@ slot {
   background-color: var(--ikp-color-gray-900);
 }
 
+.active\\:bg-inkeep-expanded-primary-700:active {
+  background-color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .active\\:transition-transform:active {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3108,6 +3115,10 @@ slot {
   background-color: var(--ikp-color-gray-900);
 }
 
+.hover\\:bg-inkeep-expanded-primary-700:hover:not(:disabled) {
+  background-color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .hover\\:bg-inkeep-primary-light-subtle:hover:not(:disabled) {
   background-color: var(--ikp-color-inkeep-primary-light-subtle);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.15.7",
+  "version": "0.15.9",
   "description": "",
   "homepage": "",
   "repository": {
@@ -38,9 +38,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ai-sdk/openai": "2.0.4",
-    "@ai-sdk/react": "2.0.5",
-    "@ai-sdk/ui-utils": "^1.2.11",
+    "@ai-sdk/openai": "3.0.14",
+    "@ai-sdk/react": "3.0.46",
     "@radix-ui/number": "^1.1.1",
     "@radix-ui/primitive": "^1.1.1",
     "@radix-ui/react-avatar": "1.1.2",
@@ -70,7 +69,7 @@
     "@zag-js/presence": "^1.13.1",
     "@zag-js/react": "^1.13.1",
     "@zag-js/remove-scroll": "^1.26.2",
-    "ai": "5.0.5",
+    "ai": "6.0.44",
     "altcha-lib": "^1.2.0",
     "aria-hidden": "^1.2.4",
     "class-variance-authority": "0.7.1",