@inkeep/agents-ui 0.15.1 → 0.15.2

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

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

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

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

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.0",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.1",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.0",
+      widgetLibraryVersion: "0.15.1",
       componentType: o,
       tags: s
     }),

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

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

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as s, jsx as a, Fragment as h } from "react/jsx-runtime";
-import { memo as g, useState as u, useEffect as y, useCallback as w, useMemo as n } from "react";
-import { Check as f, ChevronRight as N, LoaderCircle as D, CheckCheck as m, Search as S, Dot as k, CircleDot as v, TriangleAlert as b, Download as C, Forward as P, ArrowRight as _, Hammer as d, Brain as T, RefreshCw as I } from "lucide-react";
-import { DataSummaryGroup as A, DataSummaryToggle as L, DataSummaryToggleText as p, DataSummaryCollapsible as E, DataSummaryList as M, DataSummaryItem as O, DataSummaryConnector as R, DataSummaryIconContainer as j, DataSummaryContent as G, DataSummaryLabel as z, DataSummaryDetails as F } from "../../primitives/components/data-summaries.js";
+import { memo as g, useState as u, useEffect as y, useCallback as w, useMemo as o } from "react";
+import { Check as f, ChevronRight as N, LoaderCircle as k, CheckCheck as m, Search as D, Dot as S, CircleDot as v, TriangleAlert as b, Download as C, Forward as P, ArrowRight as _, Hammer as d, Brain as T, RefreshCw as I } from "lucide-react";
+import { DataSummaryGroup as A, DataSummaryToggle as L, DataSummaryToggleText as p, DataSummaryCollapsible as O, DataSummaryList as E, DataSummaryItem as M, DataSummaryConnector as R, DataSummaryIconContainer as j, DataSummaryContent as G, DataSummaryLabel as z, DataSummaryDetails as F } from "../../primitives/components/data-summaries.js";
 const U = (t) => {
   const { type: r, label: e } = t;
   return e || r.replace(/_/g, " ").replace(/\b\w/g, (i) => i.toUpperCase());
@@ -18,19 +18,19 @@ const U = (t) => {
   error: /* @__PURE__ */ a(b, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   agent_initializing: /* @__PURE__ */ a(v, { className: "w-3 h-3 animate-spin" }),
   completion: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ a(k, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+  default: /* @__PURE__ */ a(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
 }, x = {
-  retrieve: /* @__PURE__ */ a(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  retrieve: /* @__PURE__ */ a(D, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   action: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   ...$
 }, B = g(({ summary: t, showConnector: r }) => {
-  const e = n(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), i = n(() => U(t), [t]), o = n(
+  const e = o(() => t.details && Object.keys(t.details).length > 0 ? JSON.stringify(t.details, null, 2) : null, [t.details]), i = o(() => U(t), [t]), n = o(
     () => x[t.type] || x.default,
     [t.type]
   );
-  return /* @__PURE__ */ s(O, { className: "flex items-start gap-2 text-xs relative", children: [
+  return /* @__PURE__ */ s(M, { className: "flex items-start gap-2 text-xs relative", children: [
     r && /* @__PURE__ */ a(R, { className: "absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3" }),
-    /* @__PURE__ */ a(j, { className: "flex items-center justify-center w-3 h-3 relative z-10 mt-0.5", children: o }),
+    /* @__PURE__ */ a(j, { className: "flex items-center justify-center w-3 h-3 relative z-10 mt-0.5", children: n }),
     /* @__PURE__ */ s(G, { className: "flex-1", children: [
       /* @__PURE__ */ a(z, { className: "text-gray-700 dark:text-white-alpha-600", children: i }),
       e && /* @__PURE__ */ a(F, { className: "mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2", children: e })
@@ -46,7 +46,7 @@ const U = (t) => {
       l && clearTimeout(l);
     };
   }, [r]);
-  const o = w(() => {
+  const n = w(() => {
     i(!e);
   }, [e]);
   return /* @__PURE__ */ s(A, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
@@ -54,7 +54,7 @@ const U = (t) => {
       L,
       {
         type: "button",
-        onClick: o,
+        onClick: n,
         "data-expanded": e,
         className: "inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",
         children: r ? /* @__PURE__ */ s(h, { children: [
@@ -62,17 +62,17 @@ const U = (t) => {
           /* @__PURE__ */ a(N, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
           /* @__PURE__ */ a(p, { className: "font-medium", children: "Completed" })
         ] }) : /* @__PURE__ */ s(h, { children: [
-          /* @__PURE__ */ a(D, { className: "w-3 h-3 animate-spin" }),
+          /* @__PURE__ */ a(k, { className: "w-3 h-3 animate-spin" }),
           /* @__PURE__ */ a(p, { className: "font-medium", children: "Thinking..." })
         ] })
       }
     ),
     /* @__PURE__ */ a(
-      E,
+      O,
       {
         "data-expanded": e,
         className: "overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",
-        children: /* @__PURE__ */ a(M, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((l, c) => /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(E, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((l, c) => /* @__PURE__ */ a(
           B,
           {
             summary: l,

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"),A=require("../../primitives/providers/base-events-provider.cjs"),G=require("../../primitives/providers/config-provider.cjs"),K=require("../../primitives/providers/message-provider.cjs"),r=require("../../primitives/components/embedded-chat.cjs"),O=require("../../primitives/components/embedded-chat/chat-provider.cjs"),B=require("merge-anything"),F=require("../utils.cjs"),J=require("./ui/markdown-styles.cjs"),z=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),H=require("./data-summary-group.cjs"),i=require("react"),Q=require("./embedded-chat.cjs"),k=require("lucide-react"),U=()=>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)})]}),V=({name:s,props:n})=>e.jsx(w,{name:s,Icon:k.ComponentIcon,props:n,componentType:"component"}),W=({name:s,props:n})=>e.jsx(w,{name:s,Icon:k.Library,props:n,componentType:"artifact"}),X=({className:s,componentStyles:n,children:y,isLast:p,...S})=>{const{message:c}=K.useMessage(),{logEvent:u}=A.useBaseEvents(),{conversationId:C,isStreaming:D,isLoading:q,setError:M}=O.useChat(),{aiChatSettings:{components:N,artifacts:E}}=G.useInkeepConfig(),L=(D||q)&&p&&c.role==="assistant",{processedParts:$,summaryTimings:_,shouldShowInitialLoading:I,shouldShowStreamDelayLoading:T}=z.useStreamProcessor(c.parts,L,M),f=i.useMemo(()=>c.parts.filter(t=>t.type==="data-artifact"&&t.data?.type?.toLowerCase()==="citation"),[c.parts]),b=i.useMemo(()=>B.merge(J.markdownStyles,n??{}),[n]),j=i.useCallback((t,a)=>{u({eventName:"assistant_message_inline_link_opened",properties:{title:a?.toString(),url:t}})},[u]),v=i.useCallback((t,a)=>{u({eventName:"assistant_code_block_copied",properties:{conversationId:C,language:t,code:a}})},[u,C]),P=i.useCallback(t=>e.jsx(r.EmbeddedChatPrimitiveMarkdown,{text:t,componentStyles:b,onLinkClick:j,onCodeCopy:v,artifacts:f}),[b,j,v,f]),R=i.useMemo(()=>F.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":c.role,"data-type":t?.type==="data-component"?t.data.type:t?.type,...S,className:R};switch(t?.type){case"text":return e.jsx(r.PrimitiveMessagePart,{...m,children: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:o,props:x}=g,l=N?.[o],h=l?r.EmbeddedChatPrimitiveDynamicComponent:V;return e.jsx(r.PrimitiveMessagePart,{...m,children:e.jsx(h,{name:o,props:x,componentDef:l})},`${o}-${a}`)}}}case"data-artifact":{const d=t.data,{name:g,type:o,artifactSummary:x}=d,l=E?.[o],h=l?r.EmbeddedChatPrimitiveDynamicComponent:W;return e.jsx(r.PrimitiveMessagePart,{...m,children:e.jsx(h,{name:o,props:x,componentDef:l})},`${g}-${a}`)}case"summary-group":{const d=_.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}}),I&&e.jsx(Q.MessageLoading,{}),T&&e.jsx(U,{})]})};exports.EmbeddedChatMessagePart=X;
+"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;

package/dist/styled/components/message.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as t, jsxs as l, Fragment as G } from "react/jsx-runtime";
-import { useBaseEvents as J } from "../../primitives/providers/base-events-provider.js";
-import { useInkeepConfig as O } from "../../primitives/providers/config-provider.js";
+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 U } from "./ui/markdown-styles.js";
-import { useStreamProcessor as V } from "../../primitives/components/embedded-chat/use-stream-processor.js";
-import { DataSummaryGroup as W } from "./data-summary-group.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 X } from "./embedded-chat.js";
-import { Library as Y, ComponentIcon as Z } from "lucide-react";
-const ee = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((a) => /* @__PURE__ */ t(
+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(
   "span",
   {
     className: "animate-bounce-dot opacity-30",
@@ -32,22 +32,22 @@ const ee = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", childre
     /* @__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__ */ 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) })
-] }), te = ({ name: a, props: n }) => /* @__PURE__ */ t(N, { name: a, Icon: Z, props: n, componentType: "component" }), ae = ({ name: a, props: n }) => /* @__PURE__ */ t(N, { name: a, Icon: Y, props: n, componentType: "artifact" }), ye = ({
+] }), 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 = ({
   className: a,
   componentStyles: n,
   children: C,
   isLast: u,
   ...L
 }) => {
-  const { message: s } = q(), { logEvent: p } = J(), { conversationId: x, isStreaming: M, isLoading: P, setError: E } = H(), {
+  const { message: s } = q(), { logEvent: p } = O(), { conversationId: x, isStreaming: M, isLoading: P, setError: E } = H(), {
     aiChatSettings: { components: _, artifacts: $ }
-  } = O(), I = (M || P) && u && s.role === "assistant", { processedParts: T, summaryTimings: j, shouldShowInitialLoading: K, shouldShowStreamDelayLoading: A } = V(s.parts, I, E), w = h(
+  } = 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"
     ),
     [s.parts]
   ), b = h(
-    () => Q(U, n ?? {}),
+    () => Q(V, n ?? {}),
     [n]
   ), k = y(
     (e, o) => {
@@ -84,48 +84,48 @@ const ee = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", childre
       }
     ),
     [b, k, D, w]
-  ), B = h(
+  ), F = h(
     () => R(
       "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(G, { children: [
-    T.map((e, o) => {
-      const m = {
+  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: B
+        className: F
       };
       switch (e?.type) {
         case "text":
-          return /* @__PURE__ */ t(d, { ...m, children: v(e.text || "") }, o);
+          return /* @__PURE__ */ t(d, { ...i, children: I ? e.text : v(e.text || "") }, o);
         case "data-component": {
-          const { type: i } = e.data;
-          switch (i) {
+          const { type: m } = e.data;
+          switch (m) {
             case "text":
-              return /* @__PURE__ */ t("div", { ...m, children: v(e.data.text || "") }, o);
+              return /* @__PURE__ */ t("div", { ...i, children: v(e.data.text || "") }, o);
             default: {
-              const f = e.data, { name: r, props: g } = f, c = _?.[r];
-              return /* @__PURE__ */ t(d, { ...m, children: /* @__PURE__ */ t(c ? S : te, { name: r, props: g, componentDef: c }) }, `${r}-${o}`);
+              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}`);
             }
           }
         }
         case "data-artifact": {
-          const i = e.data, { name: f, type: r, artifactSummary: g } = i, c = $?.[r];
-          return /* @__PURE__ */ t(d, { ...m, children: /* @__PURE__ */ t(c ? S : ae, { name: r, props: g, componentDef: c }) }, `${f}-${o}`);
+          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}`);
         }
         case "summary-group": {
-          const i = j.get(e.groupKey) || {
+          const m = K.get(e.groupKey) || {
             isCompleted: !1
           };
-          return /* @__PURE__ */ t(d, { ...m, children: /* @__PURE__ */ t(
-            W,
+          return /* @__PURE__ */ t(d, { ...i, children: /* @__PURE__ */ t(
+            X,
             {
               summaries: e.summaries || [],
-              isCompleted: i.isCompleted
+              isCompleted: m.isCompleted
             }
           ) }, `${e.groupKey}-${o}`);
         }
@@ -133,10 +133,10 @@ const ee = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", childre
           return null;
       }
     }),
-    K && /* @__PURE__ */ t(X, {}),
-    A && /* @__PURE__ */ t(ee, {})
+    A && /* @__PURE__ */ t(Y, {}),
+    B && /* @__PURE__ */ t(te, {})
   ] });
 };
 export {
-  ye as EmbeddedChatMessagePart
+  Ce as EmbeddedChatMessagePart
 };

package/package.json

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