@chat-lab/ui 0.1.0-beta.71 → 0.1.0-beta.74

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

@@ -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 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 { SyntaxHighlighter } from './shiki-highlighter';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\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];\n\nconst rehypePlugins: PluggableList = [\n  rehypeRaw,\n  [rehypeSanitize, schema],\n  // rehypeAppendCursor,\n];\nconst MarkdownTextImpl = () => {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      className=\"aui-md\"\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\nconst 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    return (\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  },\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 (\n        <>\n          <Video src={props.href} className={className} {...props} />\n        </>\n      );\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    return <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: 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 }) => {\n    return <div className={className} {...props} />;\n  },\n});\n"],"names":["_jsx","_jsxs","memoizeMarkdownComponents","_Fragment"],"mappings":"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"}
+{"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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"}

package/dist/components/assistant-ui/thread.cjs

@@ -7,7 +7,7 @@ var react$1 = require('@assistant-ui/react');
 var React = require('react');
 var react = require('motion/react');
 var button = require('../ui/button.cjs');
-var markdownText = require('./markdown-text.cjs');
+require('./markdown-text.cjs');
 var utils = require('../../lib/utils.cjs');
 var tooltipIconButton = require('./tooltip-icon-button.cjs');
 var attachment = require('./attachment.cjs');
@@ -25,7 +25,6 @@ require('./reasoning.cjs');
 var messageComponentsWithAvatar = require('./message-components-with-avatar.cjs');
 var valtio = require('valtio');
 
-const userMessageComponents = { Text: markdownText.MarkdownText };
 const Thread = ({ welcome: welcome$1, recommends }) => {
     const { currentThread } = useThread();
     const ref = ChatkitContext.useChatkitRef();
@@ -51,11 +50,15 @@ const Thread = ({ welcome: welcome$1, recommends }) => {
         EditComposer,
         AssistantMessage,
     }), []);
-    const { showHeader, renderHeader } = ChatkitContext.useChatkitContext();
+    const { showHeader, renderHeader, threadMaxWidth, threadBottom, } = ChatkitContext.useChatkitContext();
     return (jsxRuntime.jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
                 && (renderHeader ? (renderHeader({ thread: currentThread })) : (jsxRuntime.jsx(threadHeader, { title: currentThread?.name || 'Thread Title' }))), jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: jsxRuntime.jsx(react.MotionConfig, { reducedMotion: "user", children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Root, { className: "aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background", style: {
                             ['--thread-max-width']: '66rem',
-                        }, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: threadMessageComponents }), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsxRuntime.jsx(Composer, {})] }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: true, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsxRuntime.jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
+                            background: 'white',
+                        }, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: threadMessageComponents }), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9" }), jsxRuntime.jsx(Composer, {})] }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: true, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center items-center", children: [jsxRuntime.jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9", style: {
+                                                maxWidth: threadMaxWidth,
+                                                backgroundColor: 'white',
+                                            } }), currentThread?.loading ? (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
                                                         animation: 'bounce 1s ease-in-out infinite',
                                                         animationDelay: '0ms',
                                                     } }), jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
@@ -64,15 +67,16 @@ const Thread = ({ welcome: welcome$1, recommends }) => {
                                                     } }), jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
                                                         animation: 'bounce 1s ease-in-out infinite',
                                                         animationDelay: '300ms',
-                                                    } })] })) : ((welcomeElement ?? jsxRuntime.jsx(ThreadWelcome, {}))), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer  min-h-12 grow z-9 bg-white" }), jsxRuntime.jsx(Composer, {})] }) })] }) }) })] }));
+                                                    } })] })) : (jsxRuntime.jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)]", children: welcomeElement ?? jsxRuntime.jsx(ThreadWelcome, {}) })), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer  min-h-12 grow z-9", style: { background: 'white' } }), jsxRuntime.jsx(Composer, {})] }) })] }) }) })] }));
 };
 const ThreadScrollToBottom = () => (jsxRuntime.jsx(react$1.ThreadPrimitive.ScrollToBottom, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "Scroll to bottom", variant: "outline", className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent", children: jsxRuntime.jsx(lucideReact.ArrowDownIcon, {}) }) }));
 const ThreadWelcome = () => {
     const { t } = I18nContext.useI18n();
-    return (jsxRuntime.jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
+    const { threadMaxWidth } = ChatkitContext.useChatkitContext();
+    return (jsxRuntime.jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", style: { maxWidth: threadMaxWidth }, children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
 };
 const Composer = () => {
-    const { placeholder, composerTop, controller } = ChatkitContext.useChatkitContext();
+    const { placeholder, composerTop, controller, threadMaxWidth, threadBottom, } = ChatkitContext.useChatkitContext();
     const metaData = valtio.useSnapshot(controller?.metaData);
     const clawStatus = metaData?.clawStatus;
     const isDisabled = clawStatus?.status === false;
@@ -85,7 +89,7 @@ const Composer = () => {
     };
     // 1. 定义禁用状态和 tooltip 显示状态
     React.useState(false);
-    return (jsxRuntime.jsxs("div", { className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6", children: [jsxRuntime.jsx(ThreadScrollToBottom, {}), composerTop, jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: utils.cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all', isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100'), children: [jsxRuntime.jsx(attachment.ComposerAttachments, {}), jsxRuntime.jsxs("div", { className: "flex items-center w-full gap-2", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, className: "aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }), jsxRuntime.jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] })] }) })] }));
+    return (jsxRuntime.jsxs("div", { style: { maxWidth: threadMaxWidth, background: 'white' }, className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6", children: [jsxRuntime.jsx(ThreadScrollToBottom, {}), jsxRuntime.jsx("div", { className: "pt-[8px]", children: composerTop }), jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: utils.cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all', isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100'), children: [jsxRuntime.jsx(attachment.ComposerAttachments, {}), jsxRuntime.jsxs("div", { className: "flex items-center w-full gap-2", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, className: "aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }), jsxRuntime.jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] })] }) }), threadBottom] }));
 };
 const ComposerAction = ({ disabled, disabledReason, }) => {
     const { currentThread } = useThread();
@@ -99,7 +103,10 @@ const MessageError = () => {
     const { t } = I18nContext.useI18n();
     return (jsxRuntime.jsx(react$1.MessagePrimitive.Error, { children: jsxRuntime.jsxs(react$1.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: [jsxRuntime.jsx("div", { className: "font-medium text-destructive text-red-500", children: t('thread.requestError') }), jsxRuntime.jsx(react$1.ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" })] }) }));
 };
-const AssistantMessage = () => (jsxRuntime.jsx(react$1.MessagePrimitive.Root, { asChild: true, children: jsxRuntime.jsx("div", { className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxRuntime.jsxs("div", { className: "group", children: [jsxRuntime.jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsxRuntime.jsx(react$1.MessagePrimitive.Parts, { components: messageComponentsWithAvatar.assistantMessageComponentsWithAvatar }), jsxRuntime.jsx(MessageError, {})] }), jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsxRuntime.jsx(BranchPicker, {}), jsxRuntime.jsx(AssistantActionBar, {})] })] }) }) }));
+const AssistantMessage = () => {
+    const { threadMaxWidth } = ChatkitContext.useChatkitContext();
+    return (jsxRuntime.jsx(react$1.MessagePrimitive.Root, { asChild: true, children: jsxRuntime.jsx("div", { style: { maxWidth: threadMaxWidth }, className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxRuntime.jsxs("div", { className: "group", children: [jsxRuntime.jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsxRuntime.jsx(react$1.MessagePrimitive.Parts, { components: messageComponentsWithAvatar.assistantMessageComponentsWithAvatar }), jsxRuntime.jsx(MessageError, {})] }), jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsxRuntime.jsx(BranchPicker, {}), jsxRuntime.jsx(AssistantActionBar, {})] })] }) }) }));
+};
 const AssistantActionBar = () => {
     React.useState(undefined);
     const { t } = I18nContext.useI18n();
@@ -133,10 +140,14 @@ const AssistantActionBar = () => {
 // };
 const EditComposer = () => {
     const { t } = I18nContext.useI18n();
-    return (jsxRuntime.jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", children: jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Input, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxRuntime.jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", "aria-label": t('thread.cancelEdit'), children: t('warningModal.cancel') }) }), jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: jsxRuntime.jsx(button.Button, { size: "sm", "aria-label": "Update message", children: t('thread.update') }) })] })] }) }));
+    const { threadMaxWidth } = ChatkitContext.useChatkitContext();
+    return (jsxRuntime.jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", style: { maxWidth: threadMaxWidth }, children: jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Input, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxRuntime.jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", "aria-label": t('thread.cancelEdit'), children: t('warningModal.cancel') }) }), jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: jsxRuntime.jsx(button.Button, { size: "sm", "aria-label": "Update message", children: t('thread.update') }) })] })] }) }));
 };
 const BranchPicker = ({ className, ...rest }) => (jsxRuntime.jsxs(react$1.BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: utils.cn('aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground', className), ...rest, children: [jsxRuntime.jsx(react$1.BranchPickerPrimitive.Previous, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "Previous", children: jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}) }) }), jsxRuntime.jsxs("span", { className: "aui-branch-picker-state font-medium", children: [jsxRuntime.jsx(react$1.BranchPickerPrimitive.Number, {}), ' ', "/", jsxRuntime.jsx(react$1.BranchPickerPrimitive.Count, {})] }), jsxRuntime.jsx(react$1.BranchPickerPrimitive.Next, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "Next", children: jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) }) })] }));
-const UserMessage = () => (jsxRuntime.jsx(react$1.MessagePrimitive.Root, { asChild: true, children: jsxRuntime.jsxs("div", { className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group", "data-role": "user", children: [jsxRuntime.jsx(attachment.UserMessageAttachments, {}), jsxRuntime.jsx("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: jsxRuntime.jsx("div", { className: "aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]", children: jsxRuntime.jsx(react$1.MessagePrimitive.Parts, { components: userMessageComponents }) }) })] }) }));
+const UserMessage = () => {
+    const { threadMaxWidth } = ChatkitContext.useChatkitContext();
+    return (jsxRuntime.jsx(react$1.MessagePrimitive.Root, { asChild: true, children: jsxRuntime.jsxs("div", { style: { maxWidth: threadMaxWidth }, className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group", "data-role": "user", children: [jsxRuntime.jsx(attachment.UserMessageAttachments, {}), jsxRuntime.jsx("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: jsxRuntime.jsx("div", { className: "aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#EDEFFC] rounded-[8px]", children: jsxRuntime.jsx(react$1.MessagePrimitive.Parts, {}) }) })] }) }));
+};
 
 exports.Thread = Thread;
 //# sourceMappingURL=thread.cjs.map

package/dist/components/assistant-ui/thread.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"thread.cjs","sources":["../../../src/components/assistant-ui/thread.tsx"],"sourcesContent":["import {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  PencilIcon,\n  Square,\n  Share2Icon, // 添加分享图标\n  MoreHorizontalIcon,\n  LoaderCircle,\n  Mic,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\nimport {\n  ActionBarPrimitive,\n  BranchPickerPrimitive,\n  ComposerPrimitive,\n  ErrorPrimitive,\n  MessagePrimitive,\n  ThreadPrimitive,\n  useAssistantApi,\n  useAssistantState,\n} from '@assistant-ui/react';\n\nimport {\n  useMemo, useState, type FC, type PropsWithChildren,\n} from 'react';\nimport { LazyMotion, MotionConfig, domAnimation } from 'motion/react';\nimport * as m from 'motion/react-m';\n\nimport { Checkbox } from '@radix-ui/react-checkbox';\n\nimport { Button } from '@/components/ui/button';\nimport { MarkdownText } from '@/components/assistant-ui/markdown-text';\nimport { ToolFallback } from '@/components/assistant-ui/tool-fallback';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport {\n  ComposerAddAttachment,\n  ComposerAttachments,\n  UserMessageAttachments,\n} from '@/components/assistant-ui/attachment';\nimport { File } from '@/components/assistant-ui/file';\n\nimport { cn } from '@/lib/utils';\nimport {\n  useChatkitContext,\n  useChatkitPlugins,\n  useChatkitRef,\n} from '@/contexts/ChatkitContext';\nimport { useI18n } from '@/contexts/I18nContext';\nimport ThumbUpIcon from '@/assets/ThumbUpIcon';\nimport ThumbDownIcon from '@/assets/ThumbDownIcon';\nimport CopyIcon from '@/assets/Copy';\nimport RefreshIcon from '@/assets/RefreshIcon';\nimport NewSession from '@/assets/NewSession';\nimport dayjs from 'dayjs';\nimport useThread from '@/hooks/useThread';\nimport { saveStringToMarkdown } from '@/utils/download';\nimport Download from '@/assets/Download';\nimport AbortMessage from '@/assets/AbortMessage';\nimport ClearIcon from '@/assets/ClearIcon';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { TooltipTrigger } from '@radix-ui/react-tooltip';\nimport Recommend from '../welcome';\nimport ThreadHeader from './thread-header';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { assistantMessageComponentsWithAvatar } from './message-components-with-avatar';\nimport { Tooltip, TooltipContent } from '../ui/tooltip';\n\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: { Fallback: ToolFallback },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\n\nconst userMessageComponents = { Text: MarkdownText };\nexport const Thread: FC<{\n  welcome?: React.ReactNode;\n  recommends?: string[];\n}> = ({ welcome, recommends }) => {\n  const { currentThread } = useThread();\n\n  const ref = useChatkitRef();\n  const welcomeElement = useMemo(() => {\n    if (welcome) return welcome;\n    if (recommends) {\n      return (\n        <Recommend\n          recommends={recommends}\n          onSelect={(question) => {\n            ref?.sendMessage({\n              content: [\n                {\n                  type: 'text',\n                  text: question,\n                },\n              ],\n            });\n          }}\n        />\n      );\n    }\n    return undefined;\n  }, [recommends, welcome]);\n\n  const threadMessageComponents = useMemo(\n    () => ({\n      UserMessage,\n      EditComposer,\n      AssistantMessage,\n    }),\n    [],\n  );\n\n  const { showHeader, renderHeader } = useChatkitContext();\n  return (\n    <div className=\"min-w-full h-full flex flex-col\">\n      {showHeader\n        && (renderHeader ? (\n          renderHeader({ thread: currentThread as ThreadType })\n        ) : (\n          <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n        ))}\n      <LazyMotion features={domAnimation}>\n        <MotionConfig reducedMotion=\"user\">\n          <ThreadPrimitive.Root\n            className=\"aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background\"\n            style={{\n              ['--thread-max-width' as string]: '66rem',\n            }}\n          >\n            <ThreadPrimitive.If empty={false}>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4\">\n                <ThreadPrimitive.Messages\n                  components={threadMessageComponents}\n                />\n                <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n                <Composer />\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n            <ThreadPrimitive.If empty>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center\">\n                <div className=\" aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n                {currentThread?.loading ? (\n                  <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '0ms',\n                      }}\n                    />\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '150ms',\n                      }}\n                    />\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '300ms',\n                      }}\n                    />\n                  </div>\n                ) : (\n                  (welcomeElement ?? <ThreadWelcome />)\n                )}\n                <div className=\"aui-thread-viewport-spacer  min-h-12 grow z-9 bg-white\" />\n\n                <Composer />\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n          </ThreadPrimitive.Root>\n        </MotionConfig>\n      </LazyMotion>\n    </div>\n  );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n  <ThreadPrimitive.ScrollToBottom asChild>\n    <TooltipIconButton\n      tooltip=\"Scroll to bottom\"\n      variant=\"outline\"\n      className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n    >\n      <ArrowDownIcon />\n    </TooltipIconButton>\n  </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n  const ref = useChatkitRef();\n  const { t } = useI18n();\n  const handleCreateNewThread = async () => {\n    // 新建会话的逻辑\n    const id = uuid();\n    ref\n      ?.addThread({\n        id,\n        name: id,\n        sending: false,\n        metadata: {},\n        messages: [],\n        createdAt: dayjs().unix(),\n      })\n      .then(() => ref?.setCurrentThread(id));\n  };\n\n  return (\n    <TooltipIconButton\n      tooltip={t('thread.newChat')}\n      onClick={handleCreateNewThread}\n      className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n    >\n      <NewSession />\n    </TooltipIconButton>\n  );\n}\n\nfunction ClearThread() {\n  const ref = useChatkitRef();\n  const { t } = useI18n();\n  const handleCreateNewThread = () => {\n    ref?.clearCurrentThread();\n  };\n  const { currentThread } = useThread();\n\n  const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n  return (\n    <TooltipIconButton\n      tooltip={t('thread.clearChat')}\n      disabled={disabled}\n      onClick={handleCreateNewThread}\n      className={cn(\n        'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n        disabled && 'opacity-50 pointer-events-none',\n      )}\n    >\n      <ClearIcon className=\"size-[16px]\" />\n    </TooltipIconButton>\n  );\n}\n\nconst ThreadWelcome: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n      <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n        <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n          {t('thread.greeting')}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ThreadSuggestions: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n      {t('thread.greeting')}\n    </div>\n  );\n};\n\nconst Composer: FC = () => {\n  const { placeholder, composerTop, controller } = useChatkitContext();\n\n  const metaData = useSnapshot(controller?.metaData);\n  const clawStatus = metaData?.clawStatus;\n  const isDisabled = clawStatus?.status === false;\n  const disabledReason = clawStatus?.reason || '';\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled && e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  // 1. 定义禁用状态和 tooltip 显示状态\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\">\n      <ThreadScrollToBottom />\n      {composerTop}\n      <div className=\"flex items-center gap-2\">\n        <ComposerPrimitive.Root\n          className={cn(\n            'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n            isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          {/* <Tooltip\n            open={open}\n            onOpenChange={(newOpen) => {\n              if (!isDisabled) return;\n              setOpen(newOpen);\n            }}\n          >\n            <TooltipTrigger> */}\n          <div className=\"flex items-center w-full gap-2\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n              rows={1}\n              aria-label=\"Message input\"\n              disabled={isDisabled}\n              onKeyDown={handleKeyDown}\n            />\n            <ComposerAction\n              disabled={isDisabled}\n              disabledReason={disabledReason}\n            />\n          </div>\n          {/* </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              <div\n                style={{\n                  backgroundColor: '#ffffff',\n                  color: '#1f2937',\n                  padding: '6px 8px',\n                  borderRadius: '6px',\n                  fontSize: '14px',\n                  border: '1px solid #e5e7eb',\n                  maxWidth: '240px',\n                }}\n              >\n                <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n              </div>\n            </TooltipContent>\n          </Tooltip> */}\n        </ComposerPrimitive.Root>\n      </div>\n    </div>\n  );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n  disabled,\n  disabledReason,\n}) => {\n  const { currentThread } = useThread();\n  const plugins = useChatkitPlugins();\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n      <div className=\"flex items-center gap-2\">\n        {plugins.map((plugin, idx) => (\n          <div key={idx} className=\"flex items-center justify-center\">\n            {plugin}\n          </div>\n        ))}\n      </div>\n\n      <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n      <ThreadPrimitive.If running={false}>\n        <ComposerPrimitive.Send asChild>\n          <TooltipIconButton\n            tooltip={disabled ? disabledReason : t('thread.send')}\n            type=\"submit\"\n            variant=\"ghost\"\n            size=\"icon\"\n            disabled={disabled}\n            className={cn(\n              'aui-composer-send size-[32px] rounded-full text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n            )}\n            aria-label=\"Send message\"\n          >\n            {currentThread?.loading ? (\n              <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n            ) : (\n              <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n            )}\n          </TooltipIconButton>\n        </ComposerPrimitive.Send>\n      </ThreadPrimitive.If>\n\n      <ThreadPrimitive.If running>\n        <ComposerPrimitive.Cancel asChild>\n          <TooltipIconButton\n            tooltip=\"stop\"\n            type=\"submit\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"aui-composer-send size-[32px]  bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n            aria-label=\"Send message\"\n          >\n            <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n          </TooltipIconButton>\n        </ComposerPrimitive.Cancel>\n      </ThreadPrimitive.If>\n    </div>\n  );\n};\n\nconst MessageError: FC = () => {\n  const { t } = useI18n();\n  return (\n    <MessagePrimitive.Error>\n      <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n        <div className=\"font-medium text-destructive text-red-500\">\n          {t('thread.requestError')}\n        </div>\n        <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n      </ErrorPrimitive.Root>\n    </MessagePrimitive.Error>\n  );\n};\n\nconst ToolGroup: FC<\n  PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n  const toolCount = endIndex - startIndex + 1;\n  return (\n    <details className=\"my-2\">\n      <summary className=\"cursor-pointer font-medium\">\n        {toolCount}\n        {' '}\n        tool\n        {toolCount === 1 ? 'call' : 'calls'}\n      </summary>\n      <div className=\"space-y-2 pl-4\">{children}</div>\n    </details>\n  );\n};\nconst AssistantMessage: FC = () => (\n  <MessagePrimitive.Root asChild>\n    <div\n      className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n      data-role=\"assistant\"\n    >\n      <div className=\"group\">\n        <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n          <MessagePrimitive.Parts\n            components={assistantMessageComponentsWithAvatar}\n          />\n          <MessageError />\n        </div>\n\n        <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n          <BranchPicker />\n          <AssistantActionBar />\n        </div>\n      </div>\n    </div>\n  </MessagePrimitive.Root>\n);\n\nconst AssistantActionBar: FC = () => {\n  const [submittedFeedback, setSubmittedFeedback] = useState<\n    'positive' | 'negative' | undefined\n  >(undefined);\n  const { t } = useI18n();\n\n  const downloadContent = useAssistantState(({ message }) => {\n    if (\n      (message.role !== 'assistant' || message.status?.type !== 'running')\n      && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n    ) {\n      return message.parts\n        .filter((c) => c.type === 'text')\n        .map((c) => c.text)\n        .join('\\n');\n    }\n    return '';\n  });\n\n  const { authors } = useChatkitContext();\n\n  return (\n    <ActionBarPrimitive.Root\n      hideWhenRunning\n      autohide=\"never\"\n      autohideFloat=\"single-branch\"\n      className={cn(\n        'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n        authors.length >= 2 ? 'ml-[50px]' : '',\n      )}\n    >\n      {/* <div\n        className=\"flex items-center justify-center\"\n        onClick={() => setSubmittedFeedback(\n          submittedFeedback === 'positive' ? undefined : 'positive',\n        )}\n      >\n        <TooltipIconButton tooltip={t('thread.like')}>\n          <ThumbUpIcon\n            className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n            fill={submittedFeedback === 'positive' ? '#000' : undefined}\n          />\n        </TooltipIconButton>\n      </div>\n      <div\n        className=\"flex items-center justify-center\"\n        onClick={() => setSubmittedFeedback(\n          submittedFeedback === 'negative' ? undefined : 'negative',\n        )}\n      >\n        <TooltipIconButton tooltip={t('thread.dislike')}>\n          <ThumbDownIcon\n            className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n            fill={submittedFeedback === 'negative' ? '#000' : undefined}\n          />\n        </TooltipIconButton>\n      </div> */}\n\n      {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n      <ActionBarPrimitive.Copy asChild>\n        <TooltipIconButton tooltip={t('thread.copy')}>\n          <MessagePrimitive.If copied>\n            <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n          </MessagePrimitive.If>\n          <MessagePrimitive.If copied={false}>\n            <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n          </MessagePrimitive.If>\n        </TooltipIconButton>\n      </ActionBarPrimitive.Copy>\n\n      {/* <TooltipIconButton\n        tooltip={t('thread.download')}\n        onClick={() => {\n          saveStringToMarkdown(downloadContent, 'message.md');\n        }}\n      >\n        <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n      </TooltipIconButton>\n      <ActionBarPrimitive.Reload asChild>\n        <TooltipIconButton tooltip={t('thread.refresh')}>\n          <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n        </TooltipIconButton>\n      </ActionBarPrimitive.Reload> */}\n    </ActionBarPrimitive.Root>\n  );\n};\n\n// const UserActionBar: FC = () => {\n//   return (\n//     <ActionBarPrimitive.Root\n//       hideWhenRunning\n//       autohide=\"not-last\"\n//       className=\"aui-user-action-bar-root flex flex-col items-end\"\n//     >\n//       <ActionBarPrimitive.Edit asChild>\n//         <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n//           <PencilIcon />\n//         </TooltipIconButton>\n//       </ActionBarPrimitive.Edit>\n//     </ActionBarPrimitive.Root>\n//   );\n// };\n\nconst EditComposer: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n      <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n        <ComposerPrimitive.Input\n          className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n          autoFocus\n        />\n\n        <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n          <ComposerPrimitive.Cancel asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('thread.cancelEdit')}\n            >\n              {t('warningModal.cancel')}\n            </Button>\n          </ComposerPrimitive.Cancel>\n          <ComposerPrimitive.Send asChild>\n            <Button size=\"sm\" aria-label=\"Update message\">\n              {t('thread.update')}\n            </Button>\n          </ComposerPrimitive.Send>\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n  className,\n  ...rest\n}) => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className={cn(\n      'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <TooltipIconButton tooltip=\"Previous\">\n        <ChevronLeftIcon />\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"aui-branch-picker-state font-medium\">\n      <BranchPickerPrimitive.Number />\n      {' '}\n      /\n      <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <TooltipIconButton tooltip=\"Next\">\n        <ChevronRightIcon />\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => (\n  <MessagePrimitive.Root asChild>\n    <div\n      className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n      data-role=\"user\"\n    >\n      <UserMessageAttachments />\n\n      {/* <Checkbox /> */}\n      <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n        <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n          <MessagePrimitive.Parts components={userMessageComponents} />\n        </div>\n        {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n            <UserActionBar />\n          </div> */}\n      </div>\n\n      {/* 移除了下方工具栏代码 */}\n\n      {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n    </div>\n  </MessagePrimitive.Root>\n);\n\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n  const { t } = useI18n();\n  return (\n    <ActionBarPrimitive.Root\n      hideWhenRunning\n      className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n    >\n      <ActionBarPrimitive.Edit asChild>\n        <TooltipIconButton\n          tooltip={t('thread.edit')}\n          className=\"aui-user-action-edit\"\n        >\n          <PencilIcon className=\"h-3.5 w-3.5\" />\n        </TooltipIconButton>\n      </ActionBarPrimitive.Edit>\n\n      <TooltipIconButton\n        tooltip={t('thread.share')}\n        className=\"aui-user-action-edit\"\n      >\n        <Share2Icon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n      <TooltipIconButton\n        tooltip={t('thread.more')}\n        className=\"aui-user-action-edit\"\n      >\n        <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n    </ActionBarPrimitive.Root>\n  );\n};\n"],"names":["MarkdownText","welcome","useChatkitRef","useMemo","_jsx","Recommend","useChatkitContext","_jsxs","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive","TooltipIconButton","ArrowDownIcon","useI18n","useSnapshot","useState","ComposerPrimitive","cn","ComposerAttachments","useChatkitPlugins","LoaderCircle","ArrowUpIcon","MessagePrimitive","ErrorPrimitive","assistantMessageComponentsWithAvatar","useAssistantState","ActionBarPrimitive","CheckIcon","CopyIcon","Button","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","UserMessageAttachments"],"mappings":"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"}
+{"version":3,"file":"thread.cjs","sources":["../../../src/components/assistant-ui/thread.tsx"],"sourcesContent":["import {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  PencilIcon,\n  Square,\n  Share2Icon, // 添加分享图标\n  MoreHorizontalIcon,\n  LoaderCircle,\n  Mic,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\nimport {\n  ActionBarPrimitive,\n  BranchPickerPrimitive,\n  ComposerPrimitive,\n  ErrorPrimitive,\n  MessagePrimitive,\n  ThreadPrimitive,\n  useAssistantApi,\n  useAssistantState,\n} from '@assistant-ui/react';\n\nimport {\n  useMemo, useState, type FC, type PropsWithChildren,\n} from 'react';\nimport { LazyMotion, MotionConfig, domAnimation } from 'motion/react';\nimport * as m from 'motion/react-m';\n\nimport { Checkbox } from '@radix-ui/react-checkbox';\n\nimport { Button } from '@/components/ui/button';\nimport { MarkdownText } from '@/components/assistant-ui/markdown-text';\nimport { ToolFallback } from '@/components/assistant-ui/tool-fallback';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport {\n  ComposerAddAttachment,\n  ComposerAttachments,\n  UserMessageAttachments,\n} from '@/components/assistant-ui/attachment';\nimport { File } from '@/components/assistant-ui/file';\n\nimport { cn } from '@/lib/utils';\nimport {\n  useChatkitContext,\n  useChatkitPlugins,\n  useChatkitRef,\n} from '@/contexts/ChatkitContext';\nimport { useI18n } from '@/contexts/I18nContext';\nimport ThumbUpIcon from '@/assets/ThumbUpIcon';\nimport ThumbDownIcon from '@/assets/ThumbDownIcon';\nimport CopyIcon from '@/assets/Copy';\nimport RefreshIcon from '@/assets/RefreshIcon';\nimport NewSession from '@/assets/NewSession';\nimport dayjs from 'dayjs';\nimport useThread from '@/hooks/useThread';\nimport { saveStringToMarkdown } from '@/utils/download';\nimport Download from '@/assets/Download';\nimport AbortMessage from '@/assets/AbortMessage';\nimport ClearIcon from '@/assets/ClearIcon';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { TooltipTrigger } from '@radix-ui/react-tooltip';\nimport Recommend from '../welcome';\nimport ThreadHeader from './thread-header';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { assistantMessageComponentsWithAvatar } from './message-components-with-avatar';\nimport { Tooltip, TooltipContent } from '../ui/tooltip';\n\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: { Fallback: ToolFallback },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\n\nconst userMessageComponents = { Text: MarkdownText };\nexport const Thread: FC<{\n  welcome?: React.ReactNode;\n  recommends?: string[];\n}> = ({ welcome, recommends }) => {\n  const { currentThread } = useThread();\n\n  const ref = useChatkitRef();\n  const welcomeElement = useMemo(() => {\n    if (welcome) return welcome;\n    if (recommends) {\n      return (\n        <Recommend\n          recommends={recommends}\n          onSelect={(question) => {\n            ref?.sendMessage({\n              content: [\n                {\n                  type: 'text',\n                  text: question,\n                },\n              ],\n            });\n          }}\n        />\n      );\n    }\n    return undefined;\n  }, [recommends, welcome]);\n\n  const threadMessageComponents = useMemo(\n    () => ({\n      UserMessage,\n      EditComposer,\n      AssistantMessage,\n    }),\n    [],\n  );\n\n  const {\n    showHeader, renderHeader, threadMaxWidth, threadBottom,\n  } = useChatkitContext();\n  return (\n    <div className=\"min-w-full h-full flex flex-col\">\n      {showHeader\n        && (renderHeader ? (\n          renderHeader({ thread: currentThread as ThreadType })\n        ) : (\n          <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n        ))}\n      <LazyMotion features={domAnimation}>\n        <MotionConfig reducedMotion=\"user\">\n          <ThreadPrimitive.Root\n            className=\"aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background\"\n            style={{\n              ['--thread-max-width' as string]: '66rem',\n              background: 'white',\n            }}\n          >\n            <ThreadPrimitive.If empty={false}>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4\">\n                <ThreadPrimitive.Messages\n                  components={threadMessageComponents}\n                />\n                <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9\" />\n                <Composer />\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n            <ThreadPrimitive.If empty>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center items-center\">\n                <div\n                  className=\" aui-thread-viewport-spacer min-h-12 grow z-9\"\n                  style={{\n                    maxWidth: threadMaxWidth,\n                    backgroundColor: 'white',\n                  }}\n                />\n                {currentThread?.loading ? (\n                  <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '0ms',\n                      }}\n                    />\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '150ms',\n                      }}\n                    />\n                    <span\n                      className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n                      style={{\n                        animation: 'bounce 1s ease-in-out infinite',\n                        animationDelay: '300ms',\n                      }}\n                    />\n                  </div>\n                ) : (\n                  <div\n                    style={{ maxWidth: threadMaxWidth }}\n                    className=\"max-w-[var(--thread-max-width)]\"\n                  >\n                    {welcomeElement ?? <ThreadWelcome />}\n                  </div>\n                )}\n                <div\n                  className=\"aui-thread-viewport-spacer  min-h-12 grow z-9\"\n                  style={{ background: 'white' }}\n                />\n\n                <Composer />\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n          </ThreadPrimitive.Root>\n        </MotionConfig>\n      </LazyMotion>\n    </div>\n  );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n  <ThreadPrimitive.ScrollToBottom asChild>\n    <TooltipIconButton\n      tooltip=\"Scroll to bottom\"\n      variant=\"outline\"\n      className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n    >\n      <ArrowDownIcon />\n    </TooltipIconButton>\n  </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n  const ref = useChatkitRef();\n  const { t } = useI18n();\n  const handleCreateNewThread = async () => {\n    // 新建会话的逻辑\n    const id = uuid();\n    ref\n      ?.addThread({\n        id,\n        name: id,\n        sending: false,\n        metadata: {},\n        messages: [],\n        createdAt: dayjs().unix(),\n      })\n      .then(() => ref?.setCurrentThread(id));\n  };\n\n  return (\n    <TooltipIconButton\n      tooltip={t('thread.newChat')}\n      onClick={handleCreateNewThread}\n      className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n    >\n      <NewSession />\n    </TooltipIconButton>\n  );\n}\n\nfunction ClearThread() {\n  const ref = useChatkitRef();\n  const { t } = useI18n();\n  const handleCreateNewThread = () => {\n    ref?.clearCurrentThread();\n  };\n  const { currentThread } = useThread();\n\n  const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n  return (\n    <TooltipIconButton\n      tooltip={t('thread.clearChat')}\n      disabled={disabled}\n      onClick={handleCreateNewThread}\n      className={cn(\n        'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n        disabled && 'opacity-50 pointer-events-none',\n      )}\n    >\n      <ClearIcon className=\"size-[16px]\" />\n    </TooltipIconButton>\n  );\n}\n\nconst ThreadWelcome: FC = () => {\n  const { t } = useI18n();\n  const { threadMaxWidth } = useChatkitContext();\n  return (\n    <div\n      className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\"\n      style={{ maxWidth: threadMaxWidth }}\n    >\n      <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n        <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n          {t('thread.greeting')}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ThreadSuggestions: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n      {t('thread.greeting')}\n    </div>\n  );\n};\n\nconst Composer: FC = () => {\n  const {\n    placeholder, composerTop, controller, threadMaxWidth, threadBottom,\n  } = useChatkitContext();\n\n  const metaData = useSnapshot(controller?.metaData);\n  const clawStatus = metaData?.clawStatus;\n  const isDisabled = clawStatus?.status === false;\n  const disabledReason = clawStatus?.reason || '';\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled && e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  // 1. 定义禁用状态和 tooltip 显示状态\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div\n      style={{ maxWidth: threadMaxWidth, background: 'white' }}\n      className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\"\n    >\n      <ThreadScrollToBottom />\n      <div className=\"pt-[8px]\">{composerTop}</div>\n      <div className=\"flex items-center gap-2\">\n        <ComposerPrimitive.Root\n          className={cn(\n            'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n            isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          {/* <Tooltip\n            open={open}\n            onOpenChange={(newOpen) => {\n              if (!isDisabled) return;\n              setOpen(newOpen);\n            }}\n          >\n            <TooltipTrigger> */}\n          <div className=\"flex items-center w-full gap-2\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n              rows={1}\n              aria-label=\"Message input\"\n              disabled={isDisabled}\n              onKeyDown={handleKeyDown}\n            />\n            <ComposerAction\n              disabled={isDisabled}\n              disabledReason={disabledReason}\n            />\n          </div>\n          {/* </TooltipTrigger>\n            <TooltipContent side=\"top\">\n              <div\n                style={{\n                  backgroundColor: '#ffffff',\n                  color: '#1f2937',\n                  padding: '6px 8px',\n                  borderRadius: '6px',\n                  fontSize: '14px',\n                  border: '1px solid #e5e7eb',\n                  maxWidth: '240px',\n                }}\n              >\n                <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n              </div>\n            </TooltipContent>\n          </Tooltip> */}\n        </ComposerPrimitive.Root>\n      </div>\n      {threadBottom}\n    </div>\n  );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n  disabled,\n  disabledReason,\n}) => {\n  const { currentThread } = useThread();\n  const plugins = useChatkitPlugins();\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n      <div className=\"flex items-center gap-2\">\n        {plugins.map((plugin, idx) => (\n          <div key={idx} className=\"flex items-center justify-center\">\n            {plugin}\n          </div>\n        ))}\n      </div>\n\n      <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n      <ThreadPrimitive.If running={false}>\n        <ComposerPrimitive.Send asChild>\n          <TooltipIconButton\n            tooltip={disabled ? disabledReason : t('thread.send')}\n            type=\"submit\"\n            variant=\"ghost\"\n            size=\"icon\"\n            disabled={disabled}\n            className={cn(\n              'aui-composer-send size-[32px] rounded-full text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n            )}\n            aria-label=\"Send message\"\n          >\n            {currentThread?.loading ? (\n              <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n            ) : (\n              <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n            )}\n          </TooltipIconButton>\n        </ComposerPrimitive.Send>\n      </ThreadPrimitive.If>\n\n      <ThreadPrimitive.If running>\n        <ComposerPrimitive.Cancel asChild>\n          <TooltipIconButton\n            tooltip=\"stop\"\n            type=\"submit\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"aui-composer-send size-[32px]  bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n            aria-label=\"Send message\"\n          >\n            <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n          </TooltipIconButton>\n        </ComposerPrimitive.Cancel>\n      </ThreadPrimitive.If>\n    </div>\n  );\n};\n\nconst MessageError: FC = () => {\n  const { t } = useI18n();\n  return (\n    <MessagePrimitive.Error>\n      <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n        <div className=\"font-medium text-destructive text-red-500\">\n          {t('thread.requestError')}\n        </div>\n        <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n      </ErrorPrimitive.Root>\n    </MessagePrimitive.Error>\n  );\n};\n\nconst ToolGroup: FC<\n  PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n  const toolCount = endIndex - startIndex + 1;\n  return (\n    <details className=\"my-2\">\n      <summary className=\"cursor-pointer font-medium\">\n        {toolCount}\n        {' '}\n        tool\n        {toolCount === 1 ? 'call' : 'calls'}\n      </summary>\n      <div className=\"space-y-2 pl-4\">{children}</div>\n    </details>\n  );\n};\nconst AssistantMessage: FC = () => {\n  const { threadMaxWidth } = useChatkitContext();\n  return (\n    <MessagePrimitive.Root asChild>\n      <div\n        style={{ maxWidth: threadMaxWidth }}\n        className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n        data-role=\"assistant\"\n      >\n        <div className=\"group\">\n          <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n            <MessagePrimitive.Parts\n              components={assistantMessageComponentsWithAvatar}\n            />\n            <MessageError />\n          </div>\n\n          <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n            <BranchPicker />\n            <AssistantActionBar />\n          </div>\n        </div>\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n\nconst AssistantActionBar: FC = () => {\n  const [submittedFeedback, setSubmittedFeedback] = useState<\n    'positive' | 'negative' | undefined\n  >(undefined);\n  const { t } = useI18n();\n\n  const downloadContent = useAssistantState(({ message }) => {\n    if (\n      (message.role !== 'assistant' || message.status?.type !== 'running')\n      && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n    ) {\n      return message.parts\n        .filter((c) => c.type === 'text')\n        .map((c) => c.text)\n        .join('\\n');\n    }\n    return '';\n  });\n\n  const { authors } = useChatkitContext();\n\n  return (\n    <ActionBarPrimitive.Root\n      hideWhenRunning\n      autohide=\"never\"\n      autohideFloat=\"single-branch\"\n      className={cn(\n        'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n        authors.length >= 2 ? 'ml-[50px]' : '',\n      )}\n    >\n      {/* <div\n        className=\"flex items-center justify-center\"\n        onClick={() => setSubmittedFeedback(\n          submittedFeedback === 'positive' ? undefined : 'positive',\n        )}\n      >\n        <TooltipIconButton tooltip={t('thread.like')}>\n          <ThumbUpIcon\n            className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n            fill={submittedFeedback === 'positive' ? '#000' : undefined}\n          />\n        </TooltipIconButton>\n      </div>\n      <div\n        className=\"flex items-center justify-center\"\n        onClick={() => setSubmittedFeedback(\n          submittedFeedback === 'negative' ? undefined : 'negative',\n        )}\n      >\n        <TooltipIconButton tooltip={t('thread.dislike')}>\n          <ThumbDownIcon\n            className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n            fill={submittedFeedback === 'negative' ? '#000' : undefined}\n          />\n        </TooltipIconButton>\n      </div> */}\n\n      {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n      <ActionBarPrimitive.Copy asChild>\n        <TooltipIconButton tooltip={t('thread.copy')}>\n          <MessagePrimitive.If copied>\n            <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n          </MessagePrimitive.If>\n          <MessagePrimitive.If copied={false}>\n            <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n          </MessagePrimitive.If>\n        </TooltipIconButton>\n      </ActionBarPrimitive.Copy>\n\n      {/* <TooltipIconButton\n        tooltip={t('thread.download')}\n        onClick={() => {\n          saveStringToMarkdown(downloadContent, 'message.md');\n        }}\n      >\n        <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n      </TooltipIconButton>\n      <ActionBarPrimitive.Reload asChild>\n        <TooltipIconButton tooltip={t('thread.refresh')}>\n          <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n        </TooltipIconButton>\n      </ActionBarPrimitive.Reload> */}\n    </ActionBarPrimitive.Root>\n  );\n};\n\n// const UserActionBar: FC = () => {\n//   return (\n//     <ActionBarPrimitive.Root\n//       hideWhenRunning\n//       autohide=\"not-last\"\n//       className=\"aui-user-action-bar-root flex flex-col items-end\"\n//     >\n//       <ActionBarPrimitive.Edit asChild>\n//         <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n//           <PencilIcon />\n//         </TooltipIconButton>\n//       </ActionBarPrimitive.Edit>\n//     </ActionBarPrimitive.Root>\n//   );\n// };\n\nconst EditComposer: FC = () => {\n  const { t } = useI18n();\n  const { threadMaxWidth } = useChatkitContext();\n  return (\n    <div\n      className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\"\n      style={{ maxWidth: threadMaxWidth }}\n    >\n      <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n        <ComposerPrimitive.Input\n          className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n          autoFocus\n        />\n\n        <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n          <ComposerPrimitive.Cancel asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('thread.cancelEdit')}\n            >\n              {t('warningModal.cancel')}\n            </Button>\n          </ComposerPrimitive.Cancel>\n          <ComposerPrimitive.Send asChild>\n            <Button size=\"sm\" aria-label=\"Update message\">\n              {t('thread.update')}\n            </Button>\n          </ComposerPrimitive.Send>\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n  className,\n  ...rest\n}) => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className={cn(\n      'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <TooltipIconButton tooltip=\"Previous\">\n        <ChevronLeftIcon />\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"aui-branch-picker-state font-medium\">\n      <BranchPickerPrimitive.Number />\n      {' '}\n      /\n      <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <TooltipIconButton tooltip=\"Next\">\n        <ChevronRightIcon />\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => {\n  const { threadMaxWidth } = useChatkitContext();\n  return (\n    <MessagePrimitive.Root asChild>\n      <div\n        style={{ maxWidth: threadMaxWidth }}\n        className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n        data-role=\"user\"\n      >\n        <UserMessageAttachments />\n\n        {/* <Checkbox /> */}\n        <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n          <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#EDEFFC] rounded-[8px]\">\n            <MessagePrimitive.Parts />\n          </div>\n          {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n            <UserActionBar />\n          </div> */}\n        </div>\n\n        {/* 移除了下方工具栏代码 */}\n\n        {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n  const { t } = useI18n();\n  return (\n    <ActionBarPrimitive.Root\n      hideWhenRunning\n      className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n    >\n      <ActionBarPrimitive.Edit asChild>\n        <TooltipIconButton\n          tooltip={t('thread.edit')}\n          className=\"aui-user-action-edit\"\n        >\n          <PencilIcon className=\"h-3.5 w-3.5\" />\n        </TooltipIconButton>\n      </ActionBarPrimitive.Edit>\n\n      <TooltipIconButton\n        tooltip={t('thread.share')}\n        className=\"aui-user-action-edit\"\n      >\n        <Share2Icon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n      <TooltipIconButton\n        tooltip={t('thread.more')}\n        className=\"aui-user-action-edit\"\n      >\n        <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n    </ActionBarPrimitive.Root>\n  );\n};\n"],"names":["welcome","useChatkitRef","useMemo","_jsx","Recommend","useChatkitContext","_jsxs","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive","TooltipIconButton","ArrowDownIcon","useI18n","useSnapshot","useState","ComposerPrimitive","cn","ComposerAttachments","useChatkitPlugins","LoaderCircle","ArrowUpIcon","MessagePrimitive","ErrorPrimitive","assistantMessageComponentsWithAvatar","useAssistantState","ActionBarPrimitive","CheckIcon","CopyIcon","Button","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","UserMessageAttachments"],"mappings":"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"}

package/dist/components/assistant-ui/thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/thread.tsx"],"names":[],"mappings":"AAyBA,OAAO,EACc,KAAK,EAAE,EAC3B,MAAM,OAAO,CAAC;AAoDf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAqGA,CAAC"}
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/thread.tsx"],"names":[],"mappings":"AAyBA,OAAO,EACc,KAAK,EAAE,EAC3B,MAAM,OAAO,CAAC;AAoDf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAsHA,CAAC"}

package/dist/components/assistant-ui/thread.js

@@ -5,7 +5,7 @@ import { ThreadPrimitive, ComposerPrimitive, MessagePrimitive, useAssistantState
 import { useMemo, useState } from 'react';
 import { LazyMotion, domAnimation, MotionConfig } from 'motion/react';
 import { Button } from '../ui/button.js';
-import { MarkdownText } from './markdown-text.js';
+import './markdown-text.js';
 import { cn } from '../../lib/utils.js';
 import { TooltipIconButton } from './tooltip-icon-button.js';
 import { ComposerAttachments, UserMessageAttachments } from './attachment.js';
@@ -23,7 +23,6 @@ import './reasoning.js';
 import { assistantMessageComponentsWithAvatar } from './message-components-with-avatar.js';
 import { useSnapshot } from 'valtio';
 
-const userMessageComponents = { Text: MarkdownText };
 const Thread = ({ welcome, recommends }) => {
     const { currentThread } = useThread();
     const ref = useChatkitRef();
@@ -49,11 +48,15 @@ const Thread = ({ welcome, recommends }) => {
         EditComposer,
         AssistantMessage,
     }), []);
-    const { showHeader, renderHeader } = useChatkitContext();
+    const { showHeader, renderHeader, threadMaxWidth, threadBottom, } = useChatkitContext();
     return (jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
                 && (renderHeader ? (renderHeader({ thread: currentThread })) : (jsx(ThreadHeader, { title: currentThread?.name || 'Thread Title' }))), jsx(LazyMotion, { features: domAnimation, children: jsx(MotionConfig, { reducedMotion: "user", children: jsxs(ThreadPrimitive.Root, { className: "aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background", style: {
                             ['--thread-max-width']: '66rem',
-                        }, children: [jsx(ThreadPrimitive.If, { empty: false, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsx(ThreadPrimitive.Messages, { components: threadMessageComponents }), jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsx(Composer, {})] }) }), jsx(ThreadPrimitive.If, { empty: true, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
+                            background: 'white',
+                        }, children: [jsx(ThreadPrimitive.If, { empty: false, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsx(ThreadPrimitive.Messages, { components: threadMessageComponents }), jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9" }), jsx(Composer, {})] }) }), jsx(ThreadPrimitive.If, { empty: true, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center items-center", children: [jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9", style: {
+                                                maxWidth: threadMaxWidth,
+                                                backgroundColor: 'white',
+                                            } }), currentThread?.loading ? (jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
                                                         animation: 'bounce 1s ease-in-out infinite',
                                                         animationDelay: '0ms',
                                                     } }), jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
@@ -62,15 +65,16 @@ const Thread = ({ welcome, recommends }) => {
                                                     } }), jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
                                                         animation: 'bounce 1s ease-in-out infinite',
                                                         animationDelay: '300ms',
-                                                    } })] })) : ((welcomeElement ?? jsx(ThreadWelcome, {}))), jsx("div", { className: "aui-thread-viewport-spacer  min-h-12 grow z-9 bg-white" }), jsx(Composer, {})] }) })] }) }) })] }));
+                                                    } })] })) : (jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)]", children: welcomeElement ?? jsx(ThreadWelcome, {}) })), jsx("div", { className: "aui-thread-viewport-spacer  min-h-12 grow z-9", style: { background: 'white' } }), jsx(Composer, {})] }) })] }) }) })] }));
 };
 const ThreadScrollToBottom = () => (jsx(ThreadPrimitive.ScrollToBottom, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Scroll to bottom", variant: "outline", className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent", children: jsx(ArrowDownIcon, {}) }) }));
 const ThreadWelcome = () => {
     const { t } = useI18n();
-    return (jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", children: jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", style: { maxWidth: threadMaxWidth }, children: jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
 };
 const Composer = () => {
-    const { placeholder, composerTop, controller } = useChatkitContext();
+    const { placeholder, composerTop, controller, threadMaxWidth, threadBottom, } = useChatkitContext();
     const metaData = useSnapshot(controller?.metaData);
     const clawStatus = metaData?.clawStatus;
     const isDisabled = clawStatus?.status === false;
@@ -83,7 +87,7 @@ const Composer = () => {
     };
     // 1. 定义禁用状态和 tooltip 显示状态
     useState(false);
-    return (jsxs("div", { className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6", children: [jsx(ThreadScrollToBottom, {}), composerTop, jsx("div", { className: "flex items-center gap-2", children: jsxs(ComposerPrimitive.Root, { className: cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all', isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100'), children: [jsx(ComposerAttachments, {}), jsxs("div", { className: "flex items-center w-full gap-2", children: [jsx(ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, className: "aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }), jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] })] }) })] }));
+    return (jsxs("div", { style: { maxWidth: threadMaxWidth, background: 'white' }, className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6", children: [jsx(ThreadScrollToBottom, {}), jsx("div", { className: "pt-[8px]", children: composerTop }), jsx("div", { className: "flex items-center gap-2", children: jsxs(ComposerPrimitive.Root, { className: cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all', isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100'), children: [jsx(ComposerAttachments, {}), jsxs("div", { className: "flex items-center w-full gap-2", children: [jsx(ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, className: "aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }), jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] })] }) }), threadBottom] }));
 };
 const ComposerAction = ({ disabled, disabledReason, }) => {
     const { currentThread } = useThread();
@@ -97,7 +101,10 @@ const MessageError = () => {
     const { t } = useI18n();
     return (jsx(MessagePrimitive.Error, { children: jsxs(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: [jsx("div", { className: "font-medium text-destructive text-red-500", children: t('thread.requestError') }), jsx(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" })] }) }));
 };
-const AssistantMessage = () => (jsx(MessagePrimitive.Root, { asChild: true, children: jsx("div", { className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxs("div", { className: "group", children: [jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsx(MessagePrimitive.Parts, { components: assistantMessageComponentsWithAvatar }), jsx(MessageError, {})] }), jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsx(BranchPicker, {}), jsx(AssistantActionBar, {})] })] }) }) }));
+const AssistantMessage = () => {
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx(MessagePrimitive.Root, { asChild: true, children: jsx("div", { style: { maxWidth: threadMaxWidth }, className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxs("div", { className: "group", children: [jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsx(MessagePrimitive.Parts, { components: assistantMessageComponentsWithAvatar }), jsx(MessageError, {})] }), jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsx(BranchPicker, {}), jsx(AssistantActionBar, {})] })] }) }) }));
+};
 const AssistantActionBar = () => {
     useState(undefined);
     const { t } = useI18n();
@@ -131,10 +138,14 @@ const AssistantActionBar = () => {
 // };
 const EditComposer = () => {
     const { t } = useI18n();
-    return (jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", children: jsxs(ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsx(ComposerPrimitive.Input, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsx(ComposerPrimitive.Cancel, { asChild: true, children: jsx(Button, { variant: "ghost", size: "sm", "aria-label": t('thread.cancelEdit'), children: t('warningModal.cancel') }) }), jsx(ComposerPrimitive.Send, { asChild: true, children: jsx(Button, { size: "sm", "aria-label": "Update message", children: t('thread.update') }) })] })] }) }));
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", style: { maxWidth: threadMaxWidth }, children: jsxs(ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsx(ComposerPrimitive.Input, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsx(ComposerPrimitive.Cancel, { asChild: true, children: jsx(Button, { variant: "ghost", size: "sm", "aria-label": t('thread.cancelEdit'), children: t('warningModal.cancel') }) }), jsx(ComposerPrimitive.Send, { asChild: true, children: jsx(Button, { size: "sm", "aria-label": "Update message", children: t('thread.update') }) })] })] }) }));
 };
 const BranchPicker = ({ className, ...rest }) => (jsxs(BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: cn('aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground', className), ...rest, children: [jsx(BranchPickerPrimitive.Previous, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Previous", children: jsx(ChevronLeftIcon, {}) }) }), jsxs("span", { className: "aui-branch-picker-state font-medium", children: [jsx(BranchPickerPrimitive.Number, {}), ' ', "/", jsx(BranchPickerPrimitive.Count, {})] }), jsx(BranchPickerPrimitive.Next, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Next", children: jsx(ChevronRightIcon, {}) }) })] }));
-const UserMessage = () => (jsx(MessagePrimitive.Root, { asChild: true, children: jsxs("div", { className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group", "data-role": "user", children: [jsx(UserMessageAttachments, {}), jsx("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: jsx("div", { className: "aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]", children: jsx(MessagePrimitive.Parts, { components: userMessageComponents }) }) })] }) }));
+const UserMessage = () => {
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx(MessagePrimitive.Root, { asChild: true, children: jsxs("div", { style: { maxWidth: threadMaxWidth }, className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group", "data-role": "user", children: [jsx(UserMessageAttachments, {}), jsx("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: jsx("div", { className: "aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#EDEFFC] rounded-[8px]", children: jsx(MessagePrimitive.Parts, {}) }) })] }) }));
+};
 
 export { Thread };
 //# sourceMappingURL=thread.js.map