@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-message-81026f5e-584f-4918-8c1c-31e3d26f3769

package/dist/components/message/index.js

@@ -1 +1 @@
-import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as t,useEffect as r}from"react";import{MessageStyledWrapper as d,MessageStyledWithBottomPanel as c,MessageStyled as p,MessageContent as m,MessageTop as a,MessageSender as l,MessageName as x,MessageAvatarWrapper as j,MessageAvatar as g,MessageBlockWrapper as u,MessageBlock as b,MessageBlockScrollbarWrapper as y,MessageBlockContent as h,MessageBlockTextArea as f,MessageBlockBottomPanel as w,MessageBlockTransaction as M,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageActions,MessageBottom,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as k}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as v}from"../../utils/getTgMarkdown.js";import{colorToRgba as C}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{MessageProvider as S}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";import"styled-components";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as I}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as L}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as B}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as E}from"./timestamp/index.js";import{MessageActions as R}from"./actions/index.js";import{MessageVersions as $}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/voice/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/manage-chat/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import{useTheme as A}from"../../theme/hook.js";const P=({id:P,content:D,className:N,variant:q="user",color:z="default",name:F,tags:V,avatar:H,transaction:O,disableModal:U=!1,disableResend:G=!1,disableEdit:W=!1,disableDelete:Z=!1,disableUpdate:_=!1,disableCopy:J=!1,disableDownload:K=!0,disableEncryption:Q=!0,editOutOfMenu:X=!1,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,typing:ai=!1,timestamp:li,timestampPosition:xi="right",skeleton:ji=!1,buttons:gi,after:ui,components:bi,children:yi,version:hi,totalVersions:fi,hideActions:wi,onCopy:Mi,onCodeCopy:Ti,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onNextVersion:Li,onPrevVersion:Bi,onDownload:Ei})=>{const Ri=A(),$i=s(null),Ai=s(null),Pi=s(null),Di=s(null),[Ni,qi]=n(!1),[zi,Fi]=n(null!=D?D:""),Vi=t((i=>{var o;Fi(null!==(o=i.target.textContent)&&void 0!==o?o:"")}),[]),Hi=t((i=>{const o=(new DOMParser).parseFromString(i.innerHTML,"text/html"),e=o.getElementsByTagName("code");for(const i of e){const e=o.createElement("span");e.innerText=i.innerText,i.replaceWith(e)}return[new ClipboardItem({"text/plain":new Blob([D],{type:"text/plain"}),"text/html":new Blob([o.body.innerHTML],{type:"text/html"})})]}),[D]),Oi=t((i=>[new ClipboardItem({"text/plain":new Blob([i.innerText],{type:"text/plain"})})]),[]),Ui=t((i=>{const o=v(i);return[new ClipboardItem({"text/plain":new Blob([o],{type:"text/plain"})})]}),[]),Gi=t((()=>{if(Ai.current)return null==Mi?void 0:Mi(Oi(Ai.current))}),[Ai.current,D]),Wi=t((()=>{if(Pi.current)return null==Mi?void 0:Mi(Ui(Pi.current))}),[Pi.current]),Zi=t((()=>{if(Ai.current&&D)return null==Mi?void 0:Mi(Hi(Ai.current))}),[Ai.current,D]);let _i;switch(z&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=z?z:"#000")||(z="default"),q){case"user":switch(z){case"default":if("custom"===Ri.scheme){_i=Ri.colors.custom.message.user.background;break}if("standard"===Ri.scheme){_i="dark"===Ri.mode?C(Ri.colors.accent.primaryLight,.5):C(Ri.colors.accent.primaryLight,.2);break}_i=Ri.colors.accent.primary;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=z}break;case"assistant":switch(z){case"default":_i="dark"===Ri.mode?Ri.colors.grayScale.gray2:Ri.colors.grayScale.gray3;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=z}}return r((()=>{if(Di.current){Di.current.focus();const i=document.createRange(),o=window.getSelection();i.selectNodeContents(Di.current),i.collapse(!1),null==o||o.removeAllRanges(),null==o||o.addRange(i)}}),[Di,Ni]),r((()=>{D&&(Pi.current=D)}),[D]),i(S,{variant:q,color:z,typing:ai,onCopy:Gi,onCodeCopy:Ti,children:i(d,{$variant:q,ref:$i,children:o(c,{children:[i(p,{$variant:q,className:N,"data-date":li,children:o(m,{$variant:q,children:[F&&o(a,{children:["string"==typeof F&&o(l,{children:[i(x,{$color:z,children:F}),V]}),"string"!=typeof F&&i("div",{})]}),"string"!=typeof F&&F,i(j,{$variant:q,children:i(g,{children:H})}),i(u,{children:o(b,{$variant:q,$hexColor:_i,$skeleton:ji,$hasTimestamp:!!li,$timestampPosition:xi,children:[i(y,{scrollShadows:{color:_i,size:60,left:i(B,{side:"left"}),right:i(B,{side:"right"})},children:i(h,{ref:Ai,$variant:q,children:Ni?i(I,{disableMargin:!0,children:i(f,{onInput:Vi,ref:Di,children:D})}):o(e,{children:[!ji&&o(e,{children:["string"==typeof yi&&i(L,{components:bi,children:yi}),"string"!=typeof yi&&yi]}),ji&&i(I,{disableMargin:!0,children:i(k,{width:260,opacity:["light"===Ri.mode?.1:.15,"light"===Ri.mode?.225:.45],colors:["user"===q?Ri.colors.base.white:"light"===Ri.mode?Ri.default.colors.base.black:Ri.colors.grayScale.gray6]})}),ui]})})}),li&&i(E,{time:li,position:xi,color:_i})]})})]})}),o(w,{$variant:q,children:[O&&i(M,{children:O}),!ji&&!wi&&i(R,{id:P,onDownload:Ei,disableDownload:K,message:D,variant:q,skeleton:ji,disableModal:U,disableResend:G,disableEdit:W,disableDelete:Z,disableUpdate:_,disableCopy:J,disableEncryption:Q,editOutOfMenu:X,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,editing:Ni,editedText:zi,onEditing:qi,onEditedText:Fi,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onPlainTextCopy:Gi,onTgCopy:Wi,onCopy:Zi}),i($,{id:P,version:hi,totalVersions:fi,onNextVersion:Li,onPrevVersion:Bi,editing:Ni,variant:q})]}),i(T,{children:gi})]})})})};export{P as Message,g as MessageAvatar,j as MessageAvatarWrapper,b as MessageBlock,w as MessageBlockBottomPanel,h as MessageBlockContent,y as MessageBlockScrollbarWrapper,f as MessageBlockTextArea,M as MessageBlockTransaction,u as MessageBlockWrapper,T as MessageButtonsStyled,m as MessageContent,L as MessageMarkdown,x as MessageName,I as MessageParagraph,S as MessageProvider,l as MessageSender,p as MessageStyled,c as MessageStyledWithBottomPanel,d as MessageStyledWrapper,a as MessageTop};
+import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import{useRef as s,useState as n,useCallback as t,useEffect as r}from"react";import{MessageStyledWrapper as d,MessageStyledWithBottomPanel as c,MessageStyled as p,MessageContent as m,MessageTop as a,MessageSender as l,MessageName as x,MessageAvatarWrapper as j,MessageAvatar as g,MessageBlockWrapper as u,MessageBlock as b,MessageBlockScrollbarWrapper as y,MessageBlockContent as h,MessageBlockTextArea as f,MessageBlockBottomPanel as w,MessageBlockTransaction as M,MessageButtonsStyled as T}from"./styled.js";export{MessageAction,MessageEditAction,MessageImageBottomArrowButton,MessageImageLeftArrowButton,MessageImageRightArrowButton,MessageImageTopArrowButton,MessageTag,MessageTags,MessageTransaction}from"./styled.js";import{Skeleton as k}from"../skeleton/index.js";import"../../theme/index.js";import{getTgMarkdown as v}from"../../utils/getTgMarkdown.js";import{colorToRgba as C}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{MessageProvider as S}from"./context.js";export{MessageConsumer,MessageContext,useMessage}from"./context.js";import"tslib";import"styled-components";export{MessageInlineCodeStyled}from"./components/code/inline/styled.js";export{MessageMultilineCodeBody,MessageMultilineCodeHead,MessageMultilineCodeLanguage,MessageMultilineCodeStyled}from"./components/code/multiline/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import"./components/code/multiline/copy/styled.js";import"../../icons/check-small/index.js";import"../../icons/copy/index.js";import"./components/code/multiline/content/styled.js";import{MessageParagraph as I}from"./components/paragraph/index.js";export{MessageBoldStyled}from"./components/bold/styled.js";export{MessageItalicStyled}from"./components/italic/styled.js";export{MessagePre}from"./components/pre/styled.js";export{MessageTableBody,MessageTableContent,MessageTableHead,MessageTableRow,MessageTableStyled}from"./components/table/styled.js";export{MessageTableCellStyled,MessageTableCellText,MessageTableHeadCell}from"./components/table/cell/styled.js";export{MessageListStyled}from"./components/list/styled.js";import"./components/list/context.js";export{MessageListItemStyled}from"./components/list/item/styled.js";export{MessageTitleStyled}from"./components/title/styled.js";export{MessageLinkStyled}from"./components/link/styled.js";export{MessageImageNative,MessageImageSkeleton,MessageImageStyled}from"./components/image/styled.js";export{MessageImageConsumer,MessageImageContext,MessageImageProvider,useMessageImage}from"./components/image/context.js";export{MessageImageGrid}from"./components/image/grid/styled.js";export{MessageImageButtonContent,MessageImageButtonStyled,MessageImageButtonZoneWrapper}from"./components/image/button/styled.js";export{MessageImageButtonsContent,MessageImageButtonsStyled}from"./components/image/button/list/styled.js";import{MessageMarkdown as L}from"./markdown/index.js";import"../scrollbar/styled.js";import{ScrollbarShadow as B}from"../scrollbar/shadow/index.js";import"../scrollbar/style/styled.js";import{MessageTimestamp as E}from"./timestamp/index.js";import{MessageActions as R}from"./actions/index.js";import{MessageVersions as $}from"./versions/index.js";import"./list/styled.js";import"./scroll-button/styled.js";import"./copy/styled.js";import"./badge-progress/styled.js";export{MessageButton}from"./button/styled.js";import"./button/list/styled.js";export{MessageFileInfo,MessageFileName,MessageFileSize,MessageFileStyled,MessageFiles}from"./file/styled.js";import"../icon/styled.js";import"../../icons/pdf-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/word-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/attach-file-big/index.js";import"./voice/styled.js";import"../../icons/loader-circular-gradient-2/index.js";import"./reasoning-block/styled.js";import"../../icons/analyze-urls/index.js";import"../typography/styled.js";import"./search-results/styled.js";import"./video/styled.js";import"../../icons/max-window/index.js";import"../../icons/min-window/index.js";import"../../icons/pause-button/index.js";import"../../icons/play-button/index.js";import"../../icons/volume/index.js";import"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/voice/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/manage-chat/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import{useTheme as P}from"../../theme/hook.js";const A=({id:A,content:D,className:N,variant:q="user",color:z="default",name:F,tags:V,avatar:H,transaction:O,disableModal:U=!1,disableResend:G=!1,disableEdit:W=!1,disableDelete:Z=!1,disableUpdate:_=!1,disableCopy:J=!1,disableDownload:K=!0,disableEncryption:Q=!0,editOutOfMenu:X=!1,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,typing:ai=!1,timestamp:li,timestampPosition:xi="right",skeleton:ji=!1,buttons:gi,after:ui,components:bi,children:yi,version:hi,totalVersions:fi,hideActions:wi,onCopy:Mi,onCodeCopy:Ti,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onNextVersion:Li,onPrevVersion:Bi,onDownload:Ei})=>{const Ri=P(),$i=s(null),Pi=s(null),Ai=s(null),Di=s(null),[Ni,qi]=n(!1),[zi,Fi]=n(null!=D?D:""),Vi=t(i=>{var o;Fi(null!==(o=i.target.textContent)&&void 0!==o?o:"")},[]),Hi=t(i=>{const o=(new DOMParser).parseFromString(i.innerHTML,"text/html"),e=o.getElementsByTagName("code");for(const i of e){const e=o.createElement("span");e.innerText=i.innerText,i.replaceWith(e)}return[new ClipboardItem({"text/plain":new Blob([D],{type:"text/plain"}),"text/html":new Blob([o.body.innerHTML],{type:"text/html"})})]},[D]),Oi=t(i=>[new ClipboardItem({"text/plain":new Blob([i.innerText],{type:"text/plain"})})],[]),Ui=t(i=>{const o=v(i);return[new ClipboardItem({"text/plain":new Blob([o],{type:"text/plain"})})]},[]),Gi=t(()=>{if(Pi.current)return null==Mi?void 0:Mi(Oi(Pi.current))},[Pi.current,D]),Wi=t(()=>{if(Ai.current)return null==Mi?void 0:Mi(Ui(Ai.current))},[Ai.current]),Zi=t(()=>{if(Pi.current&&D)return null==Mi?void 0:Mi(Hi(Pi.current))},[Pi.current,D]);let _i;switch(z&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=z?z:"#000")||(z="default"),q){case"user":switch(z){case"default":if("custom"===Ri.scheme){_i=Ri.colors.custom.message.user.background;break}if("standard"===Ri.scheme){_i="dark"===Ri.mode?C(Ri.colors.accent.primaryLight,.5):C(Ri.colors.accent.primaryLight,.2);break}_i=Ri.colors.accent.primary;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=z}break;case"assistant":switch(z){case"default":_i="dark"===Ri.mode?Ri.colors.grayScale.gray2:Ri.colors.grayScale.gray3;break;case"green":_i=Ri.colors.gpt3;break;case"purple":_i=Ri.colors.gpt4;break;default:_i=z}}return r(()=>{if(Di.current){Di.current.focus();const i=document.createRange(),o=window.getSelection();i.selectNodeContents(Di.current),i.collapse(!1),null==o||o.removeAllRanges(),null==o||o.addRange(i)}},[Di,Ni]),r(()=>{D&&(Ai.current=D)},[D]),i(S,{variant:q,color:z,typing:ai,onCopy:Gi,onCodeCopy:Ti,children:i(d,{$variant:q,ref:$i,children:o(c,{children:[i(p,{$variant:q,className:N,"data-date":li,children:o(m,{$variant:q,children:[F&&o(a,{children:["string"==typeof F&&o(l,{children:[i(x,{$color:z,children:F}),V]}),"string"!=typeof F&&i("div",{})]}),"string"!=typeof F&&F,i(j,{$variant:q,children:i(g,{children:H})}),i(u,{children:i(b,{$variant:q,$hexColor:_i,$skeleton:ji,$hasTimestamp:!!li,$timestampPosition:xi,children:o(y,{scrollShadows:{color:_i,size:60,left:i(B,{side:"left"}),right:i(B,{side:"right"})},children:[i(h,{ref:Pi,$variant:q,children:Ni?i(I,{disableMargin:!0,children:i(f,{onInput:Vi,ref:Di,children:D})}):o(e,{children:[!ji&&o(e,{children:["string"==typeof yi&&i(L,{components:bi,children:yi}),"string"!=typeof yi&&yi]}),ji&&i(I,{disableMargin:!0,children:i(k,{width:260,opacity:["light"===Ri.mode?.1:.15,"light"===Ri.mode?.225:.45],colors:["user"===q?Ri.colors.base.white:"light"===Ri.mode?Ri.default.colors.base.black:Ri.colors.grayScale.gray6]})}),ui]})}),li&&"user"===q&&i(E,{time:li,position:xi,color:_i})]})})}),li&&"assistant"===q&&i(E,{time:li,position:xi,color:_i}),o(w,{$variant:q,children:[O&&i(M,{children:O}),!ji&&!wi&&i(R,{id:A,onDownload:Ei,disableDownload:K,message:D,variant:q,skeleton:ji,disableModal:U,disableResend:G,disableEdit:W,disableDelete:Z,disableUpdate:_,disableCopy:J,disableEncryption:Q,editOutOfMenu:X,copyPlainText:Y,copyTgText:ii,editText:oi,resendText:ei,deleteText:si,onReportText:ni,downloadTooltipLabel:ti,submitEditTooltipLabel:ri,discardEditTooltipLabel:di,updateTooltipLabel:ci,copyTooltipLabel:pi,encryptionTooltipLabel:mi,editing:Ni,editedText:zi,onEditing:qi,onEditedText:Fi,onEdit:ki,onResend:vi,onDelete:Ci,onUpdate:Si,onReport:Ii,onPlainTextCopy:Gi,onTgCopy:Wi,onCopy:Zi}),i($,{id:A,version:hi,totalVersions:fi,onNextVersion:Li,onPrevVersion:Bi,editing:Ni,variant:q})]})]})}),i(T,{children:gi})]})})})};export{A as Message,g as MessageAvatar,j as MessageAvatarWrapper,b as MessageBlock,w as MessageBlockBottomPanel,h as MessageBlockContent,y as MessageBlockScrollbarWrapper,f as MessageBlockTextArea,M as MessageBlockTransaction,u as MessageBlockWrapper,T as MessageButtonsStyled,m as MessageContent,L as MessageMarkdown,x as MessageName,I as MessageParagraph,S as MessageProvider,l as MessageSender,p as MessageStyled,c as MessageStyledWithBottomPanel,d as MessageStyledWrapper,a as MessageTop};

package/dist/components/message/list/index.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{forwardRef as l,useRef as t,useCallback as o,useImperativeHandle as s}from"react";import{MessagesStyled as c,MessagesScrollbarWrapper as n,MessagesContent as i,MessagesContainer as d,MessagesStart as u,MessageList as m}from"./styled.js";import{MessagesProvider as a,MessagesScrollProvider as f}from"./context.js";export{MessagesContext,MessagesScrollContext,useMessages,useScrollbarRef}from"./context.js";import{ScrollButton as h}from"../scroll-button/index.js";const S=l((({scrollButton:l=!1,fullWidth:S=!1,className:x,startRef:p,scrollShadows:v,children:b},j)=>{const R=t(null),g=o((r=>{var e;return null===(e=R.current)||void 0===e?void 0:e.setScroll(null!=r?r:{side:"bottom"})}),[R.current]);return s(j,(()=>{var r,e;return{element:null!==(e=null===(r=R.current)||void 0===r?void 0:r.element)&&void 0!==e?e:null,setScroll:g}}),[g,R.current]),r(a,{setScroll:g,children:e(c,{className:x,children:[r(n,{ref:R,scrollShadows:v,withStickyBottom:!0,defaultStickyBottom:!0,children:r(i,{children:e(d,{$fullWidth:S,children:[r(u,{ref:p}),r(f,{scrollbarRef:R,children:r(m,{children:b})})]})})}),l&&r(h,{scrollbarRef:R})]})})}));export{S as Messages,a as MessagesProvider,f as MessagesScrollProvider};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{forwardRef as l,useRef as t,useCallback as o,useImperativeHandle as s}from"react";import{MessagesStyled as c,MessagesScrollbarWrapper as n,MessagesContent as i,MessagesContainer as d,MessagesStart as u,MessageList as m}from"./styled.js";import{MessagesProvider as a,MessagesScrollProvider as f}from"./context.js";export{MessagesContext,MessagesScrollContext,useMessages,useScrollbarRef}from"./context.js";import{ScrollButton as h}from"../scroll-button/index.js";const S=l(({scrollButton:l=!1,fullWidth:S=!1,className:x,startRef:p,scrollShadows:v,children:b},j)=>{const R=t(null),g=o(r=>{var e;return null===(e=R.current)||void 0===e?void 0:e.setScroll(null!=r?r:{side:"bottom"})},[R.current]);return s(j,()=>{var r,e;return{element:null!==(e=null===(r=R.current)||void 0===r?void 0:r.element)&&void 0!==e?e:null,setScroll:g}},[g,R.current]),r(a,{setScroll:g,children:e(c,{className:x,children:[r(n,{ref:R,scrollShadows:v,withStickyBottom:!0,defaultStickyBottom:!0,children:r(i,{children:e(d,{$fullWidth:S,children:[r(u,{ref:p}),r(f,{scrollbarRef:R,children:r(m,{children:b})})]})})}),l&&r(h,{scrollbarRef:R})]})})});export{S as Messages,a as MessagesProvider,f as MessagesScrollProvider};

package/dist/components/message/list/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const MessagesStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const MessagesStyled: import("styled-components").IStyledComponen
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const MessagesStyled: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -265,29 +271,37 @@ export declare const MessagesStyled: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MessagesScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
+    className?: string | undefined;
+    scrollbarClassName?: string | undefined;
     variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
     size?: number | undefined;
-    disabled?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    className?: string | undefined;
-    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
     scrollShadows?: import("@/ui/components/scrollbar").ScrollbarShadowsProps | undefined;
-    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
-    scrollbarClassName?: string | undefined;
     scrollLocked?: import("@/ui/components/scrollbar").SetScrollOptions | undefined;
+    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
+    disabled?: boolean | undefined;
     disableShadows?: boolean | undefined;
     withStickyBottom?: boolean | undefined;
     defaultStickyBottom?: boolean | undefined;
     isHorizontalScrollbar?: boolean | undefined;
-    ref?: ((instance: import("@/ui/components/scrollbar").ScrollbarRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("@/ui/components/scrollbar").ScrollbarRef> | null | undefined;
+    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@/ui/components/scrollbar").ScrollbarRef> | undefined;
+    key?: import("react").Key | null | undefined;
 }>;
 export declare const MessagesContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -336,6 +350,10 @@ export declare const MessagesContent: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -545,6 +563,8 @@ export declare const MessagesContent: import("styled-components").IStyledCompone
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -553,14 +573,22 @@ export declare const MessagesContent: import("styled-components").IStyledCompone
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MessagesContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $fullWidth: boolean;
 }>>;
 export declare const MessagesStart: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -609,6 +637,10 @@ export declare const MessagesStart: import("styled-components").IStyledComponent
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -818,6 +850,8 @@ export declare const MessagesStart: import("styled-components").IStyledComponent
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -826,11 +860,19 @@ export declare const MessagesStart: import("styled-components").IStyledComponent
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const MessageList: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -879,6 +921,10 @@ export declare const MessageList: import("styled-components").IStyledComponent<"
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1088,6 +1134,8 @@ export declare const MessageList: import("styled-components").IStyledComponent<"
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1096,6 +1144,14 @@ export declare const MessageList: import("styled-components").IStyledComponent<"
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

package/dist/components/message/list/styled.js

@@ -7,4 +7,4 @@ import{styled as t,css as e}from"styled-components";import{Scrollbar as i}from".
     `,mobile:e`
       padding: 24px 16px;
       padding-bottom: 78px;
-    `})),s=t.div.withConfig({displayName:"styled__MessagesContent",componentId:"sc-z7wbcu-2"})(["display:flex;width:inherit;justify-content:center;"]),a=t.div.withConfig({displayName:"styled__MessagesContainer",componentId:"sc-z7wbcu-3"})(["display:flex;flex-direction:column;width:inherit;max-width:",";"],(({theme:t,$fullWidth:e})=>e?"none":t.dashboard.chat.containerWidth)),p=t.div.withConfig({displayName:"styled__MessagesStart",componentId:"sc-z7wbcu-4"})(["display:flex;width:100%;height:1px;pointer-events:none;"]),l=t.div.withConfig({displayName:"styled__MessageList",componentId:"sc-z7wbcu-5"})(["display:flex;flex-direction:column;width:inherit;row-gap:24px;"]);export{l as MessageList,a as MessagesContainer,s as MessagesContent,n as MessagesScrollbarWrapper,p as MessagesStart,o as MessagesStyled};
+    `})),s=t.div.withConfig({displayName:"styled__MessagesContent",componentId:"sc-z7wbcu-2"})(["display:flex;width:inherit;justify-content:center;"]),a=t.div.withConfig({displayName:"styled__MessagesContainer",componentId:"sc-z7wbcu-3"})(["display:flex;flex-direction:column;width:inherit;max-width:",";"],({theme:t,$fullWidth:e})=>e?"none":t.dashboard.chat.containerWidth),p=t.div.withConfig({displayName:"styled__MessagesStart",componentId:"sc-z7wbcu-4"})(["display:flex;width:100%;height:1px;pointer-events:none;"]),l=t.div.withConfig({displayName:"styled__MessageList",componentId:"sc-z7wbcu-5"})(["display:flex;flex-direction:column;width:inherit;row-gap:24px;"]);export{l as MessageList,a as MessagesContainer,s as MessagesContent,n as MessagesScrollbarWrapper,p as MessagesStart,o as MessagesStyled};

package/dist/components/message/markdown/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
+import ReactMarkdown from 'react-markdown';
 import { MessageComponentsProps } from '@/ui/components/message/components';
-import { MessageMarkdownLine } from './styled';
 export interface MessageMarkdownProps {
     children: string;
     components?: MessageComponentsProps;
-    componentsOverride?: React.ComponentProps<typeof MessageMarkdownLine>['components'];
+    componentsOverride?: React.ComponentProps<typeof ReactMarkdown>['components'];
     disableTyping?: boolean;
     forceMarkdown?: boolean;
 }

package/dist/components/message/markdown/index.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o,Fragment as e}from"react/jsx-runtime";import{forwardRef as n,useMemo as s}from"react";import{useMessage as r}from"../context.js";import"tslib";import"styled-components";import"../components/code/inline/styled.js";import"../components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../components/code/multiline/copy/styled.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";import"../components/code/multiline/content/styled.js";import{MessageParagraph as i}from"../components/paragraph/index.js";import"../components/bold/styled.js";import"../components/italic/styled.js";import"../components/pre/styled.js";import"../components/table/styled.js";import"../components/table/cell/styled.js";import"../components/list/styled.js";import"../components/list/context.js";import"../components/list/item/styled.js";import"../components/title/styled.js";import"../components/link/styled.js";import"../components/image/styled.js";import"../components/image/context.js";import"../components/image/grid/styled.js";import"../components/image/button/styled.js";import"../components/image/button/list/styled.js";import{MessageMarkdownStyled as p,MessageMarkdownLine as m}from"./styled.js";import{markdownComponents as l}from"./markdown-components.js";import{useMarkdownPlugins as c}from"./useMarkdownPlugins.js";const d=n((({children:n,components:d={},componentsOverride:a={},disableTyping:j=!1,forceMarkdown:y=!1},g)=>{const{typing:h,variant:$,color:u}=r(),f=!y&&"user"===$,x=s((()=>"string"!=typeof n||f?n:n.replace(/\\\[((.|[\r\n])*?)\\\]/g,((t,o)=>`$$${o}$$`)).replace(/\\\(((.|[\r\n])*?)\\\)/g,((t,o)=>`$$${o}$$`)).replace(/<!--.*-->/g,"")),[n,f]),{remarkPlugins:b,rehypePlugins:k,singleDollarTextMath:w}=c({children:x}),M=s((()=>{const o=x.split("\n\n"),e=[];let n=!1;for(const t of o)n?e[e.length-1]+=`${t}\n\n`:t.match(/\n*\s*```/g)?(n=!n,n&&e.push(`${t}\n\n`)):e.push(t);return t(p,{ref:g,children:e.map(((o,e)=>t(m,{$typing:!j&&h,$color:u,$singleDollarTextMath:w,remarkPlugins:b,rehypePlugins:k,components:l(d,a),children:o},`${k.length}-${b.length}-${e}`)))})}),[h,x,w,b,k,g]);return o(e,{children:[f&&"string"==typeof n&&t(i,{wrap:!0,disableMargin:!0,children:x}),!f&&"string"==typeof n&&M]})}));export{d as MessageMarkdown};
+import{jsx as t,jsxs as o,Fragment as e}from"react/jsx-runtime";import{forwardRef as n,useMemo as s}from"react";import r from"react-markdown";import{useMessage as i}from"../context.js";import"tslib";import"styled-components";import"../components/code/inline/styled.js";import"../components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../components/code/multiline/copy/styled.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";import"../components/code/multiline/content/styled.js";import{MessageParagraph as m}from"../components/paragraph/index.js";import"../components/bold/styled.js";import"../components/italic/styled.js";import"../components/pre/styled.js";import"../components/table/styled.js";import"../components/table/cell/styled.js";import"../components/list/styled.js";import"../components/list/context.js";import"../components/list/item/styled.js";import"../components/title/styled.js";import"../components/link/styled.js";import"../components/image/styled.js";import"../components/image/context.js";import"../components/image/grid/styled.js";import"../components/image/button/styled.js";import"../components/image/button/list/styled.js";import{MessageMarkdownStyled as p,MessageMarkdownLine as l}from"./styled.js";import{markdownComponents as c}from"./markdown-components.js";import{useMarkdownPlugins as d}from"./useMarkdownPlugins.js";const a=n(({children:n,components:a={},componentsOverride:j={},disableTyping:y=!1,forceMarkdown:g=!1},h)=>{const{typing:$,variant:u,color:f}=i(),x=!g&&"user"===u,b=s(()=>"string"!=typeof n||x?n:n.replace(/\\\[((.|[\r\n])*?)\\\]/g,(t,o)=>`$$${o}$$`).replace(/\\\(((.|[\r\n])*?)\\\)/g,(t,o)=>`$$${o}$$`).replace(/<!--.*-->/g,""),[n,x]),{remarkPlugins:k,rehypePlugins:w,singleDollarTextMath:M}=d({children:b}),P=s(()=>{const o=b.split("\n\n"),e=[];let n=!1;for(const t of o)n?e[e.length-1]+=`${t}\n\n`:t.match(/\n*\s*```/g)?(n=!n,n&&e.push(`${t}\n\n`)):e.push(t);return t(p,{ref:h,children:e.map((o,e)=>t(l,{$typing:!y&&$,$color:f,$singleDollarTextMath:M,children:t(r,{remarkPlugins:k,rehypePlugins:w,components:c(a,j),children:o},`${w.length}-${k.length}-${e}`)}))})},[$,b,M,k,w,h]);return o(e,{children:[x&&"string"==typeof n&&t(m,{wrap:!0,disableMargin:!0,children:b}),!x&&"string"==typeof n&&P]})});export{a as MessageMarkdown};

package/dist/components/message/markdown/markdown-components.d.ts

@@ -1,3 +1,3 @@
+import ReactMarkdown from 'react-markdown';
 import { MessageComponentsProps } from '@/ui/components/message/components';
-import { MessageMarkdownLine } from './styled';
-export declare function markdownComponents(components: MessageComponentsProps, componentsOverride?: React.ComponentProps<typeof MessageMarkdownLine>['components']): React.ComponentProps<typeof MessageMarkdownLine>['components'];
+export declare function markdownComponents(components: MessageComponentsProps, componentsOverride?: React.ComponentProps<typeof ReactMarkdown>['components']): React.ComponentProps<typeof ReactMarkdown>['components'];

package/dist/components/message/markdown/markdown-components.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{MessageInlineCode as e}from"../components/code/inline/index.js";import{MessageMultilineCode as i}from"../components/code/multiline/index.js";import{MessageParagraph as r}from"../components/paragraph/index.js";import{MessageBold as t}from"../components/bold/index.js";import{MessageItalic as c}from"../components/italic/index.js";import{MessagePre as l}from"../components/pre/styled.js";import{MessageTable as o}from"../components/table/index.js";import{MessageList as d}from"../components/list/index.js";import{MessageTitle as h}from"../components/title/index.js";import{MessageLink as m}from"../components/link/index.js";import{MessageImage as s}from"../components/image/index.js";import{MessageTableHead as a,MessageTableBody as p,MessageTableRow as j}from"../components/table/styled.js";import{MessageTableCell as b}from"../components/table/cell/index.js";import{MessageListItem as f}from"../components/list/item/index.js";function g(g,u){return Object.assign({p:({children:e})=>n(r,{wrap:!0,children:e}),b:({children:e})=>n(t,{children:e}),strong:({children:e})=>n(t,{component:"strong",children:e}),i:({children:e})=>n(c,{children:e}),em:({children:e})=>n(c,{component:"em",children:e}),pre:({children:e})=>n(l,{children:e}),code:({className:r,inline:t=!1,children:c})=>{const l=String(c);return l?t?n(e,{children:l}):n(i,Object.assign({},g.code,{className:r,children:l})):null},table:({children:e})=>n(o,{children:e}),thead:({children:e})=>n(a,{children:e}),tbody:({children:e})=>n(p,{children:e}),tr:({children:e})=>n(j,{children:e}),td:({children:e})=>n(b,{children:e}),th:({children:e})=>n(b,{head:!0,children:e}),ul:({children:e})=>n(d,{children:e}),ol:({start:e,children:i})=>n(d,{variant:"number",start:e,children:i}),li:({children:e})=>n(f,{children:e}),h1:({children:e})=>n(h,{variant:"h1",children:e}),h2:({children:e})=>n(h,{variant:"h2",children:e}),h3:({children:e})=>n(h,{variant:"h3",children:e}),h4:({children:e})=>n(h,{variant:"h4",children:e}),h5:({children:e})=>n(h,{variant:"h5",children:e}),h6:({children:e})=>n(h,{variant:"h6",children:e}),a:({href:e,children:i})=>n(m,{href:e,target:"_blank",children:i}),img:({src:e,alt:i})=>{if(!e)return null;const r=Object.assign(Object.assign({},g.image),{src:e,alt:i,disableSkeleton:!0,buttons:null});return n(s,Object.assign({},r,g.image&&g.image.buttons&&{buttons:g.image.buttons(r)}))}},u)}export{g as markdownComponents};
+import{jsx as n}from"react/jsx-runtime";import{MessageInlineCode as e}from"../components/code/inline/index.js";import{MessageMultilineCode as r}from"../components/code/multiline/index.js";import{MessageParagraph as i}from"../components/paragraph/index.js";import{MessageBold as t}from"../components/bold/index.js";import{MessageItalic as c}from"../components/italic/index.js";import{MessagePre as l}from"../components/pre/styled.js";import{MessageTable as o}from"../components/table/index.js";import{MessageList as d}from"../components/list/index.js";import{MessageTitle as h}from"../components/title/index.js";import{MessageLink as s}from"../components/link/index.js";import{MessageImage as m}from"../components/image/index.js";import{MessageTableHead as a,MessageTableBody as p,MessageTableRow as f}from"../components/table/styled.js";import{MessageTableCell as j}from"../components/table/cell/index.js";import{MessageListItem as b}from"../components/list/item/index.js";function g(g,u){return Object.assign({p:({children:e})=>n(i,{wrap:!0,children:e}),b:({children:e})=>n(t,{children:e}),strong:({children:e})=>n(t,{component:"strong",children:e}),i:({children:e})=>n(c,{children:e}),em:({children:e})=>n(c,{component:"em",children:e}),pre:({children:e})=>n(l,{children:e}),code:({className:i,children:t})=>{const c=String(t);if(!c)return null;return!i||!i.startsWith("language-")?n(e,{children:c}):n(r,Object.assign({},g.code,{className:i,children:c}))},table:({children:e})=>n(o,{children:e}),thead:({children:e})=>n(a,{children:e}),tbody:({children:e})=>n(p,{children:e}),tr:({children:e})=>n(f,{children:e}),td:({children:e})=>n(j,{children:e}),th:({children:e})=>n(j,{head:!0,children:e}),ul:({children:e})=>n(d,{children:e}),ol:({start:e,children:r})=>n(d,{variant:"number",start:e,children:r}),li:({children:e})=>n(b,{children:e}),h1:({children:e})=>n(h,{variant:"h1",children:e}),h2:({children:e})=>n(h,{variant:"h2",children:e}),h3:({children:e})=>n(h,{variant:"h3",children:e}),h4:({children:e})=>n(h,{variant:"h4",children:e}),h5:({children:e})=>n(h,{variant:"h5",children:e}),h6:({children:e})=>n(h,{variant:"h6",children:e}),a:({href:e,children:r})=>n(s,{href:e,target:"_blank",children:r}),img:({src:e,alt:r})=>{if(!e)return null;const i=Object.assign(Object.assign({},g.image),{src:e,alt:r,disableSkeleton:!0,buttons:null});return n(m,Object.assign({},i,g.image&&g.image.buttons&&{buttons:g.image.buttons(i)}))}},u)}export{g as markdownComponents};

package/dist/components/message/markdown/styled.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MessageColor } from '@/ui/components/message/types';
 export declare const MessageMarkdownStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: React.LegacyRef<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -50,6 +50,10 @@ export declare const MessageMarkdownStyled: import("styled-components").IStyledC
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -259,6 +263,8 @@ export declare const MessageMarkdownStyled: import("styled-components").IStyledC
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
@@ -267,13 +273,21 @@ export declare const MessageMarkdownStyled: import("styled-components").IStyledC
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface MessageMarkdownStyledProps {
     $typing: boolean;
     $color: MessageColor;
     $singleDollarTextMath: boolean;
 }
-export declare const MessageMarkdownLine: React.MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react-markdown/lib/react-markdown").CoreOptions & import("react-markdown/lib/react-markdown").PluginOptions & import("react-markdown/lib/react-markdown").LayoutOptions & import("react-markdown/lib/rehype-filter").Options & import("react-markdown/lib/ast-to-react").Options, MessageMarkdownStyledProps>>>;
+export declare const MessageMarkdownLine: React.NamedExoticComponent<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MessageMarkdownStyledProps>>;
 export declare const messageTextCursorOpacity: import("styled-components/dist/models/Keyframes").default;

package/dist/components/message/markdown/styled.js

@@ -1,51 +1,51 @@
-import t from"react-markdown";import{styled as o,css as i,keyframes as s}from"styled-components";import l from"react";import"tslib";import"react/jsx-runtime";import{MessageInlineCodeStyled as e}from"../components/code/inline/styled.js";import"../context.js";import{MessageMultilineCodeStyled as m}from"../components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../components/code/multiline/copy/styled.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";import{MessageMultilineCodeContentContainer as c,MessageMultilineCodeLastLine as n}from"../components/code/multiline/content/styled.js";import{MessageParagraphStyled as r}from"../components/paragraph/styled.js";import{MessageBoldStyled as a}from"../components/bold/styled.js";import{MessageItalicStyled as p}from"../components/italic/styled.js";import{MessagePre as d}from"../components/pre/styled.js";import{MessageTableStyled as h,MessageTableRow as y}from"../components/table/styled.js";import{MessageTableCellStyled as g}from"../components/table/cell/styled.js";import{MessageListStyled as f}from"../components/list/styled.js";import"../components/list/context.js";import{MessageListItemStyled as j}from"../components/list/item/styled.js";import{MessageTitleStyled as x}from"../components/title/styled.js";import{MessageLinkStyled as $}from"../components/link/styled.js";import"../components/image/styled.js";import"../components/image/context.js";import"../components/image/grid/styled.js";import"../components/image/button/styled.js";import"../components/image/button/list/styled.js";const b=o.div.withConfig({displayName:"styled__MessageMarkdownStyled",componentId:"sc-8jnypu-0"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;"]),u=l.memo(o(t).withConfig({displayName:"styled__MessageMarkdownLine",componentId:"sc-8jnypu-1"})(["display:block;width:100%;color:",";font-weight:400;font-size:16px;line-height:22px;> *:first-child{margin-top:0px;}> *:last-child{margin-bottom:0px;}> ",":first-child{> ","{margin-top:0px;}}> ",":last-child{> ","{margin-bottom:0px;}}",""],(({theme:t})=>"custom"===t.scheme?t.colors.custom.message.assistant.text:"dark"===t.mode?t.colors.base.white:"#a1a19a"),d,m,d,m,(({$typing:t,$color:o,theme:s})=>t&&i`
+import{styled as t,css as o,keyframes as i}from"styled-components";import s from"react";import"tslib";import"react/jsx-runtime";import{MessageInlineCodeStyled as l}from"../components/code/inline/styled.js";import"../context.js";import{MessageMultilineCodeStyled as e}from"../components/code/multiline/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../components/code/multiline/copy/styled.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";import{MessageMultilineCodeContentContainer as m,MessageMultilineCodeLastLine as c}from"../components/code/multiline/content/styled.js";import{MessageParagraphStyled as n}from"../components/paragraph/styled.js";import{MessageBoldStyled as r}from"../components/bold/styled.js";import{MessageItalicStyled as a}from"../components/italic/styled.js";import{MessagePre as p}from"../components/pre/styled.js";import{MessageTableStyled as d,MessageTableRow as h}from"../components/table/styled.js";import{MessageTableCellStyled as y}from"../components/table/cell/styled.js";import{MessageListStyled as g}from"../components/list/styled.js";import"../components/list/context.js";import{MessageListItemStyled as f}from"../components/list/item/styled.js";import{MessageTitleStyled as j}from"../components/title/styled.js";import{MessageLinkStyled as x}from"../components/link/styled.js";import"../components/image/styled.js";import"../components/image/context.js";import"../components/image/grid/styled.js";import"../components/image/button/styled.js";import"../components/image/button/list/styled.js";const $=t.div.withConfig({displayName:"styled__MessageMarkdownStyled",componentId:"sc-8jnypu-0"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;"]),b=s.memo(t.div.withConfig({displayName:"styled__MessageMarkdownLine",componentId:"sc-8jnypu-1"})(["display:block;width:100%;color:",";font-weight:400;font-size:16px;line-height:22px;> *:first-child{margin-top:0px;}> *:last-child{margin-bottom:0px;}> ",":first-child{> ","{margin-top:0px;}}> ",":last-child{> ","{margin-bottom:0px;}}",""],({theme:t})=>"custom"===t.scheme?t.colors.custom.message.assistant.text:"dark"===t.mode?t.colors.base.white:"#a1a19a",p,e,p,e,({$typing:t,$color:i,theme:s})=>t&&o`
         &:last-child
+          > ${n}:last-child,
+          &:last-child
           > ${r}:last-child,
           &:last-child
           > ${a}:last-child,
           &:last-child
-          > ${p}:last-child,
-          &:last-child
-          > ${e}:last-child,
+          > ${l}:last-child,
           &:last-child
-          > ${d}:last-child
-          > ${m}:last-child
-          ${c}
-          ${n}:last-child,
+          > ${p}:last-child
+          > ${e}:last-child
+          ${m}
+          ${c}:last-child,
           &:last-child
-          > ${d}:last-child
-          > ${m}:last-child
-          ${c}
+          > ${p}:last-child
+          > ${e}:last-child
+          ${m}
           pre
           code:last-child,
         &:last-child
-          > ${h}
+          > ${d}
           *:last-child
-          > ${y}:last-child
-          > ${g}:last-child,
+          > ${h}:last-child
+          > ${y}:last-child,
           &:last-child
-          > ${f}:last-child
-          > ${j}:last-child,
+          > ${g}:last-child
+          > ${f}:last-child,
           &:last-child
-          > ${x}:last-child,
+          > ${j}:last-child,
           &:last-child
-          > ${$}:last-child {
+          > ${x}:last-child {
           &:after {
             display: inline-flex;
             width: calc(var(--bothub-typing-cursor-size, 21px) / 3.5);
             height: var(--bothub-typing-cursor-size, 21px);
             border-radius: calc(var(--bothub-typing-cursor-size, 21px) / 7);
             flex-shrink: 0;
-            background: ${"default"!==o?s.default.colors.base.white:s.colors.base.white};
+            background: ${"default"!==i?s.default.colors.base.white:s.colors.base.white};
             vertical-align: text-top;
-            animation: ${w} 0.9s infinite;
+            animation: ${u} 0.9s infinite;
             content: '';
             @media (max-width: ${({theme:t})=>t.tablet.maxWidth}) {
               height: 17px;
             }
           }
         }
-      `)),((t,o)=>t.children===o.children&&t.$typing===o.$typing&&t.$color===o.$color&&t.$singleDollarTextMath===o.$singleDollarTextMath)),w=s`
+      `),(t,o)=>t.children===o.children&&t.$typing===o.$typing&&t.$color===o.$color&&t.$singleDollarTextMath===o.$singleDollarTextMath),u=i`
   from {
     opacity: 0.75;
   }
@@ -55,4 +55,4 @@ import t from"react-markdown";import{styled as o,css as i,keyframes as s}from"st
   to {
     opacity: 0.75;
   }
-`;export{u as MessageMarkdownLine,b as MessageMarkdownStyled,w as messageTextCursorOpacity};
+`;export{b as MessageMarkdownLine,$ as MessageMarkdownStyled,u as messageTextCursorOpacity};

package/dist/components/message/markdown/useMarkdownPlugins.d.ts

@@ -3,7 +3,7 @@ export type UseMarkdownPluginsProps = {
     children: string;
 };
 export declare const useMarkdownPlugins: ({ children }: UseMarkdownPluginsProps) => {
-    remarkPlugins: (typeof remarkGfm | (typeof import("remark-math").default | {
+    remarkPlugins: (typeof remarkGfm | (typeof import("remark-math/lib").default | {
         singleDollarTextMath: boolean;
     })[])[];
     rehypePlugins: (typeof import("rehype-katex/lib").default | {

package/dist/components/message/markdown/useMarkdownPlugins.js

@@ -1 +1 @@
-import{__awaiter as r}from"tslib";import{useState as t,useCallback as o,useEffect as e,useMemo as i}from"react";import l from"remark-gfm";import"../../../theme/index.js";import{useTheme as n}from"../../../theme/hook.js";let m=null;const s=({children:s})=>{const u=n(),[a,p]=t(!0),[d,f]=t(null),h=o((()=>{a&&queueMicrotask((()=>p(!1)))}),[a]);e((()=>{d||function(){r(this,void 0,void 0,(function*(){if("string"==typeof s&&(r=>{let t=0;for(let o=0;o<r.length;o++)if("$"===r[o]&&t++,2===t)return!0;return!1})(s)){const t=yield r(void 0,void 0,void 0,(function*(){return m||(m=yield import("./markdown-plugins.js"),m)}));f(t)}}))}()}),[s,d]);return{remarkPlugins:i((()=>null!==d?[l,[d.remarkMath,{singleDollarTextMath:a}]]:[l]),[a,d]),rehypePlugins:i((()=>null!==d?[[d.rehypeKatex,{displayMode:!0,output:"html",errorColor:u.colors.orange,strict:h}]]:[]),[h,u,d]),singleDollarTextMath:a}};export{s as useMarkdownPlugins};
+import{__awaiter as r}from"tslib";import{useState as t,useCallback as o,useEffect as e,useMemo as i}from"react";import l from"remark-gfm";import"../../../theme/index.js";import{useTheme as n}from"../../../theme/hook.js";let m=null;const s=({children:s})=>{const u=n(),[a,p]=t(!0),[d,f]=t(null),h=o(()=>{a&&queueMicrotask(()=>p(!1))},[a]);e(()=>{d||function(){r(this,void 0,void 0,function*(){if("string"==typeof s&&(r=>{let t=0;for(let o=0;o<r.length;o++)if("$"===r[o]&&t++,2===t)return!0;return!1})(s)){const t=yield r(void 0,void 0,void 0,function*(){return m||(m=yield import("./markdown-plugins.js"),m)});f(t)}})}()},[s,d]);return{remarkPlugins:i(()=>null!==d?[l,[d.remarkMath,{singleDollarTextMath:a}]]:[l],[a,d]),rehypePlugins:i(()=>null!==d?[[d.rehypeKatex,{displayMode:!0,output:"html",errorColor:u.colors.orange,strict:h}]]:[],[h,u,d]),singleDollarTextMath:a}};export{s as useMarkdownPlugins};

package/dist/components/message/reasoning-block/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as e,useCallback as t}from"react";import{useDelayedVisible as o}from"../../../utils/useDelayedVisible.js";import{useMeasure as n}from"../../../utils/useMeasure.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{LoaderCircularGradient2Icon as s}from"../../../icons/loader-circular-gradient-2/index.js";import{MessageMarkdown as l}from"../markdown/index.js";import{ReasoningBlockStyled as m,ReasoningBlockHeader as d,ReasoningBlockButton as a,ReasoningBlockButtonArrow as c,ReasoningBlockContentWrapper as p}from"./styled.js";import{markdownComponents as u}from"./markdown-components.js";const h=({content:h,buttonText:f,isReasoning:g,fullWidth:j=!1})=>{const[k,y]=e(!1),b=t((()=>{g||y((i=>!i))}),[g]),[x,v]=n(),w=Math.max(Math.min(v.height,650),300),{delayedVisible:M,mounted:W}=o(k,0,w);return i(m,{$fullWidth:j,children:[i(d,{children:[i(a,{onClick:b,disabled:g||!h,children:[f,!g&&!!h&&r(c,{$isOpen:k,size:16})]}),g&&r(s,{size:16})]}),W&&r(p,{$fullWidth:j,style:{"--reasoning-block-animation-duration":w/1e3+"s",height:k&&M?v.height:0},children:i("div",{ref:x,children:[r("div",{}),r("div",{children:"string"==typeof h?r(l,{componentsOverride:u(),disableTyping:!0,children:h}):h})]})})]})};export{h as MessageReasoningBlock};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as e,useCallback as t}from"react";import{useDelayedVisible as o}from"../../../utils/useDelayedVisible.js";import{useMeasure as n}from"../../../utils/useMeasure.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import{LoaderCircularGradient2Icon as s}from"../../../icons/loader-circular-gradient-2/index.js";import{MessageMarkdown as l}from"../markdown/index.js";import{ReasoningBlockStyled as m,ReasoningBlockHeader as d,ReasoningBlockButton as a,ReasoningBlockButtonArrow as c,ReasoningBlockContentWrapper as p}from"./styled.js";import{markdownComponents as u}from"./markdown-components.js";const h=({content:h,buttonText:f,isReasoning:g,fullWidth:j=!1})=>{const[k,y]=e(!1),b=t(()=>{g||y(i=>!i)},[g]),[x,v]=n(),w=Math.max(Math.min(v.height,650),300),{delayedVisible:M,mounted:W}=o(k,0,w);return i(m,{$fullWidth:j,children:[i(d,{children:[i(a,{onClick:b,disabled:g||!h,children:[f,!g&&!!h&&r(c,{$isOpen:k,size:16})]}),g&&r(s,{size:16})]}),W&&r(p,{$fullWidth:j,style:{"--reasoning-block-animation-duration":w/1e3+"s",height:k&&M?v.height:0},children:i("div",{ref:x,children:[r("div",{}),r("div",{children:"string"==typeof h?r(l,{componentsOverride:u(),disableTyping:!0,children:h}):h})]})})]})};export{h as MessageReasoningBlock};