@inkeep/agents-ui 0.14.17 → 0.14.18

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

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