@inkeep/agents-ui 0.17.3 → 0.17.4

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

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

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

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { createContext as E, useMemo as d, useCallback as l, useContext as g } from "react";
 import { useInkeepConfig as x } from "./config-provider.js";
 const c = E(void 0), b = ({ children: e }) => {
-  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.3", i = d(
+  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.4", i = d(
     () => ({
       widgetLibraryVersion: r,
       componentType: o,

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.3",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.4",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;

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

@@ -6,7 +6,7 @@ import { useChatAuth as O } from "./chat-auth-provider.js";
 import { useEventsApi as j } from "../hooks/use-events-api.js";
 import { BaseEventsContext as M } from "./base-events-provider.js";
 const F = ({ children: m }) => {
-  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.3", a = x(
+  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.4", a = x(
     () => ({
       widgetLibraryVersion: c,
       componentType: i

package/dist/react/embedded-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),s=require("../styled/components/embedded-chat.cjs"),a=require("../styled/components/chat-history.cjs"),C=require("../styled/components/modal.cjs"),A=require("../styled/components/shadow.cjs"),I=require("../styled/components/message.cjs"),H=require("../primitives/providers/chat-auth-provider.cjs"),w=require("../primitives/providers/chat-base-events-provider.cjs"),k=require("../primitives/providers/chat-history-provider.cjs"),b=require("../primitives/providers/config-provider.cjs"),P=require("../primitives/providers/root-provider.cjs"),f=require("../primitives/providers/widget-provider.cjs"),M=require("../primitives/components/embedded-chat/chat-provider.cjs"),B=require("../primitives/components/modal/modal-provider.cjs"),p=require("../primitives/utils/misc.cjs"),E=require("../primitives/atoms/portal-with-theme.cjs"),q=require("../primitives/atoms/error-boundary.cjs"),L=require("./modal.cjs"),D=require("../primitives/providers/image-preview-provider.cjs"),W=require("./widget-toggle.cjs"),y=require("../primitives/components/embedded-chat/file-upload-input.cjs"),i=require("../styled/components/embedded-chat/file-upload-input.cjs"),m=require("../styled/components/embedded-chat/image-preview-modal.cjs");function N(r){const{baseSettings:t,aiChatSettings:n}=r;return e.jsx(q.ErrorBoundary,{children:e.jsx(A.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(P.RootProvider,{config:{baseSettings:t,aiChatSettings:n},componentType:b.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(v,{...r})})})})}function T(r){const{children:t,onToggleView:n,isHidden:o,shouldAutoFocusInput:d=!n}=r;return e.jsx(H.ChatAuthProvider,{children:e.jsx(w.ChatBaseEventsProvider,{children:e.jsx(s.Provider,{isHidden:o,shouldAutoFocusInput:d,children:t})})})}function v(r){return e.jsx(T,{...r,children:e.jsx(S,{...r})})}function S(r){const{onToggleView:t,variant:n,header:o=V}=r,d=B.useModal(),l=f.useWidget(),x=d&&!l?L.ModalContent:g.Fragment;return e.jsx(D.ImagePreviewProvider,{children:e.jsx(x,{children:e.jsxs(s.Wrapper,{variant:n??(t?"no-shadow":"container-with-shadow"),"data-composite":p.dataAttr(!!r.onToggleView||d?.isOpen),children:[e.jsx(J,{}),e.jsxs(s.Root,{children:[o&&e.jsx(o,{...r}),e.jsx($,{}),e.jsx(K,{})]}),e.jsx(X,{}),e.jsx(Q,{}),e.jsx(Y,{})]})})})}const V=r=>{const{onToggleView:t,askAILabel:n,searchLabel:o}=r,{aiChatSettings:d}=b.useInkeepConfig(),l=d.isChatHistoryButtonVisible,x=!!t||l;return e.jsx(s.Header,{"data-show-toolbar":p.dataAttr(x),children:x?e.jsxs(s.HeaderToolbar,{"data-show-widget-toggle":p.dataAttr(!!t),children:[e.jsx(s.HeaderToolbarWrapper,{children:l&&e.jsx(s.ChatHistoryTrigger,{})}),t&&e.jsx(W.WidgetToggle,{onToggleView:t,askAILabel:n,searchLabel:o,view:"chat"}),e.jsx(C.Close,{})]}):e.jsx(C.Close,{})})};function $(){const{isSessionLoading:r}=M.useChat();return e.jsx(s.Content,{children:e.jsxs(s.ContentScrollArea,{children:[e.jsx(s.ContentScrollAreaViewport,{children:r?e.jsx(s.MessagesSessionLoading,{}):e.jsx(R,{})}),e.jsx(s.ContentScrollAreaScrollbar,{children:e.jsx(s.ContentScrollAreaThumb,{})}),e.jsx(s.ContentScrollAreaCorner,{})]})})}function R(){const{aiChatSettings:{components:r}}=b.useInkeepConfig();return e.jsx(s.Messages,{children:({messages:t,isLoading:n,isStreaming:o})=>{const d=t.at(-1),l=(c,h)=>{const j=r?.[c];if(!j)return console.warn(`Component "${c}" not found in components config`),null;try{if(typeof j=="function"&&j.length<=1)return g.createElement(j,h);const u=j(h,document.createElement("div"),null);return g.isValidElement(u)||typeof u=="string"?u:null}catch(u){return console.error(`🔍 [renderComponent] Error rendering component "${c}":`,u),null}},x=c=>e.jsx(s.Markdown,{text:c});return e.jsxs(e.Fragment,{children:[e.jsx(_,{}),t.map(c=>{const h=d?.id===c.id;return e.jsxs(s.MessageWrapper,{message:c,children:[e.jsx(F,{}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:r?.IkpMessage?e.jsx(s.DynamicComponent,{name:"IkpMessage",props:{message:c,renderComponent:l,renderMarkdown:x},componentDef:r.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(I.EmbeddedChatMessagePart,{isLast:h}),(!o||!h)&&e.jsx(G,{})]})}),e.jsx(O,{}),e.jsx(U,{})]})]},c.id)}),n&&d?.role==="user"&&d?.parts.length&&e.jsxs(s.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(F,{}),e.jsx(s.MessageLoading,{})]})]})}})}function _(){return e.jsxs(s.IntroMessageWrapper,{children:[e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:e.jsx(I.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerLabel,{}),e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]}),e.jsxs(s.ExampleQuestions,{children:[e.jsx(s.ExampleQuestionsLabel,{}),e.jsx(s.ExampleQuestionsList,{children:r=>r.map(t=>e.jsx(s.ExampleQuestion,{children:e.jsx(s.ExampleQuestionButton,{question:t})},typeof t=="object"?t.label:t))})]})]})]})}function F(){return e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]})}function Q(){return e.jsx(E.PortalWithTheme,{children:e.jsx(m.EmbeddedChatImagePreviewModal,{children:e.jsx(m.EmbeddedChatImagePreviewModalOverlay,{children:e.jsxs(m.EmbeddedChatImagePreviewModalContent,{children:[e.jsx(m.EmbeddedChatImagePreviewModalClose,{}),e.jsx(m.EmbeddedChatImagePreviewModalImage,{}),e.jsx(m.EmbeddedChatImagePreviewModalFooter,{children:e.jsx(m.EmbeddedChatImagePreviewModalFileName,{})})]})})})})}function O(){return e.jsx(i.EmbeddedChatMessageFiles,{children:r=>r.map((t,n)=>{const o=t.url,d=t.mediaType??"",l=d.split("/").pop(),x=t.filename??(l?`untitled.${l}`:"untitled"),c=y.isImageMimeType(d);return e.jsxs(i.EmbeddedChatMessageFile,{url:o,name:x,mediaType:d,children:[c?e.jsx(i.EmbeddedChatFileThumbnail,{}):e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]},o||n)})})}function U(){return e.jsxs(s.MessageToolbar,{children:[e.jsx(s.MessageCustomActions,{children:r=>r.map((t,n)=>e.jsx(s.MessageCustomAction,{action:t},`action-${n}`))}),e.jsx(s.MessageAction,{action:"copy"}),e.jsx(s.MessageAction,{action:"upvote"}),e.jsx(s.MessageAction,{action:"downvote"})]})}function G(){return e.jsxs(s.MessageSources,{children:[e.jsx(s.MessageSourcesHeader,{}),e.jsx(s.MessageSourcesList,{children:r=>r.map((t,n)=>e.jsxs(s.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(s.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(o=>e.jsxs(g.Fragment,{children:[o,e.jsx(s.MessageSourceItemBreadcrumbIcon,{})]},o))}),e.jsx(s.MessageSourceItemIcon,{}),e.jsx(s.MessageSourceItemTitle,{}),e.jsx(s.MessageSourceItemTag,{}),e.jsx(s.MessageSourceItemDescription,{children:o=>o.map((d,l)=>e.jsx(s.MessageSourceItemDescriptionPart,{descriptionPart:d},`part-${l}`))}),e.jsx(s.MessageSourceItemIndicator,{})]},n))})]})}function K(){return e.jsxs(s.Footer,{children:[e.jsx(i.EmbeddedChatInputNotification,{children:e.jsxs(i.EmbeddedChatInputNotificationContent,{children:[e.jsxs(i.EmbeddedChatInputNotificationHeader,{children:[e.jsx(i.EmbeddedChatInputNotificationTitle,{}),e.jsx(i.EmbeddedChatInputNotificationClose,{})]}),e.jsx(i.EmbeddedChatInputNotificationMessage,{})]})}),e.jsx(Z,{}),e.jsx(z,{})]})}function Z(){return e.jsxs(s.InputFieldset,{children:[e.jsx(i.EmbeddedChatFileInput,{}),e.jsx(i.EmbeddedChatDropZone,{children:"Drop files here to add to chat"}),e.jsx(i.EmbeddedChatFileList,{children:r=>r.map((t,n)=>{const o=y.isImageMimeType(t.type);return e.jsxs(i.EmbeddedChatFileItem,{file:t,children:[o?e.jsxs(i.EmbeddedChatFilePreviewTrigger,{children:[e.jsx(i.EmbeddedChatFileThumbnail,{}),e.jsx(i.EmbeddedChatFileName,{})]}):e.jsxs(i.EmbeddedChatFileContent,{children:[e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]}),e.jsx(i.EmbeddedChatFileRemove,{})]},`${t.name}-${t.lastModified}-${n}`)})}),e.jsxs(s.InputGroup,{children:[e.jsx(i.EmbeddedChatFileUploadButton,{}),e.jsx(s.Input,{}),e.jsx(s.SendButton,{children:e.jsx(s.SendButtonIcon,{})})]})]})}function z(){return e.jsxs(s.ActionBar,{children:[e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{})]}),e.jsxs(s.Actions,{children:[e.jsx(s.HelpActions,{children:({pinned:r,unpinned:t})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(s.HelpAction,{action:n},n.name)),t.length>0&&e.jsx(s.HelpActionsTrigger,{}),e.jsxs(s.HelpActionsMenu,{children:[e.jsx(s.HelpActionsMenuArrow,{}),t.map(n=>e.jsxs(s.HelpActionsMenuItem,{action:n,children:[e.jsx(s.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(s.ChatAction,{action:"copy",children:[e.jsx(s.ChatActionLabel,{action:"copy"}),e.jsx(s.ChatActionFeedback,{action:"copy"})]}),e.jsx(s.ChatAction,{action:"clear"}),e.jsx(s.ChatAction,{action:"stop"})]})]})}function J(){const{sessions:r}=k.useChatHistory(),{conversationId:t}=M.useChat();return e.jsxs(a.EmbeddedChatHistoryRoot,{children:[e.jsxs(a.EmbeddedChatHistoryHeader,{children:[e.jsxs(a.EmbeddedChatHistoryBackButton,{children:[e.jsx(a.EmbeddedChatHistoryBackButtonIcon,{iconKey:"backToChat"}),"Back to chat"]}),e.jsx(a.EmbeddedChatHistoryTitle,{}),e.jsx(C.Close,{})]}),e.jsxs(a.EmbeddedChatHistoryList,{children:[r.map(n=>e.jsxs(a.EmbeddedChatHistoryItem,{sessionId:n.id,"data-active":p.dataAttr(n.id===t),children:[e.jsx(a.EmbeddedChatHistoryItemTitle,{children:n.title}),e.jsx(a.EmbeddedChatHistoryItemDate,{children:a.formatSessionDate(n.updatedAt)})]},n.id)),e.jsx(a.EmbeddedChatHistoryEmptyState,{}),e.jsx(a.EmbeddedChatHistoryLoadingState,{})]}),e.jsx(a.EmbeddedChatHistoryFooter,{children:e.jsx(a.EmbeddedChatHistoryNewConversationButton,{})})]})}function X(){return e.jsx(E.PortalWithTheme,{children:e.jsx(s.FeedbackModal,{children:e.jsx(s.FeedbackModalOverlay,{children:e.jsxs(s.FeedbackModalContent,{children:[e.jsx(s.FeedbackModalHeader,{}),e.jsx(s.FeedbackModalClose,{}),e.jsx(s.FeedbackModalBody,{children:e.jsxs(s.FeedbackForm,{children:[e.jsxs(s.FeedbackField,{children:[e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsx(s.FeedbackSubmitButton,{})]})})]})})})})}function Y(){return e.jsxs(s.FormWrapper,{children:[e.jsx(s.FormClose,{}),e.jsxs(s.Form,{children:[e.jsxs(s.FormHeader,{children:[e.jsx(s.FormHeading,{}),e.jsx(s.FormDescription,{})]}),e.jsx(s.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((t,n)=>e.jsxs(s.FormField,{field:t,autoFocus:n===0,children:[e.jsx(s.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(s.FormFieldText,{}),t.inputType==="email"&&e.jsx(s.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(s.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(s.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(s.FormFieldCheckbox,{children:e.jsx(s.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(s.FormFieldSelect,{children:[e.jsxs(s.FormFieldSelectTrigger,{children:[e.jsx(s.FormFieldSelectValue,{}),e.jsx(s.FormFieldSelectIcon,{})]}),e.jsx(s.FormFieldSelectContent,{children:e.jsx(s.FormFieldSelectViewport,{children:t.items.map(o=>e.jsxs(s.FormFieldSelectItem,{value:o.value,children:[e.jsx(s.FormFieldSelectItemText,{children:o.label}),e.jsx(s.FormFieldSelectItemIndicator,{})]},o.value))})})]}),t.inputType==="combobox"&&e.jsxs(s.FormFieldCombobox,{children:[e.jsxs(s.FormFieldComboboxControl,{children:["multiple"in t&&t.multiple&&e.jsx(s.FormFieldComboboxSelectedTags,{}),e.jsx(s.FormFieldComboboxInput,{}),e.jsx(s.FormFieldComboboxTrigger,{})]}),e.jsx(s.FormFieldComboboxPositioner,{children:e.jsx(s.FormFieldComboboxContent,{children:e.jsx(s.FormFieldComboboxList,{children:e.jsx(s.FormFieldComboboxListItems,{children:o=>o.length===0?e.jsx(s.FormFieldComboboxListEmpty,{}):o.map(d=>e.jsxs(s.FormFieldComboboxItem,{item:d,children:[e.jsx(s.FormFieldComboboxItemText,{children:d.label}),e.jsx(s.FormFieldComboboxItemIndicator,{})]},d.value))})})})})]}),e.jsx(s.FormFieldDescription,{}),e.jsx(s.FormFieldError,{})]},t.name)),e.jsx(s.FormError,{})]})}),e.jsxs(s.FormFooter,{children:[e.jsx(s.FormCancel,{}),e.jsx(s.FormSubmit,{})]})]}),e.jsxs(s.FormSuccess,{children:[e.jsx(s.FormSuccessHeading,{}),e.jsx(s.FormSuccessMessage,{}),e.jsx(s.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=N;exports.InkeepEmbeddedChatImpl=v;exports.InkeepEmbeddedChatImplContent=S;exports.InkeepEmbeddedChatProvider=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),s=require("../styled/components/embedded-chat.cjs"),a=require("../styled/components/chat-history.cjs"),b=require("../styled/components/modal.cjs"),w=require("../styled/components/shadow.cjs"),E=require("../styled/components/message.cjs"),k=require("../primitives/providers/chat-auth-provider.cjs"),P=require("../primitives/providers/chat-base-events-provider.cjs"),f=require("../primitives/providers/chat-history-provider.cjs"),F=require("../primitives/providers/config-provider.cjs"),B=require("../primitives/providers/root-provider.cjs"),q=require("../primitives/providers/widget-provider.cjs"),y=require("../primitives/components/embedded-chat/chat-provider.cjs"),L=require("../primitives/components/modal/modal-provider.cjs"),g=require("../primitives/utils/misc.cjs"),T=require("../primitives/atoms/portal-with-theme.cjs"),D=require("../primitives/atoms/error-boundary.cjs"),W=require("./modal.cjs"),N=require("../primitives/providers/image-preview-provider.cjs"),V=require("./widget-toggle.cjs"),v=require("../primitives/components/embedded-chat/file-upload-input.cjs"),i=require("../styled/components/embedded-chat/file-upload-input.cjs"),m=require("../styled/components/embedded-chat/image-preview-modal.cjs");function R(r){const{baseSettings:t,aiChatSettings:n}=r;return e.jsx(D.ErrorBoundary,{children:e.jsx(w.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(B.RootProvider,{config:{baseSettings:t,aiChatSettings:n},componentType:F.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(A,{...r})})})})}function S(r){const{children:t,onToggleView:n,isHidden:o,shouldAutoFocusInput:d=!n}=r;return e.jsx(k.ChatAuthProvider,{children:e.jsx(P.ChatBaseEventsProvider,{children:e.jsx(s.Provider,{isHidden:o,shouldAutoFocusInput:d,children:t})})})}function A(r){return e.jsx(S,{...r,children:e.jsx(H,{...r})})}function H(r){const{onToggleView:t,variant:n,header:o=$}=r,d=L.useModal(),c=q.useWidget(),x=d&&!c?W.ModalContent:p.Fragment;return e.jsx(N.ImagePreviewProvider,{children:e.jsx(x,{children:e.jsxs(s.Wrapper,{variant:n??(t?"no-shadow":"container-with-shadow"),"data-composite":g.dataAttr(!!r.onToggleView||d?.isOpen),children:[e.jsx(Y,{}),e.jsxs(s.Root,{children:[o&&e.jsx(o,{...r}),e.jsx(_,{}),e.jsx(z,{})]}),e.jsx(ee,{}),e.jsx(U,{}),e.jsx(se,{})]})})})}const $=r=>{const{onToggleView:t,askAILabel:n,searchLabel:o}=r,{aiChatSettings:d}=F.useInkeepConfig(),c=d.isChatHistoryButtonVisible,x=!!t||c;return e.jsx(s.Header,{"data-show-toolbar":g.dataAttr(x),children:x?e.jsxs(s.HeaderToolbar,{"data-show-widget-toggle":g.dataAttr(!!t),children:[e.jsx(s.HeaderToolbarWrapper,{children:c&&e.jsx(s.ChatHistoryTrigger,{})}),t&&e.jsx(V.WidgetToggle,{onToggleView:t,askAILabel:n,searchLabel:o,view:"chat"}),e.jsx(b.Close,{})]}):e.jsx(b.Close,{})})};function _(){const{isSessionLoading:r}=y.useChat();return e.jsx(s.Content,{children:e.jsxs(s.ContentScrollArea,{children:[e.jsx(s.ContentScrollAreaViewport,{children:r?e.jsx(s.MessagesSessionLoading,{}):e.jsx(Q,{})}),e.jsx(s.ContentScrollAreaScrollbar,{children:e.jsx(s.ContentScrollAreaThumb,{})}),e.jsx(s.ContentScrollAreaCorner,{})]})})}function Q(){const{aiChatSettings:{components:r}}=F.useInkeepConfig();return e.jsx(s.Messages,{children:({messages:t,isLoading:n,isStreaming:o})=>{const d=t.at(-1),c=l=>(h,C)=>{const j=r?.[h];if(!j)return console.warn(`Component "${h}" not found in components config`),null;const I={...C,messageId:l.id};try{if(typeof j=="function"&&j.length<=1)return p.createElement(j,I);const u=j(I,document.createElement("div"),null);return p.isValidElement(u)||typeof u=="string"?u:null}catch(u){return console.error(`🔍 [renderComponent] Error rendering component "${h}":`,u),null}},x=l=>e.jsx(s.Markdown,{text:l});return e.jsxs(e.Fragment,{children:[e.jsx(O,{}),t.map(l=>{const h=d?.id===l.id,C=c(l);return e.jsxs(s.MessageWrapper,{message:l,children:[e.jsx(M,{}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:r?.IkpMessage?e.jsx(s.DynamicComponent,{name:"IkpMessage",props:{message:l,renderComponent:C,renderMarkdown:x},componentDef:r.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(E.EmbeddedChatMessagePart,{isLast:h}),(!o||!h)&&e.jsx(Z,{})]})}),e.jsx(G,{}),e.jsx(K,{})]})]},l.id)}),n&&d?.role==="user"&&d?.parts.length&&e.jsxs(s.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(M,{}),e.jsx(s.MessageLoading,{})]})]})}})}function O(){return e.jsxs(s.IntroMessageWrapper,{children:[e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:e.jsx(E.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerLabel,{}),e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]}),e.jsxs(s.ExampleQuestions,{children:[e.jsx(s.ExampleQuestionsLabel,{}),e.jsx(s.ExampleQuestionsList,{children:r=>r.map(t=>e.jsx(s.ExampleQuestion,{children:e.jsx(s.ExampleQuestionButton,{question:t})},typeof t=="object"?t.label:t))})]})]})]})}function M(){return e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]})}function U(){return e.jsx(T.PortalWithTheme,{children:e.jsx(m.EmbeddedChatImagePreviewModal,{children:e.jsx(m.EmbeddedChatImagePreviewModalOverlay,{children:e.jsxs(m.EmbeddedChatImagePreviewModalContent,{children:[e.jsx(m.EmbeddedChatImagePreviewModalClose,{}),e.jsx(m.EmbeddedChatImagePreviewModalImage,{}),e.jsx(m.EmbeddedChatImagePreviewModalFooter,{children:e.jsx(m.EmbeddedChatImagePreviewModalFileName,{})})]})})})})}function G(){return e.jsx(i.EmbeddedChatMessageFiles,{children:r=>r.map((t,n)=>{const o=t.url,d=t.mediaType??"",c=d.split("/").pop(),x=t.filename??(c?`untitled.${c}`:"untitled"),l=v.isImageMimeType(d);return e.jsxs(i.EmbeddedChatMessageFile,{url:o,name:x,mediaType:d,children:[l?e.jsx(i.EmbeddedChatFileThumbnail,{}):e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]},o||n)})})}function K(){return e.jsxs(s.MessageToolbar,{children:[e.jsx(s.MessageCustomActions,{children:r=>r.map((t,n)=>e.jsx(s.MessageCustomAction,{action:t},`action-${n}`))}),e.jsx(s.MessageAction,{action:"copy"}),e.jsx(s.MessageAction,{action:"upvote"}),e.jsx(s.MessageAction,{action:"downvote"})]})}function Z(){return e.jsxs(s.MessageSources,{children:[e.jsx(s.MessageSourcesHeader,{}),e.jsx(s.MessageSourcesList,{children:r=>r.map((t,n)=>e.jsxs(s.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(s.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(o=>e.jsxs(p.Fragment,{children:[o,e.jsx(s.MessageSourceItemBreadcrumbIcon,{})]},o))}),e.jsx(s.MessageSourceItemIcon,{}),e.jsx(s.MessageSourceItemTitle,{}),e.jsx(s.MessageSourceItemTag,{}),e.jsx(s.MessageSourceItemDescription,{children:o=>o.map((d,c)=>e.jsx(s.MessageSourceItemDescriptionPart,{descriptionPart:d},`part-${c}`))}),e.jsx(s.MessageSourceItemIndicator,{})]},n))})]})}function z(){return e.jsxs(s.Footer,{children:[e.jsx(i.EmbeddedChatInputNotification,{children:e.jsxs(i.EmbeddedChatInputNotificationContent,{children:[e.jsxs(i.EmbeddedChatInputNotificationHeader,{children:[e.jsx(i.EmbeddedChatInputNotificationTitle,{}),e.jsx(i.EmbeddedChatInputNotificationClose,{})]}),e.jsx(i.EmbeddedChatInputNotificationMessage,{})]})}),e.jsx(J,{}),e.jsx(X,{})]})}function J(){return e.jsxs(s.InputFieldset,{children:[e.jsx(i.EmbeddedChatFileInput,{}),e.jsx(i.EmbeddedChatDropZone,{children:"Drop files here to add to chat"}),e.jsx(i.EmbeddedChatFileList,{children:r=>r.map((t,n)=>{const o=v.isImageMimeType(t.type);return e.jsxs(i.EmbeddedChatFileItem,{file:t,children:[o?e.jsxs(i.EmbeddedChatFilePreviewTrigger,{children:[e.jsx(i.EmbeddedChatFileThumbnail,{}),e.jsx(i.EmbeddedChatFileName,{})]}):e.jsxs(i.EmbeddedChatFileContent,{children:[e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]}),e.jsx(i.EmbeddedChatFileRemove,{})]},`${t.name}-${t.lastModified}-${n}`)})}),e.jsxs(s.InputGroup,{children:[e.jsx(i.EmbeddedChatFileUploadButton,{}),e.jsx(s.Input,{}),e.jsx(s.SendButton,{children:e.jsx(s.SendButtonIcon,{})})]})]})}function X(){return e.jsxs(s.ActionBar,{children:[e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{})]}),e.jsxs(s.Actions,{children:[e.jsx(s.HelpActions,{children:({pinned:r,unpinned:t})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(s.HelpAction,{action:n},n.name)),t.length>0&&e.jsx(s.HelpActionsTrigger,{}),e.jsxs(s.HelpActionsMenu,{children:[e.jsx(s.HelpActionsMenuArrow,{}),t.map(n=>e.jsxs(s.HelpActionsMenuItem,{action:n,children:[e.jsx(s.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(s.ChatAction,{action:"copy",children:[e.jsx(s.ChatActionLabel,{action:"copy"}),e.jsx(s.ChatActionFeedback,{action:"copy"})]}),e.jsx(s.ChatAction,{action:"clear"}),e.jsx(s.ChatAction,{action:"stop"})]})]})}function Y(){const{sessions:r}=f.useChatHistory(),{conversationId:t}=y.useChat();return e.jsxs(a.EmbeddedChatHistoryRoot,{children:[e.jsxs(a.EmbeddedChatHistoryHeader,{children:[e.jsxs(a.EmbeddedChatHistoryBackButton,{children:[e.jsx(a.EmbeddedChatHistoryBackButtonIcon,{iconKey:"backToChat"}),"Back to chat"]}),e.jsx(a.EmbeddedChatHistoryTitle,{}),e.jsx(b.Close,{})]}),e.jsxs(a.EmbeddedChatHistoryList,{children:[r.map(n=>e.jsxs(a.EmbeddedChatHistoryItem,{sessionId:n.id,"data-active":g.dataAttr(n.id===t),children:[e.jsx(a.EmbeddedChatHistoryItemTitle,{children:n.title}),e.jsx(a.EmbeddedChatHistoryItemDate,{children:a.formatSessionDate(n.updatedAt)})]},n.id)),e.jsx(a.EmbeddedChatHistoryEmptyState,{}),e.jsx(a.EmbeddedChatHistoryLoadingState,{})]}),e.jsx(a.EmbeddedChatHistoryFooter,{children:e.jsx(a.EmbeddedChatHistoryNewConversationButton,{})})]})}function ee(){return e.jsx(T.PortalWithTheme,{children:e.jsx(s.FeedbackModal,{children:e.jsx(s.FeedbackModalOverlay,{children:e.jsxs(s.FeedbackModalContent,{children:[e.jsx(s.FeedbackModalHeader,{}),e.jsx(s.FeedbackModalClose,{}),e.jsx(s.FeedbackModalBody,{children:e.jsxs(s.FeedbackForm,{children:[e.jsxs(s.FeedbackField,{children:[e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsx(s.FeedbackSubmitButton,{})]})})]})})})})}function se(){return e.jsxs(s.FormWrapper,{children:[e.jsx(s.FormClose,{}),e.jsxs(s.Form,{children:[e.jsxs(s.FormHeader,{children:[e.jsx(s.FormHeading,{}),e.jsx(s.FormDescription,{})]}),e.jsx(s.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((t,n)=>e.jsxs(s.FormField,{field:t,autoFocus:n===0,children:[e.jsx(s.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(s.FormFieldText,{}),t.inputType==="email"&&e.jsx(s.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(s.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(s.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(s.FormFieldCheckbox,{children:e.jsx(s.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(s.FormFieldSelect,{children:[e.jsxs(s.FormFieldSelectTrigger,{children:[e.jsx(s.FormFieldSelectValue,{}),e.jsx(s.FormFieldSelectIcon,{})]}),e.jsx(s.FormFieldSelectContent,{children:e.jsx(s.FormFieldSelectViewport,{children:t.items.map(o=>e.jsxs(s.FormFieldSelectItem,{value:o.value,children:[e.jsx(s.FormFieldSelectItemText,{children:o.label}),e.jsx(s.FormFieldSelectItemIndicator,{})]},o.value))})})]}),t.inputType==="combobox"&&e.jsxs(s.FormFieldCombobox,{children:[e.jsxs(s.FormFieldComboboxControl,{children:["multiple"in t&&t.multiple&&e.jsx(s.FormFieldComboboxSelectedTags,{}),e.jsx(s.FormFieldComboboxInput,{}),e.jsx(s.FormFieldComboboxTrigger,{})]}),e.jsx(s.FormFieldComboboxPositioner,{children:e.jsx(s.FormFieldComboboxContent,{children:e.jsx(s.FormFieldComboboxList,{children:e.jsx(s.FormFieldComboboxListItems,{children:o=>o.length===0?e.jsx(s.FormFieldComboboxListEmpty,{}):o.map(d=>e.jsxs(s.FormFieldComboboxItem,{item:d,children:[e.jsx(s.FormFieldComboboxItemText,{children:d.label}),e.jsx(s.FormFieldComboboxItemIndicator,{})]},d.value))})})})})]}),e.jsx(s.FormFieldDescription,{}),e.jsx(s.FormFieldError,{})]},t.name)),e.jsx(s.FormError,{})]})}),e.jsxs(s.FormFooter,{children:[e.jsx(s.FormCancel,{}),e.jsx(s.FormSubmit,{})]})]}),e.jsxs(s.FormSuccess,{children:[e.jsx(s.FormSuccessHeading,{}),e.jsx(s.FormSuccessMessage,{}),e.jsx(s.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=R;exports.InkeepEmbeddedChatImpl=A;exports.InkeepEmbeddedChatImplContent=H;exports.InkeepEmbeddedChatProvider=S;

package/dist/react/embedded-chat.js

@@ -1,85 +1,85 @@
 "use client";
 import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
-import g, { Fragment as S } from "react";
-import { Wrapper as V, Root as N, Provider as Q, Header as $, HeaderToolbar as _, HeaderToolbarWrapper as R, ChatHistoryTrigger as O, Content as j, ContentScrollArea as G, ContentScrollAreaViewport as U, MessagesSessionLoading as K, ContentScrollAreaScrollbar as Z, ContentScrollAreaThumb as z, ContentScrollAreaCorner as J, Footer as X, FeedbackModal as Y, FeedbackModalOverlay as q, FeedbackModalContent as ee, FeedbackModalHeader as de, FeedbackModalClose as te, FeedbackModalBody as ae, FeedbackForm as oe, FeedbackField as re, FeedbackItemLabel as ne, FeedbackItemDescription as ie, FeedbackSubmitButton as me, FormWrapper as se, FormClose as le, Form as ce, FormHeader as he, FormHeading as be, FormDescription as Ce, FormContent as Fe, FormField as Ee, FormFieldLabel as ue, FormFieldText as pe, FormFieldEmail as ge, FormFieldFile as Ie, FormFieldTextArea as Me, FormFieldCheckbox as Se, FormFieldCheckboxIndicator as Te, FormFieldSelect as xe, FormFieldSelectTrigger as Ae, FormFieldSelectValue as He, FormFieldSelectIcon as fe, FormFieldSelectContent as ye, FormFieldSelectViewport as ke, FormFieldSelectItem as ve, FormFieldSelectItemText as we, FormFieldSelectItemIndicator as Le, FormFieldCombobox as Be, FormFieldComboboxControl as De, FormFieldComboboxSelectedTags as Pe, FormFieldComboboxInput as We, FormFieldComboboxTrigger as Ve, FormFieldComboboxPositioner as Ne, FormFieldComboboxContent as Qe, FormFieldComboboxList as $e, FormFieldComboboxListItems as _e, FormFieldComboboxListEmpty as Re, FormFieldComboboxItem as Oe, FormFieldComboboxItemText as je, FormFieldComboboxItemIndicator as Ge, FormFieldDescription as Ue, FormFieldError as Ke, FormError as Ze, FormFooter as ze, FormCancel as Je, FormSubmit as Xe, FormSuccess as Ye, FormSuccessHeading as qe, FormSuccessMessage as ed, FormSuccessButton as dd, Messages as td, MessageWrapper as I, MessageContentWrapper as T, MessageContent as x, DynamicComponent as ad, MessageLoading as od, InputFieldset as rd, InputGroup as nd, Input as id, SendButton as md, SendButtonIcon as sd, ActionBar as ld, TaglineContainer as cd, TaglineText as hd, TaglineLogo as bd, Actions as Cd, HelpActions as Fd, HelpAction as Ed, HelpActionsTrigger as ud, HelpActionsMenu as pd, HelpActionsMenuArrow as gd, HelpActionsMenuItem as Id, HelpActionsMenuItemIcon as Md, ChatAction as F, ChatActionLabel as Sd, ChatActionFeedback as Td, IntroMessageWrapper as xd, MessageHeader as A, MessageAvatar as H, MessageAvatarContent as f, MessageAvatarImage as y, MessageName as k, Disclaimer as Ad, DisclaimerLabel as Hd, DisclaimerTrigger as fd, DisclaimerContent as yd, DisclaimerText as kd, DisclaimerArrow as vd, ExampleQuestions as wd, ExampleQuestionsLabel as Ld, ExampleQuestionsList as Bd, ExampleQuestion as Dd, ExampleQuestionButton as Pd, Markdown as Wd, MessageSources as Vd, MessageSourcesHeader as Nd, MessageSourcesList as Qd, MessageSourceItem as $d, MessageSourceItemBreadcrumbs as _d, MessageSourceItemBreadcrumbIcon as Rd, MessageSourceItemIcon as Od, MessageSourceItemTitle as jd, MessageSourceItemTag as Gd, MessageSourceItemDescription as Ud, MessageSourceItemDescriptionPart as Kd, MessageSourceItemIndicator as Zd, MessageToolbar as zd, MessageCustomActions as Jd, MessageCustomAction as Xd, MessageAction as E } from "../styled/components/embedded-chat.js";
-import { EmbeddedChatHistoryRoot as Yd, EmbeddedChatHistoryHeader as qd, EmbeddedChatHistoryBackButton as et, EmbeddedChatHistoryBackButtonIcon as dt, EmbeddedChatHistoryTitle as tt, EmbeddedChatHistoryList as at, EmbeddedChatHistoryItem as ot, EmbeddedChatHistoryItemTitle as rt, EmbeddedChatHistoryItemDate as nt, formatSessionDate as it, EmbeddedChatHistoryEmptyState as mt, EmbeddedChatHistoryLoadingState as st, EmbeddedChatHistoryFooter as lt, EmbeddedChatHistoryNewConversationButton as ct } from "../styled/components/chat-history.js";
+import M, { Fragment as x } from "react";
+import { Wrapper as Q, Root as $, Provider as _, Header as R, HeaderToolbar as O, HeaderToolbarWrapper as j, ChatHistoryTrigger as G, Content as U, ContentScrollArea as K, ContentScrollAreaViewport as Z, MessagesSessionLoading as z, ContentScrollAreaScrollbar as J, ContentScrollAreaThumb as X, ContentScrollAreaCorner as Y, Footer as q, FeedbackModal as ee, FeedbackModalOverlay as de, FeedbackModalContent as te, FeedbackModalHeader as ae, FeedbackModalClose as oe, FeedbackModalBody as re, FeedbackForm as ne, FeedbackField as ie, FeedbackItemLabel as me, FeedbackItemDescription as se, FeedbackSubmitButton as le, FormWrapper as ce, FormClose as he, Form as be, FormHeader as Ce, FormHeading as Fe, FormDescription as Ee, FormContent as pe, FormField as ue, FormFieldLabel as ge, FormFieldText as Ie, FormFieldEmail as Me, FormFieldFile as Se, FormFieldTextArea as Te, FormFieldCheckbox as xe, FormFieldCheckboxIndicator as Ae, FormFieldSelect as He, FormFieldSelectTrigger as fe, FormFieldSelectValue as ye, FormFieldSelectIcon as ke, FormFieldSelectContent as ve, FormFieldSelectViewport as we, FormFieldSelectItem as Le, FormFieldSelectItemText as Be, FormFieldSelectItemIndicator as De, FormFieldCombobox as Pe, FormFieldComboboxControl as We, FormFieldComboboxSelectedTags as Ve, FormFieldComboboxInput as Ne, FormFieldComboboxTrigger as Qe, FormFieldComboboxPositioner as $e, FormFieldComboboxContent as _e, FormFieldComboboxList as Re, FormFieldComboboxListItems as Oe, FormFieldComboboxListEmpty as je, FormFieldComboboxItem as Ge, FormFieldComboboxItemText as Ue, FormFieldComboboxItemIndicator as Ke, FormFieldDescription as Ze, FormFieldError as ze, FormError as Je, FormFooter as Xe, FormCancel as Ye, FormSubmit as qe, FormSuccess as ed, FormSuccessHeading as dd, FormSuccessMessage as td, FormSuccessButton as ad, Messages as od, MessageWrapper as S, MessageContentWrapper as A, MessageContent as H, DynamicComponent as rd, MessageLoading as nd, InputFieldset as id, InputGroup as md, Input as sd, SendButton as ld, SendButtonIcon as cd, ActionBar as hd, TaglineContainer as bd, TaglineText as Cd, TaglineLogo as Fd, Actions as Ed, HelpActions as pd, HelpAction as ud, HelpActionsTrigger as gd, HelpActionsMenu as Id, HelpActionsMenuArrow as Md, HelpActionsMenuItem as Sd, HelpActionsMenuItemIcon as Td, ChatAction as E, ChatActionLabel as xd, ChatActionFeedback as Ad, IntroMessageWrapper as Hd, MessageHeader as f, MessageAvatar as y, MessageAvatarContent as k, MessageAvatarImage as v, MessageName as w, Disclaimer as fd, DisclaimerLabel as yd, DisclaimerTrigger as kd, DisclaimerContent as vd, DisclaimerText as wd, DisclaimerArrow as Ld, ExampleQuestions as Bd, ExampleQuestionsLabel as Dd, ExampleQuestionsList as Pd, ExampleQuestion as Wd, ExampleQuestionButton as Vd, Markdown as Nd, MessageSources as Qd, MessageSourcesHeader as $d, MessageSourcesList as _d, MessageSourceItem as Rd, MessageSourceItemBreadcrumbs as Od, MessageSourceItemBreadcrumbIcon as jd, MessageSourceItemIcon as Gd, MessageSourceItemTitle as Ud, MessageSourceItemTag as Kd, MessageSourceItemDescription as Zd, MessageSourceItemDescriptionPart as zd, MessageSourceItemIndicator as Jd, MessageToolbar as Xd, MessageCustomActions as Yd, MessageCustomAction as qd, MessageAction as p } from "../styled/components/embedded-chat.js";
+import { EmbeddedChatHistoryRoot as et, EmbeddedChatHistoryHeader as dt, EmbeddedChatHistoryBackButton as tt, EmbeddedChatHistoryBackButtonIcon as at, EmbeddedChatHistoryTitle as ot, EmbeddedChatHistoryList as rt, EmbeddedChatHistoryItem as nt, EmbeddedChatHistoryItemTitle as it, EmbeddedChatHistoryItemDate as mt, formatSessionDate as st, EmbeddedChatHistoryEmptyState as lt, EmbeddedChatHistoryLoadingState as ct, EmbeddedChatHistoryFooter as ht, EmbeddedChatHistoryNewConversationButton as bt } from "../styled/components/chat-history.js";
 import { Close as u } from "../styled/components/modal.js";
-import { Shadow as ht } from "../styled/components/shadow.js";
-import { EmbeddedChatMessagePart as v } from "../styled/components/message.js";
-import { ChatAuthProvider as bt } from "../primitives/providers/chat-auth-provider.js";
-import { ChatBaseEventsProvider as Ct } from "../primitives/providers/chat-base-events-provider.js";
-import { useChatHistory as Ft } from "../primitives/providers/chat-history-provider.js";
-import { WebWidgetInteractionType as Et, useInkeepConfig as w } from "../primitives/providers/config-provider.js";
-import { RootProvider as ut } from "../primitives/providers/root-provider.js";
-import { useWidget as pt } from "../primitives/providers/widget-provider.js";
-import { useChat as L } from "../primitives/components/embedded-chat/chat-provider.js";
-import { useModal as gt } from "../primitives/components/modal/modal-provider.js";
+import { Shadow as Ct } from "../styled/components/shadow.js";
+import { EmbeddedChatMessagePart as L } from "../styled/components/message.js";
+import { ChatAuthProvider as Ft } from "../primitives/providers/chat-auth-provider.js";
+import { ChatBaseEventsProvider as Et } from "../primitives/providers/chat-base-events-provider.js";
+import { useChatHistory as pt } from "../primitives/providers/chat-history-provider.js";
+import { WebWidgetInteractionType as ut, useInkeepConfig as B } from "../primitives/providers/config-provider.js";
+import { RootProvider as gt } from "../primitives/providers/root-provider.js";
+import { useWidget as It } from "../primitives/providers/widget-provider.js";
+import { useChat as D } from "../primitives/components/embedded-chat/chat-provider.js";
+import { useModal as Mt } from "../primitives/components/modal/modal-provider.js";
 import { dataAttr as C } from "../primitives/utils/misc.js";
-import { PortalWithTheme as B } from "../primitives/atoms/portal-with-theme.js";
-import { ErrorBoundary as It } from "../primitives/atoms/error-boundary.js";
-import { ModalContent as Mt } from "./modal.js";
-import { ImagePreviewProvider as St } from "../primitives/providers/image-preview-provider.js";
-import { WidgetToggle as Tt } from "./widget-toggle.js";
-import { isImageMimeType as D } from "../primitives/components/embedded-chat/file-upload-input.js";
-import { EmbeddedChatInputNotification as xt, EmbeddedChatInputNotificationContent as At, EmbeddedChatInputNotificationHeader as Ht, EmbeddedChatInputNotificationTitle as ft, EmbeddedChatInputNotificationClose as yt, EmbeddedChatInputNotificationMessage as kt, EmbeddedChatFileInput as vt, EmbeddedChatDropZone as wt, EmbeddedChatFileList as Lt, EmbeddedChatFileItem as Bt, EmbeddedChatFilePreviewTrigger as Dt, EmbeddedChatFileThumbnail as P, EmbeddedChatFileName as p, EmbeddedChatFileContent as Pt, EmbeddedChatFileTypeIcon as W, EmbeddedChatFileRemove as Wt, EmbeddedChatFileUploadButton as Vt, EmbeddedChatMessageFiles as Nt, EmbeddedChatMessageFile as Qt } from "../styled/components/embedded-chat/file-upload-input.js";
-import { EmbeddedChatImagePreviewModal as $t, EmbeddedChatImagePreviewModalOverlay as _t, EmbeddedChatImagePreviewModalContent as Rt, EmbeddedChatImagePreviewModalClose as Ot, EmbeddedChatImagePreviewModalImage as jt, EmbeddedChatImagePreviewModalFooter as Gt, EmbeddedChatImagePreviewModalFileName as Ut } from "../styled/components/embedded-chat/image-preview-modal.js";
-function Da(a) {
+import { PortalWithTheme as P } from "../primitives/atoms/portal-with-theme.js";
+import { ErrorBoundary as St } from "../primitives/atoms/error-boundary.js";
+import { ModalContent as Tt } from "./modal.js";
+import { ImagePreviewProvider as xt } from "../primitives/providers/image-preview-provider.js";
+import { WidgetToggle as At } from "./widget-toggle.js";
+import { isImageMimeType as W } from "../primitives/components/embedded-chat/file-upload-input.js";
+import { EmbeddedChatInputNotification as Ht, EmbeddedChatInputNotificationContent as ft, EmbeddedChatInputNotificationHeader as yt, EmbeddedChatInputNotificationTitle as kt, EmbeddedChatInputNotificationClose as vt, EmbeddedChatInputNotificationMessage as wt, EmbeddedChatFileInput as Lt, EmbeddedChatDropZone as Bt, EmbeddedChatFileList as Dt, EmbeddedChatFileItem as Pt, EmbeddedChatFilePreviewTrigger as Wt, EmbeddedChatFileThumbnail as V, EmbeddedChatFileName as g, EmbeddedChatFileContent as Vt, EmbeddedChatFileTypeIcon as N, EmbeddedChatFileRemove as Nt, EmbeddedChatFileUploadButton as Qt, EmbeddedChatMessageFiles as $t, EmbeddedChatMessageFile as _t } from "../styled/components/embedded-chat/file-upload-input.js";
+import { EmbeddedChatImagePreviewModal as Rt, EmbeddedChatImagePreviewModalOverlay as Ot, EmbeddedChatImagePreviewModalContent as jt, EmbeddedChatImagePreviewModalClose as Gt, EmbeddedChatImagePreviewModalImage as Ut, EmbeddedChatImagePreviewModalFooter as Kt, EmbeddedChatImagePreviewModalFileName as Zt } from "../styled/components/embedded-chat/image-preview-modal.js";
+function Wa(a) {
   const { baseSettings: t, aiChatSettings: o } = a;
-  return /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(
-    ht,
+  return /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(
+    Ct,
     {
       wrapperStyles: {
         height: "inherit",
         width: "inherit"
       },
       children: /* @__PURE__ */ e(
-        ut,
+        gt,
         {
           config: {
             baseSettings: t,
             aiChatSettings: o
           },
-          componentType: Et.EmbeddedChat,
-          children: /* @__PURE__ */ e(Zt, { ...a })
+          componentType: ut.EmbeddedChat,
+          children: /* @__PURE__ */ e(Jt, { ...a })
         }
       )
     }
   ) });
 }
-function Kt(a) {
+function zt(a) {
   const { children: t, onToggleView: o, isHidden: r, shouldAutoFocusInput: n = !o } = a;
-  return /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(Q, { isHidden: r, shouldAutoFocusInput: n, children: t }) }) });
+  return /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(_, { isHidden: r, shouldAutoFocusInput: n, children: t }) }) });
 }
-function Zt(a) {
-  return /* @__PURE__ */ e(Kt, { ...a, children: /* @__PURE__ */ e(zt, { ...a }) });
+function Jt(a) {
+  return /* @__PURE__ */ e(zt, { ...a, children: /* @__PURE__ */ e(Xt, { ...a }) });
 }
-function zt(a) {
-  const { onToggleView: t, variant: o, header: r = Jt } = a, n = gt(), m = pt();
-  return /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(n && !m ? Mt : S, { children: /* @__PURE__ */ d(
-    V,
+function Xt(a) {
+  const { onToggleView: t, variant: o, header: r = Yt } = a, n = Mt(), i = It();
+  return /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(n && !i ? Tt : x, { children: /* @__PURE__ */ d(
+    Q,
     {
       variant: o ?? (t ? "no-shadow" : "container-with-shadow"),
       "data-composite": C(!!a.onToggleView || n?.isOpen),
       children: [
-        /* @__PURE__ */ e(ia, {}),
-        /* @__PURE__ */ d(N, { children: [
+        /* @__PURE__ */ e(sa, {}),
+        /* @__PURE__ */ d($, { children: [
           r && /* @__PURE__ */ e(r, { ...a }),
-          /* @__PURE__ */ e(Xt, {}),
-          /* @__PURE__ */ e(oa, {})
+          /* @__PURE__ */ e(qt, {}),
+          /* @__PURE__ */ e(na, {})
         ] }),
-        /* @__PURE__ */ e(ma, {}),
-        /* @__PURE__ */ e(ea, {}),
-        /* @__PURE__ */ e(sa, {})
+        /* @__PURE__ */ e(la, {}),
+        /* @__PURE__ */ e(ta, {}),
+        /* @__PURE__ */ e(ca, {})
       ]
     }
   ) }) });
 }
-const Jt = (a) => {
-  const { onToggleView: t, askAILabel: o, searchLabel: r } = a, { aiChatSettings: n } = w(), m = n.isChatHistoryButtonVisible, s = !!t || m;
-  return /* @__PURE__ */ e($, { "data-show-toolbar": C(s), children: s ? /* @__PURE__ */ d(_, { "data-show-widget-toggle": C(!!t), children: [
-    /* @__PURE__ */ e(R, { children: m && /* @__PURE__ */ e(O, {}) }),
+const Yt = (a) => {
+  const { onToggleView: t, askAILabel: o, searchLabel: r } = a, { aiChatSettings: n } = B(), i = n.isChatHistoryButtonVisible, s = !!t || i;
+  return /* @__PURE__ */ e(R, { "data-show-toolbar": C(s), children: s ? /* @__PURE__ */ d(O, { "data-show-widget-toggle": C(!!t), children: [
+    /* @__PURE__ */ e(j, { children: i && /* @__PURE__ */ e(G, {}) }),
     t && /* @__PURE__ */ e(
-      Tt,
+      At,
       {
         onToggleView: t,
         askAILabel: o,
@@ -90,57 +90,61 @@ const Jt = (a) => {
     /* @__PURE__ */ e(u, {})
   ] }) : /* @__PURE__ */ e(u, {}) });
 };
-function Xt() {
-  const { isSessionLoading: a } = L();
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ d(G, { children: [
-    /* @__PURE__ */ e(U, { children: a ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(Yt, {}) }),
-    /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(z, {}) }),
-    /* @__PURE__ */ e(J, {})
+function qt() {
+  const { isSessionLoading: a } = D();
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ d(K, { children: [
+    /* @__PURE__ */ e(Z, { children: a ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(ea, {}) }),
+    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(X, {}) }),
+    /* @__PURE__ */ e(Y, {})
   ] }) });
 }
-function Yt() {
+function ea() {
   const {
     aiChatSettings: { components: a }
-  } = w();
-  return /* @__PURE__ */ e(td, { children: ({ messages: t, isLoading: o, isStreaming: r }) => {
-    const n = t.at(-1), m = (i, l) => {
-      const c = a?.[i];
+  } = B();
+  return /* @__PURE__ */ e(od, { children: ({ messages: t, isLoading: o, isStreaming: r }) => {
+    const n = t.at(-1), i = (m) => (l, F) => {
+      const c = a?.[l];
       if (!c)
-        return console.warn(`Component "${i}" not found in components config`), null;
+        return console.warn(`Component "${l}" not found in components config`), null;
+      const I = { ...F, messageId: m.id };
       try {
         if (typeof c == "function" && c.length <= 1)
-          return g.createElement(c, l);
-        const h = c(l, document.createElement("div"), null);
-        return g.isValidElement(h) || typeof h == "string" ? h : null;
+          return M.createElement(
+            c,
+            I
+          );
+        const h = c(I, document.createElement("div"), null);
+        return M.isValidElement(h) || typeof h == "string" ? h : null;
       } catch (h) {
-        return console.error(`🔍 [renderComponent] Error rendering component "${i}":`, h), null;
+        return console.error(`🔍 [renderComponent] Error rendering component "${l}":`, h), null;
       }
-    }, s = (i) => /* @__PURE__ */ e(Wd, { text: i });
+    }, s = (m) => /* @__PURE__ */ e(Nd, { text: m });
     return /* @__PURE__ */ d(b, { children: [
-      /* @__PURE__ */ e(qt, {}),
-      t.map((i) => {
-        const l = n?.id === i.id;
-        return /* @__PURE__ */ d(I, { message: i, children: [
-          /* @__PURE__ */ e(M, {}),
-          /* @__PURE__ */ d(T, { children: [
-            /* @__PURE__ */ e(x, { children: a?.IkpMessage ? /* @__PURE__ */ e(
-              ad,
+      /* @__PURE__ */ e(da, {}),
+      t.map((m) => {
+        const l = n?.id === m.id, F = i(m);
+        return /* @__PURE__ */ d(S, { message: m, children: [
+          /* @__PURE__ */ e(T, {}),
+          /* @__PURE__ */ d(A, { children: [
+            /* @__PURE__ */ e(H, { children: a?.IkpMessage ? /* @__PURE__ */ e(
+              rd,
               {
                 name: "IkpMessage",
-                props: { message: i, renderComponent: m, renderMarkdown: s },
+                props: { message: m, renderComponent: F, renderMarkdown: s },
                 componentDef: a.IkpMessage
               }
             ) : /* @__PURE__ */ d(b, { children: [
-              /* @__PURE__ */ e(v, { isLast: l }),
-              (!r || !l) && /* @__PURE__ */ e(aa, {})
+              /* @__PURE__ */ e(L, { isLast: l }),
+              (!r || !l) && /* @__PURE__ */ e(ra, {})
             ] }) }),
-            /* @__PURE__ */ e(da, {}),
-            /* @__PURE__ */ e(ta, {})
+            /* @__PURE__ */ e(aa, {}),
+            /* @__PURE__ */ e(oa, {})
           ] })
-        ] }, i.id);
+        ] }, m.id);
       }),
       o && n?.role === "user" && n?.parts.length && /* @__PURE__ */ d(
-        I,
+        S,
         {
           message: {
             id: "___loader___",
@@ -148,36 +152,36 @@ function Yt() {
             parts: [{ type: "text", text: "Thinking..." }]
           },
           children: [
-            /* @__PURE__ */ e(M, {}),
-            /* @__PURE__ */ e(od, {})
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ e(nd, {})
           ]
         }
       )
     ] });
   } });
 }
-function qt() {
-  return /* @__PURE__ */ d(xd, { children: [
-    /* @__PURE__ */ d(A, { children: [
-      /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(y, {}) }) }),
-      /* @__PURE__ */ e(k, {})
+function da() {
+  return /* @__PURE__ */ d(Hd, { children: [
+    /* @__PURE__ */ d(f, { children: [
+      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(v, {}) }) }),
+      /* @__PURE__ */ e(w, {})
     ] }),
-    /* @__PURE__ */ d(T, { children: [
-      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(v, { isLast: !1 }) }),
-      /* @__PURE__ */ d(Ad, { children: [
-        /* @__PURE__ */ e(Hd, {}),
-        /* @__PURE__ */ e(fd, {}),
-        /* @__PURE__ */ d(yd, { children: [
-          /* @__PURE__ */ e(kd, {}),
-          /* @__PURE__ */ e(vd, {})
+    /* @__PURE__ */ d(A, { children: [
+      /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(L, { isLast: !1 }) }),
+      /* @__PURE__ */ d(fd, { children: [
+        /* @__PURE__ */ e(yd, {}),
+        /* @__PURE__ */ e(kd, {}),
+        /* @__PURE__ */ d(vd, { children: [
+          /* @__PURE__ */ e(wd, {}),
+          /* @__PURE__ */ e(Ld, {})
         ] })
       ] }),
-      /* @__PURE__ */ d(wd, { children: [
-        /* @__PURE__ */ e(Ld, {}),
-        /* @__PURE__ */ e(Bd, { children: (a) => a.map((t) => /* @__PURE__ */ e(
-          Dd,
+      /* @__PURE__ */ d(Bd, { children: [
+        /* @__PURE__ */ e(Dd, {}),
+        /* @__PURE__ */ e(Pd, { children: (a) => a.map((t) => /* @__PURE__ */ e(
+          Wd,
           {
-            children: /* @__PURE__ */ e(Pd, { question: t })
+            children: /* @__PURE__ */ e(Vd, { question: t })
           },
           typeof t == "object" ? t.label : t
         )) })
@@ -185,229 +189,229 @@ function qt() {
     ] })
   ] });
 }
-function M() {
-  return /* @__PURE__ */ d(A, { children: [
-    /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(y, {}) }) }),
-    /* @__PURE__ */ e(k, {})
+function T() {
+  return /* @__PURE__ */ d(f, { children: [
+    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(v, {}) }) }),
+    /* @__PURE__ */ e(w, {})
   ] });
 }
-function ea() {
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e($t, { children: /* @__PURE__ */ e(_t, { children: /* @__PURE__ */ d(Rt, { children: [
-    /* @__PURE__ */ e(Ot, {}),
-    /* @__PURE__ */ e(jt, {}),
-    /* @__PURE__ */ e(Gt, { children: /* @__PURE__ */ e(Ut, {}) })
+function ta() {
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(Ot, { children: /* @__PURE__ */ d(jt, { children: [
+    /* @__PURE__ */ e(Gt, {}),
+    /* @__PURE__ */ e(Ut, {}),
+    /* @__PURE__ */ e(Kt, { children: /* @__PURE__ */ e(Zt, {}) })
   ] }) }) }) });
 }
-function da() {
-  return /* @__PURE__ */ e(Nt, { children: (a) => a.map((t, o) => {
-    const r = t.url, n = t.mediaType ?? "", m = n.split("/").pop(), s = t.filename ?? (m ? `untitled.${m}` : "untitled"), i = D(n);
-    return /* @__PURE__ */ d(Qt, { url: r, name: s, mediaType: n, children: [
-      i ? /* @__PURE__ */ e(P, {}) : /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(p, {})
+function aa() {
+  return /* @__PURE__ */ e($t, { children: (a) => a.map((t, o) => {
+    const r = t.url, n = t.mediaType ?? "", i = n.split("/").pop(), s = t.filename ?? (i ? `untitled.${i}` : "untitled"), m = W(n);
+    return /* @__PURE__ */ d(_t, { url: r, name: s, mediaType: n, children: [
+      m ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(N, {}),
+      /* @__PURE__ */ e(g, {})
     ] }, r || o);
   }) });
 }
-function ta() {
-  return /* @__PURE__ */ d(zd, { children: [
-    /* @__PURE__ */ e(Jd, { children: (a) => a.map((t, o) => /* @__PURE__ */ e(Xd, { action: t }, `action-${o}`)) }),
-    /* @__PURE__ */ e(E, { action: "copy" }),
-    /* @__PURE__ */ e(E, { action: "upvote" }),
-    /* @__PURE__ */ e(E, { action: "downvote" })
+function oa() {
+  return /* @__PURE__ */ d(Xd, { children: [
+    /* @__PURE__ */ e(Yd, { children: (a) => a.map((t, o) => /* @__PURE__ */ e(qd, { action: t }, `action-${o}`)) }),
+    /* @__PURE__ */ e(p, { action: "copy" }),
+    /* @__PURE__ */ e(p, { action: "upvote" }),
+    /* @__PURE__ */ e(p, { action: "downvote" })
   ] });
 }
-function aa() {
-  return /* @__PURE__ */ d(Vd, { children: [
-    /* @__PURE__ */ e(Nd, {}),
-    /* @__PURE__ */ e(Qd, { children: (a) => a.map((t, o) => /* @__PURE__ */ d($d, { href: t.url, source: t, children: [
-      /* @__PURE__ */ e(_d, { children: t.breadcrumbs?.map((r) => /* @__PURE__ */ d(S, { children: [
+function ra() {
+  return /* @__PURE__ */ d(Qd, { children: [
+    /* @__PURE__ */ e($d, {}),
+    /* @__PURE__ */ e(_d, { children: (a) => a.map((t, o) => /* @__PURE__ */ d(Rd, { href: t.url, source: t, children: [
+      /* @__PURE__ */ e(Od, { children: t.breadcrumbs?.map((r) => /* @__PURE__ */ d(x, { children: [
         r,
-        /* @__PURE__ */ e(Rd, {})
+        /* @__PURE__ */ e(jd, {})
       ] }, r)) }),
-      /* @__PURE__ */ e(Od, {}),
-      /* @__PURE__ */ e(jd, {}),
       /* @__PURE__ */ e(Gd, {}),
-      /* @__PURE__ */ e(Ud, { children: (r) => r.map((n, m) => /* @__PURE__ */ e(
-        Kd,
+      /* @__PURE__ */ e(Ud, {}),
+      /* @__PURE__ */ e(Kd, {}),
+      /* @__PURE__ */ e(Zd, { children: (r) => r.map((n, i) => /* @__PURE__ */ e(
+        zd,
         {
           descriptionPart: n
         },
-        `part-${m}`
+        `part-${i}`
       )) }),
-      /* @__PURE__ */ e(Zd, {})
+      /* @__PURE__ */ e(Jd, {})
     ] }, o)) })
   ] });
 }
-function oa() {
-  return /* @__PURE__ */ d(X, { children: [
-    /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ d(At, { children: [
-      /* @__PURE__ */ d(Ht, { children: [
-        /* @__PURE__ */ e(ft, {}),
-        /* @__PURE__ */ e(yt, {})
+function na() {
+  return /* @__PURE__ */ d(q, { children: [
+    /* @__PURE__ */ e(Ht, { children: /* @__PURE__ */ d(ft, { children: [
+      /* @__PURE__ */ d(yt, { children: [
+        /* @__PURE__ */ e(kt, {}),
+        /* @__PURE__ */ e(vt, {})
       ] }),
-      /* @__PURE__ */ e(kt, {})
+      /* @__PURE__ */ e(wt, {})
     ] }) }),
-    /* @__PURE__ */ e(ra, {}),
-    /* @__PURE__ */ e(na, {})
+    /* @__PURE__ */ e(ia, {}),
+    /* @__PURE__ */ e(ma, {})
   ] });
 }
-function ra() {
-  return /* @__PURE__ */ d(rd, { children: [
-    /* @__PURE__ */ e(vt, {}),
-    /* @__PURE__ */ e(wt, { children: "Drop files here to add to chat" }),
-    /* @__PURE__ */ e(Lt, { children: (a) => a.map((t, o) => {
-      const r = D(t.type);
-      return /* @__PURE__ */ d(Bt, { file: t, children: [
-        r ? /* @__PURE__ */ d(Dt, { children: [
-          /* @__PURE__ */ e(P, {}),
-          /* @__PURE__ */ e(p, {})
-        ] }) : /* @__PURE__ */ d(Pt, { children: [
-          /* @__PURE__ */ e(W, {}),
-          /* @__PURE__ */ e(p, {})
+function ia() {
+  return /* @__PURE__ */ d(id, { children: [
+    /* @__PURE__ */ e(Lt, {}),
+    /* @__PURE__ */ e(Bt, { children: "Drop files here to add to chat" }),
+    /* @__PURE__ */ e(Dt, { children: (a) => a.map((t, o) => {
+      const r = W(t.type);
+      return /* @__PURE__ */ d(Pt, { file: t, children: [
+        r ? /* @__PURE__ */ d(Wt, { children: [
+          /* @__PURE__ */ e(V, {}),
+          /* @__PURE__ */ e(g, {})
+        ] }) : /* @__PURE__ */ d(Vt, { children: [
+          /* @__PURE__ */ e(N, {}),
+          /* @__PURE__ */ e(g, {})
         ] }),
-        /* @__PURE__ */ e(Wt, {})
+        /* @__PURE__ */ e(Nt, {})
       ] }, `${t.name}-${t.lastModified}-${o}`);
     }) }),
-    /* @__PURE__ */ d(nd, { children: [
-      /* @__PURE__ */ e(Vt, {}),
-      /* @__PURE__ */ e(id, {}),
-      /* @__PURE__ */ e(md, { children: /* @__PURE__ */ e(sd, {}) })
+    /* @__PURE__ */ d(md, { children: [
+      /* @__PURE__ */ e(Qt, {}),
+      /* @__PURE__ */ e(sd, {}),
+      /* @__PURE__ */ e(ld, { children: /* @__PURE__ */ e(cd, {}) })
     ] })
   ] });
 }
-function na() {
-  return /* @__PURE__ */ d(ld, { children: [
-    /* @__PURE__ */ d(cd, { children: [
-      /* @__PURE__ */ e(hd, {}),
-      /* @__PURE__ */ e(bd, {})
+function ma() {
+  return /* @__PURE__ */ d(hd, { children: [
+    /* @__PURE__ */ d(bd, { children: [
+      /* @__PURE__ */ e(Cd, {}),
+      /* @__PURE__ */ e(Fd, {})
     ] }),
-    /* @__PURE__ */ d(Cd, { children: [
-      /* @__PURE__ */ e(Fd, { children: ({ pinned: a, unpinned: t }) => /* @__PURE__ */ d(b, { children: [
-        a.map((o) => /* @__PURE__ */ e(Ed, { action: o }, o.name)),
-        t.length > 0 && /* @__PURE__ */ e(ud, {}),
-        /* @__PURE__ */ d(pd, { children: [
-          /* @__PURE__ */ e(gd, {}),
-          t.map((o) => /* @__PURE__ */ d(Id, { action: o, children: [
-            /* @__PURE__ */ e(Md, { action: o }),
+    /* @__PURE__ */ d(Ed, { children: [
+      /* @__PURE__ */ e(pd, { children: ({ pinned: a, unpinned: t }) => /* @__PURE__ */ d(b, { children: [
+        a.map((o) => /* @__PURE__ */ e(ud, { action: o }, o.name)),
+        t.length > 0 && /* @__PURE__ */ e(gd, {}),
+        /* @__PURE__ */ d(Id, { children: [
+          /* @__PURE__ */ e(Md, {}),
+          t.map((o) => /* @__PURE__ */ d(Sd, { action: o, children: [
+            /* @__PURE__ */ e(Td, { action: o }),
             o.name
           ] }, o.name))
         ] })
       ] }) }),
-      /* @__PURE__ */ d(F, { action: "copy", children: [
-        /* @__PURE__ */ e(Sd, { action: "copy" }),
-        /* @__PURE__ */ e(Td, { action: "copy" })
+      /* @__PURE__ */ d(E, { action: "copy", children: [
+        /* @__PURE__ */ e(xd, { action: "copy" }),
+        /* @__PURE__ */ e(Ad, { action: "copy" })
       ] }),
-      /* @__PURE__ */ e(F, { action: "clear" }),
-      /* @__PURE__ */ e(F, { action: "stop" })
+      /* @__PURE__ */ e(E, { action: "clear" }),
+      /* @__PURE__ */ e(E, { action: "stop" })
     ] })
   ] });
 }
-function ia() {
-  const { sessions: a } = Ft(), { conversationId: t } = L();
-  return /* @__PURE__ */ d(Yd, { children: [
-    /* @__PURE__ */ d(qd, { children: [
-      /* @__PURE__ */ d(et, { children: [
-        /* @__PURE__ */ e(dt, { iconKey: "backToChat" }),
+function sa() {
+  const { sessions: a } = pt(), { conversationId: t } = D();
+  return /* @__PURE__ */ d(et, { children: [
+    /* @__PURE__ */ d(dt, { children: [
+      /* @__PURE__ */ d(tt, { children: [
+        /* @__PURE__ */ e(at, { iconKey: "backToChat" }),
         "Back to chat"
       ] }),
-      /* @__PURE__ */ e(tt, {}),
+      /* @__PURE__ */ e(ot, {}),
       /* @__PURE__ */ e(u, {})
     ] }),
-    /* @__PURE__ */ d(at, { children: [
+    /* @__PURE__ */ d(rt, { children: [
       a.map((o) => /* @__PURE__ */ d(
-        ot,
+        nt,
         {
           sessionId: o.id,
           "data-active": C(o.id === t),
           children: [
-            /* @__PURE__ */ e(rt, { children: o.title }),
-            /* @__PURE__ */ e(nt, { children: it(o.updatedAt) })
+            /* @__PURE__ */ e(it, { children: o.title }),
+            /* @__PURE__ */ e(mt, { children: st(o.updatedAt) })
           ]
         },
         o.id
       )),
-      /* @__PURE__ */ e(mt, {}),
-      /* @__PURE__ */ e(st, {})
+      /* @__PURE__ */ e(lt, {}),
+      /* @__PURE__ */ e(ct, {})
     ] }),
-    /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(ct, {}) })
+    /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e(bt, {}) })
   ] });
 }
-function ma() {
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ d(ee, { children: [
-    /* @__PURE__ */ e(de, {}),
-    /* @__PURE__ */ e(te, {}),
-    /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ d(oe, { children: [
-      /* @__PURE__ */ d(re, { children: [
-        /* @__PURE__ */ e(ne, {}),
-        /* @__PURE__ */ e(ie, {})
+function la() {
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(de, { children: /* @__PURE__ */ d(te, { children: [
+    /* @__PURE__ */ e(ae, {}),
+    /* @__PURE__ */ e(oe, {}),
+    /* @__PURE__ */ e(re, { children: /* @__PURE__ */ d(ne, { children: [
+      /* @__PURE__ */ d(ie, { children: [
+        /* @__PURE__ */ e(me, {}),
+        /* @__PURE__ */ e(se, {})
       ] }),
-      /* @__PURE__ */ e(me, {})
+      /* @__PURE__ */ e(le, {})
     ] }) })
   ] }) }) }) });
 }
-function sa() {
-  return /* @__PURE__ */ d(se, { children: [
-    /* @__PURE__ */ e(le, {}),
-    /* @__PURE__ */ d(ce, { children: [
-      /* @__PURE__ */ d(he, { children: [
-        /* @__PURE__ */ e(be, {}),
-        /* @__PURE__ */ e(Ce, {})
+function ca() {
+  return /* @__PURE__ */ d(ce, { children: [
+    /* @__PURE__ */ e(he, {}),
+    /* @__PURE__ */ d(be, { children: [
+      /* @__PURE__ */ d(Ce, { children: [
+        /* @__PURE__ */ e(Fe, {}),
+        /* @__PURE__ */ e(Ee, {})
       ] }),
-      /* @__PURE__ */ e(Fe, { children: (a) => /* @__PURE__ */ d(b, { children: [
-        a.map((t, o) => /* @__PURE__ */ d(Ee, { field: t, autoFocus: o === 0, children: [
-          /* @__PURE__ */ e(ue, {}),
-          t.inputType === "text" && /* @__PURE__ */ e(pe, {}),
-          t.inputType === "email" && /* @__PURE__ */ e(ge, {}),
-          t.inputType === "file" && /* @__PURE__ */ e(Ie, {}),
-          t.inputType === "textarea" && /* @__PURE__ */ e(Me, {}),
-          t.inputType === "checkbox" && /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(Te, {}) }),
-          t.inputType === "select" && /* @__PURE__ */ d(xe, { children: [
-            /* @__PURE__ */ d(Ae, { children: [
-              /* @__PURE__ */ e(He, {}),
-              /* @__PURE__ */ e(fe, {})
+      /* @__PURE__ */ e(pe, { children: (a) => /* @__PURE__ */ d(b, { children: [
+        a.map((t, o) => /* @__PURE__ */ d(ue, { field: t, autoFocus: o === 0, children: [
+          /* @__PURE__ */ e(ge, {}),
+          t.inputType === "text" && /* @__PURE__ */ e(Ie, {}),
+          t.inputType === "email" && /* @__PURE__ */ e(Me, {}),
+          t.inputType === "file" && /* @__PURE__ */ e(Se, {}),
+          t.inputType === "textarea" && /* @__PURE__ */ e(Te, {}),
+          t.inputType === "checkbox" && /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Ae, {}) }),
+          t.inputType === "select" && /* @__PURE__ */ d(He, { children: [
+            /* @__PURE__ */ d(fe, { children: [
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e(ke, {})
             ] }),
-            /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(ke, { children: t.items.map((r) => /* @__PURE__ */ d(ve, { value: r.value, children: [
-              /* @__PURE__ */ e(we, { children: r.label }),
-              /* @__PURE__ */ e(Le, {})
+            /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(we, { children: t.items.map((r) => /* @__PURE__ */ d(Le, { value: r.value, children: [
+              /* @__PURE__ */ e(Be, { children: r.label }),
+              /* @__PURE__ */ e(De, {})
             ] }, r.value)) }) })
           ] }),
-          t.inputType === "combobox" && /* @__PURE__ */ d(Be, { children: [
-            /* @__PURE__ */ d(De, { children: [
-              "multiple" in t && t.multiple && /* @__PURE__ */ e(Pe, {}),
-              /* @__PURE__ */ e(We, {}),
-              /* @__PURE__ */ e(Ve, {})
+          t.inputType === "combobox" && /* @__PURE__ */ d(Pe, { children: [
+            /* @__PURE__ */ d(We, { children: [
+              "multiple" in t && t.multiple && /* @__PURE__ */ e(Ve, {}),
+              /* @__PURE__ */ e(Ne, {}),
+              /* @__PURE__ */ e(Qe, {})
             ] }),
-            /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(_e, { children: (r) => r.length === 0 ? /* @__PURE__ */ e(Re, {}) : r.map((n) => /* @__PURE__ */ d(
-              Oe,
+            /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Oe, { children: (r) => r.length === 0 ? /* @__PURE__ */ e(je, {}) : r.map((n) => /* @__PURE__ */ d(
+              Ge,
               {
                 item: n,
                 children: [
-                  /* @__PURE__ */ e(je, { children: n.label }),
-                  /* @__PURE__ */ e(Ge, {})
+                  /* @__PURE__ */ e(Ue, { children: n.label }),
+                  /* @__PURE__ */ e(Ke, {})
                 ]
               },
               n.value
             )) }) }) }) })
           ] }),
-          /* @__PURE__ */ e(Ue, {}),
-          /* @__PURE__ */ e(Ke, {})
+          /* @__PURE__ */ e(Ze, {}),
+          /* @__PURE__ */ e(ze, {})
         ] }, t.name)),
-        /* @__PURE__ */ e(Ze, {})
+        /* @__PURE__ */ e(Je, {})
       ] }) }),
-      /* @__PURE__ */ d(ze, { children: [
-        /* @__PURE__ */ e(Je, {}),
-        /* @__PURE__ */ e(Xe, {})
+      /* @__PURE__ */ d(Xe, { children: [
+        /* @__PURE__ */ e(Ye, {}),
+        /* @__PURE__ */ e(qe, {})
       ] })
     ] }),
-    /* @__PURE__ */ d(Ye, { children: [
-      /* @__PURE__ */ e(qe, {}),
-      /* @__PURE__ */ e(ed, {}),
-      /* @__PURE__ */ e(dd, {})
+    /* @__PURE__ */ d(ed, { children: [
+      /* @__PURE__ */ e(dd, {}),
+      /* @__PURE__ */ e(td, {}),
+      /* @__PURE__ */ e(ad, {})
     ] })
   ] });
 }
 export {
-  Da as InkeepEmbeddedChat,
-  Zt as InkeepEmbeddedChatImpl,
-  zt as InkeepEmbeddedChatImplContent,
-  Kt as InkeepEmbeddedChatProvider
+  Wa as InkeepEmbeddedChat,
+  Jt as InkeepEmbeddedChatImpl,
+  Xt as InkeepEmbeddedChatImplContent,
+  zt as InkeepEmbeddedChatProvider
 };

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"),ae=require("../../primitives/providers/base-events-provider.cjs"),re=require("../../primitives/providers/config-provider.cjs"),se=require("../../primitives/providers/message-provider.cjs"),C=require("../../primitives/components/embedded-chat.cjs"),ne=require("../../primitives/components/embedded-chat/chat-provider.cjs"),oe=require("../../primitives/utils/misc.cjs"),ie=require("merge-anything"),b=require("../utils.cjs"),le=require("./ui/markdown-styles.cjs"),de=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),ce=require("./data-summary-group.cjs"),o=require("react"),T=require("./embedded-chat.cjs"),c=require("lucide-react"),V=require("./ui/recipes/button.cjs"),pe={"input-streaming":"Pending","input-available":"Running","approval-requested":"Awaiting Approval","approval-responded":"Responded","output-available":"Completed","output-error":"Error","output-denied":"Denied"};function ue(t){if(!t||typeof t!="object")return!1;const a=t;return typeof a.type=="string"&&a.type.startsWith("tool-")}const me=t=>{if(!t||typeof t!="object"||!("status"in t))return;const a=t.status;return typeof a=="string"?a:void 0},xe=()=>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))}),B=({name:t,Icon:a,props:l,componentType:n})=>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: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:n})]}),e.jsx("div",{className:"px-4 py-2",children:e.jsx(K,{value:l})})]}),he=({name:t,props:a})=>e.jsx(B,{name:t,Icon:c.ComponentIcon,props:a,componentType:"component"}),fe=({name:t,props:a})=>e.jsx(B,{name:t,Icon:c.Library,props:a,componentType:"artifact"}),ge=({tool:t,componentDef:a,renderText:l,approvalId:n,messagePartsLength:x,setApprovalDelayPending:r,addToolApprovalResponse:u,sendMessage:i,conversationId:g})=>{const d=o.useRef(i);d.current=i;const m=o.useRef(u);m.current=u;const p=o.useRef(r);p.current=r;const h=o.useCallback(async(E=!0)=>{n&&(p.current({partCount:x}),m.current({id:n,approved:E}),await d.current(void 0,{body:{conversationId:g}}))},[n,x,g]),k=o.useMemo(()=>({tool:t,approve:h,renderMarkdown:l}),[t]),A=a?T.DynamicComponent:W;return e.jsx(A,{name:t.type,props:k,componentDef:a})};function F(t){return t===null?e.jsx("span",{className:"text-gray-500 dark:text-white-alpha-500 font-mono font-medium text-1xs",children:"null"}):t===void 0?e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 italic text-xs font-medium",children:"undefined"}):typeof t=="boolean"?e.jsx("span",{className:b.cn("inline-flex font-mono font-semibold items-center px-1 py-0.5 text-1xs rounded-md border",t?"bg-inkeep-expanded-primary-50 border-inkeep-expanded-primary-200 text-inkeep-expanded-primary-600 dark:bg-inkeep-expanded-primary-950 dark:border-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200":"bg-gray-100 dark:bg-white-alpha-50 text-gray-700 dark:text-white-alpha-700"),children:t?"true":"false"}):typeof t=="number"?e.jsx("span",{className:"tabular-nums font-medium text-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200",children:String(t)}):typeof t=="string"?e.jsx("span",{className:"text-gray-800 dark:text-white-alpha-800 break-words",children:t}):e.jsx("span",{children:String(t)})}const G=({name:t,value:a,isArrayIndex:l,depth:n=0})=>{const[x,r]=o.useState(n<1),u=a!==null&&typeof a=="object"&&!Array.isArray(a),i=Array.isArray(a);if(!(u||i))return e.jsxs("div",{className:"flex items-baseline gap-2 py-1 text-xs",children:[e.jsx("span",{className:b.cn("font-medium shrink-0",l?"text-gray-300 dark:text-white-alpha-300":"text-gray-500 dark:text-white-alpha-500"),children:l?"—":t}),e.jsx("span",{className:"min-w-0",children:F(a)})]});const d=i?a.map((p,h)=>[String(h),p]):Object.entries(a);return d.length===0?e.jsxs("div",{className:"flex items-baseline gap-2 py-1 text-xs",children:[e.jsx("span",{className:"font-medium text-gray-500 dark:text-white-alpha-500 shrink-0",children:t}),e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 italic",children:i?"empty list":"empty"})]}):e.jsxs("div",{children:[e.jsxs("button",{type:"button",onClick:p=>{p.stopPropagation(),r(!x)},className:"flex items-center gap-1.5 py-1 text-xs hover:bg-gray-50 dark:hover:bg-white-alpha-50 -mx-1.5 px-1.5 rounded transition-colors w-full text-left",children:[e.jsx(c.ChevronDown,{className:b.cn("h-3.5 w-3.5 text-gray-400 dark:text-white-alpha-400 shrink-0 transition-transform",!x&&"-rotate-90")}),e.jsx("span",{className:"font-medium text-gray-500 dark:text-white-alpha-500",children:t}),!x&&e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 text-1xs ml-1",children:i?`${d.length} item${d.length!==1?"s":""}`:`${d.length} field${d.length!==1?"s":""}`})]}),x&&e.jsx("div",{className:"border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3",children:d.map(([p,h])=>e.jsx(G,{name:p,value:h,isArrayIndex:i,depth:n+1},p))})]})},K=({value:t})=>{if(t==null||typeof t!="object")return e.jsx("span",{className:"text-xs",children:F(t)});const a=Array.isArray(t)?t.map((l,n)=>[String(n),l]):Object.entries(t);return a.length===0?e.jsx("div",{className:"text-xs text-gray-400 dark:text-white-alpha-400 italic",children:"No arguments"}):e.jsx("div",{className:"space-y-1",children:a.map(([l,n])=>e.jsx(G,{name:l,value:n,isArrayIndex:Array.isArray(t)},l))})},W=({props:t})=>{const{tool:a,approve:l}=t,n=a.type,x=n.startsWith("tool-")?n.slice(5):n,r=a.state,u=a.approval?.id,i=!!u,g=r==="approval-requested",d=me(a.output),[m,p]=o.useState(i),h=r?pe[r]??r:"tool";o.useEffect(()=>{g&&p(!0)},[g]);const k=()=>{switch(r){case"input-streaming":return e.jsx(c.Circle,{className:"w-3 h-3"});case"input-available":return e.jsx(c.Loader2,{className:"w-3 h-3 animate-spin"});case"approval-requested":return e.jsx(c.Clock,{className:"w-3 h-3"});case"approval-responded":return e.jsx(c.CheckCircle,{className:"w-3 h-3"});case"output-available":return e.jsx(c.CheckCircle,{className:"w-3 h-3"});case"output-error":return e.jsx(c.TriangleAlert,{className:"w-3 h-3"});case"output-denied":return e.jsx(c.XCircle,{className:"w-3 h-3"});default:return null}};return e.jsxs("div",{className:"border rounded-lg mb-3 overflow-hidden",children:[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 data-[expanded=true]:border-b",onClick:()=>p(!m),"aria-expanded":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(c.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:x})]})}),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:[k(),h]}),e.jsx(c.ChevronDown,{className:"w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180"})]})]}),e.jsxs("div",{"data-expanded":m,className:b.cn("overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full"),children:[e.jsx("div",{"data-expanded":m,className:b.cn("relative",'before:content-[""] before:absolute before:inset-x-0 before:top-0 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.jsx("div",{"data-expanded":m,className:b.cn("[scrollbar-width:thin] px-4","data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"),children:a.input!=null&&e.jsx("div",{className:"text-xs py-2",children:e.jsx(K,{value:a.input})})})}),g&&u&&e.jsxs("div",{className:"flex justify-end gap-2 pt-1 pb-3 px-4",children:[e.jsx("button",{type:"button",className:b.cn(V.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:()=>l(!1),children:"Deny"}),e.jsxs("button",{type:"button",className:b.cn(V.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:()=>l(!0),children:[e.jsx(c.Check,{className:"w-3 h-3"}),"Approve"]})]}),r==="output-available"&&d&&a.output!=null&&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 pb-3 px-4",children:[d==="approved"&&e.jsx(c.Check,{className:"w-3 h-3"}),d]}),r==="output-denied"&&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 pb-3 px-4",children:[e.jsx(c.X,{className:"w-3 h-3"}),h]})]})]})},ye=({className:t,componentStyles:a,children:l,isLast:n,...x})=>{const{message:r}=se.useMessage(),{logEvent:u}=ae.useBaseEvents(),{conversationId:i,isStreaming:g,isLoading:d,setError:m,addToolApprovalResponse:p,sendMessage:h}=ne.useChat(),{aiChatSettings:{components:k,artifacts:A,headers:E}}=re.useInkeepConfig(),X=E?.["x-emit-operations"]==="true",$=r.role==="user",q=(g||d)&&n&&r.role==="assistant",{processedParts:H,summaryTimings:J,shouldShowInitialLoading:Q,shouldShowStreamDelayLoading:Y}=de.useStreamProcessor(r.parts,q,m),[S,L]=o.useState(null),[Z,M]=o.useState(!1),y=o.useRef(null);o.useEffect(()=>{if(!S){M(!1),y.current&&(clearTimeout(y.current),y.current=null);return}return M(!1),y.current&&clearTimeout(y.current),y.current=window.setTimeout(()=>{M(!0)},1e3),()=>{y.current&&(clearTimeout(y.current),y.current=null)}},[S]),o.useEffect(()=>{S&&(!n||r.parts.length>S.partCount||!q)&&L(null)},[S,n,r.parts.length,q]);const _=o.useMemo(()=>r.parts.filter(oe.isCitationArtifact),[r.parts]),O=o.useMemo(()=>ie.merge(le.markdownStyles,a??{}),[a]),z=o.useCallback((s,f)=>{u({eventName:"assistant_message_inline_link_opened",properties:{conversationId:i,messageId:r.id,title:f?.toString(),url:s}})},[u,i,r.id]),U=o.useCallback((s,f)=>{u({eventName:"assistant_code_block_copied",properties:{conversationId:i,messageId:r.id,language:s,code:f}})},[u,i,r.id]),R=o.useCallback(s=>e.jsx(C.EmbeddedChatPrimitiveMarkdown,{text:s,componentStyles:O,onLinkClick:z,onCodeCopy:U,artifacts:_}),[O,z,U,_]),ee=o.useMemo(()=>b.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]),te=!$||r.parts.some(s=>s.type==="text"&&s.text?.trim());return e.jsxs(e.Fragment,{children:[!te&&e.jsx("span",{className:"text-gray-500 dark:text-white-alpha-500",children:"No message content"}),H.map((s,f)=>{const v={"data-role":r.role,"data-type":s?.type==="data-component"?s.data.type:s?.type,...x,className:ee};switch(s?.type){case"text":return e.jsx(C.PrimitiveMessagePart,{...v,children:$?s.text:R(s.text||"")},f);case"data-component":{const{type:w}=s.data;switch(w){case"text":return e.jsx("div",{...v,children:R(s.data.text||"")},f);default:{const N=s.data,{name:j,props:D}=N,P=k?.[j],I=P?T.DynamicComponent:he;return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(I,{name:j,props:D,componentDef:P})},`${j}-${f}`)}}}case"data-artifact":{const w=s.data,{name:N,type:j,artifactSummary:D}=w;if(j==="citation"&&!D?.url)return null;const P=A?.[j],I=P?T.DynamicComponent:fe;return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(I,{name:j,props:D,componentDef:P})},`${N}-${f}`)}case"summary-group":{const w=J.get(s.groupKey)||{isCompleted:!1};return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(ce.DataSummaryGroup,{summaries:s.summaries||[],isCompleted:w.isCompleted})},`${s.groupKey}-${f}`)}default:{if(!ue(s))return null;const w=s,N=s.approval?.id;return X||N?e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(ge,{tool:w,componentDef:k?.IkpTool,renderText:R,approvalId:N,messagePartsLength:r.parts.length,setApprovalDelayPending:L,addToolApprovalResponse:p,sendMessage:h,conversationId:i})},s.toolCallId??`${s.type}-${f}`):null}}}),Q&&e.jsx(T.MessageLoading,{}),(Y||Z)&&e.jsx(xe,{})]})};exports.DefaultToolComponent=W;exports.EmbeddedChatMessagePart=ye;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ae=require("../../primitives/providers/base-events-provider.cjs"),se=require("../../primitives/providers/config-provider.cjs"),re=require("../../primitives/providers/message-provider.cjs"),C=require("../../primitives/components/embedded-chat.cjs"),ne=require("../../primitives/components/embedded-chat/chat-provider.cjs"),oe=require("../../primitives/utils/misc.cjs"),ie=require("merge-anything"),b=require("../utils.cjs"),le=require("./ui/markdown-styles.cjs"),de=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),ce=require("./data-summary-group.cjs"),o=require("react"),T=require("./embedded-chat.cjs"),c=require("lucide-react"),V=require("./ui/recipes/button.cjs"),pe={"input-streaming":"Pending","input-available":"Running","approval-requested":"Awaiting Approval","approval-responded":"Responded","output-available":"Completed","output-error":"Error","output-denied":"Denied"};function ue(t){if(!t||typeof t!="object")return!1;const a=t;return typeof a.type=="string"&&a.type.startsWith("tool-")}const me=t=>{if(!t||typeof t!="object"||!("status"in t))return;const a=t.status;return typeof a=="string"?a:void 0},xe=()=>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))}),B=({name:t,Icon:a,props:l,componentType:n})=>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: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:n})]}),e.jsx("div",{className:"px-4 py-2",children:e.jsx(K,{value:l})})]}),he=({name:t,props:a})=>e.jsx(B,{name:t,Icon:c.ComponentIcon,props:a,componentType:"component"}),fe=({name:t,props:a})=>e.jsx(B,{name:t,Icon:c.Library,props:a,componentType:"artifact"}),ge=({tool:t,componentDef:a,renderText:l,approvalId:n,messagePartsLength:x,setApprovalDelayPending:s,addToolApprovalResponse:u,sendMessage:i,conversationId:g})=>{const d=o.useRef(i);d.current=i;const m=o.useRef(u);m.current=u;const p=o.useRef(s);p.current=s;const h=o.useCallback(async(E=!0)=>{n&&(p.current({partCount:x}),m.current({id:n,approved:E}),await d.current(void 0,{body:{conversationId:g}}))},[n,x,g]),k=o.useMemo(()=>({tool:t,approve:h,renderMarkdown:l}),[t]),A=a?T.DynamicComponent:W;return e.jsx(A,{name:t.type,props:k,componentDef:a})};function F(t){return t===null?e.jsx("span",{className:"text-gray-500 dark:text-white-alpha-500 font-mono font-medium text-1xs",children:"null"}):t===void 0?e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 italic text-xs font-medium",children:"undefined"}):typeof t=="boolean"?e.jsx("span",{className:b.cn("inline-flex font-mono font-semibold items-center px-1 py-0.5 text-1xs rounded-md border",t?"bg-inkeep-expanded-primary-50 border-inkeep-expanded-primary-200 text-inkeep-expanded-primary-600 dark:bg-inkeep-expanded-primary-950 dark:border-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200":"bg-gray-100 dark:bg-white-alpha-50 text-gray-700 dark:text-white-alpha-700"),children:t?"true":"false"}):typeof t=="number"?e.jsx("span",{className:"tabular-nums font-medium text-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200",children:String(t)}):typeof t=="string"?e.jsx("span",{className:"text-gray-800 dark:text-white-alpha-800 break-words",children:t}):e.jsx("span",{children:String(t)})}const G=({name:t,value:a,isArrayIndex:l,depth:n=0})=>{const[x,s]=o.useState(n<1),u=a!==null&&typeof a=="object"&&!Array.isArray(a),i=Array.isArray(a);if(!(u||i))return e.jsxs("div",{className:"flex items-baseline gap-2 py-1 text-xs",children:[e.jsx("span",{className:b.cn("font-medium shrink-0",l?"text-gray-300 dark:text-white-alpha-300":"text-gray-500 dark:text-white-alpha-500"),children:l?"—":t}),e.jsx("span",{className:"min-w-0",children:F(a)})]});const d=i?a.map((p,h)=>[String(h),p]):Object.entries(a);return d.length===0?e.jsxs("div",{className:"flex items-baseline gap-2 py-1 text-xs",children:[e.jsx("span",{className:"font-medium text-gray-500 dark:text-white-alpha-500 shrink-0",children:t}),e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 italic",children:i?"empty list":"empty"})]}):e.jsxs("div",{children:[e.jsxs("button",{type:"button",onClick:p=>{p.stopPropagation(),s(!x)},className:"flex items-center gap-1.5 py-1 text-xs hover:bg-gray-50 dark:hover:bg-white-alpha-50 -mx-1.5 px-1.5 rounded transition-colors w-full text-left",children:[e.jsx(c.ChevronDown,{className:b.cn("h-3.5 w-3.5 text-gray-400 dark:text-white-alpha-400 shrink-0 transition-transform",!x&&"-rotate-90")}),e.jsx("span",{className:"font-medium text-gray-500 dark:text-white-alpha-500",children:t}),!x&&e.jsx("span",{className:"text-gray-400 dark:text-white-alpha-400 text-1xs ml-1",children:i?`${d.length} item${d.length!==1?"s":""}`:`${d.length} field${d.length!==1?"s":""}`})]}),x&&e.jsx("div",{className:"border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3",children:d.map(([p,h])=>e.jsx(G,{name:p,value:h,isArrayIndex:i,depth:n+1},p))})]})},K=({value:t})=>{if(t==null||typeof t!="object")return e.jsx("span",{className:"text-xs",children:F(t)});const a=Array.isArray(t)?t.map((l,n)=>[String(n),l]):Object.entries(t);return a.length===0?e.jsx("div",{className:"text-xs text-gray-400 dark:text-white-alpha-400 italic",children:"No arguments"}):e.jsx("div",{className:"space-y-1",children:a.map(([l,n])=>e.jsx(G,{name:l,value:n,isArrayIndex:Array.isArray(t)},l))})},W=({props:t})=>{const{tool:a,approve:l}=t,n=a.type,x=n.startsWith("tool-")?n.slice(5):n,s=a.state,u=a.approval?.id,i=!!u,g=s==="approval-requested",d=me(a.output),[m,p]=o.useState(i),h=s?pe[s]??s:"tool";o.useEffect(()=>{g&&p(!0)},[g]);const k=()=>{switch(s){case"input-streaming":return e.jsx(c.Circle,{className:"w-3 h-3"});case"input-available":return e.jsx(c.Loader2,{className:"w-3 h-3 animate-spin"});case"approval-requested":return e.jsx(c.Clock,{className:"w-3 h-3"});case"approval-responded":return e.jsx(c.CheckCircle,{className:"w-3 h-3"});case"output-available":return e.jsx(c.CheckCircle,{className:"w-3 h-3"});case"output-error":return e.jsx(c.TriangleAlert,{className:"w-3 h-3"});case"output-denied":return e.jsx(c.XCircle,{className:"w-3 h-3"});default:return null}};return e.jsxs("div",{className:"border rounded-lg mb-3 overflow-hidden",children:[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 data-[expanded=true]:border-b",onClick:()=>p(!m),"aria-expanded":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(c.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:x})]})}),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:[k(),h]}),e.jsx(c.ChevronDown,{className:"w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180"})]})]}),e.jsxs("div",{"data-expanded":m,className:b.cn("overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full"),children:[e.jsx("div",{"data-expanded":m,className:b.cn("relative",'before:content-[""] before:absolute before:inset-x-0 before:top-0 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.jsx("div",{"data-expanded":m,className:b.cn("[scrollbar-width:thin] px-4","data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"),children:a.input!=null&&e.jsx("div",{className:"text-xs py-2",children:e.jsx(K,{value:a.input})})})}),g&&u&&e.jsxs("div",{className:"flex justify-end gap-2 pt-1 pb-3 px-4",children:[e.jsx("button",{type:"button",className:b.cn(V.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:()=>l(!1),children:"Deny"}),e.jsxs("button",{type:"button",className:b.cn(V.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:()=>l(!0),children:[e.jsx(c.Check,{className:"w-3 h-3"}),"Approve"]})]}),s==="output-available"&&d&&a.output!=null&&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 pb-3 px-4",children:[d==="approved"&&e.jsx(c.Check,{className:"w-3 h-3"}),d]}),s==="output-denied"&&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 pb-3 px-4",children:[e.jsx(c.X,{className:"w-3 h-3"}),h]})]})]})},ye=({className:t,componentStyles:a,children:l,isLast:n,...x})=>{const{message:s}=re.useMessage(),{logEvent:u}=ae.useBaseEvents(),{conversationId:i,isStreaming:g,isLoading:d,setError:m,addToolApprovalResponse:p,sendMessage:h}=ne.useChat(),{aiChatSettings:{components:k,artifacts:A,headers:E}}=se.useInkeepConfig(),X=E?.["x-emit-operations"]==="true",$=s.role==="user",q=(g||d)&&n&&s.role==="assistant",{processedParts:H,summaryTimings:J,shouldShowInitialLoading:Q,shouldShowStreamDelayLoading:Y}=de.useStreamProcessor(s.parts,q,m),[S,L]=o.useState(null),[Z,M]=o.useState(!1),y=o.useRef(null);o.useEffect(()=>{if(!S){M(!1),y.current&&(clearTimeout(y.current),y.current=null);return}return M(!1),y.current&&clearTimeout(y.current),y.current=window.setTimeout(()=>{M(!0)},1e3),()=>{y.current&&(clearTimeout(y.current),y.current=null)}},[S]),o.useEffect(()=>{S&&(!n||s.parts.length>S.partCount||!q)&&L(null)},[S,n,s.parts.length,q]);const _=o.useMemo(()=>s.parts.filter(oe.isCitationArtifact),[s.parts]),O=o.useMemo(()=>ie.merge(le.markdownStyles,a??{}),[a]),z=o.useCallback((r,f)=>{u({eventName:"assistant_message_inline_link_opened",properties:{conversationId:i,messageId:s.id,title:f?.toString(),url:r}})},[u,i,s.id]),U=o.useCallback((r,f)=>{u({eventName:"assistant_code_block_copied",properties:{conversationId:i,messageId:s.id,language:r,code:f}})},[u,i,s.id]),I=o.useCallback(r=>e.jsx(C.EmbeddedChatPrimitiveMarkdown,{text:r,componentStyles:O,onLinkClick:z,onCodeCopy:U,artifacts:_}),[O,z,U,_]),ee=o.useMemo(()=>b.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]),te=!$||s.parts.some(r=>r.type==="text"&&r.text?.trim());return e.jsxs(e.Fragment,{children:[!te&&e.jsx("span",{className:"text-gray-500 dark:text-white-alpha-500",children:"No message content"}),H.map((r,f)=>{const v={"data-role":s.role,"data-type":r?.type==="data-component"?r.data.type:r?.type,...x,className:ee};switch(r?.type){case"text":return e.jsx(C.PrimitiveMessagePart,{...v,children:$?r.text:I(r.text||"")},f);case"data-component":{const{type:w}=r.data;switch(w){case"text":return e.jsx("div",{...v,children:I(r.data.text||"")},f);default:{const N=r.data,{name:j,props:D}=N,P=k?.[j],R=P?T.DynamicComponent:he;return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(R,{name:j,props:{...D,messageId:s.id},componentDef:P})},`${j}-${f}`)}}}case"data-artifact":{const w=r.data,{name:N,type:j,artifactSummary:D}=w;if(j==="citation"&&!D?.url)return null;const P=A?.[j],R=P?T.DynamicComponent:fe;return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(R,{name:j,props:{...D,messageId:s.id},componentDef:P})},`${N}-${f}`)}case"summary-group":{const w=J.get(r.groupKey)||{isCompleted:!1};return e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(ce.DataSummaryGroup,{summaries:r.summaries||[],isCompleted:w.isCompleted})},`${r.groupKey}-${f}`)}default:{if(!ue(r))return null;const w=r,N=r.approval?.id;return X||N?e.jsx(C.PrimitiveMessagePart,{...v,children:e.jsx(ge,{tool:w,componentDef:k?.IkpTool,renderText:I,approvalId:N,messagePartsLength:s.parts.length,setApprovalDelayPending:L,addToolApprovalResponse:p,sendMessage:h,conversationId:i})},r.toolCallId??`${r.type}-${f}`):null}}}),Q&&e.jsx(T.MessageLoading,{}),(Y||Z)&&e.jsx(xe,{})]})};exports.DefaultToolComponent=W;exports.EmbeddedChatMessagePart=ye;

package/dist/styled/components/message.js

@@ -11,7 +11,7 @@ import { cn as y } from "../utils.js";
 import { markdownStyles as fe } from "./ui/markdown-styles.js";
 import { useStreamProcessor as ge } from "../../primitives/components/embedded-chat/use-stream-processor.js";
 import { DataSummaryGroup as ye } from "./data-summary-group.js";
-import { useState as I, useEffect as M, useRef as A, useMemo as E, useCallback as P } from "react";
+import { useState as P, useEffect as M, useRef as A, useMemo as E, useCallback as I } from "react";
 import { DynamicComponent as R, MessageLoading as be } from "./embedded-chat.js";
 import { Hammer as we, ChevronDown as G, Check as K, X as ke, XCircle as Ne, TriangleAlert as ve, CheckCircle as W, Clock as Ce, Loader2 as De, Circle as Se, Library as Te, ComponentIcon as Ae } from "lucide-react";
 import { button as X } from "./ui/recipes/button.js";
@@ -24,12 +24,12 @@ const Ee = {
   "output-error": "Error",
   "output-denied": "Denied"
 };
-function Pe(t) {
+function Ie(t) {
   if (!t || typeof t != "object") return !1;
   const a = t;
   return typeof a.type == "string" && a.type.startsWith("tool-");
 }
-const Ie = (t) => {
+const Pe = (t) => {
   if (!t || typeof t != "object" || !("status" in t)) return;
   const a = t.status;
   return typeof a == "string" ? a : void 0;
@@ -69,7 +69,7 @@ const Ie = (t) => {
   m.current = c;
   const p = A(r);
   p.current = r;
-  const h = P(
+  const h = I(
     async (j = !0) => {
       s && (p.current({ partCount: u }), m.current({ id: s, approved: j }), await d.current(void 0, { body: { conversationId: f } }));
     },
@@ -95,7 +95,7 @@ const Q = ({
   isArrayIndex: l,
   depth: s = 0
 }) => {
-  const [u, r] = I(s < 1), c = a !== null && typeof a == "object" && !Array.isArray(a), i = Array.isArray(a);
+  const [u, r] = P(s < 1), c = a !== null && typeof a == "object" && !Array.isArray(a), i = Array.isArray(a);
   if (!(c || i))
     return /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
       /* @__PURE__ */ e(
@@ -146,7 +146,7 @@ const Q = ({
   const a = Array.isArray(t) ? t.map((l, s) => [String(s), l]) : Object.entries(t);
   return a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400 dark:text-white-alpha-400 italic", children: "No arguments" }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.map(([l, s]) => /* @__PURE__ */ e(Q, { name: l, value: s, isArrayIndex: Array.isArray(t) }, l)) });
 }, Me = ({ props: t }) => {
-  const { tool: a, approve: l } = t, s = a.type, u = s.startsWith("tool-") ? s.slice(5) : s, r = a.state, c = a.approval?.id, i = !!c, f = r === "approval-requested", d = Ie(a.output), [m, p] = I(i), h = r ? Ee[r] ?? r : "tool";
+  const { tool: a, approve: l } = t, s = a.type, u = s.startsWith("tool-") ? s.slice(5) : s, r = a.state, c = a.approval?.id, i = !!c, f = r === "approval-requested", d = Pe(a.output), [m, p] = P(i), h = r ? Ee[r] ?? r : "tool";
   return M(() => {
     f && p(!0);
   }, [f]), /* @__PURE__ */ o("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
@@ -275,7 +275,7 @@ const Q = ({
 }) => {
   const { message: r } = ce(), { logEvent: c } = de(), { conversationId: i, isStreaming: f, isLoading: d, setError: m, addToolApprovalResponse: p, sendMessage: h } = ue(), {
     aiChatSettings: { components: v, artifacts: O, headers: j }
-  } = pe(), Z = j?.["x-emit-operations"] === "true", z = r.role === "user", L = (f || d) && s && r.role === "assistant", { processedParts: ee, summaryTimings: te, shouldShowInitialLoading: ae, shouldShowStreamDelayLoading: re } = ge(r.parts, L, m), [C, q] = I(null), [ne, _] = I(!1), g = A(null);
+  } = pe(), Z = j?.["x-emit-operations"] === "true", z = r.role === "user", L = (f || d) && s && r.role === "assistant", { processedParts: ee, summaryTimings: te, shouldShowInitialLoading: ae, shouldShowStreamDelayLoading: re } = ge(r.parts, L, m), [C, q] = P(null), [ne, _] = P(!1), g = A(null);
   M(() => {
     if (!C) {
       _(!1), g.current && (clearTimeout(g.current), g.current = null);
@@ -292,7 +292,7 @@ const Q = ({
   const U = E(() => r.parts.filter(he), [r.parts]), V = E(
     () => xe(fe, a ?? {}),
     [a]
-  ), B = P(
+  ), B = I(
     (n, x) => {
       c({
         eventName: "assistant_message_inline_link_opened",
@@ -305,7 +305,7 @@ const Q = ({
       });
     },
     [c, i, r.id]
-  ), F = P(
+  ), F = I(
     (n, x) => {
       c({
         eventName: "assistant_code_block_copied",
@@ -318,7 +318,7 @@ const Q = ({
       });
     },
     [c, i, r.id]
-  ), $ = P(
+  ), $ = I(
     (n) => /* @__PURE__ */ e(
       me,
       {
@@ -358,7 +358,14 @@ const Q = ({
               return /* @__PURE__ */ e("div", { ...k, children: $(n.data.text || "") }, x);
             default: {
               const N = n.data, { name: b, props: T } = N, D = v?.[b];
-              return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : Le, { name: b, props: T, componentDef: D }) }, `${b}-${x}`);
+              return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
+                D ? R : Le,
+                {
+                  name: b,
+                  props: { ...T, messageId: r.id },
+                  componentDef: D
+                }
+              ) }, `${b}-${x}`);
             }
           }
         }
@@ -366,7 +373,14 @@ const Q = ({
           const w = n.data, { name: N, type: b, artifactSummary: T } = w;
           if (b === "citation" && !T?.url) return null;
           const D = O?.[b];
-          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : _e, { name: b, props: T, componentDef: D }) }, `${N}-${x}`);
+          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
+            D ? R : _e,
+            {
+              name: b,
+              props: { ...T, messageId: r.id },
+              componentDef: D
+            }
+          ) }, `${N}-${x}`);
         }
         case "summary-group": {
           const w = te.get(n.groupKey) || {
@@ -381,7 +395,7 @@ const Q = ({
           ) }, `${n.groupKey}-${x}`);
         }
         default: {
-          if (!Pe(n))
+          if (!Ie(n))
             return null;
           const w = n, N = n.approval?.id;
           return Z || N ? /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(

package/dist/types/config/components.d.ts

@@ -1,7 +1,9 @@
 import { ToolUIPart } from 'ai';
 import { Message } from '../message';
 export type ComponentsConfig<A extends Record<string, unknown>> = {
-    [K in keyof A]: (props: A[K], target: HTMLElement, context: null) => void | React.ReactNode;
+    [K in keyof A]: (props: A[K] & {
+        messageId: string;
+    }, target: HTMLElement, context: null) => void | React.ReactNode;
 } & {
     IkpMessage?(props: {
         message: Message;

package/package.json

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