@inkeep/agents-ui 0.15.12 → 0.15.13

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"),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;
+"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"),k=require("../../primitives/components/embedded-chat.cjs"),ee=require("../../primitives/components/embedded-chat/chat-provider.cjs"),te=require("merge-anything"),T=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"),r=require("react"),D=require("./embedded-chat.cjs"),l=require("lucide-react"),z=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(a){if(!a||typeof a!="object")return!1;const s=a;return typeof s.type=="string"&&s.type.startsWith("tool-")}const ie=a=>{if(!a||typeof a!="object"||!("status"in a))return;const s=a.status;return typeof s=="string"?s:void 0},le=()=>e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(a=>e.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${a*.2}s`},children:"."},a))}),J=({name:a,Icon:s,props:n,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(s,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:a})]}),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(n,null,2)})]}),ce=({name:a,props:s})=>e.jsx(J,{name:a,Icon:l.ComponentIcon,props:s,componentType:"component"}),de=({name:a,props:s})=>e.jsx(J,{name:a,Icon:l.Library,props:s,componentType:"artifact"}),pe=({tool:a,componentDef:s,renderText:n,approvalId:c,messagePartsLength:h,setApprovalDelayPending:i,addToolApprovalResponse:o,sendMessage:p,conversationId:u})=>{const f=r.useRef(p);f.current=p;const g=r.useRef(o);g.current=o;const m=r.useRef(i);m.current=i;const b=r.useCallback(async(M=!0)=>{c&&(m.current({partCount:h}),g.current({id:c,approved:M}),await f.current(void 0,{body:{conversationId:u}}))},[c,h,u]),y=r.useMemo(()=>({tool:a,approve:b,renderMarkdown:n}),[a]),N=s?D.DynamicComponent:ue;return e.jsx(N,{name:a.type,props:y,componentDef:s})},ue=({props:a,isDebug:s=!1})=>{const{tool:n,approve:c}=a,h=n.type,i=h.startsWith("tool-")?h.slice(5):h,o=n.state,p=n.approval?.id,u=!!p,f=o==="approval-requested",g=ie(n.output),[m,b]=r.useState(u||s),y=o?ne[o]??o:"tool";r.useEffect(()=>{f&&b(!0)},[f]);const N=()=>{switch(o){case"input-streaming":return e.jsx(l.Circle,{className:"w-3 h-3"});case"input-available":return e.jsx(l.Loader2,{className:"w-3 h-3 animate-spin"});case"approval-requested":return e.jsx(l.Clock,{className:"w-3 h-3"});case"approval-responded":return e.jsx(l.CheckCircle,{className:"w-3 h-3"});case"output-available":return e.jsx(l.CheckCircle,{className:"w-3 h-3"});case"output-error":return e.jsx(l.XCircle,{className:"w-3 h-3"});case"output-denied":return e.jsx(l.XCircle,{className:"w-3 h-3"});default:return null}};return e.jsxs("div",{className:"border rounded-lg mb-3 overflow-hidden",children:[(!u||s)&&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:()=>b(!m),"data-expanded":m,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(l.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:i})]})}),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:[N(),y]}),e.jsx(l.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":m,className:T.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":m,className:T.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",u?"":"data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"),children:[n.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(n.input,null,2)}),!s&&u&&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:i}),"."]}),f&&p&&e.jsxs("div",{className:"flex justify-end gap-2 pt-1",children:[e.jsx("button",{type:"button",className:T.cn(z.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:()=>c(!1),children:"Deny"}),e.jsxs("button",{type:"button",className:T.cn(z.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:()=>c(!0),children:[e.jsx(l.Check,{className:"w-3 h-3"}),"Approve"]})]}),o==="output-available"&&n.output!=null&&!s&&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:[g==="approved"&&e.jsx(l.Check,{className:"w-3 h-3"}),g]}),o==="output-denied"&&!s&&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(l.X,{className:"w-3 h-3"}),y]}),o==="output-available"&&n.output!=null&&s&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:typeof n.output=="string"?n.output:JSON.stringify(n.output,null,2)})]})})]})},me=({className:a,componentStyles:s,children:n,isLast:c,...h})=>{const{message:i}=Z.useMessage(),{logEvent:o}=Q.useBaseEvents(),{conversationId:p,isStreaming:u,isLoading:f,setError:g,addToolApprovalResponse:m,sendMessage:b}=ee.useChat(),{aiChatSettings:{components:y,artifacts:N,headers:M}}=Y.useInkeepConfig(),X=M?.["x-emit-operations"]==="true",B=i.role==="user",F=(u||f)&&c&&i.role==="assistant",{processedParts:G,summaryTimings:K,shouldShowInitialLoading:U,shouldShowStreamDelayLoading:W}=se.useStreamProcessor(i.parts,F,g),[S,R]=r.useState(null),[H,q]=r.useState(!1),x=r.useRef(null);r.useEffect(()=>{if(!S){q(!1),x.current&&(clearTimeout(x.current),x.current=null);return}return q(!1),x.current&&clearTimeout(x.current),x.current=window.setTimeout(()=>{q(!0)},1e3),()=>{x.current&&(clearTimeout(x.current),x.current=null)}},[S]),r.useEffect(()=>{S&&(!c||i.parts.length>S.partCount)&&R(null)},[S,c,i.parts.length]);const _=r.useMemo(()=>i.parts.filter(t=>t.type==="data-artifact"&&t.data?.type?.toLowerCase()==="citation"),[i.parts]),I=r.useMemo(()=>te.merge(ae.markdownStyles,s??{}),[s]),$=r.useCallback((t,d)=>{o({eventName:"assistant_message_inline_link_opened",properties:{title:d?.toString(),url:t}})},[o]),O=r.useCallback((t,d)=>{o({eventName:"assistant_code_block_copied",properties:{conversationId:p,language:t,code:d}})},[o,p]),E=r.useCallback(t=>e.jsx(k.EmbeddedChatPrimitiveMarkdown,{text:t,componentStyles:I,onLinkClick:$,onCodeCopy:O,artifacts:_}),[I,$,O,_]),V=r.useMemo(()=>T.cn("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 e.jsxs(e.Fragment,{children:[G.map((t,d)=>{const j={"data-role":i.role,"data-type":t?.type==="data-component"?t.data.type:t?.type,...h,className:V};switch(t?.type){case"text":return e.jsx(k.PrimitiveMessagePart,{...j,children:B?t.text:E(t.text||"")},d);case"data-component":{const{type:v}=t.data;switch(v){case"text":return e.jsx("div",{...j,children:E(t.data.text||"")},d);default:{const C=t.data,{name:w,props:A}=C,P=y?.[w],L=P?D.DynamicComponent:ce;return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(L,{name:w,props:A,componentDef:P})},`${w}-${d}`)}}}case"data-artifact":{const v=t.data,{name:C,type:w,artifactSummary:A}=v,P=N?.[w],L=P?D.DynamicComponent:de;return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(L,{name:w,props:A,componentDef:P})},`${C}-${d}`)}case"summary-group":{const v=K.get(t.groupKey)||{isCompleted:!1};return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(re.DataSummaryGroup,{summaries:t.summaries||[],isCompleted:v.isCompleted})},`${t.groupKey}-${d}`)}default:{if(!oe(t))return null;const v=t,C=t.approval?.id;return X||C?e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(pe,{tool:v,componentDef:y?.IkpTool,renderText:E,approvalId:C,messagePartsLength:i.parts.length,setApprovalDelayPending:R,addToolApprovalResponse:m,sendMessage:b,conversationId:p})},t.toolCallId??`${t.type}-${d}`):null}}}),U&&e.jsx(D.MessageLoading,{}),(W||H)&&e.jsx(le,{})]})};exports.EmbeddedChatMessagePart=me;

package/dist/styled/components/message.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as e, jsxs as o, Fragment as re } from "react/jsx-runtime";
-import { useBaseEvents as ne } from "../../primitives/providers/base-events-provider.js";
-import { useInkeepConfig as oe } from "../../primitives/providers/config-provider.js";
-import { useMessage as se } from "../../primitives/providers/message-provider.js";
-import { EmbeddedChatPrimitiveMarkdown as ie, PrimitiveMessagePart as v, EmbeddedChatPrimitiveDynamicComponent as q } from "../../primitives/components/embedded-chat.js";
-import { useChat as le } from "../../primitives/components/embedded-chat/chat-provider.js";
-import { merge as pe } from "merge-anything";
-import { cn as b } from "../utils.js";
+import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
+import { useBaseEvents as oe } from "../../primitives/providers/base-events-provider.js";
+import { useInkeepConfig as se } from "../../primitives/providers/config-provider.js";
+import { useMessage as ie } from "../../primitives/providers/message-provider.js";
+import { EmbeddedChatPrimitiveMarkdown as le, PrimitiveMessagePart as S } from "../../primitives/components/embedded-chat.js";
+import { useChat as pe } from "../../primitives/components/embedded-chat/chat-provider.js";
+import { merge as ce } from "merge-anything";
+import { cn as T } from "../utils.js";
 import { markdownStyles as de } from "./ui/markdown-styles.js";
-import { useStreamProcessor as ce } from "../../primitives/components/embedded-chat/use-stream-processor.js";
+import { useStreamProcessor as ue } from "../../primitives/components/embedded-chat/use-stream-processor.js";
 import { DataSummaryGroup as me } from "./data-summary-group.js";
-import { useState as A, useRef as ue, useEffect as _, useMemo as L, useCallback as P } from "react";
-import { DynamicComponent as he, MessageLoading as fe } from "./embedded-chat.js";
-import { Hammer as ge, ChevronDown as xe, Check as J, X as ye, Library as we, ComponentIcon as ve, XCircle as B, CheckCircle as F, Clock as be, Loader2 as Ce, Circle as ke } from "lucide-react";
-import { button as K } from "./ui/recipes/button.js";
-const Ne = {
+import { useState as j, useRef as D, useEffect as $, useMemo as L, useCallback as P } from "react";
+import { DynamicComponent as R, MessageLoading as he } from "./embedded-chat.js";
+import { Library as fe, ComponentIcon as ge, Hammer as xe, ChevronDown as ye, Check as F, X as we, XCircle as K, CheckCircle as U, Clock as ve, Loader2 as be, Circle as Ce } from "lucide-react";
+import { button as W } from "./ui/recipes/button.js";
+const ke = {
   "input-streaming": "Pending",
   "input-available": "Running",
   "approval-requested": "Awaiting Approval",
@@ -23,76 +23,100 @@ const Ne = {
   "output-error": "Error",
   "output-denied": "Denied"
 };
-function Se(t) {
-  if (!t || typeof t != "object") return !1;
-  const n = t;
-  return typeof n.type == "string" && n.type.startsWith("tool-");
+function Ne(a) {
+  if (!a || typeof a != "object") return !1;
+  const r = a;
+  return typeof r.type == "string" && r.type.startsWith("tool-");
 }
-const De = (t) => {
-  if (!t || typeof t != "object" || !("status" in t)) return;
-  const n = t.status;
-  return typeof n == "string" ? n : void 0;
-}, Te = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
+const Se = (a) => {
+  if (!a || typeof a != "object" || !("status" in a)) return;
+  const r = a.status;
+  return typeof r == "string" ? r : void 0;
+}, Te = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(
   "span",
   {
     className: "animate-bounce-dot opacity-30",
     style: {
-      animationDelay: `${t * 0.2}s`
+      animationDelay: `${a * 0.2}s`
     },
     children: "."
   },
-  t
-)) }), U = ({ name: t, Icon: n, props: s, componentType: l }) => /* @__PURE__ */ o("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
-  /* @__PURE__ */ o("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
-      /* @__PURE__ */ e(n, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
-      /* @__PURE__ */ e("span", { children: t })
+  a
+)) }), X = ({ name: a, Icon: r, props: n, componentType: l }) => /* @__PURE__ */ i("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
+  /* @__PURE__ */ i("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ e(r, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+      /* @__PURE__ */ e("span", { children: a })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: l })
   ] }),
-  /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(s, null, 2) })
-] }), Ie = ({ name: t, props: n }) => /* @__PURE__ */ e(U, { name: t, Icon: ve, props: n, componentType: "component" }), Ee = ({ name: t, props: n }) => /* @__PURE__ */ e(U, { name: t, Icon: we, props: n, componentType: "artifact" }), Le = ({ part: t, approve: n, isDebug: s = !1 }) => {
-  const l = t.type, C = l.startsWith("tool-") ? l.slice(5) : l, r = t.state, m = !!t.approval?.id, g = r === "approval-requested", k = De(t.output), [u, N] = A(m || !s), S = r ? Ne[r] ?? r : "tool";
-  return _(() => {
-    g && N(!0);
-  }, [g]), /* @__PURE__ */ o("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
-    s && /* @__PURE__ */ o(
+  /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(n, null, 2) })
+] }), De = ({ name: a, props: r }) => /* @__PURE__ */ e(X, { name: a, Icon: ge, props: r, componentType: "component" }), Le = ({ name: a, props: r }) => /* @__PURE__ */ e(X, { name: a, Icon: fe, props: r, componentType: "artifact" }), Pe = ({
+  tool: a,
+  componentDef: r,
+  renderText: n,
+  approvalId: l,
+  messagePartsLength: h,
+  setApprovalDelayPending: s,
+  addToolApprovalResponse: o,
+  sendMessage: c,
+  conversationId: d
+}) => {
+  const f = D(c);
+  f.current = c;
+  const g = D(o);
+  g.current = o;
+  const u = D(s);
+  u.current = s;
+  const v = P(
+    async (A = !0) => {
+      l && (u.current({ partCount: h }), g.current({ id: l, approved: A }), await f.current(void 0, { body: { conversationId: d } }));
+    },
+    [l, h, d]
+  ), x = L(() => ({ tool: a, approve: v, renderMarkdown: n }), [a]);
+  return /* @__PURE__ */ e(r ? R : Ee, { name: a.type, props: x, componentDef: r });
+}, Ee = ({ props: a, isDebug: r = !1 }) => {
+  const { tool: n, approve: l } = a, h = n.type, s = h.startsWith("tool-") ? h.slice(5) : h, o = n.state, c = n.approval?.id, d = !!c, f = o === "approval-requested", g = Se(n.output), [u, v] = j(d || r), x = o ? ke[o] ?? o : "tool";
+  return $(() => {
+    f && v(!0);
+  }, [f]), /* @__PURE__ */ i("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
+    (!d || r) && /* @__PURE__ */ i(
       "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: () => N(!u),
+        onClick: () => v(!u),
         "data-expanded": u,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
-            /* @__PURE__ */ e(ge, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
-            /* @__PURE__ */ e("span", { children: C })
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+            /* @__PURE__ */ e(xe, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+            /* @__PURE__ */ e("span", { children: s })
           ] }) }),
-          /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ o("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: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i("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: [
               (() => {
-                switch (r) {
+                switch (o) {
                   case "input-streaming":
-                    return /* @__PURE__ */ e(ke, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3" });
                   case "input-available":
-                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3 animate-spin" });
+                    return /* @__PURE__ */ e(be, { className: "w-3 h-3 animate-spin" });
                   case "approval-requested":
-                    return /* @__PURE__ */ e(be, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(ve, { className: "w-3 h-3" });
                   case "approval-responded":
-                    return /* @__PURE__ */ e(F, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(U, { className: "w-3 h-3" });
                   case "output-available":
-                    return /* @__PURE__ */ e(F, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(U, { className: "w-3 h-3" });
                   case "output-error":
-                    return /* @__PURE__ */ e(B, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
                   case "output-denied":
-                    return /* @__PURE__ */ e(B, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
                   default:
                     return null;
                 }
               })(),
-              S
+              x
             ] }),
-            /* @__PURE__ */ e(xe, { 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" })
+            /* @__PURE__ */ e(ye, { 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" })
           ] })
         ]
       }
@@ -101,7 +125,7 @@ const De = (t) => {
       "div",
       {
         "data-expanded": u,
-        className: b(
+        className: T(
           "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',
@@ -109,59 +133,59 @@ const De = (t) => {
           "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: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ i(
           "div",
           {
             "data-expanded": u,
-            className: b(
+            className: T(
               "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",
-              m ? "" : "data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"
+              d ? "" : "data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"
             ),
             children: [
-              t.input != null && s && /* @__PURE__ */ e("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) }),
-              !s && /* @__PURE__ */ o("div", { className: "whitespace-pre-wrap text-sm text-gray-700 dark:text-white-alpha-700 py-2", children: [
+              n.input != null && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: JSON.stringify(n.input, null, 2) }),
+              !r && d && /* @__PURE__ */ i("div", { className: "whitespace-pre-wrap text-sm text-gray-700 dark:text-white-alpha-700 py-2", children: [
                 "Approval is needed to run ",
-                /* @__PURE__ */ e("strong", { children: C }),
+                /* @__PURE__ */ e("strong", { children: s }),
                 "."
               ] }),
-              g && t.approval?.id && /* @__PURE__ */ o("div", { className: "flex justify-end gap-2 pt-1", children: [
+              f && c && /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-1", children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    className: b(
-                      K({ size: "xs", variant: "outline" }),
+                    className: T(
+                      W({ size: "xs", variant: "outline" }),
                       "px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"
                     ),
-                    onClick: () => n(!1),
+                    onClick: () => l(!1),
                     children: "Deny"
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
-                    className: b(
-                      K({ size: "xs", variant: "primaryFilled" }),
+                    className: T(
+                      W({ size: "xs", variant: "primaryFilled" }),
                       "px-2 py-1 rounded-md text-xs gap-1"
                     ),
-                    onClick: () => n(!0),
+                    onClick: () => l(!0),
                     children: [
-                      /* @__PURE__ */ e(J, { className: "w-3 h-3" }),
+                      /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
                       "Approve"
                     ]
                   }
                 )
               ] }),
-              r === "output-available" && t.output != null && !s && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
-                k === "approved" && /* @__PURE__ */ e(J, { className: "w-3 h-3" }),
-                k
+              o === "output-available" && n.output != null && !r && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
+                g === "approved" && /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
+                g
               ] }),
-              r === "output-denied" && !s && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
-                /* @__PURE__ */ e(ye, { className: "w-3 h-3" }),
-                S
+              o === "output-denied" && !r && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
+                /* @__PURE__ */ e(we, { className: "w-3 h-3" }),
+                x
               ] }),
-              r === "output-available" && t.output != null && s && /* @__PURE__ */ e("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) })
+              o === "output-available" && n.output != null && r && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: typeof n.output == "string" ? n.output : JSON.stringify(n.output, null, 2) })
             ]
           }
         )
@@ -169,155 +193,139 @@ const De = (t) => {
     )
   ] });
 }, We = ({
-  className: t,
-  componentStyles: n,
-  children: s,
+  className: a,
+  componentStyles: r,
+  children: n,
   isLast: l,
-  ...C
+  ...h
 }) => {
-  const { message: r } = se(), { logEvent: f } = ne(), { conversationId: m, isStreaming: g, isLoading: k, setError: u, addToolApprovalResponse: N, sendMessage: S } = le(), {
-    aiChatSettings: { components: D, artifacts: W, headers: X }
-  } = oe(), M = X?.["x-emit-operations"] === "true", G = r.role === "user", H = (g || k) && l && r.role === "assistant", { processedParts: V, summaryTimings: Q, shouldShowInitialLoading: Y, shouldShowStreamDelayLoading: Z } = ce(r.parts, H, u), [x, j] = A(null), [ee, I] = A(!1), p = ue(null);
-  _(() => {
-    if (!x) {
-      I(!1), p.current && (clearTimeout(p.current), p.current = null);
+  const { message: s } = ie(), { logEvent: o } = oe(), { conversationId: c, isStreaming: d, isLoading: f, setError: g, addToolApprovalResponse: u, sendMessage: v } = pe(), {
+    aiChatSettings: { components: x, artifacts: E, headers: A }
+  } = se(), G = A?.["x-emit-operations"] === "true", H = s.role === "user", V = (d || f) && l && s.role === "assistant", { processedParts: Q, summaryTimings: Y, shouldShowInitialLoading: Z, shouldShowStreamDelayLoading: ee } = ue(s.parts, V, g), [k, O] = j(null), [te, _] = j(!1), m = D(null);
+  $(() => {
+    if (!k) {
+      _(!1), m.current && (clearTimeout(m.current), m.current = null);
       return;
     }
-    return I(!1), p.current && clearTimeout(p.current), p.current = window.setTimeout(() => {
-      I(!0);
+    return _(!1), m.current && clearTimeout(m.current), m.current = window.setTimeout(() => {
+      _(!0);
     }, 1e3), () => {
-      p.current && (clearTimeout(p.current), p.current = null);
+      m.current && (clearTimeout(m.current), m.current = null);
     };
-  }, [x]), _(() => {
-    x && (!l || r.parts.length > x.partCount) && j(null);
-  }, [x, l, r.parts.length]);
-  const $ = L(
-    () => r.parts.filter(
-      (a) => a.type === "data-artifact" && a.data?.type?.toLowerCase() === "citation"
+  }, [k]), $(() => {
+    k && (!l || s.parts.length > k.partCount) && O(null);
+  }, [k, l, s.parts.length]);
+  const z = L(
+    () => s.parts.filter(
+      (t) => t.type === "data-artifact" && t.data?.type?.toLowerCase() === "citation"
     ),
-    [r.parts]
-  ), O = L(
-    () => pe(de, n ?? {}),
-    [n]
-  ), z = P(
-    (a, i) => {
-      f({
+    [s.parts]
+  ), q = L(
+    () => ce(de, r ?? {}),
+    [r]
+  ), J = P(
+    (t, p) => {
+      o({
         eventName: "assistant_message_inline_link_opened",
         properties: {
-          title: i?.toString(),
-          url: a
+          title: p?.toString(),
+          url: t
         }
       });
     },
-    [f]
-  ), R = P(
-    (a, i) => {
-      f({
+    [o]
+  ), B = P(
+    (t, p) => {
+      o({
         eventName: "assistant_code_block_copied",
         properties: {
-          conversationId: m,
-          language: a,
-          code: i
+          conversationId: c,
+          language: t,
+          code: p
         }
       });
     },
-    [f, m]
-  ), E = P(
-    (a) => /* @__PURE__ */ e(
-      ie,
+    [o, c]
+  ), I = P(
+    (t) => /* @__PURE__ */ e(
+      le,
       {
-        text: a,
-        componentStyles: O,
-        onLinkClick: z,
-        onCodeCopy: R,
-        artifacts: $
+        text: t,
+        componentStyles: q,
+        onLinkClick: J,
+        onCodeCopy: B,
+        artifacts: z
       }
     ),
-    [O, z, R, $]
-  ), te = L(
-    () => b(
+    [q, J, B, z]
+  ), ae = L(
+    () => T(
       "data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",
-      t
+      a
     ),
-    [t]
+    [a]
   );
-  return /* @__PURE__ */ o(re, { children: [
-    V.map((a, i) => {
-      const h = {
-        "data-role": r.role,
-        "data-type": a?.type === "data-component" ? a.data.type : a?.type,
-        ...C,
-        className: te
+  return /* @__PURE__ */ i(ne, { children: [
+    Q.map((t, p) => {
+      const b = {
+        "data-role": s.role,
+        "data-type": t?.type === "data-component" ? t.data.type : t?.type,
+        ...h,
+        className: ae
       };
-      switch (a?.type) {
+      switch (t?.type) {
         case "text":
-          return /* @__PURE__ */ e(v, { ...h, children: G ? a.text : E(a.text || "") }, i);
+          return /* @__PURE__ */ e(S, { ...b, children: H ? t.text : I(t.text || "") }, p);
         case "data-component": {
-          const { type: d } = a.data;
-          switch (d) {
+          const { type: y } = t.data;
+          switch (y) {
             case "text":
-              return /* @__PURE__ */ e("div", { ...h, children: E(a.data.text || "") }, i);
+              return /* @__PURE__ */ e("div", { ...b, children: I(t.data.text || "") }, p);
             default: {
-              const T = a.data, { name: c, props: y } = T, w = D?.[c];
-              return /* @__PURE__ */ e(v, { ...h, children: /* @__PURE__ */ e(w ? q : Ie, { name: c, props: y, componentDef: w }) }, `${c}-${i}`);
+              const C = t.data, { name: w, props: M } = C, N = x?.[w];
+              return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(N ? R : De, { name: w, props: M, componentDef: N }) }, `${w}-${p}`);
             }
           }
         }
         case "data-artifact": {
-          const d = a.data, { name: T, type: c, artifactSummary: y } = d, w = W?.[c];
-          return /* @__PURE__ */ e(v, { ...h, children: /* @__PURE__ */ e(w ? q : Ee, { name: c, props: y, componentDef: w }) }, `${T}-${i}`);
+          const y = t.data, { name: C, type: w, artifactSummary: M } = y, N = E?.[w];
+          return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(N ? R : Le, { name: w, props: M, componentDef: N }) }, `${C}-${p}`);
         }
         case "summary-group": {
-          const d = Q.get(a.groupKey) || {
+          const y = Y.get(t.groupKey) || {
             isCompleted: !1
           };
-          return /* @__PURE__ */ e(v, { ...h, children: /* @__PURE__ */ e(
+          return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(
             me,
             {
-              summaries: a.summaries || [],
-              isCompleted: d.isCompleted
+              summaries: t.summaries || [],
+              isCompleted: y.isCompleted
             }
-          ) }, `${a.groupKey}-${i}`);
+          ) }, `${t.groupKey}-${p}`);
+        }
+        default: {
+          if (!Ne(t))
+            return null;
+          const y = t, C = t.approval?.id;
+          return G || C ? /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(
+            Pe,
+            {
+              tool: y,
+              componentDef: x?.IkpTool,
+              renderText: I,
+              approvalId: C,
+              messagePartsLength: s.parts.length,
+              setApprovalDelayPending: O,
+              addToolApprovalResponse: u,
+              sendMessage: v,
+              conversationId: c
+            }
+          ) }, t.toolCallId ?? `${t.type}-${p}`) : null;
         }
-        default:
-          if (Se(a)) {
-            const d = a.approval?.id;
-            if (!(M || d)) return null;
-            const c = async (y = !0) => {
-              d && (j({ partCount: r.parts.length }), N({ id: d, approved: y }), await S(void 0, {
-                body: {
-                  conversationId: m
-                }
-              }));
-            };
-            return /* @__PURE__ */ e(
-              v,
-              {
-                ...h,
-                children: D?.IkpTool ? /* @__PURE__ */ e(
-                  he,
-                  {
-                    name: "IkpTool",
-                    props: { tool: a, approve: c, renderMarkdown: E },
-                    componentDef: D.IkpTool
-                  }
-                ) : /* @__PURE__ */ e(
-                  Le,
-                  {
-                    part: a,
-                    approve: c,
-                    isDebug: M
-                  }
-                )
-              },
-              a.toolCallId ?? `${a.type}-${i}`
-            );
-          }
-          return null;
       }
     }),
-    Y && /* @__PURE__ */ e(fe, {}),
-    (Z || ee) && /* @__PURE__ */ e(Te, {})
+    Z && /* @__PURE__ */ e(he, {}),
+    (ee || te) && /* @__PURE__ */ e(Te, {})
   ] });
 };
 export {

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),t=require("./input.cjs"),r=a.cva("",{variants:{slot:{control:[t.input({size:"md",variant:"outline"}),"!h-auto min-h-9 py-1 px-3 flex flex-wrap items-center gap-1.5 rounded-md","data-[invalid]:border-[--error-border-color] data-[invalid]:shadow-[0_0_0_1px_var(--error-border-color)]"],input:["min-w-0 flex-1 border-0 bg-transparent outline-none","placeholder:text-gray-500 dark:placeholder:text-gray-dark-500","data-[invalid]:placeholder-opacity-80"],trigger:["flex items-center justify-center shrink-0 h-full","opacity-45 text-md","data-[disabled]:opacity-30 data-[disabled]:pointer-events-none"],selectedTags:["flex flex-row flex-wrap items-center gap-1.5 min-h-0 min-w-0","flex-grow-0 flex-shrink","[&_[data-part=tag]]:inline-flex [&_[data-part=tag]]:gap-1 [&_[data-part=tag]]:flex-shrink-0 [&_[data-part=tag]]:items-center [&_[data-part=tag]]:rounded-md [&_[data-part=tag]]:whitespace-nowrap","[&_[data-part=tag]]:bg-gray-100 [&_[data-part=tag]]:dark:bg-gray-dark-800 [&_[data-part=tag]]:text-gray-800 [&_[data-part=tag]]:dark:text-gray-dark-50","[&_[data-part=tag]]:text-sm [&_[data-part=tag]]:py-0.5 [&_[data-part=tag]]:pl-2 [&_[data-part=tag]]:pr-1","[&_[data-part=tag-clear]]:flex [&_[data-part=tag-clear]]:items-center [&_[data-part=tag-clear]]:justify-center [&_[data-part=tag-clear]]:w-5 [&_[data-part=tag-clear]]:h-5 [&_[data-part=tag-clear]]:rounded-md [&_[data-part=tag-clear]]:shrink-0","[&_[data-part=tag-clear]:hover]:bg-gray-200 [&_[data-part=tag-clear]:hover]:dark:bg-gray-dark-600 [&_[data-part=tag-clear]]:text-current [&_[data-part=tag-clear]]:cursor-pointer [&_[data-part=tag-clear]]:outline-none"],content:["relative p-1 z-dropdown min-w-[var(--reference-width,8rem)] max-h-[min(24rem,var(--available-height))]","overflow-auto rounded-md border","[scrollbar-width:thin] [--scrollbar-color:var(--color-gray-300)]","dark:[--scrollbar-color:var(--color-gray-dark-600)]","[scrollbar-color:var(--scrollbar-color)_transparent]","bg-white dark:bg-gray-dark-950 shadow-md","data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"],list:[""],item:["hover:bg-gray-100 dark:hover:bg-gray-dark-800","data-[highlighted]:bg-gray-100 dark:data-[highlighted]:bg-gray-dark-800","relative flex w-full text-sm cursor-pointer py-1.5","select-none outline-none pl-2 pr-8 rounded-md items-center","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[state=checked]:font-medium"],itemText:["flex-1 truncate"],itemIndicator:["absolute right-2 flex h-3.5 w-3.5","items-center justify-center"],emptyMessage:["py-2 px-3 text-center text-sm opacity-70 "]}}});exports.combobox=r;

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

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const combobox: (props?: ({
+    slot?: "control" | "input" | "trigger" | "selectedTags" | "content" | "list" | "item" | "itemText" | "itemIndicator" | "emptyMessage" | null | undefined;
+} & ClassProp) | undefined) => string;