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

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

@@ -19,12 +19,16 @@ require('dayjs');
 var useThread = require('../../hooks/useThread.cjs');
 var AbortMessage = require('../../assets/AbortMessage.cjs');
 require('../../core/dist/index.cjs');
+var ahooks = require('ahooks');
 var welcome = require('../welcome.cjs');
 var threadHeader = require('./thread-header.cjs');
 require('./reasoning.cjs');
 var messageComponentsWithAvatar = require('./message-components-with-avatar.cjs');
 var valtio = require('valtio');
 
+const userMessageComponents = {
+    Text: () => (jsxRuntime.jsxs("p", { style: { whiteSpace: 'pre-line', fontSize: 16 }, children: [jsxRuntime.jsx(react$1.MessagePartPrimitive.Text, {}), jsxRuntime.jsx(react$1.MessagePartPrimitive.InProgress, { children: jsxRuntime.jsx("span", { style: { fontFamily: 'revert' }, children: ' \u25CF' }) })] })),
+};
 const Thread = ({ welcome: welcome$1, recommends }) => {
     const { currentThread } = useThread();
     const ref = ChatkitContext.useChatkitRef();
@@ -67,7 +71,7 @@ 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',
-                                                    } })] })) : (jsxRuntime.jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)] w-full w-full", 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, {})] }) })] }) }) })] }));
+                                                    } })] })) : (jsxRuntime.jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)] w-full h-full", 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 = () => {
@@ -94,12 +98,17 @@ const Composer = () => {
 const ComposerAction = ({ disabled, disabledReason, }) => {
     const { currentThread } = useThread();
     const plugins = ChatkitContext.useChatkitPlugins();
+    const { controller } = ChatkitContext.useChatkitContext();
+    const cancel = ahooks.useMemoizedFn(() => {
+        console.log('cancel');
+        controller?.abortMessage();
+    });
     const { t } = I18nContext.useI18n();
     return (jsxRuntime.jsxs("div", { className: "aui-composer-action-wrapper flex items-center gap-3 justify-between", children: [jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: plugins.map((plugin, idx) => (jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: plugin }, idx))) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { running: false, children: jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: disabled ? disabledReason : t('thread.send'), type: "submit", variant: "ghost", size: "icon", 
                         // disabled={disabled}
                         className: utils.cn('aui-composer-send size-[28px] rounded-[8px] text-white p-0', disabled
                             ? 'bg-gray-400 cursor-not-allowed'
-                            : 'bg-[#5252FF] hover:bg-primary/10 hover:text-primary'), "aria-label": "Send message", children: currentThread?.loading ? (jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "aui-composer-send-icon size-[16px] animate-spin" })) : (jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-[16px] text-white" })) }) }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { running: true, children: jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "stop", type: "submit", variant: "ghost", size: "icon", className: "aui-composer-send size-[28px]  bg-[#5252FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0", "aria-label": "Send message", children: jsxRuntime.jsx(AbortMessage, { className: "aui-composer-send-icon size-[28px] fill-white" }) }) }) })] }));
+                            : 'bg-[#5252FF] hover:bg-primary/10 hover:text-primary'), "aria-label": "Send message", children: currentThread?.loading ? (jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "aui-composer-send-icon size-[16px] animate-spin" })) : (jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-[16px] text-white" })) }) }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { running: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { onClick: cancel, tooltip: "stop", type: "submit", variant: "ghost", size: "icon", className: "aui-composer-send size-[28px]  bg-[#5252FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0", "aria-label": "Send message", children: jsxRuntime.jsx(AbortMessage, { className: "aui-composer-send-icon size-[28px] fill-white" }) }) })] }));
 };
 const MessageError = () => {
     const { t } = I18nContext.useI18n();
@@ -148,7 +157,7 @@ const EditComposer = () => {
 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 = () => {
     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, {}) }) })] }) }));
+    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-[12px] py-[10px] break-words text-foreground bg-[#EDEFFC] rounded-[8px]", children: jsxRuntime.jsx(react$1.MessagePrimitive.Parts, { components: userMessageComponents }) }) })] }) }));
 };
 
 exports.Thread = Thread;

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 {\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)] w-full w-full\"\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\"\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-[16px] border border-[#EAEDF1] bg-background px-[12px] py-[8px] shadow-sm transition-all min-h-[84px]',\n            isDisabled && 'cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          <div className=\"flex items-center w-full gap-2 mb-[10px]\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[60px] min-h-[60px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[24px] 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          </div>\n          <ComposerAction\n            disabled={isDisabled}\n            disabledReason={disabledReason}\n          />\n        </ComposerPrimitive.Root>\n      </div>\n      {threadBottom || <div className=\"pb-4 md:pb-6\" />}\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 justify-between\">\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-[28px] rounded-[8px] text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#5252FF] 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-[28px]  bg-[#5252FF] 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-[28px] 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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"}
+{"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  useAssistantState,\n  MessagePartPrimitive,\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 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 { useMemoizedFn } from 'ahooks';\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 = {\n  Text: () => (\n    <p style={{ whiteSpace: 'pre-line', fontSize: 16 }}>\n      <MessagePartPrimitive.Text />\n      <MessagePartPrimitive.InProgress>\n        <span style={{ fontFamily: 'revert' }}>{' \\u25CF'}</span>\n      </MessagePartPrimitive.InProgress>\n    </p>\n  ),\n};\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)] w-full h-full\"\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\"\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-[16px] border border-[#EAEDF1] bg-background px-[12px] py-[8px] shadow-sm transition-all min-h-[84px]',\n            isDisabled && 'cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          <div className=\"flex items-center w-full gap-2 mb-[10px]\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[60px] min-h-[60px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[24px] 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          </div>\n          <ComposerAction\n            disabled={isDisabled}\n            disabledReason={disabledReason}\n          />\n        </ComposerPrimitive.Root>\n      </div>\n      {threadBottom || <div className=\"pb-4 md:pb-6\" />}\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 { controller } = useChatkitContext();\n  const cancel = useMemoizedFn(() => {\n    console.log('cancel');\n    controller?.abortMessage();\n  });\n\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-composer-action-wrapper flex items-center gap-3 justify-between\">\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-[28px] rounded-[8px] text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#5252FF] 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        <TooltipIconButton\n          onClick={cancel}\n          tooltip=\"stop\"\n          type=\"submit\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"aui-composer-send size-[28px]  bg-[#5252FF] 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-[28px] fill-white\" />\n        </TooltipIconButton>\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-[12px] py-[10px] break-words text-foreground bg-[#EDEFFC] 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":["_jsxs","_jsx","MessagePartPrimitive","welcome","useChatkitRef","useMemo","Recommend","useChatkitContext","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive","TooltipIconButton","ArrowDownIcon","useI18n","useSnapshot","useState","ComposerPrimitive","cn","ComposerAttachments","useChatkitPlugins","useMemoizedFn","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,CAsHA,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;AA4Df,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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { LoaderCircle, ArrowUpIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ArrowDownIcon } from 'lucide-react';
 import 'uuid';
-import { ThreadPrimitive, ComposerPrimitive, MessagePrimitive, useAssistantState, ActionBarPrimitive, BranchPickerPrimitive, ErrorPrimitive } from '@assistant-ui/react';
+import { ThreadPrimitive, ComposerPrimitive, MessagePrimitive, useAssistantState, ActionBarPrimitive, BranchPickerPrimitive, MessagePartPrimitive, ErrorPrimitive } from '@assistant-ui/react';
 import { useMemo, useState } from 'react';
 import { LazyMotion, domAnimation, MotionConfig } from 'motion/react';
 import { Button } from '../ui/button.js';
@@ -17,12 +17,16 @@ import 'dayjs';
 import useThread from '../../hooks/useThread.js';
 import AbortMessage from '../../assets/AbortMessage.js';
 import '../../core/dist/index.js';
+import { useMemoizedFn } from 'ahooks';
 import Recommend from '../welcome.js';
 import ThreadHeader from './thread-header.js';
 import './reasoning.js';
 import { assistantMessageComponentsWithAvatar } from './message-components-with-avatar.js';
 import { useSnapshot } from 'valtio';
 
+const userMessageComponents = {
+    Text: () => (jsxs("p", { style: { whiteSpace: 'pre-line', fontSize: 16 }, children: [jsx(MessagePartPrimitive.Text, {}), jsx(MessagePartPrimitive.InProgress, { children: jsx("span", { style: { fontFamily: 'revert' }, children: ' \u25CF' }) })] })),
+};
 const Thread = ({ welcome, recommends }) => {
     const { currentThread } = useThread();
     const ref = useChatkitRef();
@@ -65,7 +69,7 @@ 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',
-                                                    } })] })) : (jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)] w-full w-full", children: welcomeElement ?? jsx(ThreadWelcome, {}) })), jsx("div", { className: "aui-thread-viewport-spacer  min-h-12 grow z-9", style: { background: 'white' } }), jsx(Composer, {})] }) })] }) }) })] }));
+                                                    } })] })) : (jsx("div", { style: { maxWidth: threadMaxWidth }, className: "max-w-[var(--thread-max-width)] w-full h-full", 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 = () => {
@@ -92,12 +96,17 @@ const Composer = () => {
 const ComposerAction = ({ disabled, disabledReason, }) => {
     const { currentThread } = useThread();
     const plugins = useChatkitPlugins();
+    const { controller } = useChatkitContext();
+    const cancel = useMemoizedFn(() => {
+        console.log('cancel');
+        controller?.abortMessage();
+    });
     const { t } = useI18n();
     return (jsxs("div", { className: "aui-composer-action-wrapper flex items-center gap-3 justify-between", children: [jsx("div", { className: "flex items-center gap-2", children: plugins.map((plugin, idx) => (jsx("div", { className: "flex items-center justify-center", children: plugin }, idx))) }), jsx(ThreadPrimitive.If, { running: false, children: jsx(ComposerPrimitive.Send, { asChild: true, children: jsx(TooltipIconButton, { tooltip: disabled ? disabledReason : t('thread.send'), type: "submit", variant: "ghost", size: "icon", 
                         // disabled={disabled}
                         className: cn('aui-composer-send size-[28px] rounded-[8px] text-white p-0', disabled
                             ? 'bg-gray-400 cursor-not-allowed'
-                            : 'bg-[#5252FF] hover:bg-primary/10 hover:text-primary'), "aria-label": "Send message", children: currentThread?.loading ? (jsx(LoaderCircle, { className: "aui-composer-send-icon size-[16px] animate-spin" })) : (jsx(ArrowUpIcon, { className: "aui-composer-send-icon size-[16px] text-white" })) }) }) }), jsx(ThreadPrimitive.If, { running: true, children: jsx(ComposerPrimitive.Cancel, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "stop", type: "submit", variant: "ghost", size: "icon", className: "aui-composer-send size-[28px]  bg-[#5252FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0", "aria-label": "Send message", children: jsx(AbortMessage, { className: "aui-composer-send-icon size-[28px] fill-white" }) }) }) })] }));
+                            : 'bg-[#5252FF] hover:bg-primary/10 hover:text-primary'), "aria-label": "Send message", children: currentThread?.loading ? (jsx(LoaderCircle, { className: "aui-composer-send-icon size-[16px] animate-spin" })) : (jsx(ArrowUpIcon, { className: "aui-composer-send-icon size-[16px] text-white" })) }) }) }), jsx(ThreadPrimitive.If, { running: true, children: jsx(TooltipIconButton, { onClick: cancel, tooltip: "stop", type: "submit", variant: "ghost", size: "icon", className: "aui-composer-send size-[28px]  bg-[#5252FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0", "aria-label": "Send message", children: jsx(AbortMessage, { className: "aui-composer-send-icon size-[28px] fill-white" }) }) })] }));
 };
 const MessageError = () => {
     const { t } = useI18n();
@@ -146,7 +155,7 @@ const EditComposer = () => {
 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 = () => {
     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, {}) }) })] }) }));
+    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-[12px] py-[10px] break-words text-foreground bg-[#EDEFFC] rounded-[8px]", children: jsx(MessagePrimitive.Parts, { components: userMessageComponents }) }) })] }) }));
 };
 
 export { Thread };

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

@@ -1 +1 @@
-{"version":3,"file":"thread.js","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)] w-full w-full\"\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\"\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-[16px] border border-[#EAEDF1] bg-background px-[12px] py-[8px] shadow-sm transition-all min-h-[84px]',\n            isDisabled && 'cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          <div className=\"flex items-center w-full gap-2 mb-[10px]\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[60px] min-h-[60px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[24px] 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          </div>\n          <ComposerAction\n            disabled={isDisabled}\n            disabledReason={disabledReason}\n          />\n        </ComposerPrimitive.Root>\n      </div>\n      {threadBottom || <div className=\"pb-4 md:pb-6\" />}\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 justify-between\">\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-[28px] rounded-[8px] text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#5252FF] 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-[28px]  bg-[#5252FF] 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-[28px] 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":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"thread.js","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  useAssistantState,\n  MessagePartPrimitive,\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 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 { useMemoizedFn } from 'ahooks';\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 = {\n  Text: () => (\n    <p style={{ whiteSpace: 'pre-line', fontSize: 16 }}>\n      <MessagePartPrimitive.Text />\n      <MessagePartPrimitive.InProgress>\n        <span style={{ fontFamily: 'revert' }}>{' \\u25CF'}</span>\n      </MessagePartPrimitive.InProgress>\n    </p>\n  ),\n};\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)] w-full h-full\"\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\"\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-[16px] border border-[#EAEDF1] bg-background px-[12px] py-[8px] shadow-sm transition-all min-h-[84px]',\n            isDisabled && 'cursor-not-allowed bg-gray-100',\n          )}\n        >\n          <ComposerAttachments />\n          <div className=\"flex items-center w-full gap-2 mb-[10px]\">\n            <ComposerPrimitive.Input\n              placeholder={isDisabled ? disabledReason : placeholder}\n              className=\"aui-composer-input max-h-[60px] min-h-[60px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[24px] 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          </div>\n          <ComposerAction\n            disabled={isDisabled}\n            disabledReason={disabledReason}\n          />\n        </ComposerPrimitive.Root>\n      </div>\n      {threadBottom || <div className=\"pb-4 md:pb-6\" />}\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 { controller } = useChatkitContext();\n  const cancel = useMemoizedFn(() => {\n    console.log('cancel');\n    controller?.abortMessage();\n  });\n\n  const { t } = useI18n();\n  return (\n    <div className=\"aui-composer-action-wrapper flex items-center gap-3 justify-between\">\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-[28px] rounded-[8px] text-white p-0',\n              disabled\n                ? 'bg-gray-400 cursor-not-allowed'\n                : 'bg-[#5252FF] 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        <TooltipIconButton\n          onClick={cancel}\n          tooltip=\"stop\"\n          type=\"submit\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"aui-composer-send size-[28px]  bg-[#5252FF] 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-[28px] fill-white\" />\n        </TooltipIconButton>\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-[12px] py-[10px] break-words text-foreground bg-[#EDEFFC] 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":["_jsxs","_jsx"],"mappings":"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"}