@inkeep/agents-ui 0.15.9 → 0.15.10

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

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

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

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.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;
+"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.9",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;

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.8",
+      widgetLibraryVersion: "0.15.9",
       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"),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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("lucide-react"),r=require("../../primitives/components/data-summaries.cjs"),p=t=>{const{type:n,label:s}=t;return s||n.replace(/_/g," ").replace(/\b\w/g,i=>i.toUpperCase())},u={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"}),...u},m=o.memo(({summary:t,showConnector:n})=>{const s=o.useMemo(()=>t.details&&Object.keys(t.details).length>0?JSON.stringify(t.details,null,2):null,[t.details]),i=o.useMemo(()=>p(t),[t]),c=o.useMemo(()=>h[t.type]||h.default,[t.type]);return e.jsxs(r.DataSummaryItem,{className:"flex items-start gap-2 text-xs relative",children:[n&&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=o.memo(({summaries:t,isCompleted:n})=>{const s=t.length>1,[i,c]=o.useState(!n||!s);o.useEffect(()=>{let l;return n&&s?l=setTimeout(()=>{c(!1)},1e3):c(!0),()=>{l&&clearTimeout(l)}},[n,s]);const d=o.useCallback(()=>{s&&c(!i)},[s,i]);return s?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:d,"data-expanded":i,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:n?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":i,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((l,x)=>e.jsx(m,{summary:l,showConnector:t.length>1&&x<t.length-1},`op-${l.type}-${x}`))})})]}):e.jsx(r.DataSummaryGroup,{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:e.jsx(r.DataSummaryList,{className:"pb-2 mt-1.5 space-y-3 relative",children:t.map((l,x)=>e.jsx(m,{summary:l,showConnector:!1},`op-${l.type}-${x}`))})})});exports.DataSummaryGroup=g;

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

@@ -1,89 +1,96 @@
 "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 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());
-}, $ = {
-  agent_generate: /* @__PURE__ */ a(I, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  agent_reasoning: /* @__PURE__ */ a(T, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+import { jsx as a, jsxs as n, Fragment as h } from "react/jsx-runtime";
+import { memo as w, useState as N, useEffect as k, useCallback as D, useMemo as m } from "react";
+import { Check as S, ChevronRight as v, LoaderCircle as b, CheckCheck as c, Search as C, Dot as P, CircleDot as _, TriangleAlert as T, Download as I, Forward as A, ArrowRight as L, Hammer as d, Brain as O, RefreshCw as E } from "lucide-react";
+import { DataSummaryGroup as p, DataSummaryList as x, DataSummaryToggle as M, DataSummaryToggleText as g, DataSummaryCollapsible as R, DataSummaryItem as j, DataSummaryConnector as $, DataSummaryIconContainer as G, DataSummaryContent as z, DataSummaryLabel as F, DataSummaryDetails as U } from "../../primitives/components/data-summaries.js";
+const B = (t) => {
+  const { type: i, label: e } = t;
+  return e || i.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+}, H = {
+  agent_generate: /* @__PURE__ */ a(E, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_reasoning: /* @__PURE__ */ a(O, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   tool_call: /* @__PURE__ */ a(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   tool_result: /* @__PURE__ */ a(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  transfer: /* @__PURE__ */ a(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_sent: /* @__PURE__ */ a(P, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_returned: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  artifact_saved: /* @__PURE__ */ a(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  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(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
-}, x = {
-  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 = 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,
+  transfer: /* @__PURE__ */ a(L, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_sent: /* @__PURE__ */ a(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_returned: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  artifact_saved: /* @__PURE__ */ a(I, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  error: /* @__PURE__ */ a(T, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_initializing: /* @__PURE__ */ a(_, { className: "w-3 h-3 animate-spin" }),
+  completion: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  default: /* @__PURE__ */ a(P, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+}, u = {
+  retrieve: /* @__PURE__ */ a(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  action: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  ...H
+}, y = w(({ summary: t, showConnector: i }) => {
+  const e = m(() => t.details && Object.keys(t.details).length > 0 ? JSON.stringify(t.details, null, 2) : null, [t.details]), l = m(() => B(t), [t]), s = m(
+    () => u[t.type] || u.default,
     [t.type]
   );
-  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: 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 })
+  return /* @__PURE__ */ n(j, { className: "flex items-start gap-2 text-xs relative", children: [
+    i && /* @__PURE__ */ a($, { className: "absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3" }),
+    /* @__PURE__ */ a(G, { className: "flex items-center justify-center w-3 h-3 relative z-10 mt-0.5", children: s }),
+    /* @__PURE__ */ n(z, { className: "flex-1", children: [
+      /* @__PURE__ */ a(F, { className: "text-gray-700 dark:text-white-alpha-600", children: l }),
+      e && /* @__PURE__ */ a(U, { 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 })
     ] })
   ] });
-}), K = g(({ summaries: t, isCompleted: r }) => {
-  const [e, i] = u(!r);
-  y(() => {
-    let l;
-    return r ? l = setTimeout(() => {
-      i(!1);
-    }, 1e3) : i(!0), () => {
-      l && clearTimeout(l);
+}), Q = w(({ summaries: t, isCompleted: i }) => {
+  const e = t.length > 1, [l, s] = N(!i || !e);
+  k(() => {
+    let r;
+    return i && e ? r = setTimeout(() => {
+      s(!1);
+    }, 1e3) : s(!0), () => {
+      r && clearTimeout(r);
     };
-  }, [r]);
-  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: [
+  }, [i, e]);
+  const f = D(() => {
+    e && s(!l);
+  }, [e, l]);
+  return e ? /* @__PURE__ */ n(p, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
     /* @__PURE__ */ a(
-      L,
+      M,
       {
         type: "button",
-        onClick: n,
-        "data-expanded": e,
+        onClick: f,
+        "data-expanded": l,
         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__ */ a(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__ */ 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(k, { className: "w-3 h-3 animate-spin" }),
-          /* @__PURE__ */ a(p, { className: "font-medium", children: "Thinking..." })
+        children: i ? /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ a(S, { 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__ */ a(v, { 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(g, { className: "font-medium", children: "Completed" })
+        ] }) : /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ a(b, { className: "w-3 h-3 animate-spin" }),
+          /* @__PURE__ */ a(g, { className: "font-medium", children: "Thinking..." })
         ] })
       }
     ),
     /* @__PURE__ */ a(
-      O,
+      R,
       {
-        "data-expanded": e,
+        "data-expanded": l,
         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(E, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((l, c) => /* @__PURE__ */ a(
-          B,
+        children: /* @__PURE__ */ a(x, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
+          y,
           {
-            summary: l,
-            showConnector: t.length > 1 && c < t.length - 1
+            summary: r,
+            showConnector: t.length > 1 && o < t.length - 1
           },
-          `op-${l.type}-${c}`
+          `op-${r.type}-${o}`
         )) })
       }
     )
-  ] });
+  ] }) : /* @__PURE__ */ a(p, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: /* @__PURE__ */ a(x, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
+    y,
+    {
+      summary: r,
+      showConnector: !1
+    },
+    `op-${r.type}-${o}`
+  )) }) });
 });
 export {
-  K as DataSummaryGroup
+  Q as DataSummaryGroup
 };

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"),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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Q=require("../../primitives/providers/base-events-provider.cjs"),Y=require("../../primitives/providers/config-provider.cjs"),Z=require("../../primitives/providers/message-provider.cjs"),m=require("../../primitives/components/embedded-chat.cjs"),ee=require("../../primitives/components/embedded-chat/chat-provider.cjs"),te=require("merge-anything"),C=require("../utils.cjs"),ae=require("./ui/markdown-styles.cjs"),se=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),re=require("./data-summary-group.cjs"),o=require("react"),O=require("./embedded-chat.cjs"),n=require("lucide-react"),R=require("./ui/recipes/button.cjs"),ne={"input-streaming":"Pending","input-available":"Running","approval-requested":"Awaiting Approval","approval-responded":"Responded","output-available":"Completed","output-error":"Error","output-denied":"Denied"};function oe(t){if(!t||typeof t!="object")return!1;const r=t;return typeof r.type=="string"&&r.type.startsWith("tool-")}const ie=t=>{if(!t||typeof t!="object"||!("status"in t))return;const r=t.status;return typeof r=="string"?r:void 0},le=()=>e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(t=>e.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${t*.2}s`},children:"."},t))}),z=({name:t,Icon:r,props:i,componentType:c})=>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(r,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:t})]}),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:c})]}),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(i,null,2)})]}),ce=({name:t,props:r})=>e.jsx(z,{name:t,Icon:n.ComponentIcon,props:r,componentType:"component"}),de=({name:t,props:r})=>e.jsx(z,{name:t,Icon:n.Library,props:r,componentType:"artifact"}),pe=({part:t,approve:r,isDebug:i=!1})=>{const c=t.type,k=c.startsWith("tool-")?c.slice(5):c,s=t.state,x=!!t.approval?.id,y=s==="approval-requested",N=ie(t.output),[h,S]=o.useState(x||!i),P=s?ne[s]??s:"tool";o.useEffect(()=>{y&&S(!0)},[y]);const v=()=>{switch(s){case"input-streaming":return e.jsx(n.Circle,{className:"w-3 h-3"});case"input-available":return e.jsx(n.Loader2,{className:"w-3 h-3 animate-spin"});case"approval-requested":return e.jsx(n.Clock,{className:"w-3 h-3"});case"approval-responded":return e.jsx(n.CheckCircle,{className:"w-3 h-3"});case"output-available":return e.jsx(n.CheckCircle,{className:"w-3 h-3"});case"output-error":return e.jsx(n.XCircle,{className:"w-3 h-3"});case"output-denied":return e.jsx(n.XCircle,{className:"w-3 h-3"});default:return null}};return e.jsxs("div",{className:"border rounded-lg mb-3 overflow-hidden",children:[i&&e.jsxs("button",{type:"button",className:"inline-flex items-center group gap-2 text-xs text-gray-700 dark:text-white-alpha-700 hover:text-gray-800 dark:hover:text-white-alpha-800 transition-colors cursor-pointer w-full justify-between px-4 py-2",onClick:()=>S(!h),"data-expanded":h,children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(n.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:k})]})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5 px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-100 dark:bg-white-alpha-100 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:[v(),P]}),e.jsx(n.ChevronDown,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180"})]})]}),e.jsx("div",{"data-expanded":h,className:C.cn("relative",'before:content-[""] before:absolute before:inset-x-0 before:-top-px before:h-3 before:pointer-events-none before:z-10','after:content-[""] after:absolute after:inset-x-0 after:bottom-0 after:h-3 after:pointer-events-none after:z-10',"before:bg-[linear-gradient(white,_transparent)] after:bg-[linear-gradient(transparent,_white)]","dark:before:bg-[linear-gradient(var(--ikp-color-gray-dark-950),_transparent)] dark:after:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]","data-[expanded=false]:before:opacity-0 data-[expanded=false]:after:opacity-0"),children:e.jsxs("div",{"data-expanded":h,className:C.cn("px-4 data-[expanded=true]:pb-3 [scrollbar-width:thin] 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",x?"":"data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"),children:[t.input!=null&&i&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:JSON.stringify(t.input,null,2)}),!i&&e.jsxs("div",{className:"whitespace-pre-wrap text-sm text-gray-700 dark:text-white-alpha-700 py-2",children:["Approval is needed to run ",e.jsx("strong",{children:k}),"."]}),y&&t.approval?.id&&e.jsxs("div",{className:"flex justify-end gap-2 pt-1",children:[e.jsx("button",{type:"button",className:C.cn(R.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:()=>r(!1),children:"Deny"}),e.jsxs("button",{type:"button",className:C.cn(R.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:()=>r(!0),children:[e.jsx(n.Check,{className:"w-3 h-3"}),"Approve"]})]}),s==="output-available"&&t.output!=null&&!i&&e.jsxs("div",{className:"flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize",children:[N==="approved"&&e.jsx(n.Check,{className:"w-3 h-3"}),N]}),s==="output-denied"&&!i&&e.jsxs("div",{className:"flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize",children:[e.jsx(n.X,{className:"w-3 h-3"}),P]}),s==="output-available"&&t.output!=null&&i&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:typeof t.output=="string"?t.output:JSON.stringify(t.output,null,2)})]})})]})},ue=({className:t,componentStyles:r,children:i,isLast:c,...k})=>{const{message:s}=Z.useMessage(),{logEvent:g}=Q.useBaseEvents(),{conversationId:x,isStreaming:y,isLoading:N,setError:h,addToolApprovalResponse:S,sendMessage:P}=ee.useChat(),{aiChatSettings:{components:v,artifacts:J,headers:X}}=Y.useInkeepConfig(),M=X?.["x-emit-operations"]==="true",B=s.role==="user",F=(y||N)&&c&&s.role==="assistant",{processedParts:G,summaryTimings:K,shouldShowInitialLoading:U,shouldShowStreamDelayLoading:W}=se.useStreamProcessor(s.parts,F,h),[w,I]=o.useState(null),[H,D]=o.useState(!1),d=o.useRef(null);o.useEffect(()=>{if(!w){D(!1),d.current&&(clearTimeout(d.current),d.current=null);return}return D(!1),d.current&&clearTimeout(d.current),d.current=window.setTimeout(()=>{D(!0)},1e3),()=>{d.current&&(clearTimeout(d.current),d.current=null)}},[w]),o.useEffect(()=>{w&&(!c||s.parts.length>w.partCount)&&I(null)},[w,c,s.parts.length]);const A=o.useMemo(()=>s.parts.filter(a=>a.type==="data-artifact"&&a.data?.type?.toLowerCase()==="citation"),[s.parts]),L=o.useMemo(()=>te.merge(ae.markdownStyles,r??{}),[r]),_=o.useCallback((a,l)=>{g({eventName:"assistant_message_inline_link_opened",properties:{title:l?.toString(),url:a}})},[g]),$=o.useCallback((a,l)=>{g({eventName:"assistant_code_block_copied",properties:{conversationId:x,language:a,code:l}})},[g,x]),q=o.useCallback(a=>e.jsx(m.EmbeddedChatPrimitiveMarkdown,{text:a,componentStyles:L,onLinkClick:_,onCodeCopy:$,artifacts:A}),[L,_,$,A]),V=o.useMemo(()=>C.cn("data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",t),[t]);return e.jsxs(e.Fragment,{children:[G.map((a,l)=>{const f={"data-role":s.role,"data-type":a?.type==="data-component"?a.data.type:a?.type,...k,className:V};switch(a?.type){case"text":return e.jsx(m.PrimitiveMessagePart,{...f,children:B?a.text:q(a.text||"")},l);case"data-component":{const{type:p}=a.data;switch(p){case"text":return e.jsx("div",{...f,children:q(a.data.text||"")},l);default:{const T=a.data,{name:u,props:b}=T,j=v?.[u],E=j?m.EmbeddedChatPrimitiveDynamicComponent:ce;return e.jsx(m.PrimitiveMessagePart,{...f,children:e.jsx(E,{name:u,props:b,componentDef:j})},`${u}-${l}`)}}}case"data-artifact":{const p=a.data,{name:T,type:u,artifactSummary:b}=p,j=J?.[u],E=j?m.EmbeddedChatPrimitiveDynamicComponent:de;return e.jsx(m.PrimitiveMessagePart,{...f,children:e.jsx(E,{name:u,props:b,componentDef:j})},`${T}-${l}`)}case"summary-group":{const p=K.get(a.groupKey)||{isCompleted:!1};return e.jsx(m.PrimitiveMessagePart,{...f,children:e.jsx(re.DataSummaryGroup,{summaries:a.summaries||[],isCompleted:p.isCompleted})},`${a.groupKey}-${l}`)}default:if(oe(a)){const p=a.approval?.id;if(!(M||p))return null;const u=async(b=!0)=>{p&&(I({partCount:s.parts.length}),S({id:p,approved:b}),await P(void 0,{body:{conversationId:x}}))};return e.jsx(m.PrimitiveMessagePart,{...f,children:v?.IkpTool?e.jsx(O.DynamicComponent,{name:"IkpTool",props:{tool:a,approve:u,renderMarkdown:q},componentDef:v.IkpTool}):e.jsx(pe,{part:a,approve:u,isDebug:M})},a.toolCallId??`${a.type}-${l}`)}return null}}),U&&e.jsx(O.MessageLoading,{}),(W||H)&&e.jsx(le,{})]})};exports.EmbeddedChatMessagePart=ue;