@inkeep/cxkit-styled 0.5.6 → 0.5.9

package/dist/components/embedded-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),A=require("../ui/recipes/ai-chat-page-wrapper.cjs"),n=require("../ui/recipes/attachment.cjs"),o=require("../ui/recipes/button.cjs"),x=require("../ui/recipes/checkbox.cjs"),m=require("../ui/recipes/citation.cjs"),w=require("../ui/recipes/icon.cjs"),l=require("../ui/recipes/input.cjs"),P=require("../ui/recipes/link.cjs"),r=require("../ui/recipes/modal.cjs"),p=require("../ui/recipes/popover.cjs"),C=require("../ui/recipes/scrollable.cjs"),h=require("../ui/recipes/select.cjs"),M=require("class-variance-authority"),j=require("merge-anything"),c=require("react"),s=require("../utils.cjs"),y=require("../ui/markdown-styles.cjs"),N=require("./loading-indicator.cjs"),I=require("./embedded-chat/conversation-loading.cjs"),B=a.EmbeddedChatPrimitive.Provider,S=c.forwardRef(({className:e,size:t,variant:i,...u},b)=>d.jsx(a.EmbeddedChatPrimitive.Wrapper,{ref:b,className:s.cn(A.aiChatPageWrapper({size:t,variant:i}),"data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950","data-[composite]:w-full","max-h-[min(85vh,850px)]",e),...u})),T=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ConversationLoading,{className:s.cn("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8",e),children:d.jsx(I.ConversationLoading,{}),...t}),H=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Root,{className:s.cn(C.scrollable({section:"wrapper"}),"rounded-[inherit] font-body",e),...t}),L=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Header,{className:s.cn(C.scrollable({section:"header"}),"flex items-center","bg-white dark:bg-gray-dark-950","data-[show-toolbar]:after:absolute","data-[show-toolbar]:after:left-0","data-[show-toolbar]:after:top-full","data-[show-toolbar]:after:h-[1rem]","data-[show-toolbar]:after:w-full","data-[show-toolbar]:after:text-white","data-[show-toolbar]:after:dark:text-gray-dark-950","data-[show-toolbar]:after:bg-[linear-gradient(currentColor,_transparent)]","data-[show-toolbar]:after:z-start",e),...t}),D=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbar,{className:s.cn("flex items-center gap-2 w-full pl-6 pr-1","ikp-md:px-4 py-2 justify-between *:m-0",e),...t}),W=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbarWrapper,{className:s.cn("flex items-center gap-1.5",e),...t}),Q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ToolbarHeader,{className:s.cn("text-gray-600 dark:text-gray-dark-100 text-sm",e),...t}),z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Content,{className:s.cn(C.scrollable({section:"content"}),"justify-end",e),...t}),q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollArea,{className:s.cn("overflow-hidden",e),...t}),_=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaViewport,{ref:i,className:s.cn("h-full w-full rounded-[inherit]",e),...t})),R=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),O=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),V=a.EmbeddedChatPrimitive.ContentScrollAreaCorner,G=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Disclaimer,{className:s.cn("ml-auto text-sm flex items-center gap-1",e),...t}),$=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerLabel,{className:s.cn("text-gray-700 dark:text-gray-dark-100",e),...t}),J=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerTrigger,{className:s.cn("cursor-pointer text-gray-700 dark:text-gray-dark-100",e),...t}),K=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerContent,{className:s.cn(p.popover({slot:"content"}),"px-4 py-2 font-normal","w-[250px] sm:w-[420px]",e),...t}),U=a.EmbeddedChatPrimitive.DisclaimerText,X=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),Y=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestions,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),Z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionsList,{className:s.cn("flex flex-col","ikp-md:flex-row","flex-wrap gap-2",e),...t}),te=c.forwardRef(({className:e,style:t,...i},u)=>{const b=c.useRef(null),v=a.composeRefs(u,b),{width:f=0,height:F=0}=a.useResizeObserver({ref:b,box:"border-box"}),k=Math.max(F,f);return d.jsx(a.EmbeddedChatPrimitive.QuickQuestion,{ref:v,style:{"--before-size":`${k+100}px`,...t},className:s.cn("flex items-center justify-center relative z-base","min-h-9 rounded-md overflow-hidden","before:absolute before:z-hide","before:bg-gray-300 dark:before:bg-gray-dark-950","before:bg-no-repeat before:[background-position:0_0]","before:[background-size:cover] before:m-auto","before:w-[--before-size] before:h-[--before-size]","data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.600),transparent_30%)]","dark:data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.300),transparent_30%)]","data-[highlight]:first:before:animate-[spin_4s_linear_infinite]","after:absolute after:z-base after:top-[1px] after:left-[1px]","after:w-[calc(100%-2px)] after:h-[calc(100%-2px)]","after:rounded-[5px] after:bg-white dark:after:bg-gray-dark-950",e),...i})}),ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionButton,{className:s.cn(o.button({size:"sm"}),"text-sm font-normal h-auto w-full py-2 z-start","whitespace-normal text-center leading-[unset]","border border-solid","text-gray-800 dark:text-white-alpha-950","border-white-alpha-200","[&:where(:hover,:focus)]:bg-slate-400/5","dark:[&:where(:hover,:focus)]:bg-white-alpha-100 focus:z-start",e),...t}),de=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflows,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflow,{className:s.cn(o.button({size:"sm"}),"min-h-9 px-3 py-2 h-auto font-medium","text-sm gap-2 whitespace-normal border ","text-inkeep-primary-strong dark:text-inkeep-expanded-primary-300","border-inkeep-expanded-primary-200","dark:border-inkeep-expanded-primary-200","hover:bg-inkeep-primary-light-subtle","dark:hover:bg-white-alpha-100",e),...t}),ie=a.EmbeddedChatPrimitive.WorkflowIcon,me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Messages,{className:s.cn("flex flex-col w-full min-w-0 min-h-0 text-2sm relative",e),...t}),E=M.cva(["flex relative w-full overflow-hidden py-8","px-6 ikp-md:px-8","flex-col ikp-md:flex-row","min-w-0 grow-[2] data-[role=user]:grow-0","[&:not(:last-child)]:after:absolute","[&:not(:last-child)]:after:border-b","[&:not(:last-child)]:after:bottom-0","[&:not(:last-child)]:after:inset-x-6","ikp-md:[&:not(:last-child)]:after:inset-x-8"]),ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageWrapper,{className:s.cn(E(),e),...t}),ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.IntroMessageWrapper,{className:s.cn(E(),e),...t}),le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageHeader,{className:s.cn("flex justify-start overflow-hidden shrink-0 select-none","flex-row ikp-md:flex-col","items-center ikp-md:items-start","ikp-md:pl-3","ikp-md:pr-6","mb-6 ikp-md:mb-0",e),...t}),he=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageLoading,{className:s.cn("flex items-center gap-3 h-12 w-full",e),children:d.jsx(N.LoadingIndicator,{}),...t}),be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatar,{className:s.cn("flex items-center justify-center rounded-full","h-auto ikp-md:h-12",e),...t}),xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarContent,{className:s.cn("relative flex h-8 w-8 shrink-0 overflow-hidden","data-[username]:bg-inkeep-primary-lighter","dark:data-[username]:bg-inkeep-expanded-primary-300","text-inkeep-primary-stronger font-semibold ","data-[role=user]:hidden ikp-md:flex","justify-center items-center",e),...t}),pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarFallback,{className:s.cn("hidden data-[role=user]:block",e),...t}),Ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarImage,{className:s.cn("data-[type=icon]:data-[role=user]:text-inkeep-primary-medium","dark:data-[type=icon]:data-[role=user]:text-inkeep-expanded-primary-300","data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.300)]","data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageName,{className:s.cn("px-3 py-1 ml-4 data-[role=user]:ml-0","text-sm rounded-full","bg-inkeep-primary-lighter data-[role=user]:bg-gray-50","text-inkeep-primary-stronger dark:text-inkeep-expanded-primary-300","data-[role=user]:text-gray-700 dark:data-[role=user]:text-white-alpha-700","dark:bg-gray-dark-700","ikp-md:hidden",e),...t}),ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContentWrapper,{className:s.cn("overflow-hidden flex flex-col","justify-start grow-2 w-full","data-[role=user]:justify-end","data-[role=user]:shrink-2","data-[role=user]:grow-0","ikp-md:pr-3",e),...t}),Ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContent,{className:s.cn("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full",e),...t}),ve=a.EmbeddedChatPrimitive.MessageAttachments,fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),Fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItem,{className:s.cn(o.button({variant:"ghost"}),n.attachment({slot:"root"}),"font-normal px-2",e),...t}),ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),Ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),we=a.EmbeddedChatPrimitive.MessageAttachmentsPreview,Pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewContent,{className:s.cn(r.modal({slot:"content"}),"top-[5%] translate-y-0 p-8 md:p-10 max-w-2xl",e),...t}),je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 flex flex-col gap-6","font-semibold",e),...t}),ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),Ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),Ie=({className:e,componentStyles:t,...i})=>d.jsx(a.EmbeddedChatPrimitive.Message,{className:s.cn("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full",e),componentStyles:j.merge(y.markdownStyles,t??{}),...i}),Be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageActions,{className:s.cn("flex items-center mt-2 mb-3",e),...t}),Se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolActions,{className:s.cn("mr-auto flex items-center gap-2",e),...t}),Te=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolAction,{className:s.cn(o.button({size:"xs",variant:"outline"}),"text-xs h-[30px] text-gray-700 dark:text-gray-200 gap-1",e),...t}),He=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAction,{className:s.cn(o.button({variant:"iconButton",size:"sm"}),"data-[upvoted]:text-inkeep-primary-medium","data-[downvoted]:text-inkeep-primary-medium","data-[upvoted]:dark:text-inkeep-expanded-primary-300","data-[downvoted]:dark:text-inkeep-expanded-primary-300","dark:hover:text-inkeep-expanded-primary-300 px-2 text-md",e),...t}),Le=a.EmbeddedChatPrimitive.MessageSources,De=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesHeader,{className:s.cn("block text-xs font-medium my-2 text-gray-700 dark:text-gray-dark-300",e),...t}),We=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesList,{className:s.cn("w-full relative flex flex-col gap-3 py-[1px]",e),...t}),Qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItem,{className:s.cn(m.citation({slot:"root"}),e),...t}),ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbs,{className:s.cn(m.citation({slot:"breadcrumbs"}),e),...t}),qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbIcon,{className:s.cn(m.citation({slot:"breadcrumbsIcon"}),e),...t}),_e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIcon,{className:s.cn(m.citation({slot:"icon"}),e),...t}),Re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTitle,{className:s.cn(m.citation({slot:"title"}),e),...t}),Oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTag,{className:s.cn(m.citation({slot:"tag"}),e),...t}),Ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescription,{className:s.cn(m.citation({slot:"description"}),e),...t}),Ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescriptionPart,{className:s.cn(m.citation({slot:"descriptionPart"}),e),...t}),$e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIndicator,{className:s.cn(m.citation({slot:"indicator"}),e),...t}),Je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Footer,{className:s.cn("bg-white dark:bg-gray-dark-950 pt-6 pb-4","px-6 ikp-md:px-8 relative","before:absolute before:block before:top-0 before:left-0","before:pointer-events-none before:w-full before:h-3","before:bg-gradient-to-b before:from-transparent before:to-white","dark:before:to-gray-dark-950 before:-translate-y-full",e),...t}),Ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputFieldset,{className:s.cn("relative flex flex-col w-full p-2","rounded-lg items-stretch shadow-md dark:shadow-none","bg-gray-50 dark:bg-white-alpha-50",e),...t}),Ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputGroup,{className:s.cn("flex",e),...t}),Xe=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.Input,{ref:i,className:s.cn("min-h-[unset] overflow-hidden w-full resize-none","placeholder:text-gray-500 dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent","px-3 py-2 ml-1 mr-2 max-h-[200px] overflow-y-auto disabled:cursor-not-allowed",e),...t})),Ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButton,{className:s.cn(o.button({}),"bg-transparent relative size-10 rounded-lg transition-all ease-linear","text-inkeep-primary-medium dark:text-inkeep-expanded-primary-500","active:bg-gray-300 dark:active:bg-white-alpha-100","hover:bg-gray-200 hover:text-inkeep-primary-strong","dark:hover:bg-white-alpha-100 dark:hover:text-inkeep-expanded-primary-300","disabled:text-gray-500 dark:disabled:text-white-alpha-200","disabled:cursor-not-allowed hover:disabled:[background:none] active:disabled:[background:none]",e),...t}),Ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButtonIcon,{className:s.cn(w.icon(),"text-inherit rotate-[-30deg]",e),...t}),et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBar,{className:s.cn("flex items-center justify-between","flex-wrap gap-2 px-1 pt-2 pb-1",e),...t}),tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarList,{className:s.cn("flex items-center gap-2 flex-wrap px-3 min-w-0",e),...t}),at=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachment,{className:s.cn(n.attachment({slot:"root"}),e),...t}),dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),st=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentDelete,{className:s.cn(n.attachment({slot:"delete"}),e),...t}),ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarActions,{className:s.cn("flex items-center justify-between","gap-2 flex-wrap px-3",e),...t}),it=a.EmbeddedChatPrimitive.AttachmentsBarInfoTip,mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipIcon,{className:s.cn("cursor-pointer text-sm text-gray-600","dark:text-white-alpha-600",e),...t}),nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipText,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-950 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)] z-dropdown","px-3 py-2 rounded-md text-sm font-normal max-w-[200px]",e),...t}),ct=a.EmbeddedChatPrimitive.AttachmentsBarInfoTipArrow,lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInputs,{className:s.cn("contents",e),...t}),ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInput,{className:s.cn(o.button({variant:"outline",size:"xs"}),"light:text-gray-700 gap-1",e),...t}),bt=a.EmbeddedChatPrimitive.AttachmentsBarInputIcon,xt=a.EmbeddedChatPrimitive.AttachmentsBarModal,pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalContent,{className:s.cn(r.modal({slot:"content"}),"top-[5%] translate-y-0","p-8 md:p-10 max-w-2xl",e),...t}),ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 gap-y-2","font-semibold",e),...t}),gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeading,{className:s.cn("w-full semibold",e),...t}),Et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700","text-sm font-normal w-full",e),...t}),vt=a.EmbeddedChatPrimitive.AttachmentsBarModalHelp,ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),Ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarForm,{className:s.cn("flex flex-col gap-8",e),...t}),At=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitle,{className:s.cn("flex flex-col gap-2",e),...t}),wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),Pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleInput,{className:s.cn("h-10 px-4 rounded-md border","focus:outline-none focus:[--shadow-color:theme(colors.blue.500)]","data-[invalid]:[--shadow-color:theme(colors.red.500)]","shadow-[0_0_0_2px_var(--shadow-color)]",e),...t}),Mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleError,{className:s.cn("text-sm text-red-500",e),...t}),jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContent,{className:s.cn("flex flex-col gap-2",e),...t}),yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),Nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentInput,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),It=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentError,{className:s.cn("text-sm text-red-500",e),...t}),Bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),St=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ActionBar,{className:s.cn("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5",e),...t}),Tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Actions,{className:s.cn("flex items-center gap-2.5 flex-wrap",e),...t}),Ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),Lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),Dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),Wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineBrandName,{className:s.cn(P.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t}),g=s.cn(o.button({size:"xs",variant:"outline"}),"text-gray-700 dark:text-white-alpha-700"),Qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatAction,{className:s.cn(g,e),...t}),zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionLabel,{className:s.cn("cursor-pointer",e),...t}),qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionFeedback,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-900 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)]","px-2 py-3 rounded-md text-sm font-normal",e),...t}),_t=a.EmbeddedChatPrimitive.HelpActions,Rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatHelpAction,{className:s.cn(g,e),...t}),Ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsTrigger,{className:s.cn(g,e),...t}),Vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenu,{className:s.cn(p.popover({slot:"content"}),"gap-3 px-3 py-4 ","w-[254px] text-sm font-normal",e),...t}),Gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),$t=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItem,{className:s.cn("flex items-center cursor-pointer hover:underline",e),...t}),Jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItemIcon,{className:s.cn("mr-2 text-inkeep-primary-medium",e),...t}),Kt=a.EmbeddedChatPrimitive.FeedbackModal,Ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalContent,{className:s.cn(r.modal({slot:"content"}),"p-8 md:p-10 max-w-[480px] top-[5%] translate-y-0",e),...t}),Yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8","font-semibold",e),...t}),Zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackForm,{className:s.cn("flex flex-col gap-8",e),...t}),aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItem,{className:s.cn("flex flex-wrap items-center","gap-[1rem_0.5rem]",e),...t}),da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),ra=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemLabel,{className:s.cn("select-none cursor-pointer font-medium text-sm","text-gray-700 dark:text-white-alpha-700",e),...t}),oa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemDescription,{className:s.cn("flex-[0_0_100%]","min-h-20 py-2 border rounded-md","px-4",e),...t}),ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormWrapper,{className:s.cn("w-full overflow-y-auto",e),...t}),na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Form,{className:s.cn(C.scrollable({section:"content"}),"relative pt-4 pb-8 gap-8","items-start justify-center w-full","px-6 ikp-md:px-14 ikp-md:pb-14",e),...t}),ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormClose,{className:s.cn(o.button({variant:"ghost"}),"absolute right-1 top-1","text-xl text-gray-500 dark:text-white-alpha-500 w-10 h-10 z-modal",e),...t}),la=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeader,{className:s.cn("mt-12 flex flex-col gap-6",e),...t}),ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeading,{className:s.cn("font-semibold text-xl leading-5",e),...t}),ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),xa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormContent,{className:s.cn("w-full",e),...t}),pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormField,{className:s.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),Ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldLabel,{className:s.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),ua=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldText,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),ga=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldEmail,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),Ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldFile,{className:s.cn(l.input({size:"md",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),va=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldTextArea,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),Fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),ka=a.EmbeddedChatPrimitive.FormFieldSelect,Aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectTrigger,{className:s.cn(h.select({slot:"trigger"}),e),...t}),wa=a.EmbeddedChatPrimitive.FormFieldSelectValue,Pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectIcon,{className:s.cn("h-4 w-4 opacity-45",e),...t}),Ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectContent,{className:s.cn(h.select({slot:"content"}),e),...t}),ja=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectViewport,{className:s.cn(h.select({slot:"viewport"}),e),...t}),ya=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItem,{className:s.cn(h.select({slot:"item"}),e),...t}),Na=a.EmbeddedChatPrimitive.FormFieldSelectItemText,Ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItemIndicator,{className:s.cn(h.select({slot:"itemIndicator"}),e),...t}),Ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldError,{className:s.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormError,{className:s.cn("text-red-500 dark:text-red-300",e),...t}),Ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFooter,{className:s.cn("flex items-center justify-end gap-6 w-full",e),...t}),Ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormCancel,{className:s.cn(o.button({variant:"outline"}),e),...t}),La=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSubmit,{className:s.cn(o.button({preset:"neutralFilled"}),e),...t}),Da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccess,{className:s.cn("flex flex-col items-center justify-center h-auto","m-auto px-6 py-8 ikp-md:py-14 ikp-md:px-14",e),...t}),Wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessHeading,{className:s.cn("mb-6 font-bold tracking-tight","text-3xl md:text-4xl leading-6 md:leading-5",e),...t}),Qa=a.EmbeddedChatPrimitive.FormSuccessMessage,za=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessButton,{className:s.cn(o.button({preset:"neutralFilled"}),"w-full mt-12 gap-2 shrink-0",e),...t});exports.ActionBar=St;exports.Actions=Tt;exports.AttachmentsBar=et;exports.AttachmentsBarActions=ot;exports.AttachmentsBarAttachment=at;exports.AttachmentsBarAttachmentDelete=rt;exports.AttachmentsBarAttachmentIcon=dt;exports.AttachmentsBarAttachmentTitle=st;exports.AttachmentsBarForm=kt;exports.AttachmentsBarFormContent=jt;exports.AttachmentsBarFormContentError=It;exports.AttachmentsBarFormContentInput=Nt;exports.AttachmentsBarFormContentLabel=yt;exports.AttachmentsBarFormSubmitButton=Bt;exports.AttachmentsBarFormTitle=At;exports.AttachmentsBarFormTitleError=Mt;exports.AttachmentsBarFormTitleInput=Pt;exports.AttachmentsBarFormTitleLabel=wt;exports.AttachmentsBarInfoTip=it;exports.AttachmentsBarInfoTipArrow=ct;exports.AttachmentsBarInfoTipIcon=mt;exports.AttachmentsBarInfoTipText=nt;exports.AttachmentsBarInput=ht;exports.AttachmentsBarInputIcon=bt;exports.AttachmentsBarInputs=lt;exports.AttachmentsBarList=tt;exports.AttachmentsBarModal=xt;exports.AttachmentsBarModalBody=Ft;exports.AttachmentsBarModalClose=ft;exports.AttachmentsBarModalContent=Ct;exports.AttachmentsBarModalDescription=Et;exports.AttachmentsBarModalHeader=ut;exports.AttachmentsBarModalHeading=gt;exports.AttachmentsBarModalHelp=vt;exports.AttachmentsBarModalOverlay=pt;exports.ChatAction=Qt;exports.ChatActionFeedback=qt;exports.ChatActionLabel=zt;exports.Content=z;exports.ContentScrollArea=q;exports.ContentScrollAreaCorner=V;exports.ContentScrollAreaScrollbar=R;exports.ContentScrollAreaThumb=O;exports.ContentScrollAreaViewport=_;exports.ConversationLoading=T;exports.Disclaimer=G;exports.DisclaimerArrow=X;exports.DisclaimerContent=K;exports.DisclaimerLabel=$;exports.DisclaimerText=U;exports.DisclaimerTrigger=J;exports.FeedbackForm=ta;exports.FeedbackItem=aa;exports.FeedbackItemCheckbox=da;exports.FeedbackItemCheckboxIndicator=sa;exports.FeedbackItemDescription=oa;exports.FeedbackItemLabel=ra;exports.FeedbackModal=Kt;exports.FeedbackModalBody=ea;exports.FeedbackModalClose=Zt;exports.FeedbackModalContent=Xt;exports.FeedbackModalHeader=Yt;exports.FeedbackModalOverlay=Ut;exports.FeedbackSubmitButton=ia;exports.Footer=Je;exports.Form=na;exports.FormCancel=Ha;exports.FormClose=ca;exports.FormContent=xa;exports.FormDescription=ba;exports.FormError=Sa;exports.FormField=pa;exports.FormFieldCheckbox=fa;exports.FormFieldCheckboxIndicator=Fa;exports.FormFieldEmail=ga;exports.FormFieldError=Ba;exports.FormFieldFile=Ea;exports.FormFieldLabel=Ca;exports.FormFieldSelect=ka;exports.FormFieldSelectContent=Ma;exports.FormFieldSelectIcon=Pa;exports.FormFieldSelectItem=ya;exports.FormFieldSelectItemIndicator=Ia;exports.FormFieldSelectItemText=Na;exports.FormFieldSelectTrigger=Aa;exports.FormFieldSelectValue=wa;exports.FormFieldSelectViewport=ja;exports.FormFieldText=ua;exports.FormFieldTextArea=va;exports.FormFooter=Ta;exports.FormHeader=la;exports.FormHeading=ha;exports.FormSubmit=La;exports.FormSuccess=Da;exports.FormSuccessButton=za;exports.FormSuccessHeading=Wa;exports.FormSuccessMessage=Qa;exports.FormWrapper=ma;exports.Header=L;exports.HeaderToolbar=D;exports.HeaderToolbarWrapper=W;exports.HelpAction=Rt;exports.HelpActions=_t;exports.HelpActionsMenu=Vt;exports.HelpActionsMenuArrow=Gt;exports.HelpActionsMenuItem=$t;exports.HelpActionsMenuItemIcon=Jt;exports.HelpActionsTrigger=Ot;exports.Input=Xe;exports.InputFieldset=Ke;exports.InputGroup=Ue;exports.IntroMessageWrapper=ce;exports.Message=Ie;exports.MessageAction=He;exports.MessageActions=Be;exports.MessageAttachments=ve;exports.MessageAttachmentsItem=Fe;exports.MessageAttachmentsItemIcon=ke;exports.MessageAttachmentsItemTitle=Ae;exports.MessageAttachmentsList=fe;exports.MessageAttachmentsPreview=we;exports.MessageAttachmentsPreviewBody=Ne;exports.MessageAttachmentsPreviewClose=ye;exports.MessageAttachmentsPreviewContent=Me;exports.MessageAttachmentsPreviewHeader=je;exports.MessageAttachmentsPreviewOverlay=Pe;exports.MessageAvatar=be;exports.MessageAvatarContent=xe;exports.MessageAvatarFallback=pe;exports.MessageAvatarImage=Ce;exports.MessageContent=Ee;exports.MessageContentWrapper=ge;exports.MessageHeader=le;exports.MessageLoading=he;exports.MessageName=ue;exports.MessageSourceItem=Qe;exports.MessageSourceItemBreadcrumbIcon=qe;exports.MessageSourceItemBreadcrumbs=ze;exports.MessageSourceItemDescription=Ve;exports.MessageSourceItemDescriptionPart=Ge;exports.MessageSourceItemIcon=_e;exports.MessageSourceItemIndicator=$e;exports.MessageSourceItemTag=Oe;exports.MessageSourceItemTitle=Re;exports.MessageSources=Le;exports.MessageSourcesHeader=De;exports.MessageSourcesList=We;exports.MessageToolAction=Te;exports.MessageToolActions=Se;exports.MessageWrapper=ne;exports.Messages=me;exports.Provider=B;exports.QuickQuestion=te;exports.QuickQuestionButton=ae;exports.QuickQuestions=Y;exports.QuickQuestionsLabel=Z;exports.QuickQuestionsList=ee;exports.Root=H;exports.SendButton=Ye;exports.SendButtonIcon=Ze;exports.TaglineBrandName=Wt;exports.TaglineContainer=Ht;exports.TaglineLogo=Dt;exports.TaglineText=Lt;exports.ToolbarHeader=Q;exports.Workflow=oe;exports.WorkflowIcon=ie;exports.Workflows=de;exports.WorkflowsLabel=se;exports.WorkflowsList=re;exports.Wrapper=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),A=require("../ui/recipes/ai-chat-page-wrapper.cjs"),n=require("../ui/recipes/attachment.cjs"),o=require("../ui/recipes/button.cjs"),x=require("../ui/recipes/checkbox.cjs"),m=require("../ui/recipes/citation.cjs"),w=require("../ui/recipes/icon.cjs"),l=require("../ui/recipes/input.cjs"),P=require("../ui/recipes/link.cjs"),r=require("../ui/recipes/modal.cjs"),p=require("../ui/recipes/popover.cjs"),C=require("../ui/recipes/scrollable.cjs"),h=require("../ui/recipes/select.cjs"),M=require("class-variance-authority"),j=require("merge-anything"),c=require("react"),s=require("../utils.cjs"),y=require("../ui/markdown-styles.cjs"),N=require("./loading-indicator.cjs"),I=require("./embedded-chat/conversation-loading.cjs"),B=a.EmbeddedChatPrimitive.Provider,S=c.forwardRef(({className:e,size:t,variant:i,...u},b)=>d.jsx(a.EmbeddedChatPrimitive.Wrapper,{ref:b,className:s.cn(A.aiChatPageWrapper({size:t,variant:i}),"data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950","data-[composite]:w-full","max-h-[min(85vh,850px)]",e),...u})),T=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ConversationLoading,{className:s.cn("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8",e),children:d.jsx(I.ConversationLoading,{}),...t}),H=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Root,{className:s.cn(C.scrollable({section:"wrapper"}),"rounded-[inherit] font-body",e),...t}),L=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Header,{className:s.cn(C.scrollable({section:"header"}),"flex items-center","bg-white dark:bg-gray-dark-950","data-[show-toolbar]:after:absolute","data-[show-toolbar]:after:left-0","data-[show-toolbar]:after:top-full","data-[show-toolbar]:after:h-[1rem]","data-[show-toolbar]:after:w-full","data-[show-toolbar]:after:text-white","data-[show-toolbar]:after:dark:text-gray-dark-950","data-[show-toolbar]:after:bg-[linear-gradient(currentColor,_transparent)]","data-[show-toolbar]:after:z-start",e),...t}),D=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbar,{className:s.cn("flex items-center gap-2 w-full pl-6 pr-1","ikp-md:px-4 py-2 justify-between *:m-0",e),...t}),W=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbarWrapper,{className:s.cn("flex items-center gap-1.5",e),...t}),Q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ToolbarHeader,{className:s.cn("text-gray-600 dark:text-gray-dark-100 text-sm",e),...t}),z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Content,{className:s.cn(C.scrollable({section:"content"}),"justify-end",e),...t}),q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollArea,{className:s.cn("overflow-hidden",e),...t}),_=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaViewport,{ref:i,className:s.cn("h-full w-full rounded-[inherit]",e),...t})),R=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),O=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),V=a.EmbeddedChatPrimitive.ContentScrollAreaCorner,G=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Disclaimer,{className:s.cn("ml-auto text-sm flex items-center gap-1",e),...t}),$=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerLabel,{className:s.cn("text-gray-700 dark:text-gray-dark-100",e),...t}),J=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerTrigger,{className:s.cn("cursor-pointer text-gray-700 dark:text-gray-dark-100",e),...t}),K=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerContent,{className:s.cn(p.popover({slot:"content"}),"px-4 py-2 font-normal","w-[250px] sm:w-[420px]",e),...t}),U=a.EmbeddedChatPrimitive.DisclaimerText,X=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),Y=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestions,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),Z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionsList,{className:s.cn("flex flex-col","ikp-md:flex-row","flex-wrap gap-2",e),...t}),te=c.forwardRef(({className:e,style:t,...i},u)=>{const b=c.useRef(null),v=a.composeRefs(u,b),{width:f=0,height:F=0}=a.useResizeObserver({ref:b,box:"border-box"}),k=Math.max(F,f);return d.jsx(a.EmbeddedChatPrimitive.QuickQuestion,{ref:v,style:{"--before-size":`${k+100}px`,...t},className:s.cn("flex items-center justify-center relative z-base","min-h-9 rounded-md overflow-hidden","before:absolute before:z-hide","before:bg-gray-300 dark:before:bg-gray-dark-950","before:bg-no-repeat before:[background-position:0_0]","before:[background-size:cover] before:m-auto","before:w-[--before-size] before:h-[--before-size]","data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.600),transparent_30%)]","dark:data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.300),transparent_30%)]","data-[highlight]:first:before:animate-[spin_4s_linear_infinite]","after:absolute after:z-base after:top-[1px] after:left-[1px]","after:w-[calc(100%-2px)] after:h-[calc(100%-2px)]","after:rounded-[5px] after:bg-white dark:after:bg-gray-dark-950",e),...i})}),ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.QuickQuestionButton,{className:s.cn(o.button({size:"sm"}),"text-sm font-normal h-auto w-full py-2 z-start","whitespace-normal text-center leading-[unset]","border border-solid","text-gray-800 dark:text-white-alpha-950","border-white-alpha-200","[&:where(:hover,:focus)]:bg-slate-400/5","dark:[&:where(:hover,:focus)]:bg-white-alpha-100 focus:z-start",e),...t}),de=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflows,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflow,{className:s.cn(o.button({size:"sm"}),"min-h-9 px-3 py-2 h-auto font-medium","text-sm gap-2 whitespace-normal border ","text-inkeep-primary-strong dark:text-inkeep-expanded-primary-300","border-inkeep-expanded-primary-200","dark:border-inkeep-expanded-primary-200","hover:bg-inkeep-primary-light-subtle","dark:hover:bg-white-alpha-100",e),...t}),ie=a.EmbeddedChatPrimitive.WorkflowIcon,me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Messages,{className:s.cn("flex flex-col w-full min-w-0 min-h-0 text-2sm relative",e),...t}),E=M.cva(["flex relative w-full overflow-hidden py-8","px-6 ikp-md:px-8","flex-col ikp-md:flex-row","min-w-0 grow-[2] data-[role=user]:grow-0","[&:not(:last-child)]:after:absolute","[&:not(:last-child)]:after:border-b","[&:not(:last-child)]:after:bottom-0","[&:not(:last-child)]:after:inset-x-6","ikp-md:[&:not(:last-child)]:after:inset-x-8"]),ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageWrapper,{className:s.cn(E(),e),...t}),ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.IntroMessageWrapper,{className:s.cn(E(),e),...t}),le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageHeader,{className:s.cn("flex justify-start overflow-hidden shrink-0 select-none","flex-row ikp-md:flex-col","items-center ikp-md:items-start","ikp-md:pl-3","ikp-md:pr-6","mb-6 ikp-md:mb-0",e),...t}),he=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageLoading,{className:s.cn("flex items-center gap-3 h-12 w-full",e),children:d.jsx(N.LoadingIndicator,{}),...t}),be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatar,{className:s.cn("flex items-center justify-center rounded-full","h-auto ikp-md:h-12",e),...t}),xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarContent,{className:s.cn("relative flex h-8 w-8 shrink-0 overflow-hidden","data-[username]:bg-inkeep-primary-lighter","dark:data-[username]:bg-inkeep-expanded-primary-300","text-inkeep-primary-stronger font-semibold ","data-[role=user]:hidden ikp-md:flex","justify-center items-center",e),...t}),pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarFallback,{className:s.cn("hidden data-[role=user]:block",e),...t}),Ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarImage,{className:s.cn("data-[type=icon]:data-[role=user]:text-inkeep-primary-medium","dark:data-[type=icon]:data-[role=user]:text-inkeep-expanded-primary-300","data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.300)]","data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageName,{className:s.cn("px-3 py-1 ml-4 data-[role=user]:ml-0","text-sm rounded-full","bg-inkeep-primary-lighter data-[role=user]:bg-gray-50","text-inkeep-primary-stronger dark:text-inkeep-expanded-primary-300","data-[role=user]:text-gray-700 dark:data-[role=user]:text-white-alpha-700","dark:bg-gray-dark-700","ikp-md:hidden",e),...t}),ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContentWrapper,{className:s.cn("overflow-hidden flex flex-col","justify-start grow-2 w-full","data-[role=user]:justify-end","data-[role=user]:shrink-2","data-[role=user]:grow-0","ikp-md:pr-3",e),...t}),Ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContent,{className:s.cn("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full",e),...t}),ve=a.EmbeddedChatPrimitive.MessageAttachments,fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),Fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItem,{className:s.cn(o.button({variant:"ghost"}),n.attachment({slot:"root"}),"font-normal px-2",e),...t}),ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),Ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),we=a.EmbeddedChatPrimitive.MessageAttachmentsPreview,Pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 flex flex-col gap-6","font-semibold",e),...t}),ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),Ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),Ie=({className:e,componentStyles:t,...i})=>d.jsx(a.EmbeddedChatPrimitive.Message,{className:s.cn("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full",e),componentStyles:j.merge(y.markdownStyles,t??{}),...i}),Be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageActions,{className:s.cn("flex items-center mt-2 mb-3",e),...t}),Se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolActions,{className:s.cn("mr-auto flex items-center gap-2",e),...t}),Te=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolAction,{className:s.cn(o.button({size:"xs",variant:"outline"}),"text-xs h-[30px] text-gray-700 dark:text-gray-200 gap-1",e),...t}),He=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAction,{className:s.cn(o.button({variant:"iconButton",size:"sm"}),"data-[upvoted]:text-inkeep-primary-medium","data-[downvoted]:text-inkeep-primary-medium","data-[upvoted]:dark:text-inkeep-expanded-primary-300","data-[downvoted]:dark:text-inkeep-expanded-primary-300","dark:hover:text-inkeep-expanded-primary-300 px-2 text-md",e),...t}),Le=a.EmbeddedChatPrimitive.MessageSources,De=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesHeader,{className:s.cn("block text-xs font-medium my-2 text-gray-700 dark:text-gray-dark-300",e),...t}),We=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesList,{className:s.cn("w-full relative flex flex-col gap-3 py-[1px]",e),...t}),Qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItem,{className:s.cn(m.citation({slot:"root"}),e),...t}),ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbs,{className:s.cn(m.citation({slot:"breadcrumbs"}),e),...t}),qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbIcon,{className:s.cn(m.citation({slot:"breadcrumbsIcon"}),e),...t}),_e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIcon,{className:s.cn(m.citation({slot:"icon"}),e),...t}),Re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTitle,{className:s.cn(m.citation({slot:"title"}),e),...t}),Oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTag,{className:s.cn(m.citation({slot:"tag"}),e),...t}),Ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescription,{className:s.cn(m.citation({slot:"description"}),e),...t}),Ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescriptionPart,{className:s.cn(m.citation({slot:"descriptionPart"}),e),...t}),$e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIndicator,{className:s.cn(m.citation({slot:"indicator"}),e),...t}),Je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Footer,{className:s.cn("bg-white dark:bg-gray-dark-950 pt-6 pb-4","px-6 ikp-md:px-8 relative","before:absolute before:block before:top-0 before:left-0","before:pointer-events-none before:w-full before:h-3","before:bg-gradient-to-b before:from-transparent before:to-white","dark:before:to-gray-dark-950 before:-translate-y-full",e),...t}),Ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputFieldset,{className:s.cn("relative flex flex-col w-full p-2","rounded-lg items-stretch shadow-md dark:shadow-none","bg-gray-50 dark:bg-white-alpha-50",e),...t}),Ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputGroup,{className:s.cn("flex",e),...t}),Xe=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.Input,{ref:i,className:s.cn("min-h-[unset] overflow-hidden w-full resize-none","placeholder:text-gray-500 dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent","px-3 py-2 ml-1 mr-2 max-h-[200px] overflow-y-auto disabled:cursor-not-allowed",e),...t})),Ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButton,{className:s.cn(o.button({}),"bg-transparent relative size-10 rounded-lg transition-all ease-linear","text-inkeep-primary-medium dark:text-inkeep-expanded-primary-500","active:bg-gray-300 dark:active:bg-white-alpha-100","hover:bg-gray-200 hover:text-inkeep-primary-strong","dark:hover:bg-white-alpha-100 dark:hover:text-inkeep-expanded-primary-300","disabled:text-gray-500 dark:disabled:text-white-alpha-200","disabled:cursor-not-allowed hover:disabled:[background:none] active:disabled:[background:none]",e),...t}),Ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButtonIcon,{className:s.cn(w.icon(),"text-inherit rotate-[-30deg]",e),...t}),et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBar,{className:s.cn("flex items-center justify-between","flex-wrap gap-2 px-1 pt-2 pb-1",e),...t}),tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarList,{className:s.cn("flex items-center gap-2 flex-wrap px-3 min-w-0",e),...t}),at=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachment,{className:s.cn(n.attachment({slot:"root"}),e),...t}),dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),st=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentDelete,{className:s.cn(n.attachment({slot:"delete"}),e),...t}),ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarActions,{className:s.cn("flex items-center justify-between","gap-2 flex-wrap px-3",e),...t}),it=a.EmbeddedChatPrimitive.AttachmentsBarInfoTip,mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipIcon,{className:s.cn("cursor-pointer text-sm text-gray-600","dark:text-white-alpha-600",e),...t}),nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipText,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-950 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)] z-dropdown","px-3 py-2 rounded-md text-sm font-normal max-w-[200px]",e),...t}),ct=a.EmbeddedChatPrimitive.AttachmentsBarInfoTipArrow,lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInputs,{className:s.cn("contents",e),...t}),ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInput,{className:s.cn(o.button({variant:"outline",size:"xs"}),"light:text-gray-700 gap-1",e),...t}),bt=a.EmbeddedChatPrimitive.AttachmentsBarInputIcon,xt=a.EmbeddedChatPrimitive.AttachmentsBarModal,pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 gap-y-2","font-semibold",e),...t}),gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeading,{className:s.cn("w-full semibold",e),...t}),Et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700","text-sm font-normal w-full",e),...t}),vt=a.EmbeddedChatPrimitive.AttachmentsBarModalHelp,ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),Ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarForm,{className:s.cn("flex flex-col gap-8",e),...t}),At=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitle,{className:s.cn("flex flex-col gap-2",e),...t}),wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),Pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleInput,{className:s.cn("h-10 px-4 rounded-md border","focus:outline-none focus:[--shadow-color:theme(colors.blue.500)]","data-[invalid]:[--shadow-color:theme(colors.red.500)]","shadow-[0_0_0_2px_var(--shadow-color)]",e),...t}),Mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleError,{className:s.cn("text-sm text-red-500",e),...t}),jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContent,{className:s.cn("flex flex-col gap-2",e),...t}),yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),Nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentInput,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),It=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentError,{className:s.cn("text-sm text-red-500",e),...t}),Bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),St=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ActionBar,{className:s.cn("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5",e),...t}),Tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Actions,{className:s.cn("flex items-center gap-2.5 flex-wrap",e),...t}),Ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),Lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),Dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),Wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineBrandName,{className:s.cn(P.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t}),g=s.cn(o.button({size:"xs",variant:"outline"}),"text-gray-700 dark:text-white-alpha-700"),Qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatAction,{className:s.cn(g,e),...t}),zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionLabel,{className:s.cn("cursor-pointer",e),...t}),qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionFeedback,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-900 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)]","px-2 py-3 rounded-md text-sm font-normal",e),...t}),_t=a.EmbeddedChatPrimitive.HelpActions,Rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatHelpAction,{className:s.cn(g,e),...t}),Ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsTrigger,{className:s.cn(g,e),...t}),Vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenu,{className:s.cn(p.popover({slot:"content"}),"gap-3 px-3 py-4 ","w-[254px] text-sm font-normal",e),...t}),Gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),$t=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItem,{className:s.cn("flex items-center cursor-pointer hover:underline",e),...t}),Jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItemIcon,{className:s.cn("mr-2 text-inkeep-primary-medium",e),...t}),Kt=a.EmbeddedChatPrimitive.FeedbackModal,Ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-[480px]",e),...t}),Yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8","font-semibold",e),...t}),Zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackForm,{className:s.cn("flex flex-col gap-8",e),...t}),aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItem,{className:s.cn("flex flex-wrap items-center","gap-[1rem_0.5rem]",e),...t}),da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),ra=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemLabel,{className:s.cn("select-none cursor-pointer font-medium text-sm","text-gray-700 dark:text-white-alpha-700",e),...t}),oa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemDescription,{className:s.cn("flex-[0_0_100%]","min-h-20 py-2 border rounded-md","px-4",e),...t}),ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormWrapper,{className:s.cn("w-full overflow-y-auto",e),...t}),na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Form,{className:s.cn(C.scrollable({section:"content"}),"relative pt-4 pb-8 gap-8","items-start justify-center w-full","px-6 ikp-md:px-14 ikp-md:pb-14",e),...t}),ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormClose,{className:s.cn(o.button({variant:"ghost"}),"absolute right-1 top-1","text-xl text-gray-500 dark:text-white-alpha-500 w-10 h-10 z-modal",e),...t}),la=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeader,{className:s.cn("mt-12 flex flex-col gap-6",e),...t}),ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeading,{className:s.cn("font-semibold text-xl leading-5",e),...t}),ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),xa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormContent,{className:s.cn("w-full",e),...t}),pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormField,{className:s.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),Ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldLabel,{className:s.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),ua=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldText,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),ga=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldEmail,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),Ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldFile,{className:s.cn(l.input({size:"md",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),va=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldTextArea,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),Fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),ka=a.EmbeddedChatPrimitive.FormFieldSelect,Aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectTrigger,{className:s.cn(h.select({slot:"trigger"}),e),...t}),wa=a.EmbeddedChatPrimitive.FormFieldSelectValue,Pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectIcon,{className:s.cn("h-4 w-4 opacity-45",e),...t}),Ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectContent,{className:s.cn(h.select({slot:"content"}),e),...t}),ja=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectViewport,{className:s.cn(h.select({slot:"viewport"}),e),...t}),ya=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItem,{className:s.cn(h.select({slot:"item"}),e),...t}),Na=a.EmbeddedChatPrimitive.FormFieldSelectItemText,Ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItemIndicator,{className:s.cn(h.select({slot:"itemIndicator"}),e),...t}),Ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldError,{className:s.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormError,{className:s.cn("text-red-500 dark:text-red-300",e),...t}),Ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFooter,{className:s.cn("flex items-center justify-end gap-6 w-full",e),...t}),Ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormCancel,{className:s.cn(o.button({variant:"outline"}),e),...t}),La=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSubmit,{className:s.cn(o.button({preset:"neutralFilled"}),e),...t}),Da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccess,{className:s.cn("flex flex-col items-center justify-center h-auto","m-auto px-6 py-8 ikp-md:py-14 ikp-md:px-14",e),...t}),Wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessHeading,{className:s.cn("mb-6 font-bold tracking-tight","text-3xl md:text-4xl leading-6 md:leading-5",e),...t}),Qa=a.EmbeddedChatPrimitive.FormSuccessMessage,za=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessButton,{className:s.cn(o.button({preset:"neutralFilled"}),"w-full mt-12 gap-2 shrink-0",e),...t});exports.ActionBar=St;exports.Actions=Tt;exports.AttachmentsBar=et;exports.AttachmentsBarActions=ot;exports.AttachmentsBarAttachment=at;exports.AttachmentsBarAttachmentDelete=rt;exports.AttachmentsBarAttachmentIcon=dt;exports.AttachmentsBarAttachmentTitle=st;exports.AttachmentsBarForm=kt;exports.AttachmentsBarFormContent=jt;exports.AttachmentsBarFormContentError=It;exports.AttachmentsBarFormContentInput=Nt;exports.AttachmentsBarFormContentLabel=yt;exports.AttachmentsBarFormSubmitButton=Bt;exports.AttachmentsBarFormTitle=At;exports.AttachmentsBarFormTitleError=Mt;exports.AttachmentsBarFormTitleInput=Pt;exports.AttachmentsBarFormTitleLabel=wt;exports.AttachmentsBarInfoTip=it;exports.AttachmentsBarInfoTipArrow=ct;exports.AttachmentsBarInfoTipIcon=mt;exports.AttachmentsBarInfoTipText=nt;exports.AttachmentsBarInput=ht;exports.AttachmentsBarInputIcon=bt;exports.AttachmentsBarInputs=lt;exports.AttachmentsBarList=tt;exports.AttachmentsBarModal=xt;exports.AttachmentsBarModalBody=Ft;exports.AttachmentsBarModalClose=ft;exports.AttachmentsBarModalContent=Ct;exports.AttachmentsBarModalDescription=Et;exports.AttachmentsBarModalHeader=ut;exports.AttachmentsBarModalHeading=gt;exports.AttachmentsBarModalHelp=vt;exports.AttachmentsBarModalOverlay=pt;exports.ChatAction=Qt;exports.ChatActionFeedback=qt;exports.ChatActionLabel=zt;exports.Content=z;exports.ContentScrollArea=q;exports.ContentScrollAreaCorner=V;exports.ContentScrollAreaScrollbar=R;exports.ContentScrollAreaThumb=O;exports.ContentScrollAreaViewport=_;exports.ConversationLoading=T;exports.Disclaimer=G;exports.DisclaimerArrow=X;exports.DisclaimerContent=K;exports.DisclaimerLabel=$;exports.DisclaimerText=U;exports.DisclaimerTrigger=J;exports.FeedbackForm=ta;exports.FeedbackItem=aa;exports.FeedbackItemCheckbox=da;exports.FeedbackItemCheckboxIndicator=sa;exports.FeedbackItemDescription=oa;exports.FeedbackItemLabel=ra;exports.FeedbackModal=Kt;exports.FeedbackModalBody=ea;exports.FeedbackModalClose=Zt;exports.FeedbackModalContent=Xt;exports.FeedbackModalHeader=Yt;exports.FeedbackModalOverlay=Ut;exports.FeedbackSubmitButton=ia;exports.Footer=Je;exports.Form=na;exports.FormCancel=Ha;exports.FormClose=ca;exports.FormContent=xa;exports.FormDescription=ba;exports.FormError=Sa;exports.FormField=pa;exports.FormFieldCheckbox=fa;exports.FormFieldCheckboxIndicator=Fa;exports.FormFieldEmail=ga;exports.FormFieldError=Ba;exports.FormFieldFile=Ea;exports.FormFieldLabel=Ca;exports.FormFieldSelect=ka;exports.FormFieldSelectContent=Ma;exports.FormFieldSelectIcon=Pa;exports.FormFieldSelectItem=ya;exports.FormFieldSelectItemIndicator=Ia;exports.FormFieldSelectItemText=Na;exports.FormFieldSelectTrigger=Aa;exports.FormFieldSelectValue=wa;exports.FormFieldSelectViewport=ja;exports.FormFieldText=ua;exports.FormFieldTextArea=va;exports.FormFooter=Ta;exports.FormHeader=la;exports.FormHeading=ha;exports.FormSubmit=La;exports.FormSuccess=Da;exports.FormSuccessButton=za;exports.FormSuccessHeading=Wa;exports.FormSuccessMessage=Qa;exports.FormWrapper=ma;exports.Header=L;exports.HeaderToolbar=D;exports.HeaderToolbarWrapper=W;exports.HelpAction=Rt;exports.HelpActions=_t;exports.HelpActionsMenu=Vt;exports.HelpActionsMenuArrow=Gt;exports.HelpActionsMenuItem=$t;exports.HelpActionsMenuItemIcon=Jt;exports.HelpActionsTrigger=Ot;exports.Input=Xe;exports.InputFieldset=Ke;exports.InputGroup=Ue;exports.IntroMessageWrapper=ce;exports.Message=Ie;exports.MessageAction=He;exports.MessageActions=Be;exports.MessageAttachments=ve;exports.MessageAttachmentsItem=Fe;exports.MessageAttachmentsItemIcon=ke;exports.MessageAttachmentsItemTitle=Ae;exports.MessageAttachmentsList=fe;exports.MessageAttachmentsPreview=we;exports.MessageAttachmentsPreviewBody=Ne;exports.MessageAttachmentsPreviewClose=ye;exports.MessageAttachmentsPreviewContent=Me;exports.MessageAttachmentsPreviewHeader=je;exports.MessageAttachmentsPreviewOverlay=Pe;exports.MessageAvatar=be;exports.MessageAvatarContent=xe;exports.MessageAvatarFallback=pe;exports.MessageAvatarImage=Ce;exports.MessageContent=Ee;exports.MessageContentWrapper=ge;exports.MessageHeader=le;exports.MessageLoading=he;exports.MessageName=ue;exports.MessageSourceItem=Qe;exports.MessageSourceItemBreadcrumbIcon=qe;exports.MessageSourceItemBreadcrumbs=ze;exports.MessageSourceItemDescription=Ve;exports.MessageSourceItemDescriptionPart=Ge;exports.MessageSourceItemIcon=_e;exports.MessageSourceItemIndicator=$e;exports.MessageSourceItemTag=Oe;exports.MessageSourceItemTitle=Re;exports.MessageSources=Le;exports.MessageSourcesHeader=De;exports.MessageSourcesList=We;exports.MessageToolAction=Te;exports.MessageToolActions=Se;exports.MessageWrapper=ne;exports.Messages=me;exports.Provider=B;exports.QuickQuestion=te;exports.QuickQuestionButton=ae;exports.QuickQuestions=Y;exports.QuickQuestionsLabel=Z;exports.QuickQuestionsList=ee;exports.Root=H;exports.SendButton=Ye;exports.SendButtonIcon=Ze;exports.TaglineBrandName=Wt;exports.TaglineContainer=Ht;exports.TaglineLogo=Dt;exports.TaglineText=Lt;exports.ToolbarHeader=Q;exports.Workflow=oe;exports.WorkflowIcon=ie;exports.Workflows=de;exports.WorkflowsLabel=se;exports.WorkflowsList=re;exports.Wrapper=S;

package/dist/components/embedded-chat.d.cts

@@ -4,7 +4,7 @@ import { FC, ForwardRefExoticComponent, RefAttributes, MemoExoticComponent, Comp
 import { ScrollAreaViewportProps, ScrollAreaCornerProps } from '@radix-ui/react-scroll-area';
 import { MarkdownProps } from '@inkeep/cxkit-primitives/src/atoms/markdown';
 import { IconBaseProps } from 'react-icons/lib';
-import { DialogProps } from '@inkeep/cxkit-primitives/src/atoms/dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TooltipProps, TooltipArrowProps } from '@radix-ui/react-tooltip';
 import { SelectProps, SelectValueProps, SelectItemTextProps } from '@radix-ui/react-select';

package/dist/components/embedded-chat.d.ts

@@ -4,7 +4,7 @@ import { FC, ForwardRefExoticComponent, RefAttributes, MemoExoticComponent, Comp
 import { ScrollAreaViewportProps, ScrollAreaCornerProps } from '@radix-ui/react-scroll-area';
 import { MarkdownProps } from '@inkeep/cxkit-primitives/src/atoms/markdown';
 import { IconBaseProps } from 'react-icons/lib';
-import { DialogProps } from '@inkeep/cxkit-primitives/src/atoms/dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TooltipProps, TooltipArrowProps } from '@radix-ui/react-tooltip';
 import { SelectProps, SelectValueProps, SelectItemTextProps } from '@radix-ui/react-select';

package/dist/components/embedded-chat.js

@@ -1,32 +1,32 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
 import { EmbeddedChatPrimitive as a, composeRefs as E, useResizeObserver as M } from "@inkeep/cxkit-primitives";
-import { aiChatPageWrapper as N } from "../ui/recipes/ai-chat-page-wrapper.js";
+import { aiChatPageWrapper as y } from "../ui/recipes/ai-chat-page-wrapper.js";
 import { attachment as c } from "../ui/recipes/attachment.js";
 import { button as d } from "../ui/recipes/button.js";
 import { checkbox as p } from "../ui/recipes/checkbox.js";
 import { citation as m } from "../ui/recipes/citation.js";
-import { icon as y } from "../ui/recipes/icon.js";
+import { icon as N } from "../ui/recipes/icon.js";
 import { input as l } from "../ui/recipes/input.js";
 import { link as I } from "../ui/recipes/link.js";
 import { modal as o } from "../ui/recipes/modal.js";
 import { popover as b } from "../ui/recipes/popover.js";
-import { scrollable as g } from "../ui/recipes/scrollable.js";
+import { scrollable as u } from "../ui/recipes/scrollable.js";
 import { select as i } from "../ui/recipes/select.js";
 import { cva as B } from "class-variance-authority";
-import { merge as S } from "merge-anything";
-import { forwardRef as u, useRef as v } from "react";
+import { merge as v } from "merge-anything";
+import { forwardRef as g, useRef as S } from "react";
 import { cn as r } from "../utils.js";
 import { markdownStyles as T } from "../ui/markdown-styles.js";
 import { LoadingIndicator as H } from "./loading-indicator.js";
 import { ConversationLoading as L } from "./embedded-chat/conversation-loading.js";
-const ae = a.Provider, se = u(
+const ae = a.Provider, se = g(
   ({ className: e, size: t, variant: n, ...x }, h) => /* @__PURE__ */ s(
     a.Wrapper,
     {
       ref: h,
       className: r(
-        N({ size: t, variant: n }),
+        y({ size: t, variant: n }),
         "data-[hidden]:hidden rounded-md flex",
         "bg-white dark:bg-gray-dark-950",
         "data-[composite]:w-full",
@@ -52,7 +52,7 @@ const ae = a.Provider, se = u(
 }) => /* @__PURE__ */ s(
   a.Root,
   {
-    className: r(g({ section: "wrapper" }), "rounded-[inherit] font-body", e),
+    className: r(u({ section: "wrapper" }), "rounded-[inherit] font-body", e),
     ...t
   }
 ), de = ({
@@ -62,7 +62,7 @@ const ae = a.Provider, se = u(
   a.Header,
   {
     className: r(
-      g({ section: "header" }),
+      u({ section: "header" }),
       "flex items-center",
       "bg-white dark:bg-gray-dark-950",
       "data-[show-toolbar]:after:absolute",
@@ -115,7 +115,7 @@ const ae = a.Provider, se = u(
 }) => /* @__PURE__ */ s(
   a.Content,
   {
-    className: r(g({ section: "content" }), "justify-end", e),
+    className: r(u({ section: "content" }), "justify-end", e),
     ...t
   }
 ), ie = ({
@@ -127,7 +127,7 @@ const ae = a.Provider, se = u(
     className: r("overflow-hidden", e),
     ...t
   }
-), he = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
+), he = g(({ className: e, ...t }, n) => /* @__PURE__ */ s(
   a.ContentScrollAreaViewport,
   {
     ref: n,
@@ -157,7 +157,7 @@ const ae = a.Provider, se = u(
     className: r("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
     ...t
   }
-), ge = a.ContentScrollAreaCorner, ue = ({
+), ue = a.ContentScrollAreaCorner, ge = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -238,8 +238,8 @@ const ae = a.Provider, se = u(
     className: r("flex flex-col", "ikp-md:flex-row", "flex-wrap gap-2", e),
     ...t
   }
-), Me = u(({ className: e, style: t, ...n }, x) => {
-  const h = v(null), F = E(x, h), { width: k = 0, height: A = 0 } = M({
+), Me = g(({ className: e, style: t, ...n }, x) => {
+  const h = S(null), F = E(x, h), { width: k = 0, height: A = 0 } = M({
     ref: h,
     box: "border-box"
   }), w = Math.max(A, k);
@@ -270,7 +270,7 @@ const ae = a.Provider, se = u(
       ...n
     }
   );
-}), Ne = ({
+}), ye = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -289,7 +289,7 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ye = ({
+), Ne = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -320,7 +320,7 @@ const ae = a.Provider, se = u(
     className: r("flex flex-wrap gap-2", e),
     ...t
   }
-), Se = ({
+), ve = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -339,7 +339,7 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ve = a.WorkflowIcon, Te = ({
+), Se = a.WorkflowIcon, Te = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -552,7 +552,8 @@ const ae = a.Provider, se = u(
   {
     className: r(
       o({ slot: "content" }),
-      "top-[5%] translate-y-0 p-8 md:p-10 max-w-2xl",
+      "my-6 md:my-12 top-0 left-[unset] transform-none relative",
+      "p-8 md:p-10 max-w-2xl",
       e
     ),
     ...t
@@ -597,7 +598,7 @@ const ae = a.Provider, se = u(
   a.Message,
   {
     className: r("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full", e),
-    componentStyles: S(T, t ?? {}),
+    componentStyles: v(T, t ?? {}),
     ...n
   }
 ), at = ({
@@ -723,7 +724,7 @@ const ae = a.Provider, se = u(
     className: r(m({ slot: "tag" }), e),
     ...t
   }
-), gt = ({
+), ut = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -732,7 +733,7 @@ const ae = a.Provider, se = u(
     className: r(m({ slot: "description" }), e),
     ...t
   }
-), ut = ({
+), gt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -784,7 +785,7 @@ const ae = a.Provider, se = u(
 ), Ft = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.InputGroup, { className: r("flex", e), ...t }), kt = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(a.InputGroup, { className: r("flex", e), ...t }), kt = g(({ className: e, ...t }, n) => /* @__PURE__ */ s(
   a.Input,
   {
     ref: n,
@@ -822,7 +823,7 @@ const ae = a.Provider, se = u(
 }) => /* @__PURE__ */ s(
   a.SendButtonIcon,
   {
-    className: r(y(), "text-inherit rotate-[-30deg]", e),
+    className: r(N(), "text-inherit rotate-[-30deg]", e),
     ...t
   }
 ), Et = ({
@@ -847,7 +848,7 @@ const ae = a.Provider, se = u(
     className: r("flex items-center gap-2 flex-wrap px-3 min-w-0", e),
     ...t
   }
-), Nt = ({
+), yt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -856,7 +857,7 @@ const ae = a.Provider, se = u(
     className: r(c({ slot: "root" }), e),
     ...t
   }
-), yt = ({
+), Nt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -883,7 +884,7 @@ const ae = a.Provider, se = u(
     className: r(c({ slot: "delete" }), e),
     ...t
   }
-), St = ({
+), vt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -892,7 +893,7 @@ const ae = a.Provider, se = u(
     className: r("flex items-center justify-between", "gap-2 flex-wrap px-3", e),
     ...t
   }
-), vt = a.AttachmentsBarInfoTip, Tt = ({
+), St = a.AttachmentsBarInfoTip, Tt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -949,7 +950,7 @@ const ae = a.Provider, se = u(
   {
     className: r(
       o({ slot: "content" }),
-      "top-[5%] translate-y-0",
+      "my-6 md:my-12 top-0 left-[unset] transform-none relative",
       "p-8 md:p-10 max-w-2xl",
       e
     ),
@@ -1195,7 +1196,7 @@ const ae = a.Provider, se = u(
     className: r(f, e),
     ...t
   }
-), ga = ({
+), ua = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1209,7 +1210,7 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ua = ({
+), ga = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1253,7 +1254,8 @@ const ae = a.Provider, se = u(
   {
     className: r(
       o({ slot: "content" }),
-      "p-8 md:p-10 max-w-[480px] top-[5%] translate-y-0",
+      "my-6 md:my-12 top-0 left-[unset] transform-none relative",
+      "p-8 md:p-10 max-w-[480px]",
       e
     ),
     ...t
@@ -1288,7 +1290,7 @@ const ae = a.Provider, se = u(
 ), Ma = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.FeedbackForm, { className: r("flex flex-col gap-8", e), ...t }), Na = ({
+}) => /* @__PURE__ */ s(a.FeedbackForm, { className: r("flex flex-col gap-8", e), ...t }), ya = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1297,7 +1299,7 @@ const ae = a.Provider, se = u(
     className: r("flex flex-wrap items-center", "gap-[1rem_0.5rem]", e),
     ...t
   }
-), ya = ({
+), Na = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1328,7 +1330,7 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Sa = ({
+), va = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1337,7 +1339,7 @@ const ae = a.Provider, se = u(
     className: r("flex-[0_0_100%]", "min-h-20 py-2 border rounded-md", "px-4", e),
     ...t
   }
-), va = ({
+), Sa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -1362,7 +1364,7 @@ const ae = a.Provider, se = u(
   a.Form,
   {
     className: r(
-      g({ section: "content" }),
+      u({ section: "content" }),
       "relative pt-4 pb-8 gap-8",
       "items-start justify-center w-full",
       "px-6 ikp-md:px-14 ikp-md:pb-14",
@@ -1646,10 +1648,10 @@ export {
   sa as ActionBar,
   ra as Actions,
   Et as AttachmentsBar,
-  St as AttachmentsBarActions,
-  Nt as AttachmentsBarAttachment,
+  vt as AttachmentsBarActions,
+  yt as AttachmentsBarAttachment,
   Bt as AttachmentsBarAttachmentDelete,
-  yt as AttachmentsBarAttachmentIcon,
+  Nt as AttachmentsBarAttachmentIcon,
   It as AttachmentsBarAttachmentTitle,
   $t as AttachmentsBarForm,
   Yt as AttachmentsBarFormContent,
@@ -1661,7 +1663,7 @@ export {
   Xt as AttachmentsBarFormTitleError,
   Ut as AttachmentsBarFormTitleInput,
   Kt as AttachmentsBarFormTitleLabel,
-  vt as AttachmentsBarInfoTip,
+  St as AttachmentsBarInfoTip,
   Lt as AttachmentsBarInfoTipArrow,
   Tt as AttachmentsBarInfoTipIcon,
   Ht as AttachmentsBarInfoTipText,
@@ -1683,22 +1685,22 @@ export {
   la as ChatActionLabel,
   le as Content,
   ie as ContentScrollArea,
-  ge as ContentScrollAreaCorner,
+  ue as ContentScrollAreaCorner,
   pe as ContentScrollAreaScrollbar,
   be as ContentScrollAreaThumb,
   he as ContentScrollAreaViewport,
   re as ConversationLoading,
-  ue as Disclaimer,
+  ge as Disclaimer,
   ke as DisclaimerArrow,
   Ce as DisclaimerContent,
   xe as DisclaimerLabel,
   Fe as DisclaimerText,
   fe as DisclaimerTrigger,
   Ma as FeedbackForm,
-  Na as FeedbackItem,
-  ya as FeedbackItemCheckbox,
+  ya as FeedbackItem,
+  Na as FeedbackItemCheckbox,
   Ia as FeedbackItemCheckboxIndicator,
-  Sa as FeedbackItemDescription,
+  va as FeedbackItemDescription,
   Ba as FeedbackItemLabel,
   Ca as FeedbackModal,
   Ea as FeedbackModalBody,
@@ -1706,7 +1708,7 @@ export {
   ka as FeedbackModalContent,
   Aa as FeedbackModalHeader,
   Fa as FeedbackModalOverlay,
-  va as FeedbackSubmitButton,
+  Sa as FeedbackSubmitButton,
   ft as Footer,
   Ha as Form,
   os as FormCancel,
@@ -1746,8 +1748,8 @@ export {
   me as HeaderToolbarWrapper,
   pa as HelpAction,
   ha as HelpActions,
-  ga as HelpActionsMenu,
-  ua as HelpActionsMenuArrow,
+  ua as HelpActionsMenu,
+  ga as HelpActionsMenuArrow,
   xa as HelpActionsMenuItem,
   fa as HelpActionsMenuItemIcon,
   ba as HelpActionsTrigger,
@@ -1781,8 +1783,8 @@ export {
   ct as MessageSourceItem,
   it as MessageSourceItemBreadcrumbIcon,
   lt as MessageSourceItemBreadcrumbs,
-  gt as MessageSourceItemDescription,
-  ut as MessageSourceItemDescriptionPart,
+  ut as MessageSourceItemDescription,
+  gt as MessageSourceItemDescriptionPart,
   ht as MessageSourceItemIcon,
   xt as MessageSourceItemIndicator,
   bt as MessageSourceItemTag,
@@ -1796,7 +1798,7 @@ export {
   Te as Messages,
   ae as Provider,
   Me as QuickQuestion,
-  Ne as QuickQuestionButton,
+  ye as QuickQuestionButton,
   Ae as QuickQuestions,
   we as QuickQuestionsLabel,
   Ee as QuickQuestionsList,
@@ -1808,9 +1810,9 @@ export {
   na as TaglineLogo,
   da as TaglineText,
   ce as ToolbarHeader,
-  Se as Workflow,
-  ve as WorkflowIcon,
-  ye as Workflows,
+  ve as Workflow,
+  Se as WorkflowIcon,
+  Ne as Workflows,
   Ie as WorkflowsLabel,
   Be as WorkflowsList,
   se as Wrapper

package/dist/inkeep.css.cjs

@@ -559,6 +559,9 @@ video {
 .left-1\\/2 {
   left: 50%;
 }
+.left-\\[unset\\] {
+  left: unset;
+}
 .right-1 {
   right: 0.25rem;
 }
@@ -630,6 +633,10 @@ video {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
 .my-\\[\\.1rem\\] {
   margin-top: .1rem;
   margin-bottom: .1rem;
@@ -970,14 +977,13 @@ video {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.translate-y-0 {
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .rotate-\\[-30deg\\] {
   --tw-rotate: -30deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.transform-none {
+  transform: none;
+}
 @keyframes bounce-dot {
 
   0%, 100% {
@@ -3339,6 +3345,11 @@ img[data-part='icon'][data-type='custom'] {
 
 @media (min-width: 768px) {
 
+  .md\\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
   .md\\:hidden {
     display: none;
   }

package/dist/inkeep.css.js

@@ -560,6 +560,9 @@ video {
 .left-1\\/2 {
   left: 50%;
 }
+.left-\\[unset\\] {
+  left: unset;
+}
 .right-1 {
   right: 0.25rem;
 }
@@ -631,6 +634,10 @@ video {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
 .my-\\[\\.1rem\\] {
   margin-top: .1rem;
   margin-bottom: .1rem;
@@ -971,14 +978,13 @@ video {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.translate-y-0 {
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .rotate-\\[-30deg\\] {
   --tw-rotate: -30deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.transform-none {
+  transform: none;
+}
 @keyframes bounce-dot {
 
   0%, 100% {
@@ -3340,6 +3346,11 @@ img[data-part='icon'][data-type='custom'] {
 
 @media (min-width: 768px) {
 
+  .md\\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
   .md\\:hidden {
     display: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.6",
+  "version": "0.5.9",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -39,7 +39,7 @@
     "clsx": "2.1.1",
     "merge-anything": "6.0.2",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.6"
+    "@inkeep/cxkit-primitives": "0.5.9"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -58,8 +58,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.6",
-    "@inkeep/cxkit-types": "0.5.6"
+    "@inkeep/cxkit-theme": "0.5.9",
+    "@inkeep/cxkit-types": "0.5.9"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",