@chat-lab/ui 0.1.0-beta.8 → 0.1.0-beta.81

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} from \"lucide-react\";\nimport { v4 as uuid } from \"uuid\";\nimport {\n  ActionBarPrimitive,\n  BranchPickerPrimitive,\n  ComposerPrimitive,\n  ErrorPrimitive,\n  MessagePrimitive,\n  ThreadPrimitive,\n} from \"@assistant-ui/react\";\n\nimport { useState, type FC, type PropsWithChildren } from \"react\";\nimport { LazyMotion, MotionConfig, domAnimation } from \"motion/react\";\nimport * as m from \"motion/react-m\";\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 { Reasoning, ReasoningGroup } from \"./reasoning\";\nimport {\n  useChatkitContext,\n  useChatkitPlugins,\n  useChatkitRef,\n} from \"@/contexts/ChatkitContext\";\nimport ThumbUpIcon from \"@/assets/ThumbUpIcon\";\nimport ThumbDownIcon from \"@/assets/ThumbDownIcon\";\nimport CopyIcon from \"@/assets/Copy\";\nimport RefreshIcon from \"@/assets/RefreshIcon\";\nimport ThreadHeader from \"./thread-header\";\nimport NewSession from \"@/assets/NewSessioin\";\nimport dayjs from \"dayjs\";\nimport useThread from \"@/hooks/useThread\";\n\nexport const Thread: FC<{ welcome?: React.ReactNode }> = ({ welcome }) => {\n  const { currentThread } = useThread();\n  const { showHeader } = useChatkitContext();\n  return (\n    <div className=\"min-w-full h-full flex flex-col\">\n      {showHeader && <ThreadHeader title={currentThread?.name || \"Thread Title\"} />}\n      <LazyMotion features={domAnimation}>\n        <MotionConfig reducedMotion=\"user\">\n          <ThreadPrimitive.Root\n            className=\"aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background\"\n            style={{\n              [\"--thread-max-width\" as string]: \"66rem\",\n            }}\n          >\n            <ThreadPrimitive.If empty={false}>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll px-4\">\n                <ThreadPrimitive.Messages\n                  components={{\n                    UserMessage,\n                    EditComposer,\n                    AssistantMessage,\n                  }}\n                />\n                <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n                <Composer />\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n            <ThreadPrimitive.If empty>\n              <ThreadPrimitive.Viewport className=\"aui-thread-viewport  relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center gap-[80px] \">\n                {welcome ?? <ThreadWelcome />}\n                <div className=\"flex items-center\">\n                  <Composer />\n                </div>\n              </ThreadPrimitive.Viewport>\n            </ThreadPrimitive.If>\n          </ThreadPrimitive.Root>\n        </MotionConfig>\n      </LazyMotion>\n    </div>\n  );\n};\n\nconst ThreadScrollToBottom: FC = () => {\n  return (\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};\n\nconst NewThread = () => {\n  const ref = useChatkitRef();\n  const handleCreateNewThread = () => {\n    // 新建会话的逻辑\n    const id = `thread-${Date.now()}`;\n    ref.current?.addThread({\n      id,\n      name: \"新对话\",\n      sending: false,\n      metadata: {},\n      messages: [],\n      createdAt: dayjs().unix(),\n    });\n    ref.current?.setCurrentThread(id);\n  };\n\n  return (\n    <div className=\"absolute -top-12 h-[20px]\">\n      <button\n        onClick={handleCreateNewThread}\n        className=\"flex items-center px-[8px] py-[3px] gap-[4px] rounded-lg bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n        aria-label=\"新建会话\"\n      >\n        <span className=\"flex h-5 w-5 items-center justify-center rounded-[8px] size-[16px]\">\n          <NewSession />\n        </span>\n        <span className=\"text-sm font-medium leading-[22px] z-10 \">新会话</span>\n      </button>\n    </div>\n  );\n};\n\nconst ClearThread = () => {\n  const ref = useChatkitRef();\n  const { currentThread } = useThread();\n  const handleCreateNewThread = () => {\n    ref.current?.clearCurrentThread();\n  };\n\n  return (\n    <div className=\"absolute -top-12 h-[20px]\">\n      <button\n        onClick={handleCreateNewThread}\n        className=\"flex items-center px-[8px] py-[3px] gap-[4px] rounded-lg bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n        aria-label=\"新建会话\"\n      >\n        <span className=\"flex h-5 w-5 items-center justify-center rounded-[8px] size-[16px]\">\n          <NewSession />\n        </span>\n        <span className=\"text-sm font-medium leading-[22px] z-10 \">\n          清空会话\n        </span>\n      </button>\n    </div>\n  );\n};\n\nconst ThreadWelcome: FC = () => {\n  return (\n    <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n      <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n        <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n          你好\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ThreadSuggestions: FC = () => {\n  return (\n    <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n      你好\n    </div>\n  );\n};\n\nconst Composer: FC = () => {\n  const { showThreadList, placeholder } = useChatkitContext();\n  return (\n    <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6\">\n      <ThreadScrollToBottom />\n      {showThreadList ? <NewThread /> : <ClearThread />}\n      <ComposerPrimitive.Root className=\"aui-composer-root group/input-group relative flex w-full flex-col rounded-[8px] border border-input bg-background px-1 pt-2 shadow-xs transition-[color,box-shadow] outline-none has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-[3px] has-[textarea:focus-visible]:ring-ring/50 dark:bg-background\">\n        <ComposerAttachments />\n        <ComposerPrimitive.Input\n          placeholder={placeholder}\n          className=\"aui-composer-input mb-1 max-h-32 min-h-16 w-full resize-none bg-transparent px-3.5 pt-1.5 pb-3 text-base outline-none placeholder:text-muted-foreground focus-visible:ring-0\"\n          rows={1}\n          autoFocus\n          aria-label=\"Message input\"\n        />\n        <ComposerAction />\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n\nconst ComposerAction: FC = () => {\n  const { currentThread } = useThread();\n  const plugins = useChatkitPlugins();\n  return (\n    <div className=\"aui-composer-action-wrapper relative mx-1 mt-2 mb-2 flex items-center justify-between\">\n      <div className=\"flex items-center gap-2\">\n        {plugins.map((plugin, idx) => (\n          <div\n            key={idx}\n            className=\"rounded-[8px] border size-8 border-[#0000001A] flex items-center justify-center hover:bg-muted-foreground/15\"\n          >\n            {plugin}\n          </div>\n        ))}\n      </div>\n      <ThreadPrimitive.If running={false}>\n        <ComposerPrimitive.Send asChild>\n          <TooltipIconButton\n            tooltip=\"Send message\"\n            side=\"bottom\"\n            type=\"submit\"\n            variant=\"default\"\n            size=\"icon\"\n            className={cn(\n              \"aui-composer-send size-[34px] rounded-full p-1 bg-[#1664FF] text-white\",\n              \"hover:bg-primary/75 dark:border-muted-foreground/90\"\n            )}\n            aria-label=\"Send message\"\n          >\n            {currentThread?.loading ? (\n              <LoaderCircle className=\"aui-composer-send-icon size-5 animate-spin\" />\n            ) : (\n              <ArrowUpIcon className=\"aui-composer-send-icon size-5\" />\n            )}\n          </TooltipIconButton>\n        </ComposerPrimitive.Send>\n      </ThreadPrimitive.If>\n\n      <ThreadPrimitive.If running>\n        <ComposerPrimitive.Cancel asChild>\n          <Button\n            type=\"button\"\n            variant=\"default\"\n            size=\"icon\"\n            className=\"aui-composer-cancel size-[34px] rounded-full border border-muted-foreground/60 hover:bg-primary/75 dark:border-muted-foreground/90\"\n            aria-label=\"Stop generating\"\n          >\n            <Square className=\"aui-composer-cancel-icon size-3.5 fill-white dark:fill-black\" />\n          </Button>\n        </ComposerPrimitive.Cancel>\n      </ThreadPrimitive.If>\n    </div>\n  );\n};\n\nconst MessageError: FC = () => {\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          请求出现错误！\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} tool {toolCount === 1 ? \"call\" : \"calls\"}\n      </summary>\n      <div className=\"space-y-2 pl-4\">{children}</div>\n    </details>\n  );\n};\nconst AssistantMessage: FC = () => {\n  return (\n    <MessagePrimitive.Root asChild>\n      <div\n        className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n        data-role=\"assistant\"\n      >\n        <div className=\"group\">\n          <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n            <MessagePrimitive.Parts\n              components={{\n                Text: MarkdownText,\n                tools: { Fallback: ToolFallback },\n                File,\n                Reasoning,\n                // ToolGroup,\n                ReasoningGroup,\n              }}\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  return (\n    <ActionBarPrimitive.Root\n      hideWhenRunning\n      autohide=\"never\"\n      autohideFloat=\"single-branch\"\n      className=\"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    >\n      <div\n        onClick={() =>\n          setSubmittedFeedback(\n            submittedFeedback === \"positive\" ? undefined : \"positive\"\n          )\n        }\n      >\n        <TooltipIconButton tooltip=\"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        onClick={() =>\n          setSubmittedFeedback(\n            submittedFeedback === \"negative\" ? undefined : \"negative\"\n          )\n        }\n      >\n        <TooltipIconButton tooltip=\"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=\"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      <ActionBarPrimitive.Reload asChild>\n        <TooltipIconButton tooltip=\"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  return (\n    <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n      <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n        <ComposerPrimitive.Input\n          className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n          autoFocus\n        />\n\n        <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n          <ComposerPrimitive.Cancel asChild>\n            <Button variant=\"ghost\" size=\"sm\" aria-label=\"Cancel edit\">\n              Cancel\n            </Button>\n          </ComposerPrimitive.Cancel>\n          <ComposerPrimitive.Send asChild>\n            <Button size=\"sm\" aria-label=\"Update message\">\n              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  return (\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 /> / <BranchPickerPrimitive.Count />\n      </span>\n      <BranchPickerPrimitive.Next asChild>\n        <TooltipIconButton tooltip=\"Next\">\n          <ChevronRightIcon />\n        </TooltipIconButton>\n      </BranchPickerPrimitive.Next>\n    </BranchPickerPrimitive.Root>\n  );\n};\n\nconst UserMessage: FC = () => {\n  return (\n    <MessagePrimitive.Root asChild>\n      <div\n        className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n        data-role=\"user\"\n      >\n        <UserMessageAttachments />\n\n        <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n          <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n            <MessagePrimitive.Parts />\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\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\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 tooltip=\"编辑\" className=\"aui-user-action-edit\">\n          <PencilIcon className=\"h-3.5 w-3.5\" />\n        </TooltipIconButton>\n      </ActionBarPrimitive.Edit>\n\n      <TooltipIconButton tooltip=\"编辑\" className=\"aui-user-action-edit\">\n        <Share2Icon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n      <TooltipIconButton tooltip=\"编辑\" className=\"aui-user-action-edit\">\n        <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n      </TooltipIconButton>\n    </ActionBarPrimitive.Root>\n  );\n};\n"],"names":["useChatkitContext","_jsxs","_jsx","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive.Root","ThreadPrimitive.If","ThreadPrimitive.Viewport","ThreadPrimitive.Messages","ThreadPrimitive.ScrollToBottom","TooltipIconButton","ArrowDownIcon","useChatkitRef","dayjs","NewSession","ComposerPrimitive.Root","ComposerAttachments","ComposerPrimitive.Input","useChatkitPlugins","ComposerPrimitive.Send","cn","LoaderCircle","ArrowUpIcon","ComposerPrimitive.Cancel","Button","Square","MessagePrimitive.Error","ErrorPrimitive.Root","ErrorPrimitive.Message","MessagePrimitive.Root","MessagePrimitive.Parts","MarkdownText","ToolFallback","File","Reasoning","ReasoningGroup","useState","ActionBarPrimitive.Root","ActionBarPrimitive.Copy","MessagePrimitive.If","CheckIcon","CopyIcon","ActionBarPrimitive.Reload","BranchPickerPrimitive.Root","BranchPickerPrimitive.Previous","ChevronLeftIcon","BranchPickerPrimitive.Number","BranchPickerPrimitive.Count","BranchPickerPrimitive.Next","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';\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    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] max-w-[720px]\">\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

@@ -1,5 +1,6 @@
-import { type FC } from "react";
+import { type FC } from 'react';
 export declare const Thread: FC<{
     welcome?: React.ReactNode;
+    recommends?: string[];
 }>;
 //# sourceMappingURL=thread.d.ts.map

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":"AAsBA,OAAO,EAAY,KAAK,EAAE,EAA0B,MAAM,OAAO,CAAC;AA+BlE,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwCpD,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;AA2Df,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,123 +1,135 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+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, MessagePartPrimitive, ErrorPrimitive } from '@assistant-ui/react';
+import { useMemo, useState } from 'react';
+import { LazyMotion, domAnimation, MotionConfig } from 'motion/react';
 import { Button } from '../ui/button.js';
-import { MarkdownText } from './markdown-text.js';
-import { ToolFallback } from './tool-fallback.js';
+import './markdown-text.js';
+import { cn } from '../../lib/utils.js';
 import { TooltipIconButton } from './tooltip-icon-button.js';
 import { ComposerAttachments, UserMessageAttachments } from './attachment.js';
-import { File } from './file/index.js';
-import { cn } from '../../lib/utils.js';
-import { Reasoning, ReasoningGroup } from './reasoning.js';
-import { useChatkitContext, useChatkitPlugins, useChatkitRef } from '../../contexts/ChatkitContext.js';
-import ThumbUpIcon from '../../assets/ThumbUpIcon.js';
-import ThumbDownIcon from '../../assets/ThumbDownIcon.js';
+import './file/index.js';
+import { useChatkitRef, useChatkitContext, useChatkitPlugins } from '../../contexts/ChatkitContext.js';
+import { useI18n } from '../../contexts/I18nContext.js';
 import CopyIcon from '../../assets/Copy.js';
-import RefreshIcon from '../../assets/RefreshIcon.js';
-import ThreadHeader from './thread-header.js';
-import NewSession from '../../assets/NewSessioin.js';
-import dayjs from '../../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js';
+import 'dayjs';
 import useThread from '../../hooks/useThread.js';
-import { LazyMotion } from '../../node_modules/.pnpm/framer-motion@12.23.24_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/framer-motion/dist/es/components/LazyMotion/index.js';
-import { domAnimation } from '../../node_modules/.pnpm/framer-motion@12.23.24_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/framer-motion/dist/es/render/dom/features-animation.js';
-import { MotionConfig } from '../../node_modules/.pnpm/framer-motion@12.23.24_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/framer-motion/dist/es/components/MotionConfig/index.js';
-import LoaderCircle from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/loader-circle.js';
-import ArrowUp from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/arrow-up.js';
-import Square from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/square.js';
-import Check from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/check.js';
-import ChevronLeft from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
-import ChevronRight from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
-import ArrowDown from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/arrow-down.js';
-import { ThreadPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadRoot.js';
-import { ThreadPrimitiveIf } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadIf.js';
-import { ThreadPrimitiveViewport } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadViewport.js';
-import { ThreadPrimitiveMessages } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadMessages.js';
-import { ComposerPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerRoot.js';
-import { ComposerPrimitiveInput } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerInput.js';
-import { ComposerPrimitiveSend } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerSend.js';
-import { ComposerPrimitiveCancel } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerCancel.js';
-import { MessagePrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageRoot.js';
-import { MessagePrimitiveParts } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageParts.js';
-import { ActionBarPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarRoot.js';
-import { ActionBarPrimitiveCopy } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarCopy.js';
-import { MessagePrimitiveIf } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageIf.js';
-import { ActionBarPrimitiveReload } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarReload.js';
-import { BranchPickerPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerRoot.js';
-import { BranchPickerPrimitivePrevious } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerPrevious.js';
-import { BranchPickerPrimitiveNumber } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNumber.js';
-import { BranchPickerPrimitiveCount } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerCount.js';
-import { BranchPickerPrimitiveNext } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNext.js';
-import { ThreadPrimitiveScrollToBottom } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadScrollToBottom.js';
-import { MessagePrimitiveError } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageError.js';
-import { ErrorPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/error/ErrorRoot.js';
-import { ErrorPrimitiveMessage } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/error/ErrorMessage.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 Thread = ({ welcome }) => {
-    const { currentThread } = useThread();
-    const { showHeader } = useChatkitContext();
-    return (jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader && jsx(ThreadHeader, { title: currentThread?.name || "Thread Title" }), jsx(LazyMotion, { features: domAnimation, children: jsx(MotionConfig, { reducedMotion: "user", children: jsxs(ThreadPrimitiveRoot, { className: "aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background", style: {
-                            ["--thread-max-width"]: "66rem",
-                        }, children: [jsx(ThreadPrimitiveIf, { empty: false, children: jsxs(ThreadPrimitiveViewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll px-4", children: [jsx(ThreadPrimitiveMessages, { components: {
-                                                UserMessage,
-                                                EditComposer,
-                                                AssistantMessage,
-                                            } }), jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsx(Composer, {})] }) }), jsx(ThreadPrimitiveIf, { empty: true, children: jsxs(ThreadPrimitiveViewport, { className: "aui-thread-viewport  relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center gap-[80px] ", children: [welcome ?? jsx(ThreadWelcome, {}), jsx("div", { className: "flex items-center", children: jsx(Composer, {}) })] }) })] }) }) })] }));
-};
-const ThreadScrollToBottom = () => {
-    return (jsx(ThreadPrimitiveScrollToBottom, { 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(ArrowDown, {}) }) }));
+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 NewThread = () => {
-    const ref = useChatkitRef();
-    const handleCreateNewThread = () => {
-        // 新建会话的逻辑
-        const id = `thread-${Date.now()}`;
-        ref.current?.addThread({
-            id,
-            name: "新对话",
-            sending: false,
-            metadata: {},
-            messages: [],
-            createdAt: dayjs().unix(),
-        });
-        ref.current?.setCurrentThread(id);
-    };
-    return (jsx("div", { className: "absolute -top-12 h-[20px]", children: jsxs("button", { onClick: handleCreateNewThread, className: "flex items-center px-[8px] py-[3px] gap-[4px] rounded-lg bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none", "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD", children: [jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-[8px] size-[16px]", children: jsx(NewSession, {}) }), jsx("span", { className: "text-sm font-medium leading-[22px] z-10 ", children: "\u65B0\u4F1A\u8BDD" })] }) }));
-};
-const ClearThread = () => {
+const Thread = ({ welcome, recommends }) => {
+    const { currentThread } = useThread();
     const ref = useChatkitRef();
-    useThread();
-    const handleCreateNewThread = () => {
-        ref.current?.clearCurrentThread();
-    };
-    return (jsx("div", { className: "absolute -top-12 h-[20px]", children: jsxs("button", { onClick: handleCreateNewThread, className: "flex items-center px-[8px] py-[3px] gap-[4px] rounded-lg bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none", "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD", children: [jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-[8px] size-[16px]", children: jsx(NewSession, {}) }), jsx("span", { className: "text-sm font-medium leading-[22px] z-10 ", children: "\u6E05\u7A7A\u4F1A\u8BDD" })] }) }));
+    const welcomeElement = useMemo(() => {
+        if (welcome)
+            return welcome;
+        if (recommends) {
+            return (jsx(Recommend, { recommends: recommends, onSelect: (question) => {
+                    ref?.sendMessage({
+                        content: [
+                            {
+                                type: 'text',
+                                text: question,
+                            },
+                        ],
+                    });
+                } }));
+        }
+        return undefined;
+    }, [recommends, welcome]);
+    const threadMessageComponents = useMemo(() => ({
+        UserMessage,
+        EditComposer,
+        AssistantMessage,
+    }), []);
+    const { showHeader, renderHeader, threadMaxWidth, threadBottom, } = useChatkitContext();
+    return (jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
+                && (renderHeader ? (renderHeader({ thread: currentThread })) : (jsx(ThreadHeader, { title: currentThread?.name || 'Thread Title' }))), jsx(LazyMotion, { features: domAnimation, children: jsx(MotionConfig, { reducedMotion: "user", children: jsxs(ThreadPrimitive.Root, { className: "aui-root aui-thread-root @container flex-1 flex  h-[calc(100%-65px)] flex-col bg-background", style: {
+                            ['--thread-max-width']: '66rem',
+                            background: 'white',
+                        }, children: [jsx(ThreadPrimitive.If, { empty: false, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsx(ThreadPrimitive.Messages, { components: threadMessageComponents }), jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9" }), jsx(Composer, {})] }) }), jsx(ThreadPrimitive.If, { empty: true, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center items-center", children: [jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9", style: {
+                                                maxWidth: threadMaxWidth,
+                                                backgroundColor: 'white',
+                                            } }), currentThread?.loading ? (jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
+                                                        animation: 'bounce 1s ease-in-out infinite',
+                                                        animationDelay: '0ms',
+                                                    } }), jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
+                                                        animation: 'bounce 1s ease-in-out infinite',
+                                                        animationDelay: '150ms',
+                                                    } }), 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 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 = () => {
-    return (jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", children: jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: "\u4F60\u597D" }) }) }));
+    const { t } = useI18n();
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", style: { maxWidth: threadMaxWidth }, children: jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
 };
 const Composer = () => {
-    const { showThreadList, placeholder } = useChatkitContext();
-    return (jsxs("div", { className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6", children: [jsx(ThreadScrollToBottom, {}), showThreadList ? jsx(NewThread, {}) : jsx(ClearThread, {}), jsxs(ComposerPrimitiveRoot, { className: "aui-composer-root group/input-group relative flex w-full flex-col rounded-[8px] border border-input bg-background px-1 pt-2 shadow-xs transition-[color,box-shadow] outline-none has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-[3px] has-[textarea:focus-visible]:ring-ring/50 dark:bg-background", children: [jsx(ComposerAttachments, {}), jsx(ComposerPrimitiveInput, { placeholder: placeholder, className: "aui-composer-input mb-1 max-h-32 min-h-16 w-full resize-none bg-transparent px-3.5 pt-1.5 pb-3 text-base outline-none placeholder:text-muted-foreground focus-visible:ring-0", rows: 1, autoFocus: true, "aria-label": "Message input" }), jsx(ComposerAction, {})] })] }));
+    const { placeholder, composerTop, controller, threadMaxWidth, threadBottom, } = useChatkitContext();
+    const metaData = useSnapshot(controller?.metaData);
+    const clawStatus = metaData?.clawStatus;
+    const isDisabled = clawStatus?.status === false;
+    const disabledReason = clawStatus?.reason || '';
+    const handleKeyDown = (e) => {
+        if (isDisabled && e.key === 'Enter') {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    };
+    // 1. 定义禁用状态和 tooltip 显示状态
+    useState(false);
+    return (jsxs("div", { style: { maxWidth: threadMaxWidth, background: 'white' }, className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background", children: [jsx(ThreadScrollToBottom, {}), jsx("div", { className: "pt-[8px]", children: composerTop }), jsx("div", { className: "flex items-center gap-2", children: jsxs(ComposerPrimitive.Root, { className: cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[16px] border border-[#EAEDF1] bg-background px-[12px] py-[8px] shadow-sm transition-all min-h-[84px]', isDisabled && 'cursor-not-allowed bg-gray-100'), children: [jsx(ComposerAttachments, {}), jsx("div", { className: "flex items-center w-full gap-2 mb-[10px]", children: jsx(ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, 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", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }) }), jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] }) }), threadBottom || jsx("div", { className: "pb-4 md:pb-6" })] }));
 };
-const ComposerAction = () => {
+const ComposerAction = ({ disabled, disabledReason, }) => {
     const { currentThread } = useThread();
     const plugins = useChatkitPlugins();
-    return (jsxs("div", { className: "aui-composer-action-wrapper relative mx-1 mt-2 mb-2 flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-2", children: plugins.map((plugin, idx) => (jsx("div", { className: "rounded-[8px] border size-8 border-[#0000001A] flex items-center justify-center hover:bg-muted-foreground/15", children: plugin }, idx))) }), jsx(ThreadPrimitiveIf, { running: false, children: jsx(ComposerPrimitiveSend, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Send message", side: "bottom", type: "submit", variant: "default", size: "icon", className: cn("aui-composer-send size-[34px] rounded-full p-1 bg-[#1664FF] text-white", "hover:bg-primary/75 dark:border-muted-foreground/90"), "aria-label": "Send message", children: currentThread?.loading ? (jsx(LoaderCircle, { className: "aui-composer-send-icon size-5 animate-spin" })) : (jsx(ArrowUp, { className: "aui-composer-send-icon size-5" })) }) }) }), jsx(ThreadPrimitiveIf, { running: true, children: jsx(ComposerPrimitiveCancel, { asChild: true, children: jsx(Button, { type: "button", variant: "default", size: "icon", className: "aui-composer-cancel size-[34px] rounded-full border border-muted-foreground/60 hover:bg-primary/75 dark:border-muted-foreground/90", "aria-label": "Stop generating", children: jsx(Square, { className: "aui-composer-cancel-icon size-3.5 fill-white dark:fill-black" }) }) }) })] }));
+    const { controller } = useChatkitContext();
+    const cancel = useMemoizedFn(() => {
+        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(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 = () => {
-    return (jsx(MessagePrimitiveError, { children: jsxs(ErrorPrimitiveRoot, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: [jsx("div", { className: "font-medium text-destructive text-red-500", children: "\u8BF7\u6C42\u51FA\u73B0\u9519\u8BEF\uFF01" }), jsx(ErrorPrimitiveMessage, { className: "aui-message-error-message line-clamp-2" })] }) }));
+    const { t } = useI18n();
+    return (jsx(MessagePrimitive.Error, { children: jsxs(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: [jsx("div", { className: "font-medium text-destructive text-red-500", children: t('thread.requestError') }), jsx(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" })] }) }));
 };
 const AssistantMessage = () => {
-    return (jsx(MessagePrimitiveRoot, { asChild: true, children: jsx("div", { className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxs("div", { className: "group", children: [jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsx(MessagePrimitiveParts, { components: {
-                                    Text: MarkdownText,
-                                    tools: { Fallback: ToolFallback },
-                                    File,
-                                    Reasoning,
-                                    // ToolGroup,
-                                    ReasoningGroup,
-                                } }), jsx(MessageError, {})] }), jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsx(BranchPicker, {}), jsx(AssistantActionBar, {})] })] }) }) }));
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx(MessagePrimitive.Root, { asChild: true, children: jsx("div", { style: { maxWidth: threadMaxWidth }, className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxs("div", { className: "group", children: [jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsx(MessagePrimitive.Parts, { components: assistantMessageComponentsWithAvatar }), jsx(MessageError, {})] }), jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsx(BranchPicker, {}), jsx(AssistantActionBar, {})] })] }) }) }));
 };
 const AssistantActionBar = () => {
-    const [submittedFeedback, setSubmittedFeedback] = useState(undefined);
-    return (jsxs(ActionBarPrimitiveRoot, { hideWhenRunning: true, autohide: "never", autohideFloat: "single-branch", className: "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", children: [jsx("div", { onClick: () => setSubmittedFeedback(submittedFeedback === "positive" ? undefined : "positive"), children: jsx(TooltipIconButton, { tooltip: "Like", children: jsx(ThumbUpIcon, { className: "aui-assistant-action-bar-copy-check-icon size-[16px]", fill: submittedFeedback === "positive" ? "#000" : undefined }) }) }), jsx("div", { onClick: () => setSubmittedFeedback(submittedFeedback === "negative" ? undefined : "negative"), children: jsx(TooltipIconButton, { tooltip: "Dislike", children: jsx(ThumbDownIcon, { className: "aui-assistant-action-bar-copy-check-icon size-[16px]", fill: submittedFeedback === "negative" ? "#000" : undefined }) }) }), jsx("div", { className: "w-[1px] h-[12px] bg-[#DDE2E9]" }), jsx(ActionBarPrimitiveCopy, { asChild: true, children: jsxs(TooltipIconButton, { tooltip: "Copy", children: [jsx(MessagePrimitiveIf, { copied: true, children: jsx(Check, { className: "aui-assistant-action-bar-copy-check-icon size-[16px]" }) }), jsx(MessagePrimitiveIf, { copied: false, children: jsx(CopyIcon, { className: "aui-assistant-action-bar-copy-icon size-[16px]" }) })] }) }), jsx(ActionBarPrimitiveReload, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Refresh", children: jsx(RefreshIcon, { className: "aui-assistant-action-bar-refresh-icon size-[16px]" }) }) })] }));
+    useState(undefined);
+    const { t } = useI18n();
+    useAssistantState(({ message }) => {
+        if ((message.role !== 'assistant' || message.status?.type !== 'running')
+            && message.parts.some((c) => c.type === 'text' && c.text.length > 0)) {
+            return message.parts
+                .filter((c) => c.type === 'text')
+                .map((c) => c.text)
+                .join('\n');
+        }
+        return '';
+    });
+    const { authors } = useChatkitContext();
+    return (jsx(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "never", autohideFloat: "single-branch", className: cn('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', authors.length >= 2 ? 'ml-[50px]' : ''), children: jsx(ActionBarPrimitive.Copy, { asChild: true, children: jsxs(TooltipIconButton, { tooltip: t('thread.copy'), children: [jsx(MessagePrimitive.If, { copied: true, children: jsx(CheckIcon, { className: "aui-assistant-action-bar-copy-check-icon size-[16px]" }) }), jsx(MessagePrimitive.If, { copied: false, children: jsx(CopyIcon, { className: "aui-assistant-action-bar-copy-icon size-[16px]" }) })] }) }) }));
 };
 // const UserActionBar: FC = () => {
 //   return (
@@ -135,13 +147,14 @@ const AssistantActionBar = () => {
 //   );
 // };
 const EditComposer = () => {
-    return (jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", children: jsxs(ComposerPrimitiveRoot, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsx(ComposerPrimitiveInput, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsx(ComposerPrimitiveCancel, { asChild: true, children: jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Cancel edit", children: "Cancel" }) }), jsx(ComposerPrimitiveSend, { asChild: true, children: jsx(Button, { size: "sm", "aria-label": "Update message", children: "Update" }) })] })] }) }));
-};
-const BranchPicker = ({ className, ...rest }) => {
-    return (jsxs(BranchPickerPrimitiveRoot, { 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(BranchPickerPrimitivePrevious, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Previous", children: jsx(ChevronLeft, {}) }) }), jsxs("span", { className: "aui-branch-picker-state font-medium", children: [jsx(BranchPickerPrimitiveNumber, {}), " / ", jsx(BranchPickerPrimitiveCount, {})] }), jsx(BranchPickerPrimitiveNext, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Next", children: jsx(ChevronRight, {}) }) })] }));
+    const { t } = useI18n();
+    const { threadMaxWidth } = useChatkitContext();
+    return (jsx("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", style: { maxWidth: threadMaxWidth }, children: jsxs(ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [jsx(ComposerPrimitive.Input, { className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none", autoFocus: true }), jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [jsx(ComposerPrimitive.Cancel, { asChild: true, children: jsx(Button, { variant: "ghost", size: "sm", "aria-label": t('thread.cancelEdit'), children: t('warningModal.cancel') }) }), jsx(ComposerPrimitive.Send, { asChild: true, children: jsx(Button, { size: "sm", "aria-label": "Update message", children: t('thread.update') }) })] })] }) }));
 };
+const BranchPicker = ({ className, ...rest }) => (jsxs(BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: cn('aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground', className), ...rest, children: [jsx(BranchPickerPrimitive.Previous, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Previous", children: jsx(ChevronLeftIcon, {}) }) }), jsxs("span", { className: "aui-branch-picker-state font-medium", children: [jsx(BranchPickerPrimitive.Number, {}), ' ', "/", jsx(BranchPickerPrimitive.Count, {})] }), jsx(BranchPickerPrimitive.Next, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Next", children: jsx(ChevronRightIcon, {}) }) })] }));
 const UserMessage = () => {
-    return (jsx(MessagePrimitiveRoot, { asChild: true, children: jsxs("div", { className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group", "data-role": "user", children: [jsx(UserMessageAttachments, {}), jsx("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: jsx("div", { className: "aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]", children: jsx(MessagePrimitiveParts, {}) }) }), jsx(BranchPicker, { className: "aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end" })] }) }));
+    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-[12px] py-[10px] break-words text-foreground bg-[#EDEFFC] rounded-[8px] max-w-[720px]", children: jsx(MessagePrimitive.Parts, { components: userMessageComponents }) }) })] }) }));
 };
 
 export { Thread };