npm - @chat-lab/ui - Versions diffs - 0.1.0-beta.79 → 0.1.0-beta.80 - Mend

@chat-lab/ui 0.1.0-beta.79 → 0.1.0-beta.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/components/assistant-ui/markdown-text.cjs CHANGED Viewed

@@ -102,13 +102,13 @@ const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     return { isCopied, copyToClipboard };
 };
 const defaultComponents = reactMarkdown.unstable_memoizeMarkdownComponents({
-    h1: ({ className, ...props }) => (jsxRuntime.jsx("h1", { className: utils.cn('aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0', className), ...props })),
-    h2: ({ className, ...props }) => (jsxRuntime.jsx("h2", { className: utils.cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h3: ({ className, ...props }) => (jsxRuntime.jsx("h3", { className: utils.cn('aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h4: ({ className, ...props }) => (jsxRuntime.jsx("h4", { className: utils.cn('aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h5: ({ className, ...props }) => (jsxRuntime.jsx("h5", { className: utils.cn('aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h1: ({ className, ...props }) => (jsxRuntime.jsx("h1", { className: utils.cn('aui-md-h1 mb-[12px] scroll-m-20 text-[26px]  leading-[37px] font-extrabold tracking-tight last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (jsxRuntime.jsx("h2", { className: utils.cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (jsxRuntime.jsx("h3", { className: utils.cn('aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500]  leading-[28px] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (jsxRuntime.jsx("h4", { className: utils.cn('aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => (jsxRuntime.jsx("h5", { className: utils.cn('aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] first:mt-0 last:mb-0', className), ...props })),
     h6: ({ className, ...props }) => (jsxRuntime.jsx("h6", { className: utils.cn('aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0', className), ...props })),
-    p: ({ className, ...props }) => (jsxRuntime.jsx("p", { className: utils.cn('aui-md-p text-[13px] mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
+    p: ({ className, ...props }) => (jsxRuntime.jsx("p", { className: utils.cn('aui-md-p text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
     image: ({ className, ...props }) => (jsxRuntime.jsx("img", { src: props.href, style: { maxWidth: 400 }, className: utils.cn('aui-md-img max-w-full rounded-lg', className) })),
     a: ({ className, ...props }) => {
         const isVideo = (href) => {
@@ -119,13 +119,13 @@ const defaultComponents = reactMarkdown.unstable_memoizeMarkdownComponents({
         if (isVideo(props.href)) {
             return jsxRuntime.jsx(Video, { src: props.href, className: className, ...props });
         }
-        return (jsxRuntime.jsx("a", { className: utils.cn('aui-md-a font-medium text-primary underline underline-offset-4', className), ...props }));
+        return (jsxRuntime.jsx("a", { className: utils.cn('aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4', className), ...props }));
     },
     video: ({ className, ...props }) => (jsxRuntime.jsx(Video, { className: className, ...props })),
-    blockquote: ({ className, ...props }) => (jsxRuntime.jsx("blockquote", { className: utils.cn('aui-md-blockquote border-l-2 pl-6 italic', className), ...props })),
-    ul: ({ className, ...props }) => (jsxRuntime.jsx("ul", { className: utils.cn('aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2', className), ...props })),
-    ol: ({ className, ...props }) => (jsxRuntime.jsx("ol", { className: utils.cn('aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2', className), ...props })),
-    hr: ({ className, ...props }) => (jsxRuntime.jsx("hr", { className: utils.cn('aui-md-hr my-5 border-b', className), ...props })),
+    blockquote: ({ className, ...props }) => (jsxRuntime.jsx("blockquote", { className: utils.cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className), ...props })),
+    ul: ({ className, ...props }) => (jsxRuntime.jsx("ul", { className: utils.cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    ol: ({ className, ...props }) => (jsxRuntime.jsx("ol", { className: utils.cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    hr: ({ className, ...props }) => (jsxRuntime.jsx("hr", { className: utils.cn('aui-md-hr my-[12px] border-b', className), ...props })),
     table: ({ className, ...props }) => (jsxRuntime.jsx("table", { className: utils.cn('aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto', className), ...props })),
     th: ({ className, ...props }) => (jsxRuntime.jsx("th", { className: utils.cn('aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
     td: ({ className, ...props }) => (jsxRuntime.jsx("td", { className: utils.cn('aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
@@ -136,7 +136,7 @@ const defaultComponents = reactMarkdown.unstable_memoizeMarkdownComponents({
     code: function Code({ className, ...props }) {
         const isCodeBlock = reactMarkdown.useIsMarkdownCodeBlock();
         return (jsxRuntime.jsx("code", { className: utils.cn(!isCodeBlock
-                && 'aui-md-inline-code rounded border bg-muted font-semibold', className), ...props }));
+                && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]', className), ...props }));
     },
     CodeHeader,
     div: ({ className, ...props }) => jsxRuntime.jsx("div", { className: className, ...props }),

package/dist/components/assistant-ui/markdown-text.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdown-text.cjs","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["'use client';\n\nimport '@assistant-ui/react-markdown/styles/dot.css';\n\nimport {\n type CodeHeaderProps,\n MarkdownTextPrimitive,\n unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n useIsMarkdownCodeBlock,\n} from '@assistant-ui/react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport { type FC, memo, useState } from 'react';\nimport { CheckIcon, CopyIcon, Loader2 } from 'lucide-react';\nimport './index.less';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\nimport { SyntaxHighlighter } from './shiki-highlighter';\n\nconst schema = {\n ...defaultSchema,\n // 1. 添加标签到白名单\n tagNames: [...(defaultSchema.tagNames \|\| []), 'video', 'source', 'iframe'],\n // 2. 添加允许的属性\n attributes: {\n ...defaultSchema.attributes,\n iframe: [\n 'src',\n 'width',\n 'height',\n 'frameborder',\n 'allow',\n 'allowfullscreen',\n ],\n // 允许 video 标签使用的属性\n video: [\n 'controls',\n 'width',\n 'height',\n 'poster',\n 'preload',\n 'src',\n 'muted',\n 'loop',\n 'autoPlay',\n 'playsInline',\n ],\n div: [\n ...(defaultSchema.attributes?.div \|\| []),\n 'className', //\n 'data-content', // 如果你在插件里用了 data-content\n ],\n // 允许 source 标签使用的属性\n source: ['src', 'type'],\n },\n};\n\nconst remarkPlugins: PluggableList = [remarkGfm, remarkBreaks];\n\nconst rehypePlugins: PluggableList = [\n rehypeRaw,\n [rehypeSanitize, schema],\n // rehypeAppendCursor,\n];\n\nfunction MarkdownTextImpl() {\n return (\n <MarkdownTextPrimitive\n remarkPlugins={remarkPlugins}\n rehypePlugins={rehypePlugins}\n className=\"aui-md\"\n // smooth={false}\n components={defaultComponents}\n />\n );\n}\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n const { isCopied, copyToClipboard } = useCopyToClipboard();\n const processedLanguage = language == 'unknown' ? 'text' : language;\n const { t } = useI18n();\n const onCopy = () => {\n if (!code \|\| isCopied) return;\n copyToClipboard(code);\n };\n\n return (\n <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground max-w-[800px] overflow-auto\">\n <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n {processedLanguage}\n </span>\n <TooltipIconButton tooltip={t('thread.copy')} onClick={onCopy}>\n {!isCopied && <CopyIcon />}\n {isCopied && <CheckIcon />}\n </TooltipIconButton>\n </div>\n );\n};\n\nfunction Video({\n src,\n className,\n ...props\n}: {\n src?: string;\n className?: string;\n}) {\n const debouncedSrc = useDebounce(src, 500);\n return (\n <video\n src={debouncedSrc}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-video max-w-full rounded-lg', className)}\n controls\n {...props}\n />\n );\n}\n\nconst videoExtensions = [\n '.mp4',\n '.avi',\n '.mov',\n '.wmv',\n '.flv',\n '.webm',\n '.mkv',\n '.m4v',\n];\n\nconst useCopyToClipboard = ({\n copiedDuration = 3000,\n}: {\n copiedDuration?: number;\n} = {}) => {\n const [isCopied, setIsCopied] = useState<boolean>(false);\n\n const copyToClipboard = (value: string) => {\n if (!value) return;\n\n navigator.clipboard.writeText(value).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), copiedDuration);\n });\n };\n\n return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n 'aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n 'aui-md-h2 mt-6 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n 'aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n 'aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h5: ({ className, ...props }) => (\n <h5\n className={cn(\n 'aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h6: ({ className, ...props }) => (\n <h6\n className={cn(\n 'aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\n 'aui-md-p text-[13px] mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p',\n className,\n )}\n {...props}\n />\n ),\n image: ({ className, ...props }) => (\n <img\n src={props.href}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-img max-w-full rounded-lg', className)}\n />\n ),\n a: ({ className, ...props }) => {\n const isVideo = (href: string \| undefined) => {\n if (!href) return false;\n return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n };\n\n if (isVideo(props.href)) {\n return <Video src={props.href} className={className} {...props} />;\n }\n\n return (\n <a\n className={cn(\n 'aui-md-a font-medium text-primary underline underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n },\n video: ({ className, ...props }) => (\n <Video className={className} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn('aui-md-blockquote border-l-2 pl-6 italic', className)}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2', className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn('aui-md-hr my-5 border-b', className)} {...props} />\n ),\n table: ({ className, ...props }) => (\n <table\n className={cn(\n 'aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto',\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n 'aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td\n className={cn(\n 'aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n 'aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg',\n className,\n )}\n {...props}\n />\n ),\n sup: ({ className, ...props }) => (\n <sup\n className={cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className)}\n {...props}\n />\n ),\n SyntaxHighlighter,\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n 'aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4',\n className,\n )}\n {...props}\n />\n ),\n code: function Code({ className, ...props }) {\n const isCodeBlock = useIsMarkdownCodeBlock();\n return (\n <code\n className={cn(\n !isCodeBlock\n && 'aui-md-inline-code rounded border bg-muted font-semibold',\n className,\n )}\n {...props}\n />\n );\n },\n CodeHeader,\n div: ({ className, ...props }) => <div className={className} {...props} />,\n});\n"],"names":["defaultSchema","_jsx","MarkdownTextPrimitive","memo","useI18n","_jsxs","TooltipIconButton","CopyIcon","CheckIcon","useDebounce","cn","useState","memoizeMarkdownComponents","SyntaxHighlighter","useIsMarkdownCodeBlock"],"mappings":"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"}
1	+ {"version":3,"file":"markdown-text.cjs","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["'use client';\n\nimport '@assistant-ui/react-markdown/styles/dot.css';\n\nimport {\n type CodeHeaderProps,\n MarkdownTextPrimitive,\n unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n useIsMarkdownCodeBlock,\n} from '@assistant-ui/react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport { type FC, memo, useState } from 'react';\nimport { CheckIcon, CopyIcon, Loader2 } from 'lucide-react';\nimport './index.less';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\nimport { SyntaxHighlighter } from './shiki-highlighter';\n\nconst schema = {\n ...defaultSchema,\n // 1. 添加标签到白名单\n tagNames: [...(defaultSchema.tagNames \|\| []), 'video', 'source', 'iframe'],\n // 2. 添加允许的属性\n attributes: {\n ...defaultSchema.attributes,\n iframe: [\n 'src',\n 'width',\n 'height',\n 'frameborder',\n 'allow',\n 'allowfullscreen',\n ],\n // 允许 video 标签使用的属性\n video: [\n 'controls',\n 'width',\n 'height',\n 'poster',\n 'preload',\n 'src',\n 'muted',\n 'loop',\n 'autoPlay',\n 'playsInline',\n ],\n div: [\n ...(defaultSchema.attributes?.div \|\| []),\n 'className', //\n 'data-content', // 如果你在插件里用了 data-content\n ],\n // 允许 source 标签使用的属性\n source: ['src', 'type'],\n },\n};\n\nconst remarkPlugins: PluggableList = [remarkGfm, remarkBreaks];\n\nconst rehypePlugins: PluggableList = [\n rehypeRaw,\n [rehypeSanitize, schema],\n // rehypeAppendCursor,\n];\n\nfunction MarkdownTextImpl() {\n return (\n <MarkdownTextPrimitive\n remarkPlugins={remarkPlugins}\n rehypePlugins={rehypePlugins}\n className=\"aui-md\"\n // smooth={false}\n components={defaultComponents}\n />\n );\n}\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n const { isCopied, copyToClipboard } = useCopyToClipboard();\n const processedLanguage = language == 'unknown' ? 'text' : language;\n const { t } = useI18n();\n const onCopy = () => {\n if (!code \|\| isCopied) return;\n copyToClipboard(code);\n };\n\n return (\n <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground max-w-[800px] overflow-auto\">\n <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n {processedLanguage}\n </span>\n <TooltipIconButton tooltip={t('thread.copy')} onClick={onCopy}>\n {!isCopied && <CopyIcon />}\n {isCopied && <CheckIcon />}\n </TooltipIconButton>\n </div>\n );\n};\n\nfunction Video({\n src,\n className,\n ...props\n}: {\n src?: string;\n className?: string;\n}) {\n const debouncedSrc = useDebounce(src, 500);\n return (\n <video\n src={debouncedSrc}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-video max-w-full rounded-lg', className)}\n controls\n {...props}\n />\n );\n}\n\nconst videoExtensions = [\n '.mp4',\n '.avi',\n '.mov',\n '.wmv',\n '.flv',\n '.webm',\n '.mkv',\n '.m4v',\n];\n\nconst useCopyToClipboard = ({\n copiedDuration = 3000,\n}: {\n copiedDuration?: number;\n} = {}) => {\n const [isCopied, setIsCopied] = useState<boolean>(false);\n\n const copyToClipboard = (value: string) => {\n if (!value) return;\n\n navigator.clipboard.writeText(value).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), copiedDuration);\n });\n };\n\n return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n 'aui-md-h1 mb-[12px] scroll-m-20 text-[26px] leading-[37px] font-extrabold tracking-tight last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n 'aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n 'aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500] leading-[28px] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n 'aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h5: ({ className, ...props }) => (\n <h5\n className={cn(\n 'aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h6: ({ className, ...props }) => (\n <h6\n className={cn(\n 'aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\n 'aui-md-p text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p',\n className,\n )}\n {...props}\n />\n ),\n image: ({ className, ...props }) => (\n <img\n src={props.href}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-img max-w-full rounded-lg', className)}\n />\n ),\n a: ({ className, ...props }) => {\n const isVideo = (href: string \| undefined) => {\n if (!href) return false;\n return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n };\n\n if (isVideo(props.href)) {\n return <Video src={props.href} className={className} {...props} />;\n }\n\n return (\n <a\n className={cn(\n 'aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n },\n video: ({ className, ...props }) => (\n <Video className={className} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className)}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn('aui-md-hr my-[12px] border-b', className)} {...props} />\n ),\n table: ({ className, ...props }) => (\n <table\n className={cn(\n 'aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto',\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n 'aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td\n className={cn(\n 'aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n 'aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg',\n className,\n )}\n {...props}\n />\n ),\n sup: ({ className, ...props }) => (\n <sup\n className={cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className)}\n {...props}\n />\n ),\n SyntaxHighlighter,\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n 'aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4',\n className,\n )}\n {...props}\n />\n ),\n code: function Code({ className, ...props }) {\n const isCodeBlock = useIsMarkdownCodeBlock();\n return (\n <code\n className={cn(\n !isCodeBlock\n && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]',\n className,\n )}\n {...props}\n />\n );\n },\n CodeHeader,\n div: ({ className, ...props }) => <div className={className} {...props} />,\n});\n"],"names":["defaultSchema","_jsx","MarkdownTextPrimitive","memo","useI18n","_jsxs","TooltipIconButton","CopyIcon","CheckIcon","useDebounce","cn","useState","memoizeMarkdownComponents","SyntaxHighlighter","useIsMarkdownCodeBlock"],"mappings":"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"}

package/dist/components/assistant-ui/markdown-text.js CHANGED Viewed

@@ -100,13 +100,13 @@ const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     return { isCopied, copyToClipboard };
 };
 const defaultComponents = unstable_memoizeMarkdownComponents({
-    h1: ({ className, ...props }) => (jsx("h1", { className: cn('aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0', className), ...props })),
-    h2: ({ className, ...props }) => (jsx("h2", { className: cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h3: ({ className, ...props }) => (jsx("h3", { className: cn('aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h4: ({ className, ...props }) => (jsx("h4", { className: cn('aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
-    h5: ({ className, ...props }) => (jsx("h5", { className: cn('aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h1: ({ className, ...props }) => (jsx("h1", { className: cn('aui-md-h1 mb-[12px] scroll-m-20 text-[26px]  leading-[37px] font-extrabold tracking-tight last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (jsx("h2", { className: cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (jsx("h3", { className: cn('aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500]  leading-[28px] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (jsx("h4", { className: cn('aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => (jsx("h5", { className: cn('aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] first:mt-0 last:mb-0', className), ...props })),
     h6: ({ className, ...props }) => (jsx("h6", { className: cn('aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0', className), ...props })),
-    p: ({ className, ...props }) => (jsx("p", { className: cn('aui-md-p text-[13px] mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
+    p: ({ className, ...props }) => (jsx("p", { className: cn('aui-md-p text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
     image: ({ className, ...props }) => (jsx("img", { src: props.href, style: { maxWidth: 400 }, className: cn('aui-md-img max-w-full rounded-lg', className) })),
     a: ({ className, ...props }) => {
         const isVideo = (href) => {
@@ -117,13 +117,13 @@ const defaultComponents = unstable_memoizeMarkdownComponents({
         if (isVideo(props.href)) {
             return jsx(Video, { src: props.href, className: className, ...props });
         }
-        return (jsx("a", { className: cn('aui-md-a font-medium text-primary underline underline-offset-4', className), ...props }));
+        return (jsx("a", { className: cn('aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4', className), ...props }));
     },
     video: ({ className, ...props }) => (jsx(Video, { className: className, ...props })),
-    blockquote: ({ className, ...props }) => (jsx("blockquote", { className: cn('aui-md-blockquote border-l-2 pl-6 italic', className), ...props })),
-    ul: ({ className, ...props }) => (jsx("ul", { className: cn('aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2', className), ...props })),
-    ol: ({ className, ...props }) => (jsx("ol", { className: cn('aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2', className), ...props })),
-    hr: ({ className, ...props }) => (jsx("hr", { className: cn('aui-md-hr my-5 border-b', className), ...props })),
+    blockquote: ({ className, ...props }) => (jsx("blockquote", { className: cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className), ...props })),
+    ul: ({ className, ...props }) => (jsx("ul", { className: cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    ol: ({ className, ...props }) => (jsx("ol", { className: cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    hr: ({ className, ...props }) => (jsx("hr", { className: cn('aui-md-hr my-[12px] border-b', className), ...props })),
     table: ({ className, ...props }) => (jsx("table", { className: cn('aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto', className), ...props })),
     th: ({ className, ...props }) => (jsx("th", { className: cn('aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
     td: ({ className, ...props }) => (jsx("td", { className: cn('aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
@@ -134,7 +134,7 @@ const defaultComponents = unstable_memoizeMarkdownComponents({
     code: function Code({ className, ...props }) {
         const isCodeBlock = useIsMarkdownCodeBlock();
         return (jsx("code", { className: cn(!isCodeBlock
-                && 'aui-md-inline-code rounded border bg-muted font-semibold', className), ...props }));
+                && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]', className), ...props }));
     },
     CodeHeader,
     div: ({ className, ...props }) => jsx("div", { className: className, ...props }),

package/dist/components/assistant-ui/markdown-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdown-text.js","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["'use client';\n\nimport '@assistant-ui/react-markdown/styles/dot.css';\n\nimport {\n type CodeHeaderProps,\n MarkdownTextPrimitive,\n unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n useIsMarkdownCodeBlock,\n} from '@assistant-ui/react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport { type FC, memo, useState } from 'react';\nimport { CheckIcon, CopyIcon, Loader2 } from 'lucide-react';\nimport './index.less';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\nimport { SyntaxHighlighter } from './shiki-highlighter';\n\nconst schema = {\n ...defaultSchema,\n // 1. 添加标签到白名单\n tagNames: [...(defaultSchema.tagNames \|\| []), 'video', 'source', 'iframe'],\n // 2. 添加允许的属性\n attributes: {\n ...defaultSchema.attributes,\n iframe: [\n 'src',\n 'width',\n 'height',\n 'frameborder',\n 'allow',\n 'allowfullscreen',\n ],\n // 允许 video 标签使用的属性\n video: [\n 'controls',\n 'width',\n 'height',\n 'poster',\n 'preload',\n 'src',\n 'muted',\n 'loop',\n 'autoPlay',\n 'playsInline',\n ],\n div: [\n ...(defaultSchema.attributes?.div \|\| []),\n 'className', //\n 'data-content', // 如果你在插件里用了 data-content\n ],\n // 允许 source 标签使用的属性\n source: ['src', 'type'],\n },\n};\n\nconst remarkPlugins: PluggableList = [remarkGfm, remarkBreaks];\n\nconst rehypePlugins: PluggableList = [\n rehypeRaw,\n [rehypeSanitize, schema],\n // rehypeAppendCursor,\n];\n\nfunction MarkdownTextImpl() {\n return (\n <MarkdownTextPrimitive\n remarkPlugins={remarkPlugins}\n rehypePlugins={rehypePlugins}\n className=\"aui-md\"\n // smooth={false}\n components={defaultComponents}\n />\n );\n}\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n const { isCopied, copyToClipboard } = useCopyToClipboard();\n const processedLanguage = language == 'unknown' ? 'text' : language;\n const { t } = useI18n();\n const onCopy = () => {\n if (!code \|\| isCopied) return;\n copyToClipboard(code);\n };\n\n return (\n <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground max-w-[800px] overflow-auto\">\n <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n {processedLanguage}\n </span>\n <TooltipIconButton tooltip={t('thread.copy')} onClick={onCopy}>\n {!isCopied && <CopyIcon />}\n {isCopied && <CheckIcon />}\n </TooltipIconButton>\n </div>\n );\n};\n\nfunction Video({\n src,\n className,\n ...props\n}: {\n src?: string;\n className?: string;\n}) {\n const debouncedSrc = useDebounce(src, 500);\n return (\n <video\n src={debouncedSrc}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-video max-w-full rounded-lg', className)}\n controls\n {...props}\n />\n );\n}\n\nconst videoExtensions = [\n '.mp4',\n '.avi',\n '.mov',\n '.wmv',\n '.flv',\n '.webm',\n '.mkv',\n '.m4v',\n];\n\nconst useCopyToClipboard = ({\n copiedDuration = 3000,\n}: {\n copiedDuration?: number;\n} = {}) => {\n const [isCopied, setIsCopied] = useState<boolean>(false);\n\n const copyToClipboard = (value: string) => {\n if (!value) return;\n\n navigator.clipboard.writeText(value).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), copiedDuration);\n });\n };\n\n return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n 'aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n 'aui-md-h2 mt-6 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n 'aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n 'aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h5: ({ className, ...props }) => (\n <h5\n className={cn(\n 'aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h6: ({ className, ...props }) => (\n <h6\n className={cn(\n 'aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\n 'aui-md-p text-[13px] mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p',\n className,\n )}\n {...props}\n />\n ),\n image: ({ className, ...props }) => (\n <img\n src={props.href}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-img max-w-full rounded-lg', className)}\n />\n ),\n a: ({ className, ...props }) => {\n const isVideo = (href: string \| undefined) => {\n if (!href) return false;\n return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n };\n\n if (isVideo(props.href)) {\n return <Video src={props.href} className={className} {...props} />;\n }\n\n return (\n <a\n className={cn(\n 'aui-md-a font-medium text-primary underline underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n },\n video: ({ className, ...props }) => (\n <Video className={className} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn('aui-md-blockquote border-l-2 pl-6 italic', className)}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2', className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn('aui-md-hr my-5 border-b', className)} {...props} />\n ),\n table: ({ className, ...props }) => (\n <table\n className={cn(\n 'aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto',\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n 'aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td\n className={cn(\n 'aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n 'aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg',\n className,\n )}\n {...props}\n />\n ),\n sup: ({ className, ...props }) => (\n <sup\n className={cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className)}\n {...props}\n />\n ),\n SyntaxHighlighter,\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n 'aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4',\n className,\n )}\n {...props}\n />\n ),\n code: function Code({ className, ...props }) {\n const isCodeBlock = useIsMarkdownCodeBlock();\n return (\n <code\n className={cn(\n !isCodeBlock\n && 'aui-md-inline-code rounded border bg-muted font-semibold',\n className,\n )}\n {...props}\n />\n );\n },\n CodeHeader,\n div: ({ className, ...props }) => <div className={className} {...props} />,\n});\n"],"names":["_jsx","_jsxs","memoizeMarkdownComponents"],"mappings":"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"}
1	+ {"version":3,"file":"markdown-text.js","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["'use client';\n\nimport '@assistant-ui/react-markdown/styles/dot.css';\n\nimport {\n type CodeHeaderProps,\n MarkdownTextPrimitive,\n unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n useIsMarkdownCodeBlock,\n} from '@assistant-ui/react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport { type FC, memo, useState } from 'react';\nimport { CheckIcon, CopyIcon, Loader2 } from 'lucide-react';\nimport './index.less';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\nimport { SyntaxHighlighter } from './shiki-highlighter';\n\nconst schema = {\n ...defaultSchema,\n // 1. 添加标签到白名单\n tagNames: [...(defaultSchema.tagNames \|\| []), 'video', 'source', 'iframe'],\n // 2. 添加允许的属性\n attributes: {\n ...defaultSchema.attributes,\n iframe: [\n 'src',\n 'width',\n 'height',\n 'frameborder',\n 'allow',\n 'allowfullscreen',\n ],\n // 允许 video 标签使用的属性\n video: [\n 'controls',\n 'width',\n 'height',\n 'poster',\n 'preload',\n 'src',\n 'muted',\n 'loop',\n 'autoPlay',\n 'playsInline',\n ],\n div: [\n ...(defaultSchema.attributes?.div \|\| []),\n 'className', //\n 'data-content', // 如果你在插件里用了 data-content\n ],\n // 允许 source 标签使用的属性\n source: ['src', 'type'],\n },\n};\n\nconst remarkPlugins: PluggableList = [remarkGfm, remarkBreaks];\n\nconst rehypePlugins: PluggableList = [\n rehypeRaw,\n [rehypeSanitize, schema],\n // rehypeAppendCursor,\n];\n\nfunction MarkdownTextImpl() {\n return (\n <MarkdownTextPrimitive\n remarkPlugins={remarkPlugins}\n rehypePlugins={rehypePlugins}\n className=\"aui-md\"\n // smooth={false}\n components={defaultComponents}\n />\n );\n}\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n const { isCopied, copyToClipboard } = useCopyToClipboard();\n const processedLanguage = language == 'unknown' ? 'text' : language;\n const { t } = useI18n();\n const onCopy = () => {\n if (!code \|\| isCopied) return;\n copyToClipboard(code);\n };\n\n return (\n <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground max-w-[800px] overflow-auto\">\n <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n {processedLanguage}\n </span>\n <TooltipIconButton tooltip={t('thread.copy')} onClick={onCopy}>\n {!isCopied && <CopyIcon />}\n {isCopied && <CheckIcon />}\n </TooltipIconButton>\n </div>\n );\n};\n\nfunction Video({\n src,\n className,\n ...props\n}: {\n src?: string;\n className?: string;\n}) {\n const debouncedSrc = useDebounce(src, 500);\n return (\n <video\n src={debouncedSrc}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-video max-w-full rounded-lg', className)}\n controls\n {...props}\n />\n );\n}\n\nconst videoExtensions = [\n '.mp4',\n '.avi',\n '.mov',\n '.wmv',\n '.flv',\n '.webm',\n '.mkv',\n '.m4v',\n];\n\nconst useCopyToClipboard = ({\n copiedDuration = 3000,\n}: {\n copiedDuration?: number;\n} = {}) => {\n const [isCopied, setIsCopied] = useState<boolean>(false);\n\n const copyToClipboard = (value: string) => {\n if (!value) return;\n\n navigator.clipboard.writeText(value).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), copiedDuration);\n });\n };\n\n return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n 'aui-md-h1 mb-[12px] scroll-m-20 text-[26px] leading-[37px] font-extrabold tracking-tight last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n 'aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n 'aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500] leading-[28px] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n 'aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h5: ({ className, ...props }) => (\n <h5\n className={cn(\n 'aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n h6: ({ className, ...props }) => (\n <h6\n className={cn(\n 'aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0',\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\n 'aui-md-p text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p',\n className,\n )}\n {...props}\n />\n ),\n image: ({ className, ...props }) => (\n <img\n src={props.href}\n style={{ maxWidth: 400 }}\n className={cn('aui-md-img max-w-full rounded-lg', className)}\n />\n ),\n a: ({ className, ...props }) => {\n const isVideo = (href: string \| undefined) => {\n if (!href) return false;\n return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n };\n\n if (isVideo(props.href)) {\n return <Video src={props.href} className={className} {...props} />;\n }\n\n return (\n <a\n className={cn(\n 'aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n },\n video: ({ className, ...props }) => (\n <Video className={className} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className)}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn('aui-md-hr my-[12px] border-b', className)} {...props} />\n ),\n table: ({ className, ...props }) => (\n <table\n className={cn(\n 'aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto',\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n 'aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td\n className={cn(\n 'aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right',\n className,\n )}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n 'aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg',\n className,\n )}\n {...props}\n />\n ),\n sup: ({ className, ...props }) => (\n <sup\n className={cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className)}\n {...props}\n />\n ),\n SyntaxHighlighter,\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n 'aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4',\n className,\n )}\n {...props}\n />\n ),\n code: function Code({ className, ...props }) {\n const isCodeBlock = useIsMarkdownCodeBlock();\n return (\n <code\n className={cn(\n !isCodeBlock\n && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]',\n className,\n )}\n {...props}\n />\n );\n },\n CodeHeader,\n div: ({ className, ...props }) => <div className={className} {...props} />,\n});\n"],"names":["_jsx","_jsxs","memoizeMarkdownComponents"],"mappings":"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"}

package/dist/components/assistant-ui/message-components-with-avatar.cjs CHANGED Viewed

@@ -2,19 +2,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var markdownText = require('./markdown-text.cjs');
-var reasoning = require('./reasoning.cjs');
-var toolFallback = require('./tool-fallback.cjs');
 var react = require('@assistant-ui/react');
 var avatarGroup = require('../../assets/avatarGroup.cjs');
 var lodashEs = require('lodash-es');
 var lucideReact = require('lucide-react');
+var toolFallback = require('./tool-fallback.cjs');
+var reasoning = require('./reasoning.cjs');
+var markdownText = require('./markdown-text.cjs');
-const File = (props) => {
+function File(props) {
     const { filename } = props;
     const content = (jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: jsxRuntime.jsxs("div", { className: "flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]", children: [jsxRuntime.jsx("div", { className: "w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0", children: jsxRuntime.jsx(lucideReact.FileText, { className: "text-[#1677FF]", size: 24 }) }), jsxRuntime.jsx("div", { className: "flex flex-col overflow-hidden", children: jsxRuntime.jsx("span", { className: "text-[14px] font-medium text-[#1D2129] truncate", title: filename, children: filename }) })] }) }));
     return content;
-};
+}
 const assistantMessageComponents = {
     Text: markdownText.MarkdownText,
     tools: {
@@ -31,29 +31,25 @@ const getAvatarByIdx = (idx) => {
     }
     return avatarGroup.AvatarList[idx % avatarListLength];
 };
-const wrapComponentsForTextWithAvatar = (component) => {
-    return (props) => {
-        const text = react.useMessagePartText();
-        const showAvatar = text?.showAvatar;
-        const marginLeft = text?.marginLeft;
-        const Avatar = getAvatarByIdx(text?.authorIdx);
-        if (!showAvatar) {
-            return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
-        }
-        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
-    };
+const wrapComponentsForTextWithAvatar = (component) => function (props) {
+    const text = react.useMessagePartText();
+    const showAvatar = text?.showAvatar;
+    const marginLeft = text?.marginLeft;
+    const Avatar = getAvatarByIdx(text?.authorIdx);
+    if (!showAvatar) {
+        return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
+    }
+    return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
 };
-const wrapComponentsForReasoningWithAvatar = (component) => {
-    return (props) => {
-        const text = react.useMessagePartReasoning();
-        const showAvatar = text?.showAvatar;
-        const marginLeft = text?.marginLeft;
-        const Avatar = getAvatarByIdx(text?.authorIdx);
-        if (!showAvatar) {
-            return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
-        }
-        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
-    };
+const wrapComponentsForReasoningWithAvatar = (component) => function (props) {
+    const text = react.useMessagePartReasoning();
+    const showAvatar = text?.showAvatar;
+    const marginLeft = text?.marginLeft;
+    const Avatar = getAvatarByIdx(text?.authorIdx);
+    if (!showAvatar) {
+        return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
+    }
+    return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
 };
 const assistantMessageComponentsWithAvatar = {
     ...assistantMessageComponents,

package/dist/components/assistant-ui/message-components-with-avatar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-components-with-avatar.cjs","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { ~~MarkdownText~~ } from '~~./markdown~~-~~text~~';\nimport { ~~Reasoning,~~ ~~ReasoningGroup~~ } from '~~./reasoning~~';\nimport { ~~ToolFallback~~ } from '~~./tool~~-~~fallback~~';\nimport {~~\n FileMessagePartProps,\n useMessagePartReasoning,\n useMessagePartText,\n~~} from '~~@assistant~~-~~ui/~~react';\nimport { ~~AvatarList~~ } from '~~@/assets/avatarGroup~~';\nimport { ~~isNil~~ } from '~~lodash-es~~';\n\nimport { ~~FileText~~ } from '~~lucide~~-~~react~~';\n\~~nconst~~ File = (props: FileMessagePartProps) => {\n const { filename } = props;\n\n const content = (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n <FileText className=\"text-[#1677FF]\" size={24} />\n </div>\n <div className=\"flex flex-col overflow-hidden\">\n <span\n className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n title={filename}\n >\n {filename}\n </span>\n </div>\n </div>\n </div>\n );\n\n return content;\n};\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: {\n Fallback: ToolFallback,\n },\n File,\n Reasoning,\n ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n if (isNil(idx) \|\| idx < 0 \|\| idx >= avatarListLength) {\n return AvatarList[0];\n }\n return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => ~~{\n return~~ (props: Attributes) => {\n const text = useMessagePartText() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n };\n~~};\n~~\nconst wrapComponentsForReasoningWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => ~~{\n return~~ (props: Attributes) => {\n const text = useMessagePartReasoning() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n };\~~n};\~~nexport const assistantMessageComponentsWithAvatar = {\n ...assistantMessageComponents,\n Text: wrapComponentsForTextWithAvatar(MarkdownText),\n Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","FileText","MarkdownText","ToolFallback","Reasoning","ReasoningGroup","AvatarList","isNil","useMessagePartText","useMessagePartReasoning"],"mappings":";;;;;;;;;;;;AAcA,~~MAAM~~,IAAI,~~GAAG,~~CAAC,KAA2B,~~KAAI~~;~~AAC3C~~,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,OAAO,IACXA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAClC,QAAA,EAAAC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qFAAqF,EAClG,QAAA,EAAA,CAAAD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kFAAkF,EAAA,QAAA,EAC/FA,eAACE,oBAAQ,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,EAAA,CAC7C,EACNF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAC5C,QAAA,EAAAA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,QAAQ,EAEd,QAAA,EAAA,QAAQ,GACJ,EACH,CAAA,CAAA,EAAA,CACF,EACF,CAAA,CACP,CAAC;AAEF,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC~~,CAAC~~;~~AAEF~~,MAAM,0BAA0B,GAAG;AACjC,IAAA,IAAI,EAAEG,yBAAY;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAEC,yBAAY;AACvB,KAAA;IACD,IAAI;eACJC,mBAAS;oBACTC,wBAAc;CACf,CAAC;AACF,MAAM,gBAAgB,GAAGC,sBAAU,CAAC,MAAM,CAAC;AAE9B,MAAA,cAAc,GAAG,CAAC,GAAY,KAAI;AAC7C,IAAA,IAAIC,cAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,IAAI,gBAAgB,EAAE;AACpD,QAAA,OAAOD,sBAAU,CAAC,CAAC,CAAC,CAAC;KACtB;AACD,IAAA,OAAOA,sBAAU,CAAC,GAAG,GAAG,gBAAgB,CAAC,CAAC;AAC5C,EAAE;AACF,MAAM,+BAA+B,GAAG,CACtC,SAA+C,~~KAC7C;IACF~~,~~OAAO~~,~~CAAC,~~KAAiB,~~KAAI~~;~~AAC3B~~,~~QAAA~~,MAAM,IAAI,GAAGE,wBAAkB,EAAS,CAAC;AAEzC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;AACpC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;~~QACpC~~,MAAM,MAAM,GAAG,cAAc,CAC3B,IAAI,EAAE,SAAS,CACwB,CAAC;~~QAC1C~~,IAAI,CAAC,UAAU,EAAE;~~YACf~~,QACET,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,UAAU,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,QAAA,EAC/C,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAClC,CAAA,EACN;~~SACH~~;~~QACD~~,QACEC,yBAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iDAAiD,YAC9DA,cAAC,CAAA,MAAM,KAAG,EACN,CAAA,EACNC,yBAAK,SAAS,EAAC,oBAAoB,EACjC,QAAA,EAAA,CAAAD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iEAAiE,YAC7E,IAAI,EAAE,MAAM,IAAI,OAAO,GACpB,EACL,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAClC,EAAA,CAAA,CAAA,EAAA,CACF,EACN;AACJ,~~KAAC,~~CAAC~~;AACJ~~,CAAC~~,CAAC~~;AAEF,MAAM,oCAAoC,GAAG,CAC3C,SAA+C,~~KAC7C;IACF~~,~~OAAO~~,~~CAAC,~~KAAiB,~~KAAI~~;~~AAC3B~~,~~QAAA~~,MAAM,IAAI,GAAGU,6BAAuB,EAAS,CAAC;AAE9C,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;AACpC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;~~QACpC~~,MAAM,MAAM,GAAG,cAAc,CAC3B,IAAI,EAAE,SAAS,CACwB,CAAC;~~QAC1C~~,IAAI,CAAC,UAAU,EAAE;~~YACf~~,QACEV,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,UAAU,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,QAAA,EAC/C,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAClC,CAAA,EACN;~~SACH~~;~~QACD~~,QACEC,yBAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iDAAiD,YAC9DA,cAAC,CAAA,MAAM,KAAG,EACN,CAAA,EACNC,yBAAK,SAAS,EAAC,oBAAoB,EACjC,QAAA,EAAA,CAAAD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iEAAiE,YAC7E,IAAI,EAAE,MAAM,IAAI,OAAO,GACpB,EACL,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAClC,EAAA,CAAA,CAAA,EAAA,CACF,EACN;AACJ,~~KAAC,~~CAAC~~;AACJ~~,CAAC~~,CAAC~~;AACW,MAAA,oCAAoC,GAAG;AAClD,IAAA,GAAG,0BAA0B;AAC7B,IAAA,IAAI,EAAE,+BAA+B,CAACG,yBAAY,CAAC;AACnD,IAAA,SAAS,EAAE,oCAAoC,CAACE,mBAAgB,CAAC;;;;;;"}
1	+ {"version":3,"file":"message-components-with-avatar.cjs","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport {\n FileMessagePartProps,\n useMessagePartReasoning,\n useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\n\nimport { FileText } from 'lucide-react';\nimport { ToolFallback } from './tool-fallback';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { MarkdownText } from './markdown-text';\n\nfunction File(props: FileMessagePartProps) {\n const { filename } = props;\n\n const content = (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n <FileText className=\"text-[#1677FF]\" size={24} />\n </div>\n <div className=\"flex flex-col overflow-hidden\">\n <span\n className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n title={filename}\n >\n {filename}\n </span>\n </div>\n </div>\n </div>\n );\n\n return content;\n}\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: {\n Fallback: ToolFallback,\n },\n File,\n Reasoning,\n ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n if (isNil(idx) \|\| idx < 0 \|\| idx >= avatarListLength) {\n return AvatarList[0];\n }\n return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => function (props: Attributes) {\n const text = useMessagePartText() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => function (props: Attributes) {\n const text = useMessagePartReasoning() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n};\nexport const assistantMessageComponentsWithAvatar = {\n ...assistantMessageComponents,\n Text: wrapComponentsForTextWithAvatar(MarkdownText),\n Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","FileText","MarkdownText","ToolFallback","Reasoning","ReasoningGroup","AvatarList","isNil","useMessagePartText","useMessagePartReasoning"],"mappings":"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"}

package/dist/components/assistant-ui/message-components-with-avatar.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { Attributes } from 'react';
 import { FileMessagePartProps } from '@assistant-ui/react';
+declare function File(props: FileMessagePartProps): JSX.Element;
 export declare const getAvatarByIdx: (idx?: number) => () => JSX.Element;
 export declare const assistantMessageComponentsWithAvatar: {
     Text: (props: Attributes) => JSX.Element;
@@ -7,7 +8,8 @@ export declare const assistantMessageComponentsWithAvatar: {
     tools: {
         Fallback: import("@assistant-ui/react").ToolCallMessagePartComponent;
     };
-    File: (props: FileMessagePartProps) => JSX.Element;
+    File: typeof File;
     ReasoningGroup: React.NamedExoticComponent<import("@assistant-ui/react").ReasoningGroupProps>;
 };
+export {};
 //# sourceMappingURL=message-components-with-avatar.d.ts.map

package/dist/components/assistant-ui/message-components-with-avatar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-components-with-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;~~AAI1C~~,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;~~AAyC7B~~,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,sBAK1C,CAAC;~~AAoEF~~,eAAO,MAAM,oCAAoC;~~kBAhEhC~~,UAAU;~~uBAkCV~~,UAAU~~;;;;kBA9EN~~,~~oBAAoB;;CAgHxC,~~CAAC"}
1	+ {"version":3,"file":"message-components-with-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;AAS7B,iBAAS,IAAI,CAAC,KAAK,EAAE,oBAAoB,eAsBxC;AAaD,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,sBAK1C,CAAC;AAgEF,eAAO,MAAM,oCAAoC;kBA7D3B,UAAU;uBAgCV,UAAU;;;;;;CAiC/B,CAAC"}

package/dist/components/assistant-ui/message-components-with-avatar.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
-import { MarkdownText } from './markdown-text.js';
-import { Reasoning, ReasoningGroup } from './reasoning.js';
-import { ToolFallback } from './tool-fallback.js';
 import { useMessagePartText, useMessagePartReasoning } from '@assistant-ui/react';
 import { AvatarList } from '../../assets/avatarGroup.js';
 import { isNil } from 'lodash-es';
 import { FileText } from 'lucide-react';
+import { ToolFallback } from './tool-fallback.js';
+import { Reasoning, ReasoningGroup } from './reasoning.js';
+import { MarkdownText } from './markdown-text.js';
-const File = (props) => {
+function File(props) {
     const { filename } = props;
     const content = (jsx("div", { className: "flex flex-col gap-2", children: jsxs("div", { className: "flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]", children: [jsx("div", { className: "w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0", children: jsx(FileText, { className: "text-[#1677FF]", size: 24 }) }), jsx("div", { className: "flex flex-col overflow-hidden", children: jsx("span", { className: "text-[14px] font-medium text-[#1D2129] truncate", title: filename, children: filename }) })] }) }));
     return content;
-};
+}
 const assistantMessageComponents = {
     Text: MarkdownText,
     tools: {
@@ -29,29 +29,25 @@ const getAvatarByIdx = (idx) => {
     }
     return AvatarList[idx % avatarListLength];
 };
-const wrapComponentsForTextWithAvatar = (component) => {
-    return (props) => {
-        const text = useMessagePartText();
-        const showAvatar = text?.showAvatar;
-        const marginLeft = text?.marginLeft;
-        const Avatar = getAvatarByIdx(text?.authorIdx);
-        if (!showAvatar) {
-            return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
-        }
-        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
-    };
+const wrapComponentsForTextWithAvatar = (component) => function (props) {
+    const text = useMessagePartText();
+    const showAvatar = text?.showAvatar;
+    const marginLeft = text?.marginLeft;
+    const Avatar = getAvatarByIdx(text?.authorIdx);
+    if (!showAvatar) {
+        return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
+    }
+    return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
 };
-const wrapComponentsForReasoningWithAvatar = (component) => {
-    return (props) => {
-        const text = useMessagePartReasoning();
-        const showAvatar = text?.showAvatar;
-        const marginLeft = text?.marginLeft;
-        const Avatar = getAvatarByIdx(text?.authorIdx);
-        if (!showAvatar) {
-            return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
-        }
-        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
-    };
+const wrapComponentsForReasoningWithAvatar = (component) => function (props) {
+    const text = useMessagePartReasoning();
+    const showAvatar = text?.showAvatar;
+    const marginLeft = text?.marginLeft;
+    const Avatar = getAvatarByIdx(text?.authorIdx);
+    if (!showAvatar) {
+        return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
+    }
+    return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
 };
 const assistantMessageComponentsWithAvatar = {
     ...assistantMessageComponents,

package/dist/components/assistant-ui/message-components-with-avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-components-with-avatar.js","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { ~~MarkdownText~~ } from '~~./markdown~~-~~text~~';\nimport { ~~Reasoning,~~ ~~ReasoningGroup~~ } from '~~./reasoning~~';\nimport { ~~ToolFallback~~ } from '~~./tool~~-~~fallback~~';\nimport {~~\n FileMessagePartProps,\n useMessagePartReasoning,\n useMessagePartText,\n~~} from '~~@assistant~~-~~ui/~~react';\nimport { ~~AvatarList~~ } from '~~@/assets/avatarGroup~~';\nimport { ~~isNil~~ } from '~~lodash-es~~';\n\nimport { ~~FileText~~ } from '~~lucide~~-~~react~~';\n\~~nconst~~ File = (props: FileMessagePartProps) => {\n const { filename } = props;\n\n const content = (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n <FileText className=\"text-[#1677FF]\" size={24} />\n </div>\n <div className=\"flex flex-col overflow-hidden\">\n <span\n className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n title={filename}\n >\n {filename}\n </span>\n </div>\n </div>\n </div>\n );\n\n return content;\n};\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: {\n Fallback: ToolFallback,\n },\n File,\n Reasoning,\n ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n if (isNil(idx) \|\| idx < 0 \|\| idx >= avatarListLength) {\n return AvatarList[0];\n }\n return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => ~~{\n return~~ (props: Attributes) => {\n const text = useMessagePartText() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n };\n~~};\n~~\nconst wrapComponentsForReasoningWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => ~~{\n return~~ (props: Attributes) => {\n const text = useMessagePartReasoning() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n };\~~n};\~~nexport const assistantMessageComponentsWithAvatar = {\n ...assistantMessageComponents,\n Text: wrapComponentsForTextWithAvatar(MarkdownText),\n Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","React"],"mappings":";;;;;;;;;;AAcA,~~MAAM~~,IAAI,~~GAAG,~~CAAC,KAA2B,~~KAAI~~;~~AAC3C~~,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,OAAO,IACXA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAClC,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qFAAqF,EAClG,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kFAAkF,EAAA,QAAA,EAC/FA,IAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,EAAA,CAC7C,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAC5C,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,QAAQ,EAEd,QAAA,EAAA,QAAQ,GACJ,EACH,CAAA,CAAA,EAAA,CACF,EACF,CAAA,CACP,CAAC;AAEF,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC~~,CAAC~~;~~AAEF~~,MAAM,0BAA0B,GAAG;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,YAAY;AACvB,KAAA;IACD,IAAI;IACJ,SAAS;IACT,cAAc;CACf,CAAC;AACF,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;AAE9B,MAAA,cAAc,GAAG,CAAC,GAAY,KAAI;AAC7C,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,IAAI,gBAAgB,EAAE;AACpD,QAAA,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;KACtB;AACD,IAAA,OAAO,UAAU,CAAC,GAAG,GAAG,gBAAgB,CAAC,CAAC;AAC5C,EAAE;AACF,MAAM,+BAA+B,GAAG,CACtC,SAA+C,~~KAC7C;IACF~~,~~OAAO~~,~~CAAC,~~KAAiB,~~KAAI~~;~~AAC3B~~,~~QAAA~~,MAAM,IAAI,GAAG,kBAAkB,EAAS,CAAC;AAEzC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;AACpC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;~~QACpC~~,MAAM,MAAM,GAAG,cAAc,CAC3B,IAAI,EAAE,SAAS,CACwB,CAAC;~~QAC1C~~,IAAI,CAAC,UAAU,EAAE;~~YACf~~,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,UAAU,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,QAAA,EAC/CE,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAClC,CAAA,EACN;~~SACH~~;~~QACD~~,QACED,cAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iDAAiD,YAC9DA,GAAC,CAAA,MAAM,KAAG,EACN,CAAA,EACNC,cAAK,SAAS,EAAC,oBAAoB,EACjC,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iEAAiE,YAC7E,IAAI,EAAE,MAAM,IAAI,OAAO,GACpB,EACLE,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAClC,EAAA,CAAA,CAAA,EAAA,CACF,EACN;AACJ,~~KAAC,~~CAAC~~;AACJ~~,CAAC~~,CAAC~~;AAEF,MAAM,oCAAoC,GAAG,CAC3C,SAA+C,~~KAC7C;IACF~~,~~OAAO~~,~~CAAC,~~KAAiB,~~KAAI~~;~~AAC3B~~,~~QAAA~~,MAAM,IAAI,GAAG,uBAAuB,EAAS,CAAC;AAE9C,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;AACpC,~~QAAA~~,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC;~~QACpC~~,MAAM,MAAM,GAAG,cAAc,CAC3B,IAAI,EAAE,SAAS,CACwB,CAAC;~~QAC1C~~,IAAI,CAAC,UAAU,EAAE;~~YACf~~,QACEF,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,UAAU,GAAG,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,QAAA,EAC/CE,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAClC,CAAA,EACN;~~SACH~~;~~QACD~~,QACED,cAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iDAAiD,YAC9DA,GAAC,CAAA,MAAM,KAAG,EACN,CAAA,EACNC,cAAK,SAAS,EAAC,oBAAoB,EACjC,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iEAAiE,YAC7E,IAAI,EAAE,MAAM,IAAI,OAAO,GACpB,EACLE,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAClC,EAAA,CAAA,CAAA,EAAA,CACF,EACN;AACJ,~~KAAC,~~CAAC~~;AACJ~~,CAAC~~,CAAC~~;AACW,MAAA,oCAAoC,GAAG;AAClD,IAAA,GAAG,0BAA0B;AAC7B,IAAA,IAAI,EAAE,+BAA+B,CAAC,YAAY,CAAC;AACnD,IAAA,SAAS,EAAE,oCAAoC,CAAC,SAAgB,CAAC;;;;;"}
1	+ {"version":3,"file":"message-components-with-avatar.js","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport {\n FileMessagePartProps,\n useMessagePartReasoning,\n useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\n\nimport { FileText } from 'lucide-react';\nimport { ToolFallback } from './tool-fallback';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { MarkdownText } from './markdown-text';\n\nfunction File(props: FileMessagePartProps) {\n const { filename } = props;\n\n const content = (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n <FileText className=\"text-[#1677FF]\" size={24} />\n </div>\n <div className=\"flex flex-col overflow-hidden\">\n <span\n className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n title={filename}\n >\n {filename}\n </span>\n </div>\n </div>\n </div>\n );\n\n return content;\n}\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: {\n Fallback: ToolFallback,\n },\n File,\n Reasoning,\n ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n if (isNil(idx) \|\| idx < 0 \|\| idx >= avatarListLength) {\n return AvatarList[0];\n }\n return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => function (props: Attributes) {\n const text = useMessagePartText() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n component: React.JSXElementConstructor<unknown>,\n) => function (props: Attributes) {\n const text = useMessagePartReasoning() as any;\n\n const showAvatar = text?.showAvatar;\n const marginLeft = text?.marginLeft;\n const Avatar = getAvatarByIdx(\n text?.authorIdx,\n ) as React.JSXElementConstructor<unknown>;\n if (!showAvatar) {\n return (\n <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n {React.createElement(component, props)}\n </div>\n );\n }\n return (\n <div className=\"flex items-start\">\n <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n <Avatar />\n </div>\n <div className=\"flex-1 max-w-[90%]\">\n <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n {text?.author \|\| 'Agent'}\n </div>\n {React.createElement(component, props)}\n </div>\n </div>\n );\n};\nexport const assistantMessageComponentsWithAvatar = {\n ...assistantMessageComponents,\n Text: wrapComponentsForTextWithAvatar(MarkdownText),\n Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","React"],"mappings":"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"}