@chat-lab/ui 0.1.0-beta.65 → 0.1.0-beta.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/assistant-ui/thread.cjs +1 -1
- package/dist/components/assistant-ui/thread.cjs.map +1 -1
- package/dist/components/assistant-ui/thread.js +1 -1
- package/dist/components/assistant-ui/thread.js.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.cjs +3 -0
- package/dist/hooks/useClawChat/convertHistoryMessage.cjs.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.d.ts.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.js +3 -0
- package/dist/hooks/useClawChat/convertHistoryMessage.js.map +1 -1
- package/dist/hooks/useClawChat/types.cjs.map +1 -1
- package/dist/hooks/useClawChat/types.js.map +1 -1
- package/dist/index.css +2 -2
- package/package.json +1 -1
|
@@ -57,7 +57,7 @@ const Thread = ({ welcome: welcome$1, recommends }) => {
|
|
|
57
57
|
return (jsxRuntime.jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
|
|
58
58
|
&& (renderHeader ? (renderHeader({ thread: currentThread })) : (jsxRuntime.jsx(threadHeader, { title: currentThread?.name || 'Thread Title' }))), jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: jsxRuntime.jsx(react.MotionConfig, { reducedMotion: "user", children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Root, { className: "aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background", style: {
|
|
59
59
|
['--thread-max-width']: '66rem',
|
|
60
|
-
}, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4
|
|
60
|
+
}, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: threadMessageComponents }), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsxRuntime.jsx(Composer, {})] }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: true, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsxRuntime.jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
61
61
|
animation: 'bounce 1s ease-in-out infinite',
|
|
62
62
|
animationDelay: '0ms',
|
|
63
63
|
} }), jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thread.cjs","sources":["../../../src/components/assistant-ui/thread.tsx"],"sourcesContent":["import {\n ArrowDownIcon,\n ArrowUpIcon,\n CheckIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n PencilIcon,\n Square,\n Share2Icon, // 添加分享图标\n MoreHorizontalIcon,\n LoaderCircle,\n Mic,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\nimport {\n ActionBarPrimitive,\n BranchPickerPrimitive,\n ComposerPrimitive,\n ErrorPrimitive,\n MessagePrimitive,\n ThreadPrimitive,\n useAssistantApi,\n useAssistantState,\n} from '@assistant-ui/react';\n\nimport {\n useMemo, useState, type FC, type PropsWithChildren,\n} from 'react';\nimport { LazyMotion, MotionConfig, domAnimation } from 'motion/react';\nimport * as m from 'motion/react-m';\n\nimport { Checkbox } from '@radix-ui/react-checkbox';\n\nimport { Button } from '@/components/ui/button';\nimport { MarkdownText } from '@/components/assistant-ui/markdown-text';\nimport { ToolFallback } from '@/components/assistant-ui/tool-fallback';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport {\n ComposerAddAttachment,\n ComposerAttachments,\n UserMessageAttachments,\n} from '@/components/assistant-ui/attachment';\nimport { File } from '@/components/assistant-ui/file';\n\nimport { cn } from '@/lib/utils';\nimport {\n useChatkitContext,\n useChatkitPlugins,\n useChatkitRef,\n} from '@/contexts/ChatkitContext';\nimport { useI18n } from '@/contexts/I18nContext';\nimport ThumbUpIcon from '@/assets/ThumbUpIcon';\nimport ThumbDownIcon from '@/assets/ThumbDownIcon';\nimport CopyIcon from '@/assets/Copy';\nimport RefreshIcon from '@/assets/RefreshIcon';\nimport NewSession from '@/assets/NewSession';\nimport dayjs from 'dayjs';\nimport useThread from '@/hooks/useThread';\nimport { saveStringToMarkdown } from '@/utils/download';\nimport Download from '@/assets/Download';\nimport AbortMessage from '@/assets/AbortMessage';\nimport ClearIcon from '@/assets/ClearIcon';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { TooltipTrigger } from '@radix-ui/react-tooltip';\nimport Recommend from '../welcome';\nimport ThreadHeader from './thread-header';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { assistantMessageComponentsWithAvatar } from './message-components-with-avatar';\nimport { Tooltip, TooltipContent } from '../ui/tooltip';\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: { Fallback: ToolFallback },\n File,\n Reasoning,\n ReasoningGroup,\n};\n\nconst userMessageComponents = { Text: MarkdownText };\nexport const Thread: FC<{\n welcome?: React.ReactNode;\n recommends?: string[];\n}> = ({ welcome, recommends }) => {\n const { currentThread } = useThread();\n\n const ref = useChatkitRef();\n const welcomeElement = useMemo(() => {\n if (welcome) return welcome;\n if (recommends) {\n return (\n <Recommend\n recommends={recommends}\n onSelect={(question) => {\n ref?.sendMessage({\n content: [\n {\n type: 'text',\n text: question,\n },\n ],\n });\n }}\n />\n );\n }\n return undefined;\n }, [recommends, welcome]);\n\n const threadMessageComponents = useMemo(\n () => ({\n UserMessage,\n EditComposer,\n AssistantMessage,\n }),\n [],\n );\n\n const { showHeader, renderHeader } = useChatkitContext();\n return (\n <div className=\"min-w-full h-full flex flex-col\">\n {showHeader\n && (renderHeader ? (\n renderHeader({ thread: currentThread as ThreadType })\n ) : (\n <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n ))}\n <LazyMotion features={domAnimation}>\n <MotionConfig reducedMotion=\"user\">\n <ThreadPrimitive.Root\n className=\"aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background\"\n style={{\n ['--thread-max-width' as string]: '66rem',\n }}\n >\n <ThreadPrimitive.If empty={false}>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 max-w-[var(--thread-max-width)]\">\n <ThreadPrimitive.Messages\n components={threadMessageComponents}\n />\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n <ThreadPrimitive.If empty>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center\">\n <div className=\" aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n {currentThread?.loading ? (\n <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '0ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '150ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '300ms',\n }}\n />\n </div>\n ) : (\n (welcomeElement ?? <ThreadWelcome />)\n )}\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n </ThreadPrimitive.Root>\n </MotionConfig>\n </LazyMotion>\n </div>\n );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n <ThreadPrimitive.ScrollToBottom asChild>\n <TooltipIconButton\n tooltip=\"Scroll to bottom\"\n variant=\"outline\"\n className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n >\n <ArrowDownIcon />\n </TooltipIconButton>\n </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = async () => {\n // 新建会话的逻辑\n const id = uuid();\n ref\n ?.addThread({\n id,\n name: id,\n sending: false,\n metadata: {},\n messages: [],\n createdAt: dayjs().unix(),\n })\n .then(() => ref?.setCurrentThread(id));\n };\n\n return (\n <TooltipIconButton\n tooltip={t('thread.newChat')}\n onClick={handleCreateNewThread}\n className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n >\n <NewSession />\n </TooltipIconButton>\n );\n}\n\nfunction ClearThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = () => {\n ref?.clearCurrentThread();\n };\n const { currentThread } = useThread();\n\n const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n return (\n <TooltipIconButton\n tooltip={t('thread.clearChat')}\n disabled={disabled}\n onClick={handleCreateNewThread}\n className={cn(\n 'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n disabled && 'opacity-50 pointer-events-none',\n )}\n >\n <ClearIcon className=\"size-[16px]\" />\n </TooltipIconButton>\n );\n}\n\nconst ThreadWelcome: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n {t('thread.greeting')}\n </div>\n </div>\n </div>\n );\n};\n\nconst ThreadSuggestions: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n {t('thread.greeting')}\n </div>\n );\n};\n\nconst Composer: FC = () => {\n const { placeholder, composerTop, controller } = useChatkitContext();\n\n const metaData = useSnapshot(controller?.metaData);\n const clawStatus = metaData?.clawStatus;\n const isDisabled = clawStatus?.status === false;\n const disabledReason = clawStatus?.reason || '';\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (isDisabled && e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n // 1. 定义禁用状态和 tooltip 显示状态\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\">\n <ThreadScrollToBottom />\n {composerTop}\n <div className=\"flex items-center gap-2\">\n <ComposerPrimitive.Root\n className={cn(\n 'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n )}\n >\n <ComposerAttachments />\n <Tooltip\n open={open}\n onOpenChange={(newOpen) => {\n if (!isDisabled) return;\n setOpen(newOpen);\n }}\n >\n <TooltipTrigger>\n <div className=\"flex items-center w-full gap-2\">\n <ComposerPrimitive.Input\n placeholder={isDisabled ? disabledReason : placeholder}\n className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n rows={1}\n aria-label=\"Message input\"\n disabled={isDisabled}\n onKeyDown={handleKeyDown}\n />\n <ComposerAction\n disabled={isDisabled}\n disabledReason={disabledReason}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent side=\"top\">\n <div\n style={{\n backgroundColor: '#ffffff',\n color: '#1f2937',\n padding: '6px 8px',\n borderRadius: '6px',\n fontSize: '14px',\n border: '1px solid #e5e7eb',\n maxWidth: '240px',\n }}\n >\n <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n </div>\n </TooltipContent>\n </Tooltip>\n </ComposerPrimitive.Root>\n </div>\n </div>\n );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n disabled,\n disabledReason,\n}) => {\n const { currentThread } = useThread();\n const plugins = useChatkitPlugins();\n const { t } = useI18n();\n return (\n <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n {plugins.map((plugin, idx) => (\n <div key={idx} className=\"flex items-center justify-center\">\n {plugin}\n </div>\n ))}\n </div>\n\n <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n <ThreadPrimitive.If running={false}>\n <ComposerPrimitive.Send asChild>\n <TooltipIconButton\n tooltip={disabled ? disabledReason : t('thread.send')}\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n className={cn(\n 'aui-composer-send size-[32px] rounded-full text-white p-0',\n disabled\n ? 'bg-gray-400 cursor-not-allowed'\n : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n )}\n aria-label=\"Send message\"\n >\n {currentThread?.loading ? (\n <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n ) : (\n <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n )}\n </TooltipIconButton>\n </ComposerPrimitive.Send>\n </ThreadPrimitive.If>\n\n <ThreadPrimitive.If running>\n <ComposerPrimitive.Cancel asChild>\n <TooltipIconButton\n tooltip=\"stop\"\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n className=\"aui-composer-send size-[32px] bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n aria-label=\"Send message\"\n >\n <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n </TooltipIconButton>\n </ComposerPrimitive.Cancel>\n </ThreadPrimitive.If>\n </div>\n );\n};\n\nconst MessageError: FC = () => {\n const { t } = useI18n();\n return (\n <MessagePrimitive.Error>\n <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n <div className=\"font-medium text-destructive text-red-500\">\n {t('thread.requestError')}\n </div>\n <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n </ErrorPrimitive.Root>\n </MessagePrimitive.Error>\n );\n};\n\nconst ToolGroup: FC<\n PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n const toolCount = endIndex - startIndex + 1;\n return (\n <details className=\"my-2\">\n <summary className=\"cursor-pointer font-medium\">\n {toolCount}\n {' '}\n tool\n {toolCount === 1 ? 'call' : 'calls'}\n </summary>\n <div className=\"space-y-2 pl-4\">{children}</div>\n </details>\n );\n};\nconst AssistantMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n data-role=\"assistant\"\n >\n <div className=\"group\">\n <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n <MessagePrimitive.Parts\n components={assistantMessageComponentsWithAvatar}\n />\n <MessageError />\n </div>\n\n <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <BranchPicker />\n <AssistantActionBar />\n </div>\n </div>\n </div>\n </MessagePrimitive.Root>\n);\n\nconst AssistantActionBar: FC = () => {\n const [submittedFeedback, setSubmittedFeedback] = useState<\n 'positive' | 'negative' | undefined\n >(undefined);\n const { t } = useI18n();\n\n const downloadContent = useAssistantState(({ message }) => {\n if (\n (message.role !== 'assistant' || message.status?.type !== 'running')\n && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n ) {\n return message.parts\n .filter((c) => c.type === 'text')\n .map((c) => c.text)\n .join('\\n');\n }\n return '';\n });\n\n const { authors } = useChatkitContext();\n\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n autohide=\"never\"\n autohideFloat=\"single-branch\"\n className={cn(\n 'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n authors.length >= 2 ? 'ml-[50px]' : '',\n )}\n >\n {/* <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'positive' ? undefined : 'positive',\n )}\n >\n <TooltipIconButton tooltip={t('thread.like')}>\n <ThumbUpIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'positive' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div>\n <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'negative' ? undefined : 'negative',\n )}\n >\n <TooltipIconButton tooltip={t('thread.dislike')}>\n <ThumbDownIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'negative' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div> */}\n\n {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n <ActionBarPrimitive.Copy asChild>\n <TooltipIconButton tooltip={t('thread.copy')}>\n <MessagePrimitive.If copied>\n <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n </MessagePrimitive.If>\n <MessagePrimitive.If copied={false}>\n <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n </MessagePrimitive.If>\n </TooltipIconButton>\n </ActionBarPrimitive.Copy>\n\n {/* <TooltipIconButton\n tooltip={t('thread.download')}\n onClick={() => {\n saveStringToMarkdown(downloadContent, 'message.md');\n }}\n >\n <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n <ActionBarPrimitive.Reload asChild>\n <TooltipIconButton tooltip={t('thread.refresh')}>\n <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Reload> */}\n </ActionBarPrimitive.Root>\n );\n};\n\n// const UserActionBar: FC = () => {\n// return (\n// <ActionBarPrimitive.Root\n// hideWhenRunning\n// autohide=\"not-last\"\n// className=\"aui-user-action-bar-root flex flex-col items-end\"\n// >\n// <ActionBarPrimitive.Edit asChild>\n// <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n// <PencilIcon />\n// </TooltipIconButton>\n// </ActionBarPrimitive.Edit>\n// </ActionBarPrimitive.Root>\n// );\n// };\n\nconst EditComposer: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n <ComposerPrimitive.Input\n className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n autoFocus\n />\n\n <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n <ComposerPrimitive.Cancel asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n aria-label={t('thread.cancelEdit')}\n >\n {t('warningModal.cancel')}\n </Button>\n </ComposerPrimitive.Cancel>\n <ComposerPrimitive.Send asChild>\n <Button size=\"sm\" aria-label=\"Update message\">\n {t('thread.update')}\n </Button>\n </ComposerPrimitive.Send>\n </div>\n </ComposerPrimitive.Root>\n </div>\n );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n className,\n ...rest\n}) => (\n <BranchPickerPrimitive.Root\n hideWhenSingleBranch\n className={cn(\n 'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n className,\n )}\n {...rest}\n >\n <BranchPickerPrimitive.Previous asChild>\n <TooltipIconButton tooltip=\"Previous\">\n <ChevronLeftIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Previous>\n <span className=\"aui-branch-picker-state font-medium\">\n <BranchPickerPrimitive.Number />\n {' '}\n /\n <BranchPickerPrimitive.Count />\n </span>\n <BranchPickerPrimitive.Next asChild>\n <TooltipIconButton tooltip=\"Next\">\n <ChevronRightIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Next>\n </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n data-role=\"user\"\n >\n <UserMessageAttachments />\n\n {/* <Checkbox /> */}\n <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n <MessagePrimitive.Parts components={userMessageComponents} />\n </div>\n {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n <UserActionBar />\n </div> */}\n </div>\n\n {/* 移除了下方工具栏代码 */}\n\n {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n </div>\n </MessagePrimitive.Root>\n);\n\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n const { t } = useI18n();\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n >\n <ActionBarPrimitive.Edit asChild>\n <TooltipIconButton\n tooltip={t('thread.edit')}\n className=\"aui-user-action-edit\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Edit>\n\n <TooltipIconButton\n tooltip={t('thread.share')}\n className=\"aui-user-action-edit\"\n >\n <Share2Icon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n <TooltipIconButton\n tooltip={t('thread.more')}\n className=\"aui-user-action-edit\"\n >\n <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Root>\n );\n};\n"],"names":["MarkdownText","welcome","useChatkitRef","useMemo","_jsx","Recommend","useChatkitContext","_jsxs","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive","TooltipIconButton","ArrowDownIcon","useI18n","useSnapshot","useState","ComposerPrimitive","cn","ComposerAttachments","Tooltip","TooltipTrigger","TooltipContent","useChatkitPlugins","LoaderCircle","ArrowUpIcon","MessagePrimitive","ErrorPrimitive","assistantMessageComponentsWithAvatar","useAssistantState","ActionBarPrimitive","CheckIcon","CopyIcon","Button","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","UserMessageAttachments"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"thread.cjs","sources":["../../../src/components/assistant-ui/thread.tsx"],"sourcesContent":["import {\n ArrowDownIcon,\n ArrowUpIcon,\n CheckIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n PencilIcon,\n Square,\n Share2Icon, // 添加分享图标\n MoreHorizontalIcon,\n LoaderCircle,\n Mic,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\nimport {\n ActionBarPrimitive,\n BranchPickerPrimitive,\n ComposerPrimitive,\n ErrorPrimitive,\n MessagePrimitive,\n ThreadPrimitive,\n useAssistantApi,\n useAssistantState,\n} from '@assistant-ui/react';\n\nimport {\n useMemo, useState, type FC, type PropsWithChildren,\n} from 'react';\nimport { LazyMotion, MotionConfig, domAnimation } from 'motion/react';\nimport * as m from 'motion/react-m';\n\nimport { Checkbox } from '@radix-ui/react-checkbox';\n\nimport { Button } from '@/components/ui/button';\nimport { MarkdownText } from '@/components/assistant-ui/markdown-text';\nimport { ToolFallback } from '@/components/assistant-ui/tool-fallback';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport {\n ComposerAddAttachment,\n ComposerAttachments,\n UserMessageAttachments,\n} from '@/components/assistant-ui/attachment';\nimport { File } from '@/components/assistant-ui/file';\n\nimport { cn } from '@/lib/utils';\nimport {\n useChatkitContext,\n useChatkitPlugins,\n useChatkitRef,\n} from '@/contexts/ChatkitContext';\nimport { useI18n } from '@/contexts/I18nContext';\nimport ThumbUpIcon from '@/assets/ThumbUpIcon';\nimport ThumbDownIcon from '@/assets/ThumbDownIcon';\nimport CopyIcon from '@/assets/Copy';\nimport RefreshIcon from '@/assets/RefreshIcon';\nimport NewSession from '@/assets/NewSession';\nimport dayjs from 'dayjs';\nimport useThread from '@/hooks/useThread';\nimport { saveStringToMarkdown } from '@/utils/download';\nimport Download from '@/assets/Download';\nimport AbortMessage from '@/assets/AbortMessage';\nimport ClearIcon from '@/assets/ClearIcon';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { TooltipTrigger } from '@radix-ui/react-tooltip';\nimport Recommend from '../welcome';\nimport ThreadHeader from './thread-header';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { assistantMessageComponentsWithAvatar } from './message-components-with-avatar';\nimport { Tooltip, TooltipContent } from '../ui/tooltip';\n\nconst assistantMessageComponents = {\n Text: MarkdownText,\n tools: { Fallback: ToolFallback },\n File,\n Reasoning,\n ReasoningGroup,\n};\n\nconst userMessageComponents = { Text: MarkdownText };\nexport const Thread: FC<{\n welcome?: React.ReactNode;\n recommends?: string[];\n}> = ({ welcome, recommends }) => {\n const { currentThread } = useThread();\n\n const ref = useChatkitRef();\n const welcomeElement = useMemo(() => {\n if (welcome) return welcome;\n if (recommends) {\n return (\n <Recommend\n recommends={recommends}\n onSelect={(question) => {\n ref?.sendMessage({\n content: [\n {\n type: 'text',\n text: question,\n },\n ],\n });\n }}\n />\n );\n }\n return undefined;\n }, [recommends, welcome]);\n\n const threadMessageComponents = useMemo(\n () => ({\n UserMessage,\n EditComposer,\n AssistantMessage,\n }),\n [],\n );\n\n const { showHeader, renderHeader } = useChatkitContext();\n return (\n <div className=\"min-w-full h-full flex flex-col\">\n {showHeader\n && (renderHeader ? (\n renderHeader({ thread: currentThread as ThreadType })\n ) : (\n <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n ))}\n <LazyMotion features={domAnimation}>\n <MotionConfig reducedMotion=\"user\">\n <ThreadPrimitive.Root\n className=\"aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background\"\n style={{\n ['--thread-max-width' as string]: '66rem',\n }}\n >\n <ThreadPrimitive.If empty={false}>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4\">\n <ThreadPrimitive.Messages\n components={threadMessageComponents}\n />\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n <ThreadPrimitive.If empty>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center\">\n <div className=\" aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n {currentThread?.loading ? (\n <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '0ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '150ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '300ms',\n }}\n />\n </div>\n ) : (\n (welcomeElement ?? <ThreadWelcome />)\n )}\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n </ThreadPrimitive.Root>\n </MotionConfig>\n </LazyMotion>\n </div>\n );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n <ThreadPrimitive.ScrollToBottom asChild>\n <TooltipIconButton\n tooltip=\"Scroll to bottom\"\n variant=\"outline\"\n className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n >\n <ArrowDownIcon />\n </TooltipIconButton>\n </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = async () => {\n // 新建会话的逻辑\n const id = uuid();\n ref\n ?.addThread({\n id,\n name: id,\n sending: false,\n metadata: {},\n messages: [],\n createdAt: dayjs().unix(),\n })\n .then(() => ref?.setCurrentThread(id));\n };\n\n return (\n <TooltipIconButton\n tooltip={t('thread.newChat')}\n onClick={handleCreateNewThread}\n className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n >\n <NewSession />\n </TooltipIconButton>\n );\n}\n\nfunction ClearThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = () => {\n ref?.clearCurrentThread();\n };\n const { currentThread } = useThread();\n\n const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n return (\n <TooltipIconButton\n tooltip={t('thread.clearChat')}\n disabled={disabled}\n onClick={handleCreateNewThread}\n className={cn(\n 'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n disabled && 'opacity-50 pointer-events-none',\n )}\n >\n <ClearIcon className=\"size-[16px]\" />\n </TooltipIconButton>\n );\n}\n\nconst ThreadWelcome: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n {t('thread.greeting')}\n </div>\n </div>\n </div>\n );\n};\n\nconst ThreadSuggestions: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n {t('thread.greeting')}\n </div>\n );\n};\n\nconst Composer: FC = () => {\n const { placeholder, composerTop, controller } = useChatkitContext();\n\n const metaData = useSnapshot(controller?.metaData);\n const clawStatus = metaData?.clawStatus;\n const isDisabled = clawStatus?.status === false;\n const disabledReason = clawStatus?.reason || '';\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (isDisabled && e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n // 1. 定义禁用状态和 tooltip 显示状态\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\">\n <ThreadScrollToBottom />\n {composerTop}\n <div className=\"flex items-center gap-2\">\n <ComposerPrimitive.Root\n className={cn(\n 'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n )}\n >\n <ComposerAttachments />\n <Tooltip\n open={open}\n onOpenChange={(newOpen) => {\n if (!isDisabled) return;\n setOpen(newOpen);\n }}\n >\n <TooltipTrigger>\n <div className=\"flex items-center w-full gap-2\">\n <ComposerPrimitive.Input\n placeholder={isDisabled ? disabledReason : placeholder}\n className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n rows={1}\n aria-label=\"Message input\"\n disabled={isDisabled}\n onKeyDown={handleKeyDown}\n />\n <ComposerAction\n disabled={isDisabled}\n disabledReason={disabledReason}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent side=\"top\">\n <div\n style={{\n backgroundColor: '#ffffff',\n color: '#1f2937',\n padding: '6px 8px',\n borderRadius: '6px',\n fontSize: '14px',\n border: '1px solid #e5e7eb',\n maxWidth: '240px',\n }}\n >\n <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n </div>\n </TooltipContent>\n </Tooltip>\n </ComposerPrimitive.Root>\n </div>\n </div>\n );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n disabled,\n disabledReason,\n}) => {\n const { currentThread } = useThread();\n const plugins = useChatkitPlugins();\n const { t } = useI18n();\n return (\n <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n {plugins.map((plugin, idx) => (\n <div key={idx} className=\"flex items-center justify-center\">\n {plugin}\n </div>\n ))}\n </div>\n\n <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n <ThreadPrimitive.If running={false}>\n <ComposerPrimitive.Send asChild>\n <TooltipIconButton\n tooltip={disabled ? disabledReason : t('thread.send')}\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n className={cn(\n 'aui-composer-send size-[32px] rounded-full text-white p-0',\n disabled\n ? 'bg-gray-400 cursor-not-allowed'\n : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n )}\n aria-label=\"Send message\"\n >\n {currentThread?.loading ? (\n <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n ) : (\n <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n )}\n </TooltipIconButton>\n </ComposerPrimitive.Send>\n </ThreadPrimitive.If>\n\n <ThreadPrimitive.If running>\n <ComposerPrimitive.Cancel asChild>\n <TooltipIconButton\n tooltip=\"stop\"\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n className=\"aui-composer-send size-[32px] bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n aria-label=\"Send message\"\n >\n <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n </TooltipIconButton>\n </ComposerPrimitive.Cancel>\n </ThreadPrimitive.If>\n </div>\n );\n};\n\nconst MessageError: FC = () => {\n const { t } = useI18n();\n return (\n <MessagePrimitive.Error>\n <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n <div className=\"font-medium text-destructive text-red-500\">\n {t('thread.requestError')}\n </div>\n <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n </ErrorPrimitive.Root>\n </MessagePrimitive.Error>\n );\n};\n\nconst ToolGroup: FC<\n PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n const toolCount = endIndex - startIndex + 1;\n return (\n <details className=\"my-2\">\n <summary className=\"cursor-pointer font-medium\">\n {toolCount}\n {' '}\n tool\n {toolCount === 1 ? 'call' : 'calls'}\n </summary>\n <div className=\"space-y-2 pl-4\">{children}</div>\n </details>\n );\n};\nconst AssistantMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n data-role=\"assistant\"\n >\n <div className=\"group\">\n <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n <MessagePrimitive.Parts\n components={assistantMessageComponentsWithAvatar}\n />\n <MessageError />\n </div>\n\n <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <BranchPicker />\n <AssistantActionBar />\n </div>\n </div>\n </div>\n </MessagePrimitive.Root>\n);\n\nconst AssistantActionBar: FC = () => {\n const [submittedFeedback, setSubmittedFeedback] = useState<\n 'positive' | 'negative' | undefined\n >(undefined);\n const { t } = useI18n();\n\n const downloadContent = useAssistantState(({ message }) => {\n if (\n (message.role !== 'assistant' || message.status?.type !== 'running')\n && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n ) {\n return message.parts\n .filter((c) => c.type === 'text')\n .map((c) => c.text)\n .join('\\n');\n }\n return '';\n });\n\n const { authors } = useChatkitContext();\n\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n autohide=\"never\"\n autohideFloat=\"single-branch\"\n className={cn(\n 'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n authors.length >= 2 ? 'ml-[50px]' : '',\n )}\n >\n {/* <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'positive' ? undefined : 'positive',\n )}\n >\n <TooltipIconButton tooltip={t('thread.like')}>\n <ThumbUpIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'positive' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div>\n <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'negative' ? undefined : 'negative',\n )}\n >\n <TooltipIconButton tooltip={t('thread.dislike')}>\n <ThumbDownIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'negative' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div> */}\n\n {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n <ActionBarPrimitive.Copy asChild>\n <TooltipIconButton tooltip={t('thread.copy')}>\n <MessagePrimitive.If copied>\n <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n </MessagePrimitive.If>\n <MessagePrimitive.If copied={false}>\n <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n </MessagePrimitive.If>\n </TooltipIconButton>\n </ActionBarPrimitive.Copy>\n\n {/* <TooltipIconButton\n tooltip={t('thread.download')}\n onClick={() => {\n saveStringToMarkdown(downloadContent, 'message.md');\n }}\n >\n <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n <ActionBarPrimitive.Reload asChild>\n <TooltipIconButton tooltip={t('thread.refresh')}>\n <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Reload> */}\n </ActionBarPrimitive.Root>\n );\n};\n\n// const UserActionBar: FC = () => {\n// return (\n// <ActionBarPrimitive.Root\n// hideWhenRunning\n// autohide=\"not-last\"\n// className=\"aui-user-action-bar-root flex flex-col items-end\"\n// >\n// <ActionBarPrimitive.Edit asChild>\n// <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n// <PencilIcon />\n// </TooltipIconButton>\n// </ActionBarPrimitive.Edit>\n// </ActionBarPrimitive.Root>\n// );\n// };\n\nconst EditComposer: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n <ComposerPrimitive.Input\n className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n autoFocus\n />\n\n <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n <ComposerPrimitive.Cancel asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n aria-label={t('thread.cancelEdit')}\n >\n {t('warningModal.cancel')}\n </Button>\n </ComposerPrimitive.Cancel>\n <ComposerPrimitive.Send asChild>\n <Button size=\"sm\" aria-label=\"Update message\">\n {t('thread.update')}\n </Button>\n </ComposerPrimitive.Send>\n </div>\n </ComposerPrimitive.Root>\n </div>\n );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n className,\n ...rest\n}) => (\n <BranchPickerPrimitive.Root\n hideWhenSingleBranch\n className={cn(\n 'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n className,\n )}\n {...rest}\n >\n <BranchPickerPrimitive.Previous asChild>\n <TooltipIconButton tooltip=\"Previous\">\n <ChevronLeftIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Previous>\n <span className=\"aui-branch-picker-state font-medium\">\n <BranchPickerPrimitive.Number />\n {' '}\n /\n <BranchPickerPrimitive.Count />\n </span>\n <BranchPickerPrimitive.Next asChild>\n <TooltipIconButton tooltip=\"Next\">\n <ChevronRightIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Next>\n </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n data-role=\"user\"\n >\n <UserMessageAttachments />\n\n {/* <Checkbox /> */}\n <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n <MessagePrimitive.Parts components={userMessageComponents} />\n </div>\n {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n <UserActionBar />\n </div> */}\n </div>\n\n {/* 移除了下方工具栏代码 */}\n\n {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n </div>\n </MessagePrimitive.Root>\n);\n\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n const { t } = useI18n();\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n >\n <ActionBarPrimitive.Edit asChild>\n <TooltipIconButton\n tooltip={t('thread.edit')}\n className=\"aui-user-action-edit\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Edit>\n\n <TooltipIconButton\n tooltip={t('thread.share')}\n className=\"aui-user-action-edit\"\n >\n <Share2Icon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n <TooltipIconButton\n tooltip={t('thread.more')}\n className=\"aui-user-action-edit\"\n >\n <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Root>\n );\n};\n"],"names":["MarkdownText","welcome","useChatkitRef","useMemo","_jsx","Recommend","useChatkitContext","_jsxs","ThreadHeader","LazyMotion","domAnimation","MotionConfig","ThreadPrimitive","TooltipIconButton","ArrowDownIcon","useI18n","useSnapshot","useState","ComposerPrimitive","cn","ComposerAttachments","Tooltip","TooltipTrigger","TooltipContent","useChatkitPlugins","LoaderCircle","ArrowUpIcon","MessagePrimitive","ErrorPrimitive","assistantMessageComponentsWithAvatar","useAssistantState","ActionBarPrimitive","CheckIcon","CopyIcon","Button","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","UserMessageAttachments"],"mappings":"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"}
|
|
@@ -55,7 +55,7 @@ const Thread = ({ welcome, recommends }) => {
|
|
|
55
55
|
return (jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
|
|
56
56
|
&& (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: {
|
|
57
57
|
['--thread-max-width']: '66rem',
|
|
58
|
-
}, 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
|
|
58
|
+
}, children: [jsx(ThreadPrimitive.If, { empty: false, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsx(ThreadPrimitive.Messages, { components: threadMessageComponents }), jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsx(Composer, {})] }) }), jsx(ThreadPrimitive.If, { empty: true, children: jsxs(ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
59
59
|
animation: 'bounce 1s ease-in-out infinite',
|
|
60
60
|
animationDelay: '0ms',
|
|
61
61
|
} }), jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
@@ -1 +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 { showHeader, renderHeader } = useChatkitContext();\n return (\n <div className=\"min-w-full h-full flex flex-col\">\n {showHeader\n && (renderHeader ? (\n renderHeader({ thread: currentThread as ThreadType })\n ) : (\n <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n ))}\n <LazyMotion features={domAnimation}>\n <MotionConfig reducedMotion=\"user\">\n <ThreadPrimitive.Root\n className=\"aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background\"\n style={{\n ['--thread-max-width' as string]: '66rem',\n }}\n >\n <ThreadPrimitive.If empty={false}>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 max-w-[var(--thread-max-width)]\">\n <ThreadPrimitive.Messages\n components={threadMessageComponents}\n />\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n <ThreadPrimitive.If empty>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center\">\n <div className=\" aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n {currentThread?.loading ? (\n <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '0ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '150ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '300ms',\n }}\n />\n </div>\n ) : (\n (welcomeElement ?? <ThreadWelcome />)\n )}\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n </ThreadPrimitive.Root>\n </MotionConfig>\n </LazyMotion>\n </div>\n );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n <ThreadPrimitive.ScrollToBottom asChild>\n <TooltipIconButton\n tooltip=\"Scroll to bottom\"\n variant=\"outline\"\n className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n >\n <ArrowDownIcon />\n </TooltipIconButton>\n </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = async () => {\n // 新建会话的逻辑\n const id = uuid();\n ref\n ?.addThread({\n id,\n name: id,\n sending: false,\n metadata: {},\n messages: [],\n createdAt: dayjs().unix(),\n })\n .then(() => ref?.setCurrentThread(id));\n };\n\n return (\n <TooltipIconButton\n tooltip={t('thread.newChat')}\n onClick={handleCreateNewThread}\n className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n >\n <NewSession />\n </TooltipIconButton>\n );\n}\n\nfunction ClearThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = () => {\n ref?.clearCurrentThread();\n };\n const { currentThread } = useThread();\n\n const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n return (\n <TooltipIconButton\n tooltip={t('thread.clearChat')}\n disabled={disabled}\n onClick={handleCreateNewThread}\n className={cn(\n 'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n disabled && 'opacity-50 pointer-events-none',\n )}\n >\n <ClearIcon className=\"size-[16px]\" />\n </TooltipIconButton>\n );\n}\n\nconst ThreadWelcome: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n {t('thread.greeting')}\n </div>\n </div>\n </div>\n );\n};\n\nconst ThreadSuggestions: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n {t('thread.greeting')}\n </div>\n );\n};\n\nconst Composer: FC = () => {\n const { placeholder, composerTop, controller } = useChatkitContext();\n\n const metaData = useSnapshot(controller?.metaData);\n const clawStatus = metaData?.clawStatus;\n const isDisabled = clawStatus?.status === false;\n const disabledReason = clawStatus?.reason || '';\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (isDisabled && e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n // 1. 定义禁用状态和 tooltip 显示状态\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\">\n <ThreadScrollToBottom />\n {composerTop}\n <div className=\"flex items-center gap-2\">\n <ComposerPrimitive.Root\n className={cn(\n 'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n )}\n >\n <ComposerAttachments />\n <Tooltip\n open={open}\n onOpenChange={(newOpen) => {\n if (!isDisabled) return;\n setOpen(newOpen);\n }}\n >\n <TooltipTrigger>\n <div className=\"flex items-center w-full gap-2\">\n <ComposerPrimitive.Input\n placeholder={isDisabled ? disabledReason : placeholder}\n className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n rows={1}\n aria-label=\"Message input\"\n disabled={isDisabled}\n onKeyDown={handleKeyDown}\n />\n <ComposerAction\n disabled={isDisabled}\n disabledReason={disabledReason}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent side=\"top\">\n <div\n style={{\n backgroundColor: '#ffffff',\n color: '#1f2937',\n padding: '6px 8px',\n borderRadius: '6px',\n fontSize: '14px',\n border: '1px solid #e5e7eb',\n maxWidth: '240px',\n }}\n >\n <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n </div>\n </TooltipContent>\n </Tooltip>\n </ComposerPrimitive.Root>\n </div>\n </div>\n );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n disabled,\n disabledReason,\n}) => {\n const { currentThread } = useThread();\n const plugins = useChatkitPlugins();\n const { t } = useI18n();\n return (\n <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n {plugins.map((plugin, idx) => (\n <div key={idx} className=\"flex items-center justify-center\">\n {plugin}\n </div>\n ))}\n </div>\n\n <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n <ThreadPrimitive.If running={false}>\n <ComposerPrimitive.Send asChild>\n <TooltipIconButton\n tooltip={disabled ? disabledReason : t('thread.send')}\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n className={cn(\n 'aui-composer-send size-[32px] rounded-full text-white p-0',\n disabled\n ? 'bg-gray-400 cursor-not-allowed'\n : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n )}\n aria-label=\"Send message\"\n >\n {currentThread?.loading ? (\n <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n ) : (\n <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n )}\n </TooltipIconButton>\n </ComposerPrimitive.Send>\n </ThreadPrimitive.If>\n\n <ThreadPrimitive.If running>\n <ComposerPrimitive.Cancel asChild>\n <TooltipIconButton\n tooltip=\"stop\"\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n className=\"aui-composer-send size-[32px] bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n aria-label=\"Send message\"\n >\n <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n </TooltipIconButton>\n </ComposerPrimitive.Cancel>\n </ThreadPrimitive.If>\n </div>\n );\n};\n\nconst MessageError: FC = () => {\n const { t } = useI18n();\n return (\n <MessagePrimitive.Error>\n <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n <div className=\"font-medium text-destructive text-red-500\">\n {t('thread.requestError')}\n </div>\n <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n </ErrorPrimitive.Root>\n </MessagePrimitive.Error>\n );\n};\n\nconst ToolGroup: FC<\n PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n const toolCount = endIndex - startIndex + 1;\n return (\n <details className=\"my-2\">\n <summary className=\"cursor-pointer font-medium\">\n {toolCount}\n {' '}\n tool\n {toolCount === 1 ? 'call' : 'calls'}\n </summary>\n <div className=\"space-y-2 pl-4\">{children}</div>\n </details>\n );\n};\nconst AssistantMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n data-role=\"assistant\"\n >\n <div className=\"group\">\n <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n <MessagePrimitive.Parts\n components={assistantMessageComponentsWithAvatar}\n />\n <MessageError />\n </div>\n\n <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <BranchPicker />\n <AssistantActionBar />\n </div>\n </div>\n </div>\n </MessagePrimitive.Root>\n);\n\nconst AssistantActionBar: FC = () => {\n const [submittedFeedback, setSubmittedFeedback] = useState<\n 'positive' | 'negative' | undefined\n >(undefined);\n const { t } = useI18n();\n\n const downloadContent = useAssistantState(({ message }) => {\n if (\n (message.role !== 'assistant' || message.status?.type !== 'running')\n && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n ) {\n return message.parts\n .filter((c) => c.type === 'text')\n .map((c) => c.text)\n .join('\\n');\n }\n return '';\n });\n\n const { authors } = useChatkitContext();\n\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n autohide=\"never\"\n autohideFloat=\"single-branch\"\n className={cn(\n 'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n authors.length >= 2 ? 'ml-[50px]' : '',\n )}\n >\n {/* <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'positive' ? undefined : 'positive',\n )}\n >\n <TooltipIconButton tooltip={t('thread.like')}>\n <ThumbUpIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'positive' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div>\n <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'negative' ? undefined : 'negative',\n )}\n >\n <TooltipIconButton tooltip={t('thread.dislike')}>\n <ThumbDownIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'negative' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div> */}\n\n {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n <ActionBarPrimitive.Copy asChild>\n <TooltipIconButton tooltip={t('thread.copy')}>\n <MessagePrimitive.If copied>\n <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n </MessagePrimitive.If>\n <MessagePrimitive.If copied={false}>\n <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n </MessagePrimitive.If>\n </TooltipIconButton>\n </ActionBarPrimitive.Copy>\n\n {/* <TooltipIconButton\n tooltip={t('thread.download')}\n onClick={() => {\n saveStringToMarkdown(downloadContent, 'message.md');\n }}\n >\n <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n <ActionBarPrimitive.Reload asChild>\n <TooltipIconButton tooltip={t('thread.refresh')}>\n <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Reload> */}\n </ActionBarPrimitive.Root>\n );\n};\n\n// const UserActionBar: FC = () => {\n// return (\n// <ActionBarPrimitive.Root\n// hideWhenRunning\n// autohide=\"not-last\"\n// className=\"aui-user-action-bar-root flex flex-col items-end\"\n// >\n// <ActionBarPrimitive.Edit asChild>\n// <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n// <PencilIcon />\n// </TooltipIconButton>\n// </ActionBarPrimitive.Edit>\n// </ActionBarPrimitive.Root>\n// );\n// };\n\nconst EditComposer: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n <ComposerPrimitive.Input\n className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n autoFocus\n />\n\n <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n <ComposerPrimitive.Cancel asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n aria-label={t('thread.cancelEdit')}\n >\n {t('warningModal.cancel')}\n </Button>\n </ComposerPrimitive.Cancel>\n <ComposerPrimitive.Send asChild>\n <Button size=\"sm\" aria-label=\"Update message\">\n {t('thread.update')}\n </Button>\n </ComposerPrimitive.Send>\n </div>\n </ComposerPrimitive.Root>\n </div>\n );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n className,\n ...rest\n}) => (\n <BranchPickerPrimitive.Root\n hideWhenSingleBranch\n className={cn(\n 'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n className,\n )}\n {...rest}\n >\n <BranchPickerPrimitive.Previous asChild>\n <TooltipIconButton tooltip=\"Previous\">\n <ChevronLeftIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Previous>\n <span className=\"aui-branch-picker-state font-medium\">\n <BranchPickerPrimitive.Number />\n {' '}\n /\n <BranchPickerPrimitive.Count />\n </span>\n <BranchPickerPrimitive.Next asChild>\n <TooltipIconButton tooltip=\"Next\">\n <ChevronRightIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Next>\n </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n data-role=\"user\"\n >\n <UserMessageAttachments />\n\n {/* <Checkbox /> */}\n <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n <MessagePrimitive.Parts components={userMessageComponents} />\n </div>\n {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n <UserActionBar />\n </div> */}\n </div>\n\n {/* 移除了下方工具栏代码 */}\n\n {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n </div>\n </MessagePrimitive.Root>\n);\n\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n const { t } = useI18n();\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n >\n <ActionBarPrimitive.Edit asChild>\n <TooltipIconButton\n tooltip={t('thread.edit')}\n className=\"aui-user-action-edit\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Edit>\n\n <TooltipIconButton\n tooltip={t('thread.share')}\n className=\"aui-user-action-edit\"\n >\n <Share2Icon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n <TooltipIconButton\n tooltip={t('thread.more')}\n className=\"aui-user-action-edit\"\n >\n <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Root>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
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 { showHeader, renderHeader } = useChatkitContext();\n return (\n <div className=\"min-w-full h-full flex flex-col\">\n {showHeader\n && (renderHeader ? (\n renderHeader({ thread: currentThread as ThreadType })\n ) : (\n <ThreadHeader title={currentThread?.name || 'Thread Title'} />\n ))}\n <LazyMotion features={domAnimation}>\n <MotionConfig reducedMotion=\"user\">\n <ThreadPrimitive.Root\n className=\"aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background\"\n style={{\n ['--thread-max-width' as string]: '66rem',\n }}\n >\n <ThreadPrimitive.If empty={false}>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4\">\n <ThreadPrimitive.Messages\n components={threadMessageComponents}\n />\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n <ThreadPrimitive.If empty>\n <ThreadPrimitive.Viewport className=\"aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center\">\n <div className=\" aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n {currentThread?.loading ? (\n <div className=\"flex items-center justify-center gap-1.5 h-[180px]\">\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '0ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '150ms',\n }}\n />\n <span\n className=\"w-2.5 h-2.5 bg-gray-500 rounded-full\"\n style={{\n animation: 'bounce 1s ease-in-out infinite',\n animationDelay: '300ms',\n }}\n />\n </div>\n ) : (\n (welcomeElement ?? <ThreadWelcome />)\n )}\n <div className=\"aui-thread-viewport-spacer min-h-12 grow z-9 bg-white\" />\n\n <Composer />\n </ThreadPrimitive.Viewport>\n </ThreadPrimitive.If>\n </ThreadPrimitive.Root>\n </MotionConfig>\n </LazyMotion>\n </div>\n );\n};\n\nconst ThreadScrollToBottom: FC = () => (\n <ThreadPrimitive.ScrollToBottom asChild>\n <TooltipIconButton\n tooltip=\"Scroll to bottom\"\n variant=\"outline\"\n className=\"aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent\"\n >\n <ArrowDownIcon />\n </TooltipIconButton>\n </ThreadPrimitive.ScrollToBottom>\n);\n\nfunction NewThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = async () => {\n // 新建会话的逻辑\n const id = uuid();\n ref\n ?.addThread({\n id,\n name: id,\n sending: false,\n metadata: {},\n messages: [],\n createdAt: dayjs().unix(),\n })\n .then(() => ref?.setCurrentThread(id));\n };\n\n return (\n <TooltipIconButton\n tooltip={t('thread.newChat')}\n onClick={handleCreateNewThread}\n className=\"flex h-[32px] w-[32px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none\"\n >\n <NewSession />\n </TooltipIconButton>\n );\n}\n\nfunction ClearThread() {\n const ref = useChatkitRef();\n const { t } = useI18n();\n const handleCreateNewThread = () => {\n ref?.clearCurrentThread();\n };\n const { currentThread } = useThread();\n\n const disabled = currentThread?.messages.length === 0 || currentThread?.loading;\n return (\n <TooltipIconButton\n tooltip={t('thread.clearChat')}\n disabled={disabled}\n onClick={handleCreateNewThread}\n className={cn(\n 'flex flex-shrink-0 size-[38px] items-center justify-center rounded-full bg-white border border-[#EAEDF1] text-[#0C0D0E] transition-colors hover:bg-gray-50',\n disabled && 'opacity-50 pointer-events-none',\n )}\n >\n <ClearIcon className=\"size-[16px]\" />\n </TooltipIconButton>\n );\n}\n\nconst ThreadWelcome: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col\">\n <div className=\"aui-thread-welcome-center flex w-full flex-col items-center justify-center\">\n <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]\">\n {t('thread.greeting')}\n </div>\n </div>\n </div>\n );\n};\n\nconst ThreadSuggestions: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2\">\n {t('thread.greeting')}\n </div>\n );\n};\n\nconst Composer: FC = () => {\n const { placeholder, composerTop, controller } = useChatkitContext();\n\n const metaData = useSnapshot(controller?.metaData);\n const clawStatus = metaData?.clawStatus;\n const isDisabled = clawStatus?.status === false;\n const disabledReason = clawStatus?.reason || '';\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (isDisabled && e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n // 1. 定义禁用状态和 tooltip 显示状态\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6\">\n <ThreadScrollToBottom />\n {composerTop}\n <div className=\"flex items-center gap-2\">\n <ComposerPrimitive.Root\n className={cn(\n 'aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all',\n isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100',\n )}\n >\n <ComposerAttachments />\n <Tooltip\n open={open}\n onOpenChange={(newOpen) => {\n if (!isDisabled) return;\n setOpen(newOpen);\n }}\n >\n <TooltipTrigger>\n <div className=\"flex items-center w-full gap-2\">\n <ComposerPrimitive.Input\n placeholder={isDisabled ? disabledReason : placeholder}\n className=\"aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n rows={1}\n aria-label=\"Message input\"\n disabled={isDisabled}\n onKeyDown={handleKeyDown}\n />\n <ComposerAction\n disabled={isDisabled}\n disabledReason={disabledReason}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent side=\"top\">\n <div\n style={{\n backgroundColor: '#ffffff',\n color: '#1f2937',\n padding: '6px 8px',\n borderRadius: '6px',\n fontSize: '14px',\n border: '1px solid #e5e7eb',\n maxWidth: '240px',\n }}\n >\n <div style={{ fontWeight: 500 }}>{disabledReason}</div>\n </div>\n </TooltipContent>\n </Tooltip>\n </ComposerPrimitive.Root>\n </div>\n </div>\n );\n};\n\nconst ComposerAction: FC<{ disabled?: boolean; disabledReason?: string }> = ({\n disabled,\n disabledReason,\n}) => {\n const { currentThread } = useThread();\n const plugins = useChatkitPlugins();\n const { t } = useI18n();\n return (\n <div className=\"aui-composer-action-wrapper flex items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n {plugins.map((plugin, idx) => (\n <div key={idx} className=\"flex items-center justify-center\">\n {plugin}\n </div>\n ))}\n </div>\n\n <div className=\"h-5 w-[1px] bg-[#E5E7EB]\" />\n\n <ThreadPrimitive.If running={false}>\n <ComposerPrimitive.Send asChild>\n <TooltipIconButton\n tooltip={disabled ? disabledReason : t('thread.send')}\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n className={cn(\n 'aui-composer-send size-[32px] rounded-full text-white p-0',\n disabled\n ? 'bg-gray-400 cursor-not-allowed'\n : 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary',\n )}\n aria-label=\"Send message\"\n >\n {currentThread?.loading ? (\n <LoaderCircle className=\"aui-composer-send-icon size-[16px] animate-spin\" />\n ) : (\n <ArrowUpIcon className=\"aui-composer-send-icon size-[16px] text-white\" />\n )}\n </TooltipIconButton>\n </ComposerPrimitive.Send>\n </ThreadPrimitive.If>\n\n <ThreadPrimitive.If running>\n <ComposerPrimitive.Cancel asChild>\n <TooltipIconButton\n tooltip=\"stop\"\n type=\"submit\"\n variant=\"ghost\"\n size=\"icon\"\n className=\"aui-composer-send size-[32px] bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0\"\n aria-label=\"Send message\"\n >\n <AbortMessage className=\"aui-composer-send-icon size-[32px] fill-white\" />\n </TooltipIconButton>\n </ComposerPrimitive.Cancel>\n </ThreadPrimitive.If>\n </div>\n );\n};\n\nconst MessageError: FC = () => {\n const { t } = useI18n();\n return (\n <MessagePrimitive.Error>\n <ErrorPrimitive.Root className=\"aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200\">\n <div className=\"font-medium text-destructive text-red-500\">\n {t('thread.requestError')}\n </div>\n <ErrorPrimitive.Message className=\"aui-message-error-message line-clamp-2\" />\n </ErrorPrimitive.Root>\n </MessagePrimitive.Error>\n );\n};\n\nconst ToolGroup: FC<\n PropsWithChildren<{ startIndex: number; endIndex: number }>\n> = ({ startIndex, endIndex, children }) => {\n const toolCount = endIndex - startIndex + 1;\n return (\n <details className=\"my-2\">\n <summary className=\"cursor-pointer font-medium\">\n {toolCount}\n {' '}\n tool\n {toolCount === 1 ? 'call' : 'calls'}\n </summary>\n <div className=\"space-y-2 pl-4\">{children}</div>\n </details>\n );\n};\nconst AssistantMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24\"\n data-role=\"assistant\"\n >\n <div className=\"group\">\n <div className=\"aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]\">\n <MessagePrimitive.Parts\n components={assistantMessageComponentsWithAvatar}\n />\n <MessageError />\n </div>\n\n <div className=\"aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <BranchPicker />\n <AssistantActionBar />\n </div>\n </div>\n </div>\n </MessagePrimitive.Root>\n);\n\nconst AssistantActionBar: FC = () => {\n const [submittedFeedback, setSubmittedFeedback] = useState<\n 'positive' | 'negative' | undefined\n >(undefined);\n const { t } = useI18n();\n\n const downloadContent = useAssistantState(({ message }) => {\n if (\n (message.role !== 'assistant' || message.status?.type !== 'running')\n && message.parts.some((c) => c.type === 'text' && c.text.length > 0)\n ) {\n return message.parts\n .filter((c) => c.type === 'text')\n .map((c) => c.text)\n .join('\\n');\n }\n return '';\n });\n\n const { authors } = useChatkitContext();\n\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n autohide=\"never\"\n autohideFloat=\"single-branch\"\n className={cn(\n 'aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm',\n authors.length >= 2 ? 'ml-[50px]' : '',\n )}\n >\n {/* <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'positive' ? undefined : 'positive',\n )}\n >\n <TooltipIconButton tooltip={t('thread.like')}>\n <ThumbUpIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'positive' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div>\n <div\n className=\"flex items-center justify-center\"\n onClick={() => setSubmittedFeedback(\n submittedFeedback === 'negative' ? undefined : 'negative',\n )}\n >\n <TooltipIconButton tooltip={t('thread.dislike')}>\n <ThumbDownIcon\n className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\"\n fill={submittedFeedback === 'negative' ? '#000' : undefined}\n />\n </TooltipIconButton>\n </div> */}\n\n {/* <div className=\"w-[1px] h-[12px] bg-[#DDE2E9]\" /> */}\n <ActionBarPrimitive.Copy asChild>\n <TooltipIconButton tooltip={t('thread.copy')}>\n <MessagePrimitive.If copied>\n <CheckIcon className=\"aui-assistant-action-bar-copy-check-icon size-[16px]\" />\n </MessagePrimitive.If>\n <MessagePrimitive.If copied={false}>\n <CopyIcon className=\"aui-assistant-action-bar-copy-icon size-[16px]\" />\n </MessagePrimitive.If>\n </TooltipIconButton>\n </ActionBarPrimitive.Copy>\n\n {/* <TooltipIconButton\n tooltip={t('thread.download')}\n onClick={() => {\n saveStringToMarkdown(downloadContent, 'message.md');\n }}\n >\n <Download className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n <ActionBarPrimitive.Reload asChild>\n <TooltipIconButton tooltip={t('thread.refresh')}>\n <RefreshIcon className=\"aui-assistant-action-bar-refresh-icon size-[16px]\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Reload> */}\n </ActionBarPrimitive.Root>\n );\n};\n\n// const UserActionBar: FC = () => {\n// return (\n// <ActionBarPrimitive.Root\n// hideWhenRunning\n// autohide=\"not-last\"\n// className=\"aui-user-action-bar-root flex flex-col items-end\"\n// >\n// <ActionBarPrimitive.Edit asChild>\n// <TooltipIconButton tooltip=\"Edit\" className=\"aui-user-action-edit p-4\">\n// <PencilIcon />\n// </TooltipIconButton>\n// </ActionBarPrimitive.Edit>\n// </ActionBarPrimitive.Root>\n// );\n// };\n\nconst EditComposer: FC = () => {\n const { t } = useI18n();\n return (\n <div className=\"aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4\">\n <ComposerPrimitive.Root className=\"aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted\">\n <ComposerPrimitive.Input\n className=\"aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none\"\n autoFocus\n />\n\n <div className=\"aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end\">\n <ComposerPrimitive.Cancel asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n aria-label={t('thread.cancelEdit')}\n >\n {t('warningModal.cancel')}\n </Button>\n </ComposerPrimitive.Cancel>\n <ComposerPrimitive.Send asChild>\n <Button size=\"sm\" aria-label=\"Update message\">\n {t('thread.update')}\n </Button>\n </ComposerPrimitive.Send>\n </div>\n </ComposerPrimitive.Root>\n </div>\n );\n};\n\nconst BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({\n className,\n ...rest\n}) => (\n <BranchPickerPrimitive.Root\n hideWhenSingleBranch\n className={cn(\n 'aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground',\n className,\n )}\n {...rest}\n >\n <BranchPickerPrimitive.Previous asChild>\n <TooltipIconButton tooltip=\"Previous\">\n <ChevronLeftIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Previous>\n <span className=\"aui-branch-picker-state font-medium\">\n <BranchPickerPrimitive.Number />\n {' '}\n /\n <BranchPickerPrimitive.Count />\n </span>\n <BranchPickerPrimitive.Next asChild>\n <TooltipIconButton tooltip=\"Next\">\n <ChevronRightIcon />\n </TooltipIconButton>\n </BranchPickerPrimitive.Next>\n </BranchPickerPrimitive.Root>\n);\n\nconst UserMessage: FC = () => (\n <MessagePrimitive.Root asChild>\n <div\n className=\"aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2 group\"\n data-role=\"user\"\n >\n <UserMessageAttachments />\n\n {/* <Checkbox /> */}\n <div className=\"aui-user-message-content-wrapper relative col-start-2 min-w-0\">\n <div className=\"aui-user-message-content bg-muted px-5 py-2.5 break-words text-foreground bg-[#F3F7FF] rounded-[8px]\">\n <MessagePrimitive.Parts components={userMessageComponents} />\n </div>\n {/* <div className=\"aui-user-action-bar-wrapper invisible group-hover:visible transition-all duration-200\">\n <UserActionBar />\n </div> */}\n </div>\n\n {/* 移除了下方工具栏代码 */}\n\n {/* <BranchPicker className=\"aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end\" /> */}\n </div>\n </MessagePrimitive.Root>\n);\n\n// 2. 修改UserActionBar组件，添加编辑、分享和更多选项功能\nconst UserActionBar: FC = () => {\n const { t } = useI18n();\n return (\n <ActionBarPrimitive.Root\n hideWhenRunning\n className=\"aui-user-action-bar-root flex items-end gap-2 justify-end bg-background p-1 rounded-md\"\n >\n <ActionBarPrimitive.Edit asChild>\n <TooltipIconButton\n tooltip={t('thread.edit')}\n className=\"aui-user-action-edit\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Edit>\n\n <TooltipIconButton\n tooltip={t('thread.share')}\n className=\"aui-user-action-edit\"\n >\n <Share2Icon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n <TooltipIconButton\n tooltip={t('thread.more')}\n className=\"aui-user-action-edit\"\n >\n <MoreHorizontalIcon className=\"h-3.5 w-3.5\" />\n </TooltipIconButton>\n </ActionBarPrimitive.Root>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -47,6 +47,9 @@ const convertHistoryMessage = (history) => {
|
|
|
47
47
|
history.payload.messages.forEach((item, index$1) => {
|
|
48
48
|
// 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message
|
|
49
49
|
const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';
|
|
50
|
+
if (item.role === 'toolResult') {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
50
53
|
if (isAssistantContent && result.length > 0) {
|
|
51
54
|
const lastMessage = result[result.length - 1];
|
|
52
55
|
if (lastMessage.role === 'assistant') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"convertHistoryMessage.cjs","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"sourcesContent":["import { ChatMessage, MessageStatus } from '@chat-lab/core';\nimport {\n PushHistory,\n TextContent,\n ThinkContent,\n ToolCallContent,\n ToolResultContent,\n} from './types';\n\nconst convertInnerContentToMessage = (\n innerContent:\n | TextContent\n | ThinkContent\n | ToolCallContent\n | ToolResultContent,\n): ChatMessage['content'][number] => {\n switch (innerContent.type) {\n case 'text':\n return {\n type: 'text',\n text: innerContent.text,\n };\n case 'thinking':\n return {\n type: 'reasoning',\n text: innerContent.thinking,\n };\n case 'toolCall':\n return {\n type: 'tool_call',\n toolCallId: innerContent.id,\n toolCallName: innerContent.name,\n toolCallArgs: innerContent.arguments,\n content: null,\n };\n case 'toolResult':\n return {\n type: 'tool_call',\n toolCallId: innerContent.toolCallId,\n toolCallName: innerContent.toolName,\n toolCallArgs: {},\n content: innerContent.content.map((c) => c.text).join(''),\n };\n default:\n return {\n type: 'text',\n text: '',\n };\n }\n};\n\nconst getStatus = (item: PushHistory['payload']['messages'][number]) => {\n if (item.stopReason === 'aborted') return MessageStatus.ABORTED;\n return item.errorMessage ? MessageStatus.ERROR : MessageStatus.SUCCESS;\n};\n\nconst convertHistoryMessage = (history: PushHistory): ChatMessage[] => {\n const result: ChatMessage[] = [];\n\n history.payload.messages.forEach((item, index) => {\n // 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message\n const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';\n if (isAssistantContent && result.length > 0) {\n const lastMessage = result[result.length - 1];\n if (lastMessage.role === 'assistant') {\n // 将当前内容添加到上一条 assistant 消息的 content 中\n const newContent = item.content.map(convertInnerContentToMessage);\n lastMessage.content = [...lastMessage.content, ...newContent];\n // 更新状态（如果有错误，使用错误状态）\n const status = getStatus(item);\n if (status === MessageStatus.ERROR) {\n lastMessage.status = status;\n lastMessage.error = item.errorMessage;\n }\n return;\n }\n }\n\n const status = getStatus(item);\n result.push({\n id: `${history.id}-${index}`,\n role: item.role === 'toolResult' ? 'assistant' : item.role,\n threadId: history.payload.sessionId || history.payload.sessionKey,\n metadata: {\n api: item.api,\n provider: item.provider,\n model: item.model,\n stopReason: item.stopReason,\n errorMessage: item.errorMessage,\n },\n status: getStatus(item),\n error: status === MessageStatus.ERROR ? item.errorMessage : undefined,\n content: item.content.map(convertInnerContentToMessage),\n createdAt: item.timestamp || Date.now(),\n updatedAt: item.timestamp || Date.now(),\n });\n });\n\n return result;\n};\nexport default convertHistoryMessage;\n"],"names":["MessageStatus","index"],"mappings":";;;;AASA,MAAM,4BAA4B,GAAG,CACnC,YAIqB,KACa;AAClC,IAAA,QAAQ,YAAY,CAAC,IAAI;AACvB,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC;AACJ,QAAA,KAAK,UAAU;YACb,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,YAAY,CAAC,QAAQ;aAC5B,CAAC;AACJ,QAAA,KAAK,UAAU;YACb,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,YAAY,CAAC,EAAE;gBAC3B,YAAY,EAAE,YAAY,CAAC,IAAI;gBAC/B,YAAY,EAAE,YAAY,CAAC,SAAS;AACpC,gBAAA,OAAO,EAAE,IAAI;aACd,CAAC;AACJ,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,YAAY,CAAC,UAAU;gBACnC,YAAY,EAAE,YAAY,CAAC,QAAQ;AACnC,gBAAA,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;aAC1D,CAAC;AACJ,QAAA;YACE,OAAO;AACL,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,IAAI,EAAE,EAAE;aACT,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAgD,KAAI;AACrE,IAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS;QAAE,OAAOA,mBAAa,CAAC,OAAO,CAAC;AAChE,IAAA,OAAO,IAAI,CAAC,YAAY,GAAGA,mBAAa,CAAC,KAAK,GAAGA,mBAAa,CAAC,OAAO,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,OAAoB,KAAmB;IACpE,MAAM,MAAM,GAAkB,EAAE,CAAC;AAEjC,IAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAEC,OAAK,KAAI;;AAE/C,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"convertHistoryMessage.cjs","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"sourcesContent":["import { ChatMessage, MessageStatus } from '@chat-lab/core';\nimport {\n PushHistory,\n TextContent,\n ThinkContent,\n ToolCallContent,\n ToolResultContent,\n} from './types';\n\nconst convertInnerContentToMessage = (\n innerContent:\n | TextContent\n | ThinkContent\n | ToolCallContent\n | ToolResultContent,\n): ChatMessage['content'][number] => {\n switch (innerContent.type) {\n case 'text':\n return {\n type: 'text',\n text: innerContent.text,\n };\n case 'thinking':\n return {\n type: 'reasoning',\n text: innerContent.thinking,\n };\n case 'toolCall':\n return {\n type: 'tool_call',\n toolCallId: innerContent.id,\n toolCallName: innerContent.name,\n toolCallArgs: innerContent.arguments,\n content: null,\n };\n case 'toolResult':\n return {\n type: 'tool_call',\n toolCallId: innerContent.toolCallId,\n toolCallName: innerContent.toolName,\n toolCallArgs: {},\n content: innerContent.content.map((c) => c.text).join(''),\n };\n default:\n return {\n type: 'text',\n text: '',\n };\n }\n};\n\nconst getStatus = (item: PushHistory['payload']['messages'][number]) => {\n if (item.stopReason === 'aborted') return MessageStatus.ABORTED;\n return item.errorMessage ? MessageStatus.ERROR : MessageStatus.SUCCESS;\n};\n\nconst convertHistoryMessage = (history: PushHistory): ChatMessage[] => {\n const result: ChatMessage[] = [];\n\n history.payload.messages.forEach((item, index) => {\n // 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message\n const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';\n if (item.role === 'toolResult') {\n return;\n }\n if (isAssistantContent && result.length > 0) {\n const lastMessage = result[result.length - 1];\n if (lastMessage.role === 'assistant') {\n // 将当前内容添加到上一条 assistant 消息的 content 中\n const newContent = item.content.map(convertInnerContentToMessage);\n lastMessage.content = [...lastMessage.content, ...newContent];\n // 更新状态（如果有错误，使用错误状态）\n const status = getStatus(item);\n if (status === MessageStatus.ERROR) {\n lastMessage.status = status;\n lastMessage.error = item.errorMessage;\n }\n return;\n }\n }\n\n const status = getStatus(item);\n result.push({\n id: `${history.id}-${index}`,\n role: item.role === 'toolResult' ? 'assistant' : item.role,\n threadId: history.payload.sessionId || history.payload.sessionKey,\n metadata: {\n api: item.api,\n provider: item.provider,\n model: item.model,\n stopReason: item.stopReason,\n errorMessage: item.errorMessage,\n },\n status: getStatus(item),\n error: status === MessageStatus.ERROR ? item.errorMessage : undefined,\n content: item.content.map(convertInnerContentToMessage),\n createdAt: item.timestamp || Date.now(),\n updatedAt: item.timestamp || Date.now(),\n });\n });\n\n return result;\n};\nexport default convertHistoryMessage;\n"],"names":["MessageStatus","index"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"convertHistoryMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EACL,WAAW,EAKZ,MAAM,SAAS,CAAC;AAiDjB,QAAA,MAAM,qBAAqB,GAAI,SAAS,WAAW,KAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"convertHistoryMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EACL,WAAW,EAKZ,MAAM,SAAS,CAAC;AAiDjB,QAAA,MAAM,qBAAqB,GAAI,SAAS,WAAW,KAAG,WAAW,EA8ChE,CAAC;AACF,eAAe,qBAAqB,CAAC"}
|
|
@@ -45,6 +45,9 @@ const convertHistoryMessage = (history) => {
|
|
|
45
45
|
history.payload.messages.forEach((item, index) => {
|
|
46
46
|
// 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message
|
|
47
47
|
const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';
|
|
48
|
+
if (item.role === 'toolResult') {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
48
51
|
if (isAssistantContent && result.length > 0) {
|
|
49
52
|
const lastMessage = result[result.length - 1];
|
|
50
53
|
if (lastMessage.role === 'assistant') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"convertHistoryMessage.js","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"sourcesContent":["import { ChatMessage, MessageStatus } from '@chat-lab/core';\nimport {\n PushHistory,\n TextContent,\n ThinkContent,\n ToolCallContent,\n ToolResultContent,\n} from './types';\n\nconst convertInnerContentToMessage = (\n innerContent:\n | TextContent\n | ThinkContent\n | ToolCallContent\n | ToolResultContent,\n): ChatMessage['content'][number] => {\n switch (innerContent.type) {\n case 'text':\n return {\n type: 'text',\n text: innerContent.text,\n };\n case 'thinking':\n return {\n type: 'reasoning',\n text: innerContent.thinking,\n };\n case 'toolCall':\n return {\n type: 'tool_call',\n toolCallId: innerContent.id,\n toolCallName: innerContent.name,\n toolCallArgs: innerContent.arguments,\n content: null,\n };\n case 'toolResult':\n return {\n type: 'tool_call',\n toolCallId: innerContent.toolCallId,\n toolCallName: innerContent.toolName,\n toolCallArgs: {},\n content: innerContent.content.map((c) => c.text).join(''),\n };\n default:\n return {\n type: 'text',\n text: '',\n };\n }\n};\n\nconst getStatus = (item: PushHistory['payload']['messages'][number]) => {\n if (item.stopReason === 'aborted') return MessageStatus.ABORTED;\n return item.errorMessage ? MessageStatus.ERROR : MessageStatus.SUCCESS;\n};\n\nconst convertHistoryMessage = (history: PushHistory): ChatMessage[] => {\n const result: ChatMessage[] = [];\n\n history.payload.messages.forEach((item, index) => {\n // 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message\n const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';\n if (isAssistantContent && result.length > 0) {\n const lastMessage = result[result.length - 1];\n if (lastMessage.role === 'assistant') {\n // 将当前内容添加到上一条 assistant 消息的 content 中\n const newContent = item.content.map(convertInnerContentToMessage);\n lastMessage.content = [...lastMessage.content, ...newContent];\n // 更新状态（如果有错误，使用错误状态）\n const status = getStatus(item);\n if (status === MessageStatus.ERROR) {\n lastMessage.status = status;\n lastMessage.error = item.errorMessage;\n }\n return;\n }\n }\n\n const status = getStatus(item);\n result.push({\n id: `${history.id}-${index}`,\n role: item.role === 'toolResult' ? 'assistant' : item.role,\n threadId: history.payload.sessionId || history.payload.sessionKey,\n metadata: {\n api: item.api,\n provider: item.provider,\n model: item.model,\n stopReason: item.stopReason,\n errorMessage: item.errorMessage,\n },\n status: getStatus(item),\n error: status === MessageStatus.ERROR ? item.errorMessage : undefined,\n content: item.content.map(convertInnerContentToMessage),\n createdAt: item.timestamp || Date.now(),\n updatedAt: item.timestamp || Date.now(),\n });\n });\n\n return result;\n};\nexport default convertHistoryMessage;\n"],"names":[],"mappings":";;AASA,MAAM,4BAA4B,GAAG,CACnC,YAIqB,KACa;AAClC,IAAA,QAAQ,YAAY,CAAC,IAAI;AACvB,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC;AACJ,QAAA,KAAK,UAAU;YACb,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,YAAY,CAAC,QAAQ;aAC5B,CAAC;AACJ,QAAA,KAAK,UAAU;YACb,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,YAAY,CAAC,EAAE;gBAC3B,YAAY,EAAE,YAAY,CAAC,IAAI;gBAC/B,YAAY,EAAE,YAAY,CAAC,SAAS;AACpC,gBAAA,OAAO,EAAE,IAAI;aACd,CAAC;AACJ,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,YAAY,CAAC,UAAU;gBACnC,YAAY,EAAE,YAAY,CAAC,QAAQ;AACnC,gBAAA,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;aAC1D,CAAC;AACJ,QAAA;YACE,OAAO;AACL,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,IAAI,EAAE,EAAE;aACT,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAgD,KAAI;AACrE,IAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS;QAAE,OAAO,aAAa,CAAC,OAAO,CAAC;AAChE,IAAA,OAAO,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,OAAoB,KAAmB;IACpE,MAAM,MAAM,GAAkB,EAAE,CAAC;AAEjC,IAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;;AAE/C,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"convertHistoryMessage.js","sources":["../../../src/hooks/useClawChat/convertHistoryMessage.ts"],"sourcesContent":["import { ChatMessage, MessageStatus } from '@chat-lab/core';\nimport {\n PushHistory,\n TextContent,\n ThinkContent,\n ToolCallContent,\n ToolResultContent,\n} from './types';\n\nconst convertInnerContentToMessage = (\n innerContent:\n | TextContent\n | ThinkContent\n | ToolCallContent\n | ToolResultContent,\n): ChatMessage['content'][number] => {\n switch (innerContent.type) {\n case 'text':\n return {\n type: 'text',\n text: innerContent.text,\n };\n case 'thinking':\n return {\n type: 'reasoning',\n text: innerContent.thinking,\n };\n case 'toolCall':\n return {\n type: 'tool_call',\n toolCallId: innerContent.id,\n toolCallName: innerContent.name,\n toolCallArgs: innerContent.arguments,\n content: null,\n };\n case 'toolResult':\n return {\n type: 'tool_call',\n toolCallId: innerContent.toolCallId,\n toolCallName: innerContent.toolName,\n toolCallArgs: {},\n content: innerContent.content.map((c) => c.text).join(''),\n };\n default:\n return {\n type: 'text',\n text: '',\n };\n }\n};\n\nconst getStatus = (item: PushHistory['payload']['messages'][number]) => {\n if (item.stopReason === 'aborted') return MessageStatus.ABORTED;\n return item.errorMessage ? MessageStatus.ERROR : MessageStatus.SUCCESS;\n};\n\nconst convertHistoryMessage = (history: PushHistory): ChatMessage[] => {\n const result: ChatMessage[] = [];\n\n history.payload.messages.forEach((item, index) => {\n // 如果是 assistant 或 toolResult，且上一条也是 assistant，合并到同一个 message\n const isAssistantContent = item.role === 'assistant' || item.role === 'toolResult';\n if (item.role === 'toolResult') {\n return;\n }\n if (isAssistantContent && result.length > 0) {\n const lastMessage = result[result.length - 1];\n if (lastMessage.role === 'assistant') {\n // 将当前内容添加到上一条 assistant 消息的 content 中\n const newContent = item.content.map(convertInnerContentToMessage);\n lastMessage.content = [...lastMessage.content, ...newContent];\n // 更新状态（如果有错误，使用错误状态）\n const status = getStatus(item);\n if (status === MessageStatus.ERROR) {\n lastMessage.status = status;\n lastMessage.error = item.errorMessage;\n }\n return;\n }\n }\n\n const status = getStatus(item);\n result.push({\n id: `${history.id}-${index}`,\n role: item.role === 'toolResult' ? 'assistant' : item.role,\n threadId: history.payload.sessionId || history.payload.sessionKey,\n metadata: {\n api: item.api,\n provider: item.provider,\n model: item.model,\n stopReason: item.stopReason,\n errorMessage: item.errorMessage,\n },\n status: getStatus(item),\n error: status === MessageStatus.ERROR ? item.errorMessage : undefined,\n content: item.content.map(convertInnerContentToMessage),\n createdAt: item.timestamp || Date.now(),\n updatedAt: item.timestamp || Date.now(),\n });\n });\n\n return result;\n};\nexport default convertHistoryMessage;\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.cjs","sources":["../../../src/hooks/useClawChat/types.ts"],"sourcesContent":["import { ChatController } from '@chat-lab/core';\nimport { RefObject } from 'react';\n\nexport interface TextContent {\n type: 'text';\n text: string;\n}\nexport interface ThinkContent {\n type: 'thinking';\n thinking: string;\n}\nexport interface ToolCallContent {\n type: 'toolCall';\n id: string;\n name: string;\n arguments: Record<string, any>;\n}\n\nexport interface ToolResultContent {\n type: 'toolResult';\n toolCallId: string;\n toolName: string;\n content: TextContent[];\n isError: boolean;\n timestamp: number;\n}\n\ninterface ChatMessageContent {\n type: string; // text thinking toolCall image\n // text 类型特有字段\n text?: string; // 文本内容\n // thinking 类型特有字段\n thinking?: string; // 思考内容\n // toolCall 类型特有字段\n name?: string; // 工具名称\n id?: string; // 工具调用 ID\n arguments?: string; // 工具调用参数\n // image 类型特有字段\n content?: string; // 图片 Base64 编码\n uri?: string; // 图片 URI\n}\n\nexport type Content = {\n role: string; // user assistant toolResult\n content: ChatMessageContent[];\n timestamp: number;\n};\nexport interface ActionSend {\n type: 'send';\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string; // base64 or uri\n }>;\n}\n\nexport interface ActionAbort {\n type: 'abort';\n runId?: string;\n}\n// ===== ChatAction Types =====\nexport type ChatAction = {\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string;\n }>;\n};\n\nexport interface PushHistory {\n type: 'res';\n id: string;\n payload: {\n sessionKey: string;\n sessionId: string;\n messages: Content[];\n };\n thinkingLevel?: string;\n}\n\nexport interface PushStreamStart {\n type: 'res';\n id: string;\n ok: true;\n payload: {\n runId: string;\n status: 'started';\n };\n}\n\nexport interface PushStreamDelta {\n type: 'event';\n event: 'agent';\n payload: {\n runId: string;\n stream: 'assistant' | 'lifecycle';\n data: {\n text?: string; // 全量\n delta?: string; // 增量\n phase?: 'end';\n endedAt?: number;\n };\n sessionKey: string;\n seq: number;\n ts: number;\n };\n seq: number;\n}\nexport interface PushStreamDone {\n type: 'event';\n event: 'chat';\n seq: number;\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'final';\n message: {\n role: string;\n content: TextContent[];\n timestamp: number;\n stopReason?: 'stop';\n };\n };\n}\n\nexport interface PushStreamAborted {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'aborted';\n message: {\n role: string;\n content: TextContent[];\n timestamp?: number;\n };\n };\n}\n\nexport interface PushStreamError {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'error';\n errorMessage: string;\n };\n}\n\n// ===== PushMessage Types =====\nexport type PushMessage =\n | PushHistory\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport type PushMessageImpl =\n | PushStreamStart\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport const isPushStreamStart = (\n msg: PushMessageImpl,\n): msg is PushStreamStart => msg.type === 'res' && msg.payload.status === 'started';\n\nexport const isPushSteamDelta = (\n msg: PushMessageImpl,\n): msg is PushStreamDelta => msg.type === 'event'\n && msg.event === 'agent'\n && msg.payload.stream === 'assistant'\n && msg.payload.data.delta !== '';\n\nexport const isPushStreamDone = (msg: PushMessageImpl): msg is PushStreamDone => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'final';\n\nexport const isPushStreamAborted = (\n msg: PushMessageImpl,\n): msg is PushStreamAborted => msg.type === 'event'\n && msg.event === 'chat'\n && msg.payload.state === 'aborted';\n\nexport const isPushStreamError = (\n msg: PushMessageImpl,\n): msg is PushStreamError => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'error';\n\
|
|
1
|
+
{"version":3,"file":"types.cjs","sources":["../../../src/hooks/useClawChat/types.ts"],"sourcesContent":["import { ChatController } from '@chat-lab/core';\nimport { RefObject } from 'react';\n\nexport interface TextContent {\n type: 'text';\n text: string;\n}\nexport interface ThinkContent {\n type: 'thinking';\n thinking: string;\n}\nexport interface ToolCallContent {\n type: 'toolCall';\n id: string;\n name: string;\n arguments: Record<string, any>;\n}\n\nexport interface ToolResultContent {\n type: 'toolResult';\n toolCallId: string;\n toolName: string;\n content: TextContent[];\n isError: boolean;\n timestamp: number;\n}\n\ninterface ChatMessageContent {\n type: string; // text thinking toolCall image\n // text 类型特有字段\n text?: string; // 文本内容\n // thinking 类型特有字段\n thinking?: string; // 思考内容\n // toolCall 类型特有字段\n name?: string; // 工具名称\n id?: string; // 工具调用 ID\n arguments?: string; // 工具调用参数\n // image 类型特有字段\n content?: string; // 图片 Base64 编码\n uri?: string; // 图片 URI\n}\n\nexport type Content = {\n role: string; // user assistant toolResult\n content: ChatMessageContent[];\n timestamp: number;\n};\nexport interface ActionSend {\n type: 'send';\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string; // base64 or uri\n }>;\n}\n\nexport interface ActionAbort {\n type: 'abort';\n runId?: string;\n}\n// ===== ChatAction Types =====\nexport type ChatAction = {\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string;\n }>;\n};\n\nexport interface PushHistory {\n type: 'res';\n id: string;\n payload: {\n sessionKey: string;\n sessionId: string;\n messages: Content[];\n };\n thinkingLevel?: string;\n}\n\nexport interface PushStreamStart {\n type: 'res';\n id: string;\n ok: true;\n payload: {\n runId: string;\n status: 'started';\n };\n}\n\nexport interface PushStreamDelta {\n type: 'event';\n event: 'agent';\n payload: {\n runId: string;\n stream: 'assistant' | 'lifecycle';\n data: {\n text?: string; // 全量\n delta?: string; // 增量\n phase?: 'end';\n endedAt?: number;\n };\n sessionKey: string;\n seq: number;\n ts: number;\n };\n seq: number;\n}\nexport interface PushStreamDone {\n type: 'event';\n event: 'chat';\n seq: number;\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'final';\n message: {\n role: string;\n content: TextContent[];\n timestamp: number;\n stopReason?: 'stop';\n };\n };\n}\n\nexport interface PushStreamAborted {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'aborted';\n message: {\n role: string;\n content: TextContent[];\n timestamp?: number;\n };\n };\n}\n\nexport interface PushStreamError {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'error';\n errorMessage: string;\n };\n}\n\n// ===== PushMessage Types =====\nexport type PushMessage =\n | PushHistory\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport type PushMessageImpl =\n | PushStreamStart\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport const isPushStreamStart = (\n msg: PushMessageImpl,\n): msg is PushStreamStart => msg.type === 'res' && msg.payload.status === 'started';\n\nexport const isPushSteamDelta = (\n msg: PushMessageImpl,\n): msg is PushStreamDelta => msg.type === 'event'\n && msg.event === 'agent'\n && msg.payload.stream === 'assistant'\n && msg.payload.data.delta !== '';\n\nexport const isPushStreamDone = (msg: PushMessageImpl): msg is PushStreamDone => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'final';\n\nexport const isPushStreamAborted = (\n msg: PushMessageImpl,\n): msg is PushStreamAborted => msg.type === 'event'\n && msg.event === 'chat'\n && msg.payload.state === 'aborted';\n\nexport const isPushStreamError = (\n msg: PushMessageImpl,\n): msg is PushStreamError => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'error';\n\nexport interface ClawChatStatus {\n status: boolean;\n reason?: string;\n}\n// ===== Hook Return Type =====\nexport interface UseClawChatReturn {\n controllerRef: RefObject<ChatController | null>;\n pushMessage: (msg: PushMessageImpl) => void;\n pushHistory: (msg: PushHistory) => void;\n setClawChatStatus: (status: ClawChatStatus) => void;\n}\n\nexport type OnAction = (action: ChatAction) => void;\n"],"names":[],"mappings":";;MA6Ka,iBAAiB,GAAG,CAC/B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU;AAE7E,MAAM,gBAAgB,GAAG,CAC9B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,OAAO;OAC5C,GAAG,CAAC,KAAK,KAAK,OAAO;AACrB,OAAA,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,WAAW;OAClC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG;AAE5B,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAA4B,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ;AAExJ,MAAM,mBAAmB,GAAG,CACjC,GAAoB,KACS,GAAG,CAAC,IAAI,KAAK,OAAO;OAC9C,GAAG,CAAC,KAAK,KAAK,MAAM;AACpB,OAAA,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU;AAE9B,MAAM,iBAAiB,GAAG,CAC/B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/hooks/useClawChat/types.ts"],"sourcesContent":["import { ChatController } from '@chat-lab/core';\nimport { RefObject } from 'react';\n\nexport interface TextContent {\n type: 'text';\n text: string;\n}\nexport interface ThinkContent {\n type: 'thinking';\n thinking: string;\n}\nexport interface ToolCallContent {\n type: 'toolCall';\n id: string;\n name: string;\n arguments: Record<string, any>;\n}\n\nexport interface ToolResultContent {\n type: 'toolResult';\n toolCallId: string;\n toolName: string;\n content: TextContent[];\n isError: boolean;\n timestamp: number;\n}\n\ninterface ChatMessageContent {\n type: string; // text thinking toolCall image\n // text 类型特有字段\n text?: string; // 文本内容\n // thinking 类型特有字段\n thinking?: string; // 思考内容\n // toolCall 类型特有字段\n name?: string; // 工具名称\n id?: string; // 工具调用 ID\n arguments?: string; // 工具调用参数\n // image 类型特有字段\n content?: string; // 图片 Base64 编码\n uri?: string; // 图片 URI\n}\n\nexport type Content = {\n role: string; // user assistant toolResult\n content: ChatMessageContent[];\n timestamp: number;\n};\nexport interface ActionSend {\n type: 'send';\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string; // base64 or uri\n }>;\n}\n\nexport interface ActionAbort {\n type: 'abort';\n runId?: string;\n}\n// ===== ChatAction Types =====\nexport type ChatAction = {\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string;\n }>;\n};\n\nexport interface PushHistory {\n type: 'res';\n id: string;\n payload: {\n sessionKey: string;\n sessionId: string;\n messages: Content[];\n };\n thinkingLevel?: string;\n}\n\nexport interface PushStreamStart {\n type: 'res';\n id: string;\n ok: true;\n payload: {\n runId: string;\n status: 'started';\n };\n}\n\nexport interface PushStreamDelta {\n type: 'event';\n event: 'agent';\n payload: {\n runId: string;\n stream: 'assistant' | 'lifecycle';\n data: {\n text?: string; // 全量\n delta?: string; // 增量\n phase?: 'end';\n endedAt?: number;\n };\n sessionKey: string;\n seq: number;\n ts: number;\n };\n seq: number;\n}\nexport interface PushStreamDone {\n type: 'event';\n event: 'chat';\n seq: number;\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'final';\n message: {\n role: string;\n content: TextContent[];\n timestamp: number;\n stopReason?: 'stop';\n };\n };\n}\n\nexport interface PushStreamAborted {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'aborted';\n message: {\n role: string;\n content: TextContent[];\n timestamp?: number;\n };\n };\n}\n\nexport interface PushStreamError {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'error';\n errorMessage: string;\n };\n}\n\n// ===== PushMessage Types =====\nexport type PushMessage =\n | PushHistory\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport type PushMessageImpl =\n | PushStreamStart\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport const isPushStreamStart = (\n msg: PushMessageImpl,\n): msg is PushStreamStart => msg.type === 'res' && msg.payload.status === 'started';\n\nexport const isPushSteamDelta = (\n msg: PushMessageImpl,\n): msg is PushStreamDelta => msg.type === 'event'\n && msg.event === 'agent'\n && msg.payload.stream === 'assistant'\n && msg.payload.data.delta !== '';\n\nexport const isPushStreamDone = (msg: PushMessageImpl): msg is PushStreamDone => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'final';\n\nexport const isPushStreamAborted = (\n msg: PushMessageImpl,\n): msg is PushStreamAborted => msg.type === 'event'\n && msg.event === 'chat'\n && msg.payload.state === 'aborted';\n\nexport const isPushStreamError = (\n msg: PushMessageImpl,\n): msg is PushStreamError => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'error';\n\
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../src/hooks/useClawChat/types.ts"],"sourcesContent":["import { ChatController } from '@chat-lab/core';\nimport { RefObject } from 'react';\n\nexport interface TextContent {\n type: 'text';\n text: string;\n}\nexport interface ThinkContent {\n type: 'thinking';\n thinking: string;\n}\nexport interface ToolCallContent {\n type: 'toolCall';\n id: string;\n name: string;\n arguments: Record<string, any>;\n}\n\nexport interface ToolResultContent {\n type: 'toolResult';\n toolCallId: string;\n toolName: string;\n content: TextContent[];\n isError: boolean;\n timestamp: number;\n}\n\ninterface ChatMessageContent {\n type: string; // text thinking toolCall image\n // text 类型特有字段\n text?: string; // 文本内容\n // thinking 类型特有字段\n thinking?: string; // 思考内容\n // toolCall 类型特有字段\n name?: string; // 工具名称\n id?: string; // 工具调用 ID\n arguments?: string; // 工具调用参数\n // image 类型特有字段\n content?: string; // 图片 Base64 编码\n uri?: string; // 图片 URI\n}\n\nexport type Content = {\n role: string; // user assistant toolResult\n content: ChatMessageContent[];\n timestamp: number;\n};\nexport interface ActionSend {\n type: 'send';\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string; // base64 or uri\n }>;\n}\n\nexport interface ActionAbort {\n type: 'abort';\n runId?: string;\n}\n// ===== ChatAction Types =====\nexport type ChatAction = {\n message: string;\n thinking?: 'none' | 'low' | 'medium' | 'high';\n attachments?: Array<{\n type: 'image';\n mimeType: string;\n content: string;\n }>;\n};\n\nexport interface PushHistory {\n type: 'res';\n id: string;\n payload: {\n sessionKey: string;\n sessionId: string;\n messages: Content[];\n };\n thinkingLevel?: string;\n}\n\nexport interface PushStreamStart {\n type: 'res';\n id: string;\n ok: true;\n payload: {\n runId: string;\n status: 'started';\n };\n}\n\nexport interface PushStreamDelta {\n type: 'event';\n event: 'agent';\n payload: {\n runId: string;\n stream: 'assistant' | 'lifecycle';\n data: {\n text?: string; // 全量\n delta?: string; // 增量\n phase?: 'end';\n endedAt?: number;\n };\n sessionKey: string;\n seq: number;\n ts: number;\n };\n seq: number;\n}\nexport interface PushStreamDone {\n type: 'event';\n event: 'chat';\n seq: number;\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'final';\n message: {\n role: string;\n content: TextContent[];\n timestamp: number;\n stopReason?: 'stop';\n };\n };\n}\n\nexport interface PushStreamAborted {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'aborted';\n message: {\n role: string;\n content: TextContent[];\n timestamp?: number;\n };\n };\n}\n\nexport interface PushStreamError {\n type: 'event';\n event: 'chat';\n payload: {\n runId: string;\n sessionKey: string;\n seq: number;\n state: 'error';\n errorMessage: string;\n };\n}\n\n// ===== PushMessage Types =====\nexport type PushMessage =\n | PushHistory\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport type PushMessageImpl =\n | PushStreamStart\n | PushStreamDelta\n | PushStreamDone\n | PushStreamAborted\n | PushStreamError;\n\nexport const isPushStreamStart = (\n msg: PushMessageImpl,\n): msg is PushStreamStart => msg.type === 'res' && msg.payload.status === 'started';\n\nexport const isPushSteamDelta = (\n msg: PushMessageImpl,\n): msg is PushStreamDelta => msg.type === 'event'\n && msg.event === 'agent'\n && msg.payload.stream === 'assistant'\n && msg.payload.data.delta !== '';\n\nexport const isPushStreamDone = (msg: PushMessageImpl): msg is PushStreamDone => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'final';\n\nexport const isPushStreamAborted = (\n msg: PushMessageImpl,\n): msg is PushStreamAborted => msg.type === 'event'\n && msg.event === 'chat'\n && msg.payload.state === 'aborted';\n\nexport const isPushStreamError = (\n msg: PushMessageImpl,\n): msg is PushStreamError => msg.type === 'event' && msg.event === 'chat' && msg.payload.state === 'error';\n\nexport interface ClawChatStatus {\n status: boolean;\n reason?: string;\n}\n// ===== Hook Return Type =====\nexport interface UseClawChatReturn {\n controllerRef: RefObject<ChatController | null>;\n pushMessage: (msg: PushMessageImpl) => void;\n pushHistory: (msg: PushHistory) => void;\n setClawChatStatus: (status: ClawChatStatus) => void;\n}\n\nexport type OnAction = (action: ChatAction) => void;\n"],"names":[],"mappings":"MA6Ka,iBAAiB,GAAG,CAC/B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU;AAE7E,MAAM,gBAAgB,GAAG,CAC9B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,OAAO;OAC5C,GAAG,CAAC,KAAK,KAAK,OAAO;AACrB,OAAA,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,WAAW;OAClC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG;AAE5B,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAA4B,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ;AAExJ,MAAM,mBAAmB,GAAG,CACjC,GAAoB,KACS,GAAG,CAAC,IAAI,KAAK,OAAO;OAC9C,GAAG,CAAC,KAAK,KAAK,MAAM;AACpB,OAAA,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU;AAE9B,MAAM,iBAAiB,GAAG,CAC/B,GAAoB,KACO,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK;;;;"}
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */:global(.chatkit-wrapper *),:global(.chatkit-wrapper :after),:global(.chatkit-wrapper :before){border:0 solid #e5e7eb;box-sizing:border-box}:global(.chatkit-wrapper :after),:global(.chatkit-wrapper :before){--tw-content:""}:global(.chatkit-wrapper :host),:global(.chatkit-wrapper){-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:global(.chatkit-wrapper){line-height:inherit;margin:0}:global(.chatkit-wrapper hr){border-top-width:1px;color:inherit;height:0}:global(.chatkit-wrapper abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:global(.chatkit-wrapper h1),:global(.chatkit-wrapper h2),:global(.chatkit-wrapper h3),:global(.chatkit-wrapper h4),:global(.chatkit-wrapper h5),:global(.chatkit-wrapper h6){font-size:inherit;font-weight:inherit}:global(.chatkit-wrapper a){color:inherit;text-decoration:inherit}:global(.chatkit-wrapper b),:global(.chatkit-wrapper strong){font-weight:bolder}:global(.chatkit-wrapper code),:global(.chatkit-wrapper kbd),:global(.chatkit-wrapper pre),:global(.chatkit-wrapper samp){font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}:global(.chatkit-wrapper small){font-size:80%}:global(.chatkit-wrapper sub),:global(.chatkit-wrapper sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}:global(.chatkit-wrapper sub){bottom:-.25em}:global(.chatkit-wrapper sup){top:-.5em}:global(.chatkit-wrapper table){border-collapse:collapse;border-color:inherit;text-indent:0}:global(.chatkit-wrapper button),:global(.chatkit-wrapper input),:global(.chatkit-wrapper optgroup),:global(.chatkit-wrapper select),:global(.chatkit-wrapper textarea){font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:global(.chatkit-wrapper button),:global(.chatkit-wrapper select){text-transform:none}:global(.chatkit-wrapper button),:global(.chatkit-wrapper input:where([type=button])),:global(.chatkit-wrapper input:where([type=reset])),:global(.chatkit-wrapper input:where([type=submit])){-webkit-appearance:button;background-color:transparent;background-image:none}:global(.chatkit-wrapper :-moz-focusring){outline:auto}:global(.chatkit-wrapper :-moz-ui-invalid){box-shadow:none}:global(.chatkit-wrapper progress){vertical-align:baseline}:global(.chatkit-wrapper ::-webkit-inner-spin-button),:global(.chatkit-wrapper ::-webkit-outer-spin-button){height:auto}:global(.chatkit-wrapper [type=search]){-webkit-appearance:textfield;outline-offset:-2px}:global(.chatkit-wrapper ::-webkit-search-decoration){-webkit-appearance:none}:global(.chatkit-wrapper ::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:global(.chatkit-wrapper summary){display:list-item}:global(.chatkit-wrapper blockquote),:global(.chatkit-wrapper dd),:global(.chatkit-wrapper dl),:global(.chatkit-wrapper figure),:global(.chatkit-wrapper h1),:global(.chatkit-wrapper h2),:global(.chatkit-wrapper h3),:global(.chatkit-wrapper h4),:global(.chatkit-wrapper h5),:global(.chatkit-wrapper h6),:global(.chatkit-wrapper hr),:global(.chatkit-wrapper p),:global(.chatkit-wrapper pre){margin:0}:global(.chatkit-wrapper fieldset){margin:0;padding:0}:global(.chatkit-wrapper legend){padding:0}:global(.chatkit-wrapper menu),:global(.chatkit-wrapper ol),:global(.chatkit-wrapper ul){list-style:none;margin:0;padding:0}:global(.chatkit-wrapper dialog){padding:0}:global(.chatkit-wrapper textarea){resize:vertical}:global(.chatkit-wrapper input::-moz-placeholder),:global(.chatkit-wrapper textarea::-moz-placeholder){color:#9ca3af;opacity:1}:global(.chatkit-wrapper input::placeholder),:global(.chatkit-wrapper textarea::placeholder){color:#9ca3af;opacity:1}:global(.chatkit-wrapper [role=button]),:global(.chatkit-wrapper button){cursor:pointer}:global(.chatkit-wrapper :disabled){cursor:default}:global(.chatkit-wrapper audio),:global(.chatkit-wrapper canvas),:global(.chatkit-wrapper embed),:global(.chatkit-wrapper iframe),:global(.chatkit-wrapper img),:global(.chatkit-wrapper object),:global(.chatkit-wrapper svg),:global(.chatkit-wrapper video){display:block;vertical-align:middle}:global(.chatkit-wrapper img),:global(.chatkit-wrapper video){height:auto;max-width:100%}:global(.chatkit-wrapper [hidden]:where(:not([hidden=until-found]))){display:none}:global(.chatkit-wrapper .container){width:100%}@media (min-width:640px){.chatkit-wrapper .container{max-width:640px}}@media (min-width:768px){.chatkit-wrapper .container{max-width:768px}}@media (min-width:1024px){.chatkit-wrapper .container{max-width:1024px}}@media (min-width:1280px){.chatkit-wrapper .container{max-width:1280px}}@media (min-width:1536px){.chatkit-wrapper .container{max-width:1536px}}:global(.chatkit-wrapper .sr-only){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:global(.chatkit-wrapper .pointer-events-none){pointer-events:none}:global(.chatkit-wrapper .pointer-events-auto){pointer-events:auto}:global(.chatkit-wrapper .invisible){visibility:hidden}:global(.chatkit-wrapper .collapse){visibility:collapse}:global(.chatkit-wrapper .static){position:static}:global(.chatkit-wrapper .fixed){position:fixed}:global(.chatkit-wrapper .absolute){position:absolute}:global(.chatkit-wrapper .relative){position:relative}:global(.chatkit-wrapper .sticky){position:sticky}:global(.chatkit-wrapper .inset-0){inset:0}:global(.chatkit-wrapper .inset-x-0){left:0;right:0}:global(.chatkit-wrapper .inset-y-0){bottom:0;top:0}:global(.chatkit-wrapper .-top-12){top:-36px}:global(.chatkit-wrapper .bottom-0){bottom:0}:global(.chatkit-wrapper .left-0){left:0}:global(.chatkit-wrapper .left-\[50\%\]){left:50%}:global(.chatkit-wrapper .right-0){right:0}:global(.chatkit-wrapper .right-1){right:3px}:global(.chatkit-wrapper .right-1\.5){right:4.5px}:global(.chatkit-wrapper .right-2){right:6px}:global(.chatkit-wrapper .right-3){right:9px}:global(.chatkit-wrapper .right-4){right:12px}:global(.chatkit-wrapper .top-0){top:0}:global(.chatkit-wrapper .top-1\.5){top:4.5px}:global(.chatkit-wrapper .top-2){top:6px}:global(.chatkit-wrapper .top-3\.5){top:10.5px}:global(.chatkit-wrapper .top-4){top:12px}:global(.chatkit-wrapper .top-\[50\%\]){top:50%}:global(.chatkit-wrapper .z-0){z-index:0}:global(.chatkit-wrapper .z-10){z-index:10}:global(.chatkit-wrapper .z-20){z-index:20}:global(.chatkit-wrapper .z-50){z-index:50}:global(.chatkit-wrapper .z-\[100\]){z-index:100}:global(.chatkit-wrapper .col-span-full){grid-column:1/-1}:global(.chatkit-wrapper .col-start-1){grid-column-start:1}:global(.chatkit-wrapper .col-start-2){grid-column-start:2}:global(.chatkit-wrapper .col-start-3){grid-column-start:3}:global(.chatkit-wrapper .row-start-1){grid-row-start:1}:global(.chatkit-wrapper .row-start-2){grid-row-start:2}:global(.chatkit-wrapper .row-start-3){grid-row-start:3}:global(.chatkit-wrapper .m-0){margin:0}:global(.chatkit-wrapper .m-\[4px\]){margin:4px}:global(.chatkit-wrapper .-mx-2){margin-left:-6px;margin-right:-6px}:global(.chatkit-wrapper .mx-2){margin-left:6px;margin-right:6px}:global(.chatkit-wrapper .mx-3){margin-left:9px;margin-right:9px}:global(.chatkit-wrapper .mx-3\.5){margin-left:10.5px;margin-right:10.5px}:global(.chatkit-wrapper .mx-auto){margin-left:auto;margin-right:auto}:global(.chatkit-wrapper .my-2){margin-bottom:6px;margin-top:6px}:global(.chatkit-wrapper .my-4){margin-bottom:12px;margin-top:12px}:global(.chatkit-wrapper .my-5){margin-bottom:15px;margin-top:15px}:global(.chatkit-wrapper .-ml-1){margin-left:-3px}:global(.chatkit-wrapper .-ml-2){margin-left:-6px}:global(.chatkit-wrapper .-mr-1){margin-right:-3px}:global(.chatkit-wrapper .mb-1){margin-bottom:3px}:global(.chatkit-wrapper .mb-2){margin-bottom:6px}:global(.chatkit-wrapper .mb-3){margin-bottom:9px}:global(.chatkit-wrapper .mb-4){margin-bottom:12px}:global(.chatkit-wrapper .mb-5){margin-bottom:15px}:global(.chatkit-wrapper .mb-6){margin-bottom:18px}:global(.chatkit-wrapper .mb-8){margin-bottom:24px}:global(.chatkit-wrapper .mb-\[4px\]){margin-bottom:4px}:global(.chatkit-wrapper .mb-\[6px\]){margin-bottom:6px}:global(.chatkit-wrapper .ml-2){margin-left:6px}:global(.chatkit-wrapper .ml-3){margin-left:9px}:global(.chatkit-wrapper .ml-6){margin-left:18px}:global(.chatkit-wrapper .ml-\[24px\]){margin-left:24px}:global(.chatkit-wrapper .ml-\[50px\]){margin-left:50px}:global(.chatkit-wrapper .ml-auto){margin-left:auto}:global(.chatkit-wrapper .mr-1){margin-right:3px}:global(.chatkit-wrapper .mr-1\.5){margin-right:4.5px}:global(.chatkit-wrapper .mr-2){margin-right:6px}:global(.chatkit-wrapper .mr-3){margin-right:9px}:global(.chatkit-wrapper .mr-4){margin-right:12px}:global(.chatkit-wrapper .mr-6){margin-right:18px}:global(.chatkit-wrapper .mr-\[12px\]){margin-right:12px}:global(.chatkit-wrapper .mt-0\.5){margin-top:1.5px}:global(.chatkit-wrapper .mt-1){margin-top:3px}:global(.chatkit-wrapper .mt-1\.5){margin-top:4.5px}:global(.chatkit-wrapper .mt-2){margin-top:6px}:global(.chatkit-wrapper .mt-4){margin-top:12px}:global(.chatkit-wrapper .mt-5){margin-top:15px}:global(.chatkit-wrapper .mt-6){margin-top:18px}:global(.chatkit-wrapper .mt-\[8px\]){margin-top:8px}:global(.chatkit-wrapper .mt-auto){margin-top:auto}:global(.chatkit-wrapper .line-clamp-1){-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}:global(.chatkit-wrapper .line-clamp-2){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}:global(.chatkit-wrapper .block){display:block}:global(.chatkit-wrapper .inline-block){display:inline-block}:global(.chatkit-wrapper .flex){display:flex}:global(.chatkit-wrapper .inline-flex){display:inline-flex}:global(.chatkit-wrapper .table){display:table}:global(.chatkit-wrapper .grid){display:grid}:global(.chatkit-wrapper .\!contents){display:contents!important}:global(.chatkit-wrapper .contents){display:contents}:global(.chatkit-wrapper .hidden){display:none}:global(.chatkit-wrapper .aspect-square){aspect-ratio:1/1}:global(.chatkit-wrapper .size-10){height:30px;width:30px}:global(.chatkit-wrapper .size-2\.5){height:7.5px;width:7.5px}:global(.chatkit-wrapper .size-3){height:9px;width:9px}:global(.chatkit-wrapper .size-3\.5){height:10.5px;width:10.5px}:global(.chatkit-wrapper .size-4){height:12px;width:12px}:global(.chatkit-wrapper .size-6){height:18px;width:18px}:global(.chatkit-wrapper .size-7){height:21px;width:21px}:global(.chatkit-wrapper .size-8){height:24px;width:24px}:global(.chatkit-wrapper .size-9){height:27px;width:27px}:global(.chatkit-wrapper .size-\[16px\]){height:16px;width:16px}:global(.chatkit-wrapper .size-\[32px\]){height:32px;width:32px}:global(.chatkit-wrapper .size-\[38px\]){height:38px;width:38px}:global(.chatkit-wrapper .size-\[unset\]){height:unset;width:unset}:global(.chatkit-wrapper .size-full){height:100%;width:100%}:global(.chatkit-wrapper .size-\[28px\]){height:28px;width:28px}:global(.chatkit-wrapper .h-10){height:30px}:global(.chatkit-wrapper .h-11){height:33px}:global(.chatkit-wrapper .h-12){height:36px}:global(.chatkit-wrapper .h-16){height:48px}:global(.chatkit-wrapper .h-2\.5){height:7.5px}:global(.chatkit-wrapper .h-3){height:9px}:global(.chatkit-wrapper .h-3\.5){height:10.5px}:global(.chatkit-wrapper .h-4){height:12px}:global(.chatkit-wrapper .h-5){height:15px}:global(.chatkit-wrapper .h-7){height:21px}:global(.chatkit-wrapper .h-8){height:24px}:global(.chatkit-wrapper .h-9){height:27px}:global(.chatkit-wrapper .h-\[12px\]){height:12px}:global(.chatkit-wrapper .h-\[180px\]){height:180px}:global(.chatkit-wrapper .h-\[22px\]){height:22px}:global(.chatkit-wrapper .h-\[24px\]){height:24px}:global(.chatkit-wrapper .h-\[28px\]){height:28px}:global(.chatkit-wrapper .h-\[32px\]){height:32px}:global(.chatkit-wrapper .h-\[38px\]){height:38px}:global(.chatkit-wrapper .h-\[61px\]){height:61px}:global(.chatkit-wrapper .h-\[calc\(100\%-65px\)\]){height:calc(100% - 65px)}:global(.chatkit-wrapper .h-auto){height:auto}:global(.chatkit-wrapper .h-fit){height:-moz-fit-content;height:fit-content}:global(.chatkit-wrapper .h-full){height:100%}:global(.chatkit-wrapper .h-svh){height:100svh}:global(.chatkit-wrapper .h-\[104px\]){height:104px}:global(.chatkit-wrapper .max-h-32){max-height:96px}:global(.chatkit-wrapper .max-h-\[200px\]){max-height:200px}:global(.chatkit-wrapper .max-h-\[500px\]){max-height:500px}:global(.chatkit-wrapper .max-h-\[600px\]){max-height:600px}:global(.chatkit-wrapper .max-h-\[80dvh\]){max-height:80dvh}:global(.chatkit-wrapper .max-h-\[80vh\]){max-height:80vh}:global(.chatkit-wrapper .max-h-\[calc\(90vh-140px\)\]){max-height:calc(90vh - 140px)}:global(.chatkit-wrapper .max-h-screen){max-height:100vh}:global(.chatkit-wrapper .max-h-\[48px\]){max-height:48px}:global(.chatkit-wrapper .min-h-0){min-height:0}:global(.chatkit-wrapper .min-h-12){min-height:36px}:global(.chatkit-wrapper .min-h-\[24px\]){min-height:24px}:global(.chatkit-wrapper .min-h-\[400px\]){min-height:400px}:global(.chatkit-wrapper .min-h-\[60px\]){min-height:60px}:global(.chatkit-wrapper .min-h-svh){min-height:100svh}:global(.chatkit-wrapper .min-h-\[104px\]){min-height:104px}:global(.chatkit-wrapper .min-h-\[12px\]){min-height:12px}:global(.chatkit-wrapper .w-10){width:30px}:global(.chatkit-wrapper .w-16){width:48px}:global(.chatkit-wrapper .w-2\.5){width:7.5px}:global(.chatkit-wrapper .w-3){width:9px}:global(.chatkit-wrapper .w-3\.5){width:10.5px}:global(.chatkit-wrapper .w-3\/4){width:75%}:global(.chatkit-wrapper .w-4){width:12px}:global(.chatkit-wrapper .w-5){width:15px}:global(.chatkit-wrapper .w-5\/6){width:83.333333%}:global(.chatkit-wrapper .w-7){width:21px}:global(.chatkit-wrapper .w-8){width:24px}:global(.chatkit-wrapper .w-\[160px\]){width:160px}:global(.chatkit-wrapper .w-\[180px\]){width:180px}:global(.chatkit-wrapper .w-\[1px\]){width:1px}:global(.chatkit-wrapper .w-\[200px\]){width:200px}:global(.chatkit-wrapper .w-\[28px\]){width:28px}:global(.chatkit-wrapper .w-\[32px\]){width:32px}:global(.chatkit-wrapper .w-\[calc\(100\%-200px\)\]){width:calc(100% - 200px)}:global(.chatkit-wrapper .w-auto){width:auto}:global(.chatkit-wrapper .w-fit){width:-moz-fit-content;width:fit-content}:global(.chatkit-wrapper .w-full){width:100%}:global(.chatkit-wrapper .w-max){width:-moz-max-content;width:max-content}:global(.chatkit-wrapper .min-w-0){min-width:0}:global(.chatkit-wrapper .min-w-5){min-width:15px}:global(.chatkit-wrapper .min-w-\[80px\]){min-width:80px}:global(.chatkit-wrapper .min-w-full){min-width:100%}:global(.chatkit-wrapper .max-w-2xl){max-width:504px}:global(.chatkit-wrapper .max-w-3xl){max-width:576px}:global(.chatkit-wrapper .max-w-4xl){max-width:672px}:global(.chatkit-wrapper .max-w-\[240px\]){max-width:240px}:global(.chatkit-wrapper .max-w-\[300px\]){max-width:300px}:global(.chatkit-wrapper .max-w-\[800px\]){max-width:800px}:global(.chatkit-wrapper .max-w-\[80px\]){max-width:80px}:global(.chatkit-wrapper .max-w-\[90\%\]){max-width:90%}:global(.chatkit-wrapper .max-w-\[calc\(100\%-2rem\)\]){max-width:calc(100% - 24px)}:global(.chatkit-wrapper .max-w-\[var\(--thread-max-width\)\]){max-width:var(--thread-max-width)}:global(.chatkit-wrapper .max-w-full){max-width:100%}:global(.chatkit-wrapper .max-w-\[200px\]){max-width:200px}:global(.chatkit-wrapper .flex-1){flex:1 1 0%}:global(.chatkit-wrapper .flex-shrink-0){flex-shrink:0}:global(.chatkit-wrapper .shrink-0){flex-shrink:0}:global(.chatkit-wrapper .flex-grow){flex-grow:1}:global(.chatkit-wrapper .flex-grow-0){flex-grow:0}:global(.chatkit-wrapper .grow){flex-grow:1}:global(.chatkit-wrapper .border-separate){border-collapse:separate}:global(.chatkit-wrapper .border-spacing-0){--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}:global(.chatkit-wrapper .-translate-x-1\/2){--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .-translate-x-px){--tw-translate-x:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .translate-x-\[-50\%\]){--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .translate-x-px){--tw-translate-x:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .translate-y-\[-50\%\]){--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .translate-y-\[calc\(-50\%_-_2px\)\]){--tw-translate-y:calc(-50% - 2px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .rotate-0){--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .rotate-180){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .rotate-45){--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .rotate-90){--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .transform-gpu){transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}:global(.chatkit-wrapper .animate-pulse){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}:global(.chatkit-wrapper .animate-spin){animation:spin 1s linear infinite}:global(.chatkit-wrapper .cursor-not-allowed){cursor:not-allowed}:global(.chatkit-wrapper .cursor-pointer){cursor:pointer}:global(.chatkit-wrapper .select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}:global(.chatkit-wrapper .resize-none){resize:none}:global(.chatkit-wrapper .scroll-m-20){scroll-margin:60px}:global(.chatkit-wrapper .list-decimal){list-style-type:decimal}:global(.chatkit-wrapper .list-disc){list-style-type:disc}:global(.chatkit-wrapper .auto-rows-auto){grid-auto-rows:auto}:global(.chatkit-wrapper .grid-cols-\[minmax\(72px\2c 1fr\)_auto\]){grid-template-columns:minmax(72px,1fr) auto}:global(.chatkit-wrapper .flex-row){flex-direction:row}:global(.chatkit-wrapper .flex-col){flex-direction:column}:global(.chatkit-wrapper .flex-col-reverse){flex-direction:column-reverse}:global(.chatkit-wrapper .items-start){align-items:flex-start}:global(.chatkit-wrapper .items-end){align-items:flex-end}:global(.chatkit-wrapper .items-center){align-items:center}:global(.chatkit-wrapper .items-stretch){align-items:stretch}:global(.chatkit-wrapper .justify-start){justify-content:flex-start}:global(.chatkit-wrapper .justify-end){justify-content:flex-end}:global(.chatkit-wrapper .justify-center){justify-content:center}:global(.chatkit-wrapper .justify-between){justify-content:space-between}:global(.chatkit-wrapper .gap-0){gap:0}:global(.chatkit-wrapper .gap-0\.5){gap:1.5px}:global(.chatkit-wrapper .gap-1){gap:3px}:global(.chatkit-wrapper .gap-1\.5){gap:4.5px}:global(.chatkit-wrapper .gap-2){gap:6px}:global(.chatkit-wrapper .gap-3){gap:9px}:global(.chatkit-wrapper .gap-4){gap:12px}:global(.chatkit-wrapper .gap-\[12px\]){gap:12px}:global(.chatkit-wrapper .gap-\[8px\]){gap:8px}:global(.chatkit-wrapper .gap-y-2){row-gap:6px}:global(.chatkit-wrapper .space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(12px*(1 - var(--tw-space-x-reverse)));margin-right:calc(12px*var(--tw-space-x-reverse))}:global(.chatkit-wrapper .space-y-0>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(3px*var(--tw-space-y-reverse));margin-top:calc(3px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(4.5px*var(--tw-space-y-reverse));margin-top:calc(4.5px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(6px*var(--tw-space-y-reverse));margin-top:calc(6px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-2\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(7.5px*var(--tw-space-y-reverse));margin-top:calc(7.5px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(9px*var(--tw-space-y-reverse));margin-top:calc(9px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(12px*var(--tw-space-y-reverse));margin-top:calc(12px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(15px*var(--tw-space-y-reverse));margin-top:calc(15px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(18px*var(--tw-space-y-reverse));margin-top:calc(18px*(1 - var(--tw-space-y-reverse)))}:global(.chatkit-wrapper .divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}:global(.chatkit-wrapper .divide-gray-100>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}:global(.chatkit-wrapper .self-end){align-self:flex-end}:global(.chatkit-wrapper .self-center){align-self:center}:global(.chatkit-wrapper .overflow-auto){overflow:auto}:global(.chatkit-wrapper .overflow-hidden){overflow:hidden}:global(.chatkit-wrapper .overflow-visible){overflow:visible}:global(.chatkit-wrapper .overflow-x-auto){overflow-x:auto}:global(.chatkit-wrapper .overflow-y-auto){overflow-y:auto}:global(.chatkit-wrapper .truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:global(.chatkit-wrapper .whitespace-nowrap){white-space:nowrap}:global(.chatkit-wrapper .whitespace-pre-wrap){white-space:pre-wrap}:global(.chatkit-wrapper .text-balance){text-wrap:balance}:global(.chatkit-wrapper .break-words){overflow-wrap:break-word}:global(.chatkit-wrapper .break-all){word-break:break-all}:global(.chatkit-wrapper .rounded){border-radius:3px}:global(.chatkit-wrapper .rounded-2xl){border-radius:12px}:global(.chatkit-wrapper .rounded-\[10px\]){border-radius:10px}:global(.chatkit-wrapper .rounded-\[24px\]){border-radius:24px}:global(.chatkit-wrapper .rounded-\[2px\]){border-radius:2px}:global(.chatkit-wrapper .rounded-\[4px\]){border-radius:4px}:global(.chatkit-wrapper .rounded-\[8px\]){border-radius:8px}:global(.chatkit-wrapper .rounded-full){border-radius:9999px}:global(.chatkit-wrapper .rounded-lg){border-radius:6px}:global(.chatkit-wrapper .rounded-md){border-radius:4.5px}:global(.chatkit-wrapper .rounded-none){border-radius:0}:global(.chatkit-wrapper .rounded-sm){border-radius:1.5px}:global(.chatkit-wrapper .rounded-xl){border-radius:9px}:global(.chatkit-wrapper .rounded-\[6px\]){border-radius:6px}:global(.chatkit-wrapper .\!rounded-t-none){border-top-left-radius:0!important;border-top-right-radius:0!important}:global(.chatkit-wrapper .rounded-b-lg){border-bottom-left-radius:6px;border-bottom-right-radius:6px}:global(.chatkit-wrapper .rounded-t-lg){border-top-left-radius:6px;border-top-right-radius:6px}:global(.chatkit-wrapper .border){border-width:1px}:global(.chatkit-wrapper .border-0){border-width:0}:global(.chatkit-wrapper .border-2){border-width:2px}:global(.chatkit-wrapper .border-\[1px\]){border-width:1px}:global(.chatkit-wrapper .border-b){border-bottom-width:1px}:global(.chatkit-wrapper .border-l){border-left-width:1px}:global(.chatkit-wrapper .border-l-2){border-left-width:2px}:global(.chatkit-wrapper .border-r){border-right-width:1px}:global(.chatkit-wrapper .border-t){border-top-width:1px}:global(.chatkit-wrapper .border-t-0){border-top-width:0}:global(.chatkit-wrapper .border-solid){border-style:solid}:global(.chatkit-wrapper .border-dashed){border-style:dashed}:global(.chatkit-wrapper .border-none){border-style:none}:global(.chatkit-wrapper .border-\[\#0000000A\]){border-color:#0000000a}:global(.chatkit-wrapper .border-\[\#0000001A\]){border-color:#0000001a}:global(.chatkit-wrapper .border-\[\#0000001a\]){border-color:#0000001a}:global(.chatkit-wrapper .border-\[\#1664FF1A\]){border-color:#1664ff1a}:global(.chatkit-wrapper .border-\[\#E5E6EB\]){--tw-border-opacity:1;border-color:rgb(229 230 235/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-\[\#E5E7EB\]){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-\[\#EAEDF1\]){--tw-border-opacity:1;border-color:rgb(234 237 241/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-gray-100){--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-gray-200){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-gray-200\/80){border-color:rgba(229,231,235,.8)}:global(.chatkit-wrapper .border-gray-300){--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-red-200){--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .border-transparent){border-color:transparent}:global(.chatkit-wrapper .bg-\[\#0000000A\]){background-color:#0000000a}:global(.chatkit-wrapper .bg-\[\#1664FF\]){--tw-bg-opacity:1;background-color:rgb(22 100 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#D7312A\]){--tw-bg-opacity:1;background-color:rgb(215 49 42/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#DDE2E9\]){--tw-bg-opacity:1;background-color:rgb(221 226 233/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#E8F3FF\]){--tw-bg-opacity:1;background-color:rgb(232 243 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#EBF1FF\]){--tw-bg-opacity:1;background-color:rgb(235 241 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#F3F7FF\]){--tw-bg-opacity:1;background-color:rgb(243 247 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#F6F8FA\]){--tw-bg-opacity:1;background-color:rgb(246 248 250/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#F7F8FA\]){--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#FAFBFC\]){--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-background){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-black){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-black\/50){background-color:rgba(0,0,0,.5)}:global(.chatkit-wrapper .bg-gray-100){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-gray-50\/50){background-color:rgba(249,250,251,.5)}:global(.chatkit-wrapper .bg-gray-500){--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-red-500){--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-transparent){background-color:transparent}:global(.chatkit-wrapper .bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-white\/95){background-color:hsla(0,0%,100%,.95)}:global(.chatkit-wrapper .bg-\[\#5252FF\]){--tw-bg-opacity:1;background-color:rgb(82 82 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[\#E5E7EB\]){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-gray-400){--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .bg-\[linear-gradient\(to_top\2c var\(--color-background\)\2c transparent\)\]){background-image:linear-gradient(to top,var(--color-background),transparent)}:global(.chatkit-wrapper .bg-gradient-to-br){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}:global(.chatkit-wrapper .bg-gradient-to-r){background-image:linear-gradient(to right,var(--tw-gradient-stops))}:global(.chatkit-wrapper .from-blue-50){--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .from-blue-500){--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .from-blue-600){--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .from-gray-50\/30){--tw-gradient-from:rgba(249,250,251,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .from-gray-50\/50){--tw-gradient-from:rgba(249,250,251,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .to-blue-100){--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}:global(.chatkit-wrapper .to-blue-600){--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}:global(.chatkit-wrapper .to-blue-700){--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}:global(.chatkit-wrapper .to-white){--tw-gradient-to:#fff var(--tw-gradient-to-position)}:global(.chatkit-wrapper .fill-amber-500){fill:#f59e0b}:global(.chatkit-wrapper .fill-white){fill:#fff}:global(.chatkit-wrapper .stroke-\[2px\]){stroke-width:2px}:global(.chatkit-wrapper .object-contain){-o-object-fit:contain;object-fit:contain}:global(.chatkit-wrapper .object-cover){-o-object-fit:cover;object-fit:cover}:global(.chatkit-wrapper .p-0){padding:0}:global(.chatkit-wrapper .p-1){padding:3px}:global(.chatkit-wrapper .p-1\.5){padding:4.5px}:global(.chatkit-wrapper .p-2){padding:6px}:global(.chatkit-wrapper .p-3){padding:9px}:global(.chatkit-wrapper .p-4){padding:12px}:global(.chatkit-wrapper .p-6){padding:18px}:global(.chatkit-wrapper .p-8){padding:24px}:global(.chatkit-wrapper .px-1){padding-left:3px;padding-right:3px}:global(.chatkit-wrapper .px-1\.5){padding-left:4.5px;padding-right:4.5px}:global(.chatkit-wrapper .px-2){padding-left:6px;padding-right:6px}:global(.chatkit-wrapper .px-2\.5){padding-left:7.5px;padding-right:7.5px}:global(.chatkit-wrapper .px-3){padding-left:9px;padding-right:9px}:global(.chatkit-wrapper .px-4){padding-left:12px;padding-right:12px}:global(.chatkit-wrapper .px-5){padding-left:15px;padding-right:15px}:global(.chatkit-wrapper .px-6){padding-left:18px;padding-right:18px}:global(.chatkit-wrapper .px-8){padding-left:24px;padding-right:24px}:global(.chatkit-wrapper .px-\[15px\]){padding-left:15px;padding-right:15px}:global(.chatkit-wrapper .px-\[16px\]){padding-left:16px;padding-right:16px}:global(.chatkit-wrapper .px-\[6px\]){padding-left:6px;padding-right:6px}:global(.chatkit-wrapper .py-0){padding-bottom:0;padding-top:0}:global(.chatkit-wrapper .py-0\.5){padding-bottom:1.5px;padding-top:1.5px}:global(.chatkit-wrapper .py-1){padding-bottom:3px;padding-top:3px}:global(.chatkit-wrapper .py-1\.5){padding-bottom:4.5px;padding-top:4.5px}:global(.chatkit-wrapper .py-10){padding-bottom:30px;padding-top:30px}:global(.chatkit-wrapper .py-16){padding-bottom:48px;padding-top:48px}:global(.chatkit-wrapper .py-2){padding-bottom:6px;padding-top:6px}:global(.chatkit-wrapper .py-2\.5){padding-bottom:7.5px;padding-top:7.5px}:global(.chatkit-wrapper .py-3){padding-bottom:9px;padding-top:9px}:global(.chatkit-wrapper .py-4){padding-bottom:12px;padding-top:12px}:global(.chatkit-wrapper .py-5){padding-bottom:15px;padding-top:15px}:global(.chatkit-wrapper .py-6){padding-bottom:18px;padding-top:18px}:global(.chatkit-wrapper .py-8){padding-bottom:24px;padding-top:24px}:global(.chatkit-wrapper .py-\[12px\]){padding-bottom:12px;padding-top:12px}:global(.chatkit-wrapper .py-\[6px\]){padding-bottom:6px;padding-top:6px}:global(.chatkit-wrapper .py-\[8px\]){padding-bottom:8px;padding-top:8px}:global(.chatkit-wrapper .pb-1){padding-bottom:3px}:global(.chatkit-wrapper .pb-3){padding-bottom:9px}:global(.chatkit-wrapper .pb-4){padding-bottom:12px}:global(.chatkit-wrapper .pb-6){padding-bottom:18px}:global(.chatkit-wrapper .pl-10){padding-left:30px}:global(.chatkit-wrapper .pl-4){padding-left:12px}:global(.chatkit-wrapper .pl-6){padding-left:18px}:global(.chatkit-wrapper .pl-\[14px\]){padding-left:14px}:global(.chatkit-wrapper .pl-\[16px\]){padding-left:16px}:global(.chatkit-wrapper .pl-\[8px\]){padding-left:8px}:global(.chatkit-wrapper .pr-2){padding-right:6px}:global(.chatkit-wrapper .pr-4){padding-right:12px}:global(.chatkit-wrapper .pr-8){padding-right:24px}:global(.chatkit-wrapper .pr-\[12px\]){padding-right:12px}:global(.chatkit-wrapper .pt-0){padding-top:0}:global(.chatkit-wrapper .pt-0\.5){padding-top:1.5px}:global(.chatkit-wrapper .pt-1){padding-top:3px}:global(.chatkit-wrapper .pt-2){padding-top:6px}:global(.chatkit-wrapper .pt-3){padding-top:9px}:global(.chatkit-wrapper .pt-4){padding-top:12px}:global(.chatkit-wrapper .pt-6){padding-top:18px}:global(.chatkit-wrapper .pt-\[8px\]){padding-top:8px}:global(.chatkit-wrapper .text-left){text-align:left}:global(.chatkit-wrapper .text-center){text-align:center}:global(.chatkit-wrapper .text-start){text-align:start}:global(.chatkit-wrapper .font-mono){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:global(.chatkit-wrapper .text-2xl){font-size:18px;line-height:24px}:global(.chatkit-wrapper .text-3xl){font-size:22.5px;line-height:27px}:global(.chatkit-wrapper .text-4xl){font-size:27px;line-height:30px}:global(.chatkit-wrapper .text-\[13px\]){font-size:13px}:global(.chatkit-wrapper .text-\[14px\]){font-size:14px}:global(.chatkit-wrapper .text-\[15px\]){font-size:15px}:global(.chatkit-wrapper .text-\[16px\]){font-size:16px}:global(.chatkit-wrapper .text-\[24px\]){font-size:24px}:global(.chatkit-wrapper .text-base){font-size:12px;line-height:18px}:global(.chatkit-wrapper .text-lg){font-size:13.5px;line-height:21px}:global(.chatkit-wrapper .text-sm){font-size:10.5px;line-height:15px}:global(.chatkit-wrapper .text-xl){font-size:15px;line-height:21px}:global(.chatkit-wrapper .text-xs){font-size:9px;line-height:12px}:global(.chatkit-wrapper .font-bold){font-weight:700}:global(.chatkit-wrapper .font-extrabold){font-weight:800}:global(.chatkit-wrapper .font-medium){font-weight:500}:global(.chatkit-wrapper .font-normal){font-weight:400}:global(.chatkit-wrapper .font-semibold){font-weight:600}:global(.chatkit-wrapper .lowercase){text-transform:lowercase}:global(.chatkit-wrapper .italic){font-style:italic}:global(.chatkit-wrapper .tabular-nums){--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}:global(.chatkit-wrapper .leading-7){line-height:21px}:global(.chatkit-wrapper .leading-\[100\%\]){line-height:100%}:global(.chatkit-wrapper .leading-\[22px\]){line-height:22px}:global(.chatkit-wrapper .leading-none){line-height:1}:global(.chatkit-wrapper .leading-relaxed){line-height:1.625}:global(.chatkit-wrapper .tracking-\[0\.3\%\]){letter-spacing:.3%}:global(.chatkit-wrapper .tracking-tight){letter-spacing:-.025em}:global(.chatkit-wrapper .text-\[\#0C0D0E\]){--tw-text-opacity:1;color:rgb(12 13 14/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-\[\#1664FF\]){--tw-text-opacity:1;color:rgb(22 100 255/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-\[\#1677FF\]){--tw-text-opacity:1;color:rgb(22 119 255/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-\[\#1D2129\]){--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-\[\#808388\]){--tw-text-opacity:1;color:rgb(128 131 136/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-\[\#86909C\]){--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-amber-500){--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-background){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-blue-500){--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-blue-600){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-600){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-700){--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-800){--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-gray-900){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-red-500){--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-red-600){--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .underline){text-decoration-line:underline}:global(.chatkit-wrapper .underline-offset-4){text-underline-offset:4px}:global(.chatkit-wrapper .opacity-0){opacity:0}:global(.chatkit-wrapper .opacity-100){opacity:1}:global(.chatkit-wrapper .opacity-50){opacity:.5}:global(.chatkit-wrapper .opacity-70){opacity:.7}:global(.chatkit-wrapper .opacity-90){opacity:.9}:global(.chatkit-wrapper .shadow-2xl){--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]){--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-lg){--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-md){--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-none){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-sm){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-xl){--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]){--tw-shadow:0 4px 20px rgba(0,0,0,.15);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .outline-none){outline:2px solid transparent;outline-offset:2px}:global(.chatkit-wrapper .outline){outline-style:solid}:global(.chatkit-wrapper .ring-offset-background){--tw-ring-offset-color:#fff}:global(.chatkit-wrapper .filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:global(.chatkit-wrapper .backdrop-blur-sm){--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:global(.chatkit-wrapper .transition){transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[color\2c box-shadow\]){transition-duration:.15s;transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[left\2c right\2c width\]){transition-duration:.15s;transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[margin\2c opacity\]){transition-duration:.15s;transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[transform\2c opacity\]){transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[width\2c height\2c padding\]){transition-duration:.15s;transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-\[width\]){transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-all){transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-colors){transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-opacity){transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .transition-transform){transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .duration-150){transition-duration:.15s}:global(.chatkit-wrapper .duration-200){transition-duration:.2s}:global(.chatkit-wrapper .ease-in-out){transition-timing-function:cubic-bezier(.4,0,.2,1)}:global(.chatkit-wrapper .ease-linear){transition-timing-function:linear}:global(.chatkit-wrapper .ease-out){transition-timing-function:cubic-bezier(0,0,.2,1)}:global(.chatkit-wrapper .chatkit-wrapper){.chatkit-wrapper *,.chatkit-wrapper :after,.chatkit-wrapper :before{border:0 solid #e5e7eb;box-sizing:border-box}.chatkit-wrapper :after,.chatkit-wrapper :before{--tw-content:""}.chatkit-wrapper{line-height:inherit;margin:0}.chatkit-wrapper hr{border-top-width:1px;color:inherit;height:0}.chatkit-wrapper abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6{font-size:inherit;font-weight:inherit}.chatkit-wrapper a{color:inherit;text-decoration:inherit}.chatkit-wrapper b,.chatkit-wrapper strong{font-weight:bolder}.chatkit-wrapper small{font-size:80%}.chatkit-wrapper sub,.chatkit-wrapper sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.chatkit-wrapper sub{bottom:-.25em}.chatkit-wrapper sup{top:-.5em}.chatkit-wrapper table{border-collapse:collapse;border-color:inherit;text-indent:0}.chatkit-wrapper button,.chatkit-wrapper input,.chatkit-wrapper optgroup,.chatkit-wrapper select,.chatkit-wrapper textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.chatkit-wrapper button,.chatkit-wrapper select{text-transform:none}.chatkit-wrapper button,.chatkit-wrapper input:where([type=button]),.chatkit-wrapper input:where([type=reset]),.chatkit-wrapper input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.chatkit-wrapper :-moz-focusring{outline:auto}.chatkit-wrapper :-moz-ui-invalid{box-shadow:none}.chatkit-wrapper progress{vertical-align:baseline}.chatkit-wrapper ::-webkit-inner-spin-button,.chatkit-wrapper ::-webkit-outer-spin-button{height:auto}.chatkit-wrapper [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.chatkit-wrapper ::-webkit-search-decoration{-webkit-appearance:none}.chatkit-wrapper ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.chatkit-wrapper summary{display:list-item}.chatkit-wrapper blockquote,.chatkit-wrapper dd,.chatkit-wrapper dl,.chatkit-wrapper figure,.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6,.chatkit-wrapper hr,.chatkit-wrapper p,.chatkit-wrapper pre{margin:0}.chatkit-wrapper fieldset{margin:0;padding:0}.chatkit-wrapper legend{padding:0}.chatkit-wrapper menu,.chatkit-wrapper ol,.chatkit-wrapper ul{list-style:none;margin:0;padding:0}.chatkit-wrapper dialog{padding:0}.chatkit-wrapper textarea{resize:vertical}.chatkit-wrapper input::-moz-placeholder,.chatkit-wrapper textarea::-moz-placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper input::placeholder,.chatkit-wrapper textarea::placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper [role=button],.chatkit-wrapper button{cursor:pointer}.chatkit-wrapper :disabled{cursor:default}.chatkit-wrapper audio,.chatkit-wrapper canvas,.chatkit-wrapper embed,.chatkit-wrapper iframe,.chatkit-wrapper img,.chatkit-wrapper object,.chatkit-wrapper svg,.chatkit-wrapper video{display:block;vertical-align:middle}.chatkit-wrapper img,.chatkit-wrapper video{height:auto;max-width:100%}.chatkit-wrapper [hidden]:where(:not([hidden=until-found])){display:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}:global(.chatkit-wrapper .file\:inline-flex::file-selector-button){display:inline-flex}:global(.chatkit-wrapper .file\:h-7::file-selector-button){height:21px}:global(.chatkit-wrapper .file\:border-0::file-selector-button){border-width:0}:global(.chatkit-wrapper .file\:bg-transparent::file-selector-button){background-color:transparent}:global(.chatkit-wrapper .file\:text-sm::file-selector-button){font-size:10.5px;line-height:15px}:global(.chatkit-wrapper .file\:font-medium::file-selector-button){font-weight:500}:global(.chatkit-wrapper .after\:absolute:after){content:var(--tw-content);position:absolute}:global(.chatkit-wrapper .after\:-inset-2:after){content:var(--tw-content);inset:-6px}:global(.chatkit-wrapper .after\:inset-y-0:after){bottom:0;content:var(--tw-content);top:0}:global(.chatkit-wrapper .after\:left-1\/2:after){content:var(--tw-content);left:50%}:global(.chatkit-wrapper .after\:w-\[2px\]:after){content:var(--tw-content);width:2px}:global(.chatkit-wrapper .first\:mt-0:first-child){margin-top:0}:global(.chatkit-wrapper .first\:mt-3:first-child){margin-top:9px}:global(.chatkit-wrapper .first\:mt-4:first-child){margin-top:12px}:global(.chatkit-wrapper .first\:rounded-tl-lg:first-child){border-top-left-radius:6px}:global(.chatkit-wrapper .first\:border-t:first-child){border-top-width:1px}:global(.chatkit-wrapper .last\:mb-0:last-child){margin-bottom:0}:global(.chatkit-wrapper .last\:mb-24:last-child){margin-bottom:72px}:global(.chatkit-wrapper .last\:mb-5:last-child){margin-bottom:15px}:global(.chatkit-wrapper .last\:rounded-tr-lg:last-child){border-top-right-radius:6px}:global(.chatkit-wrapper .last\:border-r:last-child){border-right-width:1px}:global(.chatkit-wrapper .empty\:hidden:empty){display:none}:global(.chatkit-wrapper .hover\:visible:hover){visibility:visible}:global(.chatkit-wrapper .hover\:scale-\[1\.02\]:hover){--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .hover\:border-blue-200:hover){--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .hover\:border-gray-300:hover){--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .hover\:border-gray-400:hover){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .hover\:border-red-300:hover){--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .hover\:\!bg-white:hover){--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}:global(.chatkit-wrapper .hover\:bg-\[rgba\(46\2c 50\2c 56\2c 0\.05\)\]:hover){background-color:rgba(46,50,56,.05)}:global(.chatkit-wrapper .hover\:bg-gray-100:hover){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .hover\:bg-gray-200:hover){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .hover\:bg-gray-50:hover){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .hover\:bg-gray-50\/50:hover){background-color:rgba(249,250,251,.5)}:global(.chatkit-wrapper .hover\:bg-red-50:hover){--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .hover\:bg-red-600:hover){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .hover\:from-blue-700:hover){--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .hover\:to-blue-800:hover){--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}:global(.chatkit-wrapper .hover\:text-gray-600:hover){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .hover\:text-gray-900:hover){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .hover\:underline:hover){text-decoration-line:underline}:global(.chatkit-wrapper .hover\:opacity-100:hover){opacity:1}:global(.chatkit-wrapper .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover){--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .hover\:shadow-lg:hover){--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .hover\:shadow-md:hover){--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .focus\:border-blue-400:focus){--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}:global(.chatkit-wrapper .focus\:opacity-100:focus){opacity:1}:global(.chatkit-wrapper .focus\:outline-none:focus){outline:2px solid transparent;outline-offset:2px}:global(.chatkit-wrapper .focus\:ring-2:focus){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}:global(.chatkit-wrapper .focus\:ring-4:focus){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}:global(.chatkit-wrapper .focus\:ring-blue-50:focus){--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity,1))}:global(.chatkit-wrapper .focus\:ring-offset-2:focus){--tw-ring-offset-width:2px}:global(.chatkit-wrapper .focus-visible\:outline-none:focus-visible){outline:2px solid transparent;outline-offset:2px}:global(.chatkit-wrapper .focus-visible\:ring-2:focus-visible){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}:global(.chatkit-wrapper .focus-visible\:ring-\[3px\]:focus-visible){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}:global(.chatkit-wrapper .focus-visible\:ring-offset-0:focus-visible){--tw-ring-offset-width:0px}:global(.chatkit-wrapper .focus-visible\:ring-offset-2:focus-visible){--tw-ring-offset-width:2px}:global(.chatkit-wrapper .active\:scale-95:active){--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .disabled\:pointer-events-none:disabled){pointer-events:none}:global(.chatkit-wrapper .disabled\:invisible:disabled){visibility:hidden}:global(.chatkit-wrapper .disabled\:cursor-not-allowed:disabled){cursor:not-allowed}:global(.chatkit-wrapper .disabled\:from-gray-300:disabled){--tw-gradient-from:#d1d5db var(--tw-gradient-from-position);--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:global(.chatkit-wrapper .disabled\:to-gray-300:disabled){--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}:global(.chatkit-wrapper .disabled\:opacity-50:disabled){opacity:.5}:global(.chatkit-wrapper .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100){opacity:1}:global(.chatkit-wrapper .group:hover .group-hover\:visible){visibility:visible}:global(.chatkit-wrapper .group:hover .group-hover\:translate-x-1){--tw-translate-x:3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .group:hover .group-hover\:text-gray-600){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .group:hover .group-hover\:underline){text-decoration-line:underline}:global(.chatkit-wrapper .group\/menu-item:hover .group-hover\/menu-item\:opacity-100){opacity:1}:global(.chatkit-wrapper .group:hover .group-hover\:opacity-100){opacity:1}:global(.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:text-red-300){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover){--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus){--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}:global(.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus){--tw-ring-offset-color:#dc2626}:global(.chatkit-wrapper .has-\[\>svg\]\:px-2\.5:has(>svg)){padding-left:7.5px;padding-right:7.5px}:global(.chatkit-wrapper .has-\[\>svg\]\:px-3:has(>svg)){padding-left:9px;padding-right:9px}:global(.chatkit-wrapper .has-\[\>svg\]\:px-4:has(>svg)){padding-left:12px;padding-right:12px}:global(.chatkit-wrapper .aria-disabled\:pointer-events-none[aria-disabled=true]){pointer-events:none}:global(.chatkit-wrapper .aria-disabled\:opacity-50[aria-disabled=true]){opacity:.5}:global(.chatkit-wrapper .data-\[state\=closed\]\:pointer-events-none[data-state=closed]){pointer-events:none}:global(.chatkit-wrapper .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]){height:1px}:global(.chatkit-wrapper .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]){height:100%}:global(.chatkit-wrapper .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]){width:100%}:global(.chatkit-wrapper .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]){width:1px}:global(.chatkit-wrapper .data-\[state\=closed\]\:w-\[160px\][data-state=closed]){width:160px}:global(.chatkit-wrapper .data-\[state\=open\]\:w-full[data-state=open]){width:100%}:global(.chatkit-wrapper .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]){--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]){--tw-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]){--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .data-\[state\=open\]\:border-b[data-state=open]){border-bottom-width:1px}:global(.chatkit-wrapper .data-\[state\=active\]\:bg-background[data-state=active]){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}:global(.chatkit-wrapper .data-\[active\=true\]\:font-medium[data-active=true]){font-weight:500}:global(.chatkit-wrapper .data-\[state\=open\]\:opacity-100[data-state=open]){opacity:1}:global(.chatkit-wrapper .data-\[state\=active\]\:shadow-sm[data-state=active]){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .data-\[swipe\=move\]\:transition-none[data-swipe=move]){transition-property:none}:global(.chatkit-wrapper .data-\[state\=closed\]\:duration-300[data-state=closed]){transition-duration:.3s}:global(.chatkit-wrapper .data-\[state\=open\]\:duration-500[data-state=open]){transition-duration:.5s}:global(.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]){left:calc(var(--sidebar-width)*-1)}:global(.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]){right:calc(var(--sidebar-width)*-1)}:global(.chatkit-wrapper .group[data-side=left] .group-data-\[side\=left\]\:-right-4){right:-12px}:global(.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:left-0){left:0}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8){margin-top:-24px}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden){display:none}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]){width:calc(var(--sidebar-width-icon) + (--spacing(4)))}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]){width:calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px)}:global(.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0){width:0}:global(.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0){--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:rotate-180){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .group\/trigger[data-state=closed] .group-data-\[state\=closed\]\/trigger\:-rotate-90){--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .group\/trigger[data-state=open] .group-data-\[state\=open\]\/trigger\:rotate-0){--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden){overflow:hidden}:global(.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg){border-radius:6px}:global(.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:border){border-width:1px}:global(.chatkit-wrapper .group[data-side=left] .group-data-\[side\=left\]\:border-r){border-right-width:1px}:global(.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:border-l){border-left-width:1px}:global(.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0){opacity:0}:global(.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:global(.chatkit-wrapper .group\/collapsible-content[data-state=open] .group-data-\[state\=open\]\/collapsible-content\:delay-\[calc\(var\(--animation-duration\)\*0\.75\)\]){transition-delay:calc(var(--animation-duration)*.75)}:global(.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after){content:var(--tw-content);left:100%}:global(.chatkit-wrapper .peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5){top:4.5px}:global(.chatkit-wrapper .peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5){top:7.5px}:global(.chatkit-wrapper .peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1){top:3px}@media (min-width:640px){.chatkit-wrapper .sm\:bottom-0{bottom:0}.chatkit-wrapper .sm\:right-0{right:0}.chatkit-wrapper .sm\:top-auto{top:auto}.chatkit-wrapper .sm\:flex{display:flex}.chatkit-wrapper .sm\:max-h-\[90vh\]{max-height:90vh}.chatkit-wrapper .sm\:max-w-3xl{max-width:576px}.chatkit-wrapper .sm\:max-w-\[425px\]{max-width:425px}.chatkit-wrapper .sm\:max-w-\[480px\]{max-width:480px}.chatkit-wrapper .sm\:max-w-\[90vw\]{max-width:90vw}.chatkit-wrapper .sm\:max-w-lg{max-width:384px}.chatkit-wrapper .sm\:max-w-sm{max-width:288px}.chatkit-wrapper .sm\:flex-row{flex-direction:row}.chatkit-wrapper .sm\:flex-col{flex-direction:column}.chatkit-wrapper .sm\:justify-end{justify-content:flex-end}.chatkit-wrapper .sm\:text-left{text-align:left}}@media (min-width:768px){.chatkit-wrapper .md\:block{display:block}.chatkit-wrapper .md\:flex{display:flex}.chatkit-wrapper .md\:max-w-\[420px\]{max-width:420px}.chatkit-wrapper .md\:pb-6{padding-bottom:18px}.chatkit-wrapper .md\:text-sm{font-size:10.5px;line-height:15px}.chatkit-wrapper .md\:opacity-0{opacity:0}.chatkit-wrapper .md\:after\:hidden:after{content:var(--tw-content);display:none}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:6px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.chatkit-wrapper .peer[data-variant=inset][data-state=collapsed]~.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{margin-left:6px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:9px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (prefers-color-scheme:dark){.chatkit-wrapper .dark\:bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .dark\:text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}}:global(.chatkit-wrapper .\[\&\:last-child\>td\:first-child\]\:rounded-bl-lg:last-child>td:first-child){border-bottom-left-radius:6px}:global(.chatkit-wrapper .\[\&\:last-child\>td\:last-child\]\:rounded-br-lg:last-child>td:last-child){border-bottom-right-radius:6px}:global(.chatkit-wrapper .\[\&\:where\(\>\*\)\]\:col-start-2:where(>*)){grid-column-start:2}:global(.chatkit-wrapper .only\:\[\&\>\#attachment-tile\]\:size-24>#attachment-tile:only-child){height:72px;width:72px}:global(.chatkit-wrapper .\[\&\>a\]\:text-xs>a){font-size:9px;line-height:12px}:global(.chatkit-wrapper .\[\&\>a\]\:no-underline>a){text-decoration-line:none}:global(.chatkit-wrapper .\[\&\>button\]\:hidden>button){display:none}:global(.chatkit-wrapper .\[\&\>button\]\:rounded-full>button){border-radius:9999px}:global(.chatkit-wrapper .\[\&\>button\]\:p-1>button){padding:3px}:global(.chatkit-wrapper .\[\&\>button\]\:opacity-100>button){opacity:1}:global(.chatkit-wrapper .\[\&\>button\]\:\!ring-0>button){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}:global(.chatkit-wrapper .\[\&\>li\]\:mt-2>li){margin-top:6px}:global(.chatkit-wrapper .\[\&\>span\:last-child\]\:truncate>span:last-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:global(.chatkit-wrapper .\[\&\>span\]\:text-xs>span){font-size:9px;line-height:12px}:global(.chatkit-wrapper .\[\&\>svg\]\:size-4>svg){height:12px;width:12px}:global(.chatkit-wrapper .\[\&\>svg\]\:shrink-0>svg){flex-shrink:0}:global(.chatkit-wrapper .\[\&\[align\=center\]\]\:text-center[align=center]){text-align:center}:global(.chatkit-wrapper .\[\&\[align\=right\]\]\:text-right[align=right]){text-align:right}:global(.chatkit-wrapper .\[\&_p\]\:-mb-2 p){margin-bottom:-6px}:global(.chatkit-wrapper .\[\&_pre\]\:overflow-x-auto pre){overflow-x:auto}:global(.chatkit-wrapper .\[\&_pre\]\:rounded-b-lg pre){border-bottom-left-radius:6px;border-bottom-right-radius:6px}:global(.chatkit-wrapper .\[\&_pre\]\:border pre){border-width:1px}:global(.chatkit-wrapper .\[\&_pre\]\:p-4 pre){padding:12px}:global(.chatkit-wrapper .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-])){height:12px;width:12px}:global(.chatkit-wrapper .\[\&_svg\]\:pointer-events-none svg){pointer-events:none}:global(.chatkit-wrapper .\[\&_svg\]\:shrink-0 svg){flex-shrink:0}:global(.chatkit-wrapper .\[\&_svg\]\:text-background svg){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:global(.chatkit-wrapper .\[\&_svg\]\:text-black svg){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}:global(.chatkit-wrapper [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2){right:-6px}:global(.chatkit-wrapper [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize){cursor:e-resize}:global(.chatkit-wrapper [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2){left:-6px}:global(.chatkit-wrapper [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize){cursor:w-resize}@keyframes aui-pulse-chatkit{50%{opacity:.5;transform:scale(.7)}}:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running]):empty:after),:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child):after),:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after),:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after),:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:not(ol):not(ul):not(pre)):last-child:after),:global(.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>pre:last-child code:after){--aui-content:"\25cf";animation:aui-pulse-chatkit 1.5s cubic-bezier(.4,0,.6,1) infinite;content:var(--aui-content);display:inline-block;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin-left:2.4px;margin-right:2.4px}:global(.chatkit-wrapper .chatkit-md-text-p img),:global(.chatkit-wrapper .chatkit-md-text-p video){max-width:400px}
|
|
1
|
+
.chatkit-wrapper *,.chatkit-wrapper :after,.chatkit-wrapper :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.chatkit-wrapper ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
|
|
2
|
+
/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */.chatkit-wrapper *,.chatkit-wrapper :after,.chatkit-wrapper :before{border:0 solid #e5e7eb;box-sizing:border-box}.chatkit-wrapper :after,.chatkit-wrapper :before{--tw-content:""}.chatkit-wrapper,.chatkit-wrapper :host{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.chatkit-wrapper{line-height:inherit;margin:0}.chatkit-wrapper hr{border-top-width:1px;color:inherit;height:0}.chatkit-wrapper abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6{font-size:inherit;font-weight:inherit}.chatkit-wrapper a{color:inherit;text-decoration:inherit}.chatkit-wrapper b,.chatkit-wrapper strong{font-weight:bolder}.chatkit-wrapper code,.chatkit-wrapper kbd,.chatkit-wrapper pre,.chatkit-wrapper samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}.chatkit-wrapper small{font-size:80%}.chatkit-wrapper sub,.chatkit-wrapper sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.chatkit-wrapper sub{bottom:-.25em}.chatkit-wrapper sup{top:-.5em}.chatkit-wrapper table{border-collapse:collapse;border-color:inherit;text-indent:0}.chatkit-wrapper button,.chatkit-wrapper input,.chatkit-wrapper optgroup,.chatkit-wrapper select,.chatkit-wrapper textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.chatkit-wrapper button,.chatkit-wrapper select{text-transform:none}.chatkit-wrapper button,.chatkit-wrapper input:where([type=button]),.chatkit-wrapper input:where([type=reset]),.chatkit-wrapper input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.chatkit-wrapper :-moz-focusring{outline:auto}.chatkit-wrapper :-moz-ui-invalid{box-shadow:none}.chatkit-wrapper progress{vertical-align:baseline}.chatkit-wrapper ::-webkit-inner-spin-button,.chatkit-wrapper ::-webkit-outer-spin-button{height:auto}.chatkit-wrapper [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.chatkit-wrapper ::-webkit-search-decoration{-webkit-appearance:none}.chatkit-wrapper ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.chatkit-wrapper summary{display:list-item}.chatkit-wrapper blockquote,.chatkit-wrapper dd,.chatkit-wrapper dl,.chatkit-wrapper figure,.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6,.chatkit-wrapper hr,.chatkit-wrapper p,.chatkit-wrapper pre{margin:0}.chatkit-wrapper fieldset{margin:0;padding:0}.chatkit-wrapper legend{padding:0}.chatkit-wrapper menu,.chatkit-wrapper ol,.chatkit-wrapper ul{list-style:none;margin:0;padding:0}.chatkit-wrapper dialog{padding:0}.chatkit-wrapper textarea{resize:vertical}.chatkit-wrapper input::-moz-placeholder,.chatkit-wrapper textarea::-moz-placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper input::placeholder,.chatkit-wrapper textarea::placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper [role=button],.chatkit-wrapper button{cursor:pointer}.chatkit-wrapper :disabled{cursor:default}.chatkit-wrapper audio,.chatkit-wrapper canvas,.chatkit-wrapper embed,.chatkit-wrapper iframe,.chatkit-wrapper img,.chatkit-wrapper object,.chatkit-wrapper svg,.chatkit-wrapper video{display:block;vertical-align:middle}.chatkit-wrapper img,.chatkit-wrapper video{height:auto;max-width:100%}.chatkit-wrapper [hidden]:where(:not([hidden=until-found])){display:none}.chatkit-wrapper .container{width:100%}@media (min-width:640px){.chatkit-wrapper .container{max-width:640px}}@media (min-width:768px){.chatkit-wrapper .container{max-width:768px}}@media (min-width:1024px){.chatkit-wrapper .container{max-width:1024px}}@media (min-width:1280px){.chatkit-wrapper .container{max-width:1280px}}@media (min-width:1536px){.chatkit-wrapper .container{max-width:1536px}}.chatkit-wrapper .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chatkit-wrapper .pointer-events-none{pointer-events:none}.chatkit-wrapper .pointer-events-auto{pointer-events:auto}.chatkit-wrapper .invisible{visibility:hidden}.chatkit-wrapper .collapse{visibility:collapse}.chatkit-wrapper .static{position:static}.chatkit-wrapper .fixed{position:fixed}.chatkit-wrapper .absolute{position:absolute}.chatkit-wrapper .relative{position:relative}.chatkit-wrapper .sticky{position:sticky}.chatkit-wrapper .inset-0{inset:0}.chatkit-wrapper .inset-x-0{left:0;right:0}.chatkit-wrapper .inset-y-0{bottom:0;top:0}.chatkit-wrapper .-top-12{top:-36px}.chatkit-wrapper .bottom-0{bottom:0}.chatkit-wrapper .left-0{left:0}.chatkit-wrapper .left-\[50\%\]{left:50%}.chatkit-wrapper .right-0{right:0}.chatkit-wrapper .right-1{right:3px}.chatkit-wrapper .right-1\.5{right:4.5px}.chatkit-wrapper .right-2{right:6px}.chatkit-wrapper .right-3{right:9px}.chatkit-wrapper .right-4{right:12px}.chatkit-wrapper .top-0{top:0}.chatkit-wrapper .top-1\.5{top:4.5px}.chatkit-wrapper .top-2{top:6px}.chatkit-wrapper .top-3\.5{top:10.5px}.chatkit-wrapper .top-4{top:12px}.chatkit-wrapper .top-\[50\%\]{top:50%}.chatkit-wrapper .z-0{z-index:0}.chatkit-wrapper .z-10{z-index:10}.chatkit-wrapper .z-20{z-index:20}.chatkit-wrapper .z-50{z-index:50}.chatkit-wrapper .z-\[100\]{z-index:100}.chatkit-wrapper .col-span-full{grid-column:1/-1}.chatkit-wrapper .col-start-1{grid-column-start:1}.chatkit-wrapper .col-start-2{grid-column-start:2}.chatkit-wrapper .col-start-3{grid-column-start:3}.chatkit-wrapper .row-start-1{grid-row-start:1}.chatkit-wrapper .row-start-2{grid-row-start:2}.chatkit-wrapper .row-start-3{grid-row-start:3}.chatkit-wrapper .m-0{margin:0}.chatkit-wrapper .m-\[4px\]{margin:4px}.chatkit-wrapper .-mx-2{margin-left:-6px;margin-right:-6px}.chatkit-wrapper .mx-2{margin-left:6px;margin-right:6px}.chatkit-wrapper .mx-3{margin-left:9px;margin-right:9px}.chatkit-wrapper .mx-3\.5{margin-left:10.5px;margin-right:10.5px}.chatkit-wrapper .mx-auto{margin-left:auto;margin-right:auto}.chatkit-wrapper .my-2{margin-bottom:6px;margin-top:6px}.chatkit-wrapper .my-4{margin-bottom:12px;margin-top:12px}.chatkit-wrapper .my-5{margin-bottom:15px;margin-top:15px}.chatkit-wrapper .-ml-1{margin-left:-3px}.chatkit-wrapper .-ml-2{margin-left:-6px}.chatkit-wrapper .-mr-1{margin-right:-3px}.chatkit-wrapper .mb-1{margin-bottom:3px}.chatkit-wrapper .mb-2{margin-bottom:6px}.chatkit-wrapper .mb-3{margin-bottom:9px}.chatkit-wrapper .mb-4{margin-bottom:12px}.chatkit-wrapper .mb-5{margin-bottom:15px}.chatkit-wrapper .mb-6{margin-bottom:18px}.chatkit-wrapper .mb-8{margin-bottom:24px}.chatkit-wrapper .mb-\[4px\]{margin-bottom:4px}.chatkit-wrapper .mb-\[6px\]{margin-bottom:6px}.chatkit-wrapper .ml-2{margin-left:6px}.chatkit-wrapper .ml-3{margin-left:9px}.chatkit-wrapper .ml-6{margin-left:18px}.chatkit-wrapper .ml-\[24px\]{margin-left:24px}.chatkit-wrapper .ml-\[50px\]{margin-left:50px}.chatkit-wrapper .ml-auto{margin-left:auto}.chatkit-wrapper .mr-1{margin-right:3px}.chatkit-wrapper .mr-1\.5{margin-right:4.5px}.chatkit-wrapper .mr-2{margin-right:6px}.chatkit-wrapper .mr-3{margin-right:9px}.chatkit-wrapper .mr-4{margin-right:12px}.chatkit-wrapper .mr-6{margin-right:18px}.chatkit-wrapper .mr-\[12px\]{margin-right:12px}.chatkit-wrapper .mt-0\.5{margin-top:1.5px}.chatkit-wrapper .mt-1{margin-top:3px}.chatkit-wrapper .mt-1\.5{margin-top:4.5px}.chatkit-wrapper .mt-2{margin-top:6px}.chatkit-wrapper .mt-4{margin-top:12px}.chatkit-wrapper .mt-5{margin-top:15px}.chatkit-wrapper .mt-6{margin-top:18px}.chatkit-wrapper .mt-\[8px\]{margin-top:8px}.chatkit-wrapper .mt-auto{margin-top:auto}.chatkit-wrapper .line-clamp-1{-webkit-line-clamp:1}.chatkit-wrapper .line-clamp-1,.chatkit-wrapper .line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chatkit-wrapper .line-clamp-2{-webkit-line-clamp:2}.chatkit-wrapper .block{display:block}.chatkit-wrapper .inline-block{display:inline-block}.chatkit-wrapper .flex{display:flex}.chatkit-wrapper .inline-flex{display:inline-flex}.chatkit-wrapper .table{display:table}.chatkit-wrapper .grid{display:grid}.chatkit-wrapper .\!contents{display:contents!important}.chatkit-wrapper .contents{display:contents}.chatkit-wrapper .hidden{display:none}.chatkit-wrapper .aspect-square{aspect-ratio:1/1}.chatkit-wrapper .size-10{height:30px;width:30px}.chatkit-wrapper .size-2\.5{height:7.5px;width:7.5px}.chatkit-wrapper .size-3{height:9px;width:9px}.chatkit-wrapper .size-3\.5{height:10.5px;width:10.5px}.chatkit-wrapper .size-4{height:12px;width:12px}.chatkit-wrapper .size-6{height:18px;width:18px}.chatkit-wrapper .size-7{height:21px;width:21px}.chatkit-wrapper .size-8{height:24px;width:24px}.chatkit-wrapper .size-9{height:27px;width:27px}.chatkit-wrapper .size-\[16px\]{height:16px;width:16px}.chatkit-wrapper .size-\[28px\]{height:28px;width:28px}.chatkit-wrapper .size-\[32px\]{height:32px;width:32px}.chatkit-wrapper .size-\[38px\]{height:38px;width:38px}.chatkit-wrapper .size-\[unset\]{height:unset;width:unset}.chatkit-wrapper .size-full{height:100%;width:100%}.chatkit-wrapper .h-10{height:30px}.chatkit-wrapper .h-11{height:33px}.chatkit-wrapper .h-12{height:36px}.chatkit-wrapper .h-16{height:48px}.chatkit-wrapper .h-2\.5{height:7.5px}.chatkit-wrapper .h-3{height:9px}.chatkit-wrapper .h-3\.5{height:10.5px}.chatkit-wrapper .h-4{height:12px}.chatkit-wrapper .h-5{height:15px}.chatkit-wrapper .h-7{height:21px}.chatkit-wrapper .h-8{height:24px}.chatkit-wrapper .h-9{height:27px}.chatkit-wrapper .h-\[12px\]{height:12px}.chatkit-wrapper .h-\[180px\]{height:180px}.chatkit-wrapper .h-\[22px\]{height:22px}.chatkit-wrapper .h-\[24px\]{height:24px}.chatkit-wrapper .h-\[28px\]{height:28px}.chatkit-wrapper .h-\[32px\]{height:32px}.chatkit-wrapper .h-\[38px\]{height:38px}.chatkit-wrapper .h-\[61px\]{height:61px}.chatkit-wrapper .h-\[calc\(100\%-65px\)\]{height:calc(100% - 65px)}.chatkit-wrapper .h-auto{height:auto}.chatkit-wrapper .h-fit{height:-moz-fit-content;height:fit-content}.chatkit-wrapper .h-full{height:100%}.chatkit-wrapper .h-svh{height:100svh}.chatkit-wrapper .max-h-\[200px\]{max-height:200px}.chatkit-wrapper .max-h-\[48px\]{max-height:48px}.chatkit-wrapper .max-h-\[500px\]{max-height:500px}.chatkit-wrapper .max-h-\[600px\]{max-height:600px}.chatkit-wrapper .max-h-\[80dvh\]{max-height:80dvh}.chatkit-wrapper .max-h-\[80vh\]{max-height:80vh}.chatkit-wrapper .max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)}.chatkit-wrapper .max-h-screen{max-height:100vh}.chatkit-wrapper .min-h-0{min-height:0}.chatkit-wrapper .min-h-12{min-height:36px}.chatkit-wrapper .min-h-\[24px\]{min-height:24px}.chatkit-wrapper .min-h-\[400px\]{min-height:400px}.chatkit-wrapper .min-h-\[60px\]{min-height:60px}.chatkit-wrapper .min-h-svh{min-height:100svh}.chatkit-wrapper .w-10{width:30px}.chatkit-wrapper .w-16{width:48px}.chatkit-wrapper .w-2\.5{width:7.5px}.chatkit-wrapper .w-3{width:9px}.chatkit-wrapper .w-3\.5{width:10.5px}.chatkit-wrapper .w-3\/4{width:75%}.chatkit-wrapper .w-4{width:12px}.chatkit-wrapper .w-5{width:15px}.chatkit-wrapper .w-5\/6{width:83.333333%}.chatkit-wrapper .w-7{width:21px}.chatkit-wrapper .w-8{width:24px}.chatkit-wrapper .w-\[160px\]{width:160px}.chatkit-wrapper .w-\[180px\]{width:180px}.chatkit-wrapper .w-\[1px\]{width:1px}.chatkit-wrapper .w-\[200px\]{width:200px}.chatkit-wrapper .w-\[28px\]{width:28px}.chatkit-wrapper .w-\[32px\]{width:32px}.chatkit-wrapper .w-\[calc\(100\%-200px\)\]{width:calc(100% - 200px)}.chatkit-wrapper .w-auto{width:auto}.chatkit-wrapper .w-fit{width:-moz-fit-content;width:fit-content}.chatkit-wrapper .w-full{width:100%}.chatkit-wrapper .w-max{width:-moz-max-content;width:max-content}.chatkit-wrapper .min-w-0{min-width:0}.chatkit-wrapper .min-w-5{min-width:15px}.chatkit-wrapper .min-w-\[80px\]{min-width:80px}.chatkit-wrapper .min-w-full{min-width:100%}.chatkit-wrapper .max-w-2xl{max-width:504px}.chatkit-wrapper .max-w-3xl{max-width:576px}.chatkit-wrapper .max-w-4xl{max-width:672px}.chatkit-wrapper .max-w-\[240px\]{max-width:240px}.chatkit-wrapper .max-w-\[300px\]{max-width:300px}.chatkit-wrapper .max-w-\[800px\]{max-width:800px}.chatkit-wrapper .max-w-\[80px\]{max-width:80px}.chatkit-wrapper .max-w-\[90\%\]{max-width:90%}.chatkit-wrapper .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 24px)}.chatkit-wrapper .max-w-\[var\(--thread-max-width\)\]{max-width:var(--thread-max-width)}.chatkit-wrapper .max-w-full{max-width:100%}.chatkit-wrapper .flex-1{flex:1 1 0%}.chatkit-wrapper .flex-shrink-0,.chatkit-wrapper .shrink-0{flex-shrink:0}.chatkit-wrapper .flex-grow{flex-grow:1}.chatkit-wrapper .flex-grow-0{flex-grow:0}.chatkit-wrapper .grow{flex-grow:1}.chatkit-wrapper .border-separate{border-collapse:separate}.chatkit-wrapper .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.chatkit-wrapper .-translate-x-1\/2{--tw-translate-x:-50%}.chatkit-wrapper .-translate-x-1\/2,.chatkit-wrapper .-translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .-translate-x-px{--tw-translate-x:-1px}.chatkit-wrapper .translate-x-\[-50\%\]{--tw-translate-x:-50%}.chatkit-wrapper .translate-x-\[-50\%\],.chatkit-wrapper .translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .translate-x-px{--tw-translate-x:1px}.chatkit-wrapper .translate-y-\[-50\%\]{--tw-translate-y:-50%}.chatkit-wrapper .translate-y-\[-50\%\],.chatkit-wrapper .translate-y-\[calc\(-50\%_-_2px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px)}.chatkit-wrapper .rotate-0{--tw-rotate:0deg}.chatkit-wrapper .rotate-0,.chatkit-wrapper .rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .rotate-180{--tw-rotate:180deg}.chatkit-wrapper .rotate-45{--tw-rotate:45deg}.chatkit-wrapper .rotate-45,.chatkit-wrapper .rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .rotate-90{--tw-rotate:90deg}.chatkit-wrapper .transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.chatkit-wrapper .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.chatkit-wrapper .animate-spin{animation:spin 1s linear infinite}.chatkit-wrapper .cursor-not-allowed{cursor:not-allowed}.chatkit-wrapper .cursor-pointer{cursor:pointer}.chatkit-wrapper .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.chatkit-wrapper .resize-none{resize:none}.chatkit-wrapper .scroll-m-20{scroll-margin:60px}.chatkit-wrapper .list-decimal{list-style-type:decimal}.chatkit-wrapper .list-disc{list-style-type:disc}.chatkit-wrapper .auto-rows-auto{grid-auto-rows:auto}.chatkit-wrapper .grid-cols-\[minmax\(72px\2c 1fr\)_auto\]{grid-template-columns:minmax(72px,1fr) auto}.chatkit-wrapper .flex-row{flex-direction:row}.chatkit-wrapper .flex-col{flex-direction:column}.chatkit-wrapper .flex-col-reverse{flex-direction:column-reverse}.chatkit-wrapper .items-start{align-items:flex-start}.chatkit-wrapper .items-end{align-items:flex-end}.chatkit-wrapper .items-center{align-items:center}.chatkit-wrapper .items-stretch{align-items:stretch}.chatkit-wrapper .justify-start{justify-content:flex-start}.chatkit-wrapper .justify-end{justify-content:flex-end}.chatkit-wrapper .justify-center{justify-content:center}.chatkit-wrapper .justify-between{justify-content:space-between}.chatkit-wrapper .gap-0{gap:0}.chatkit-wrapper .gap-0\.5{gap:1.5px}.chatkit-wrapper .gap-1{gap:3px}.chatkit-wrapper .gap-1\.5{gap:4.5px}.chatkit-wrapper .gap-2{gap:6px}.chatkit-wrapper .gap-3{gap:9px}.chatkit-wrapper .gap-4,.chatkit-wrapper .gap-\[12px\]{gap:12px}.chatkit-wrapper .gap-\[8px\]{gap:8px}.chatkit-wrapper .gap-y-2{row-gap:6px}.chatkit-wrapper .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(12px*(1 - var(--tw-space-x-reverse)));margin-right:calc(12px*var(--tw-space-x-reverse))}.chatkit-wrapper .space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3px*var(--tw-space-y-reverse));margin-top:calc(3px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4.5px*var(--tw-space-y-reverse));margin-top:calc(4.5px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(6px*var(--tw-space-y-reverse));margin-top:calc(6px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(7.5px*var(--tw-space-y-reverse));margin-top:calc(7.5px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(9px*var(--tw-space-y-reverse));margin-top:calc(9px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(12px*var(--tw-space-y-reverse));margin-top:calc(12px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(15px*var(--tw-space-y-reverse));margin-top:calc(15px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(18px*var(--tw-space-y-reverse));margin-top:calc(18px*(1 - var(--tw-space-y-reverse)))}.chatkit-wrapper .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.chatkit-wrapper .divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.chatkit-wrapper .self-end{align-self:flex-end}.chatkit-wrapper .self-center{align-self:center}.chatkit-wrapper .overflow-auto{overflow:auto}.chatkit-wrapper .overflow-hidden{overflow:hidden}.chatkit-wrapper .overflow-visible{overflow:visible}.chatkit-wrapper .overflow-x-auto{overflow-x:auto}.chatkit-wrapper .overflow-y-auto{overflow-y:auto}.chatkit-wrapper .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatkit-wrapper .whitespace-nowrap{white-space:nowrap}.chatkit-wrapper .whitespace-pre-wrap{white-space:pre-wrap}.chatkit-wrapper .text-balance{text-wrap:balance}.chatkit-wrapper .break-words{overflow-wrap:break-word}.chatkit-wrapper .break-all{word-break:break-all}.chatkit-wrapper .rounded{border-radius:3px}.chatkit-wrapper .rounded-2xl{border-radius:12px}.chatkit-wrapper .rounded-\[10px\]{border-radius:10px}.chatkit-wrapper .rounded-\[24px\]{border-radius:24px}.chatkit-wrapper .rounded-\[2px\]{border-radius:2px}.chatkit-wrapper .rounded-\[4px\]{border-radius:4px}.chatkit-wrapper .rounded-\[6px\]{border-radius:6px}.chatkit-wrapper .rounded-\[8px\]{border-radius:8px}.chatkit-wrapper .rounded-full{border-radius:9999px}.chatkit-wrapper .rounded-lg{border-radius:6px}.chatkit-wrapper .rounded-md{border-radius:4.5px}.chatkit-wrapper .rounded-none{border-radius:0}.chatkit-wrapper .rounded-sm{border-radius:1.5px}.chatkit-wrapper .rounded-xl{border-radius:9px}.chatkit-wrapper .\!rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.chatkit-wrapper .rounded-b-lg{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.chatkit-wrapper .rounded-t-lg{border-top-left-radius:6px;border-top-right-radius:6px}.chatkit-wrapper .border{border-width:1px}.chatkit-wrapper .border-0{border-width:0}.chatkit-wrapper .border-2{border-width:2px}.chatkit-wrapper .border-\[1px\]{border-width:1px}.chatkit-wrapper .border-b{border-bottom-width:1px}.chatkit-wrapper .border-l{border-left-width:1px}.chatkit-wrapper .border-l-2{border-left-width:2px}.chatkit-wrapper .border-r{border-right-width:1px}.chatkit-wrapper .border-t{border-top-width:1px}.chatkit-wrapper .border-t-0{border-top-width:0}.chatkit-wrapper .border-solid{border-style:solid}.chatkit-wrapper .border-dashed{border-style:dashed}.chatkit-wrapper .border-none{border-style:none}.chatkit-wrapper .border-\[\#0000000A\]{border-color:#0000000a}.chatkit-wrapper .border-\[\#0000001A\],.chatkit-wrapper .border-\[\#0000001a\]{border-color:#0000001a}.chatkit-wrapper .border-\[\#1664FF1A\]{border-color:#1664ff1a}.chatkit-wrapper .border-\[\#E5E6EB\]{--tw-border-opacity:1;border-color:rgb(229 230 235/var(--tw-border-opacity,1))}.chatkit-wrapper .border-\[\#E5E7EB\]{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.chatkit-wrapper .border-\[\#EAEDF1\]{--tw-border-opacity:1;border-color:rgb(234 237 241/var(--tw-border-opacity,1))}.chatkit-wrapper .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.chatkit-wrapper .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.chatkit-wrapper .border-gray-200\/80{border-color:rgba(229,231,235,.8)}.chatkit-wrapper .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.chatkit-wrapper .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.chatkit-wrapper .border-transparent{border-color:transparent}.chatkit-wrapper .bg-\[\#0000000A\]{background-color:#0000000a}.chatkit-wrapper .bg-\[\#1664FF\]{--tw-bg-opacity:1;background-color:rgb(22 100 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#D7312A\]{--tw-bg-opacity:1;background-color:rgb(215 49 42/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#DDE2E9\]{--tw-bg-opacity:1;background-color:rgb(221 226 233/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#E5E7EB\]{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#E8F3FF\]{--tw-bg-opacity:1;background-color:rgb(232 243 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#EBF1FF\]{--tw-bg-opacity:1;background-color:rgb(235 241 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#F3F7FF\]{--tw-bg-opacity:1;background-color:rgb(243 247 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#F6F8FA\]{--tw-bg-opacity:1;background-color:rgb(246 248 250/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#F7F8FA\]{--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-\[\#FAFBFC\]{--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-black\/50{background-color:rgba(0,0,0,.5)}.chatkit-wrapper .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-gray-50\/50{background-color:rgba(249,250,251,.5)}.chatkit-wrapper .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-transparent{background-color:transparent}.chatkit-wrapper .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .bg-white\/95{background-color:hsla(0,0%,100%,.95)}.chatkit-wrapper .bg-\[linear-gradient\(to_top\2c var\(--color-background\)\2c transparent\)\]{background-image:linear-gradient(to top,var(--color-background),transparent)}.chatkit-wrapper .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.chatkit-wrapper .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.chatkit-wrapper .from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .from-gray-50\/30{--tw-gradient-from:rgba(249,250,251,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .from-gray-50\/50{--tw-gradient-from:rgba(249,250,251,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.chatkit-wrapper .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.chatkit-wrapper .to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.chatkit-wrapper .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.chatkit-wrapper .fill-amber-500{fill:#f59e0b}.chatkit-wrapper .fill-white{fill:#fff}.chatkit-wrapper .object-contain{-o-object-fit:contain;object-fit:contain}.chatkit-wrapper .object-cover{-o-object-fit:cover;object-fit:cover}.chatkit-wrapper .p-0{padding:0}.chatkit-wrapper .p-1{padding:3px}.chatkit-wrapper .p-1\.5{padding:4.5px}.chatkit-wrapper .p-2{padding:6px}.chatkit-wrapper .p-3{padding:9px}.chatkit-wrapper .p-4{padding:12px}.chatkit-wrapper .p-6{padding:18px}.chatkit-wrapper .p-8{padding:24px}.chatkit-wrapper .px-1{padding-left:3px;padding-right:3px}.chatkit-wrapper .px-1\.5{padding-left:4.5px;padding-right:4.5px}.chatkit-wrapper .px-2{padding-left:6px;padding-right:6px}.chatkit-wrapper .px-2\.5{padding-left:7.5px;padding-right:7.5px}.chatkit-wrapper .px-3{padding-left:9px;padding-right:9px}.chatkit-wrapper .px-4{padding-left:12px;padding-right:12px}.chatkit-wrapper .px-5{padding-left:15px;padding-right:15px}.chatkit-wrapper .px-6{padding-left:18px;padding-right:18px}.chatkit-wrapper .px-8{padding-left:24px;padding-right:24px}.chatkit-wrapper .px-\[15px\]{padding-left:15px;padding-right:15px}.chatkit-wrapper .px-\[16px\]{padding-left:16px;padding-right:16px}.chatkit-wrapper .px-\[6px\]{padding-left:6px;padding-right:6px}.chatkit-wrapper .py-0{padding-bottom:0;padding-top:0}.chatkit-wrapper .py-0\.5{padding-bottom:1.5px;padding-top:1.5px}.chatkit-wrapper .py-1{padding-bottom:3px;padding-top:3px}.chatkit-wrapper .py-1\.5{padding-bottom:4.5px;padding-top:4.5px}.chatkit-wrapper .py-10{padding-bottom:30px;padding-top:30px}.chatkit-wrapper .py-16{padding-bottom:48px;padding-top:48px}.chatkit-wrapper .py-2{padding-bottom:6px;padding-top:6px}.chatkit-wrapper .py-2\.5{padding-bottom:7.5px;padding-top:7.5px}.chatkit-wrapper .py-3{padding-bottom:9px;padding-top:9px}.chatkit-wrapper .py-4{padding-bottom:12px;padding-top:12px}.chatkit-wrapper .py-5{padding-bottom:15px;padding-top:15px}.chatkit-wrapper .py-6{padding-bottom:18px;padding-top:18px}.chatkit-wrapper .py-8{padding-bottom:24px;padding-top:24px}.chatkit-wrapper .py-\[12px\]{padding-bottom:12px;padding-top:12px}.chatkit-wrapper .py-\[6px\]{padding-bottom:6px;padding-top:6px}.chatkit-wrapper .py-\[8px\]{padding-bottom:8px;padding-top:8px}.chatkit-wrapper .pb-1{padding-bottom:3px}.chatkit-wrapper .pb-3{padding-bottom:9px}.chatkit-wrapper .pb-4{padding-bottom:12px}.chatkit-wrapper .pb-6{padding-bottom:18px}.chatkit-wrapper .pl-10{padding-left:30px}.chatkit-wrapper .pl-4{padding-left:12px}.chatkit-wrapper .pl-6{padding-left:18px}.chatkit-wrapper .pl-\[14px\]{padding-left:14px}.chatkit-wrapper .pl-\[16px\]{padding-left:16px}.chatkit-wrapper .pl-\[8px\]{padding-left:8px}.chatkit-wrapper .pr-2{padding-right:6px}.chatkit-wrapper .pr-4{padding-right:12px}.chatkit-wrapper .pr-8{padding-right:24px}.chatkit-wrapper .pr-\[12px\]{padding-right:12px}.chatkit-wrapper .pt-0{padding-top:0}.chatkit-wrapper .pt-0\.5{padding-top:1.5px}.chatkit-wrapper .pt-1{padding-top:3px}.chatkit-wrapper .pt-2{padding-top:6px}.chatkit-wrapper .pt-3{padding-top:9px}.chatkit-wrapper .pt-4{padding-top:12px}.chatkit-wrapper .pt-6{padding-top:18px}.chatkit-wrapper .pt-\[8px\]{padding-top:8px}.chatkit-wrapper .text-left{text-align:left}.chatkit-wrapper .text-center{text-align:center}.chatkit-wrapper .text-start{text-align:start}.chatkit-wrapper .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chatkit-wrapper .text-2xl{font-size:18px;line-height:24px}.chatkit-wrapper .text-3xl{font-size:22.5px;line-height:27px}.chatkit-wrapper .text-4xl{font-size:27px;line-height:30px}.chatkit-wrapper .text-\[13px\]{font-size:13px}.chatkit-wrapper .text-\[14px\]{font-size:14px}.chatkit-wrapper .text-\[15px\]{font-size:15px}.chatkit-wrapper .text-\[16px\]{font-size:16px}.chatkit-wrapper .text-\[24px\]{font-size:24px}.chatkit-wrapper .text-base{font-size:12px;line-height:18px}.chatkit-wrapper .text-lg{font-size:13.5px;line-height:21px}.chatkit-wrapper .text-sm{font-size:10.5px;line-height:15px}.chatkit-wrapper .text-xl{font-size:15px;line-height:21px}.chatkit-wrapper .text-xs{font-size:9px;line-height:12px}.chatkit-wrapper .font-bold{font-weight:700}.chatkit-wrapper .font-extrabold{font-weight:800}.chatkit-wrapper .font-medium{font-weight:500}.chatkit-wrapper .font-normal{font-weight:400}.chatkit-wrapper .font-semibold{font-weight:600}.chatkit-wrapper .lowercase{text-transform:lowercase}.chatkit-wrapper .italic{font-style:italic}.chatkit-wrapper .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.chatkit-wrapper .leading-7{line-height:21px}.chatkit-wrapper .leading-\[100\%\]{line-height:100%}.chatkit-wrapper .leading-\[22px\]{line-height:22px}.chatkit-wrapper .leading-none{line-height:1}.chatkit-wrapper .leading-relaxed{line-height:1.625}.chatkit-wrapper .tracking-\[0\.3\%\]{letter-spacing:.3%}.chatkit-wrapper .tracking-tight{letter-spacing:-.025em}.chatkit-wrapper .text-\[\#0C0D0E\]{--tw-text-opacity:1;color:rgb(12 13 14/var(--tw-text-opacity,1))}.chatkit-wrapper .text-\[\#1664FF\]{--tw-text-opacity:1;color:rgb(22 100 255/var(--tw-text-opacity,1))}.chatkit-wrapper .text-\[\#1677FF\]{--tw-text-opacity:1;color:rgb(22 119 255/var(--tw-text-opacity,1))}.chatkit-wrapper .text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity,1))}.chatkit-wrapper .text-\[\#808388\]{--tw-text-opacity:1;color:rgb(128 131 136/var(--tw-text-opacity,1))}.chatkit-wrapper .text-\[\#86909C\]{--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity,1))}.chatkit-wrapper .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.chatkit-wrapper .text-background{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.chatkit-wrapper .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.chatkit-wrapper .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.chatkit-wrapper .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.chatkit-wrapper .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.chatkit-wrapper .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.chatkit-wrapper .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.chatkit-wrapper .underline{text-decoration-line:underline}.chatkit-wrapper .underline-offset-4{text-underline-offset:4px}.chatkit-wrapper .opacity-0{opacity:0}.chatkit-wrapper .opacity-100{opacity:1}.chatkit-wrapper .opacity-50{opacity:.5}.chatkit-wrapper .opacity-70{opacity:.7}.chatkit-wrapper .opacity-90{opacity:.9}.chatkit-wrapper .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)}.chatkit-wrapper .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],.chatkit-wrapper .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.chatkit-wrapper .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.chatkit-wrapper .shadow-md,.chatkit-wrapper .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.chatkit-wrapper .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .outline-none{outline:2px solid transparent;outline-offset:2px}.chatkit-wrapper .outline{outline-style:solid}.chatkit-wrapper .ring-offset-background{--tw-ring-offset-color:#fff}.chatkit-wrapper .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.chatkit-wrapper .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.chatkit-wrapper .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[color\2c box-shadow\]{transition-duration:.15s;transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[left\2c right\2c width\]{transition-duration:.15s;transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[margin\2c opacity\]{transition-duration:.15s;transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[transform\2c opacity\]{transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[width\2c height\2c padding\]{transition-duration:.15s;transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-\[width\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .duration-150{transition-duration:.15s}.chatkit-wrapper .duration-200{transition-duration:.2s}.chatkit-wrapper .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.chatkit-wrapper .ease-linear{transition-timing-function:linear}.chatkit-wrapper .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.chatkit-wrapper .chatkit-wrapper{.chatkit-wrapper *,.chatkit-wrapper :after,.chatkit-wrapper :before{border:0 solid #e5e7eb;box-sizing:border-box}.chatkit-wrapper :after,.chatkit-wrapper :before{--tw-content:""}.chatkit-wrapper{line-height:inherit;margin:0}.chatkit-wrapper hr{border-top-width:1px;color:inherit;height:0}.chatkit-wrapper abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6{font-size:inherit;font-weight:inherit}.chatkit-wrapper a{color:inherit;text-decoration:inherit}.chatkit-wrapper b,.chatkit-wrapper strong{font-weight:bolder}.chatkit-wrapper small{font-size:80%}.chatkit-wrapper sub,.chatkit-wrapper sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.chatkit-wrapper sub{bottom:-.25em}.chatkit-wrapper sup{top:-.5em}.chatkit-wrapper table{border-collapse:collapse;border-color:inherit;text-indent:0}.chatkit-wrapper button,.chatkit-wrapper input,.chatkit-wrapper optgroup,.chatkit-wrapper select,.chatkit-wrapper textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.chatkit-wrapper button,.chatkit-wrapper select{text-transform:none}.chatkit-wrapper button,.chatkit-wrapper input:where([type=button]),.chatkit-wrapper input:where([type=reset]),.chatkit-wrapper input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.chatkit-wrapper :-moz-focusring{outline:auto}.chatkit-wrapper :-moz-ui-invalid{box-shadow:none}.chatkit-wrapper progress{vertical-align:baseline}.chatkit-wrapper ::-webkit-inner-spin-button,.chatkit-wrapper ::-webkit-outer-spin-button{height:auto}.chatkit-wrapper [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.chatkit-wrapper ::-webkit-search-decoration{-webkit-appearance:none}.chatkit-wrapper ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.chatkit-wrapper summary{display:list-item}.chatkit-wrapper blockquote,.chatkit-wrapper dd,.chatkit-wrapper dl,.chatkit-wrapper figure,.chatkit-wrapper h1,.chatkit-wrapper h2,.chatkit-wrapper h3,.chatkit-wrapper h4,.chatkit-wrapper h5,.chatkit-wrapper h6,.chatkit-wrapper hr,.chatkit-wrapper p,.chatkit-wrapper pre{margin:0}.chatkit-wrapper fieldset{margin:0;padding:0}.chatkit-wrapper legend{padding:0}.chatkit-wrapper menu,.chatkit-wrapper ol,.chatkit-wrapper ul{list-style:none;margin:0;padding:0}.chatkit-wrapper dialog{padding:0}.chatkit-wrapper textarea{resize:vertical}.chatkit-wrapper input::-moz-placeholder,.chatkit-wrapper textarea::-moz-placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper input::placeholder,.chatkit-wrapper textarea::placeholder{color:#9ca3af;opacity:1}.chatkit-wrapper [role=button],.chatkit-wrapper button{cursor:pointer}.chatkit-wrapper :disabled{cursor:default}.chatkit-wrapper audio,.chatkit-wrapper canvas,.chatkit-wrapper embed,.chatkit-wrapper iframe,.chatkit-wrapper img,.chatkit-wrapper object,.chatkit-wrapper svg,.chatkit-wrapper video{display:block;vertical-align:middle}.chatkit-wrapper img,.chatkit-wrapper video{height:auto;max-width:100%}.chatkit-wrapper [hidden]:where(:not([hidden=until-found])){display:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.chatkit-wrapper .file\:inline-flex::file-selector-button{display:inline-flex}.chatkit-wrapper .file\:h-7::file-selector-button{height:21px}.chatkit-wrapper .file\:border-0::file-selector-button{border-width:0}.chatkit-wrapper .file\:bg-transparent::file-selector-button{background-color:transparent}.chatkit-wrapper .file\:text-sm::file-selector-button{font-size:10.5px;line-height:15px}.chatkit-wrapper .file\:font-medium::file-selector-button{font-weight:500}.chatkit-wrapper .after\:absolute:after{content:var(--tw-content);position:absolute}.chatkit-wrapper .after\:-inset-2:after{content:var(--tw-content);inset:-6px}.chatkit-wrapper .after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.chatkit-wrapper .after\:left-1\/2:after{content:var(--tw-content);left:50%}.chatkit-wrapper .after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.chatkit-wrapper .first\:mt-0:first-child{margin-top:0}.chatkit-wrapper .first\:mt-3:first-child{margin-top:9px}.chatkit-wrapper .first\:mt-4:first-child{margin-top:12px}.chatkit-wrapper .first\:rounded-tl-lg:first-child{border-top-left-radius:6px}.chatkit-wrapper .first\:border-t:first-child{border-top-width:1px}.chatkit-wrapper .last\:mb-0:last-child{margin-bottom:0}.chatkit-wrapper .last\:mb-24:last-child{margin-bottom:72px}.chatkit-wrapper .last\:mb-5:last-child{margin-bottom:15px}.chatkit-wrapper .last\:rounded-tr-lg:last-child{border-top-right-radius:6px}.chatkit-wrapper .last\:border-r:last-child{border-right-width:1px}.chatkit-wrapper .empty\:hidden:empty{display:none}.chatkit-wrapper .hover\:visible:hover{visibility:visible}.chatkit-wrapper .hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .hover\:border-blue-200:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.chatkit-wrapper .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.chatkit-wrapper .hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.chatkit-wrapper .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.chatkit-wrapper .hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.chatkit-wrapper .hover\:bg-\[rgba\(46\2c 50\2c 56\2c 0\.05\)\]:hover{background-color:rgba(46,50,56,.05)}.chatkit-wrapper .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.chatkit-wrapper .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.chatkit-wrapper .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.chatkit-wrapper .hover\:bg-gray-50\/50:hover{background-color:rgba(249,250,251,.5)}.chatkit-wrapper .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.chatkit-wrapper .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.chatkit-wrapper .hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.chatkit-wrapper .hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.chatkit-wrapper .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.chatkit-wrapper .hover\:underline:hover{text-decoration-line:underline}.chatkit-wrapper .hover\:opacity-100:hover{opacity:1}.chatkit-wrapper .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.chatkit-wrapper .hover\:shadow-lg:hover,.chatkit-wrapper .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.chatkit-wrapper .focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.chatkit-wrapper .focus\:opacity-100:focus{opacity:1}.chatkit-wrapper .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.chatkit-wrapper .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.chatkit-wrapper .focus\:ring-2:focus,.chatkit-wrapper .focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.chatkit-wrapper .focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.chatkit-wrapper .focus\:ring-blue-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity,1))}.chatkit-wrapper .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.chatkit-wrapper .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.chatkit-wrapper .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.chatkit-wrapper .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.chatkit-wrapper .focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.chatkit-wrapper .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.chatkit-wrapper .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .disabled\:pointer-events-none:disabled{pointer-events:none}.chatkit-wrapper .disabled\:invisible:disabled{visibility:hidden}.chatkit-wrapper .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.chatkit-wrapper .disabled\:from-gray-300:disabled{--tw-gradient-from:#d1d5db var(--tw-gradient-from-position);--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.chatkit-wrapper .disabled\:to-gray-300:disabled{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}.chatkit-wrapper .disabled\:opacity-50:disabled{opacity:.5}.chatkit-wrapper .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.chatkit-wrapper .group:hover .group-hover\:visible{visibility:visible}.chatkit-wrapper .group:hover .group-hover\:translate-x-1{--tw-translate-x:3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .group:hover .group-hover\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.chatkit-wrapper .group:hover .group-hover\:underline{text-decoration-line:underline}.chatkit-wrapper .group:hover .group-hover\:opacity-100,.chatkit-wrapper .group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.chatkit-wrapper .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.chatkit-wrapper .has-\[\>svg\]\:px-2\.5:has(>svg){padding-left:7.5px;padding-right:7.5px}.chatkit-wrapper .has-\[\>svg\]\:px-3:has(>svg){padding-left:9px;padding-right:9px}.chatkit-wrapper .has-\[\>svg\]\:px-4:has(>svg){padding-left:12px;padding-right:12px}.chatkit-wrapper .aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.chatkit-wrapper .aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.chatkit-wrapper .data-\[state\=closed\]\:pointer-events-none[data-state=closed]{pointer-events:none}.chatkit-wrapper .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.chatkit-wrapper .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.chatkit-wrapper .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.chatkit-wrapper .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.chatkit-wrapper .data-\[state\=closed\]\:w-\[160px\][data-state=closed]{width:160px}.chatkit-wrapper .data-\[state\=open\]\:w-full[data-state=open]{width:100%}.chatkit-wrapper .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.chatkit-wrapper .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.chatkit-wrapper .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.chatkit-wrapper .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .data-\[state\=open\]\:border-b[data-state=open]{border-bottom-width:1px}.chatkit-wrapper .data-\[state\=active\]\:bg-background[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.chatkit-wrapper .data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.chatkit-wrapper .data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.chatkit-wrapper .data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.chatkit-wrapper .data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width)*-1)}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width)*-1)}.chatkit-wrapper .group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-12px}.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-24px}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)))}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px)}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0,.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:rotate-180{--tw-rotate:180deg}.chatkit-wrapper .group\/trigger[data-state=closed] .group-data-\[state\=closed\]\/trigger\:-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .group\/trigger[data-state=open] .group-data-\[state\=open\]\/trigger\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:6px}.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.chatkit-wrapper .group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.chatkit-wrapper .group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.chatkit-wrapper .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.chatkit-wrapper .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chatkit-wrapper .group\/collapsible-content[data-state=open] .group-data-\[state\=open\]\/collapsible-content\:delay-\[calc\(var\(--animation-duration\)\*0\.75\)\]{transition-delay:calc(var(--animation-duration)*.75)}.chatkit-wrapper .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.chatkit-wrapper .peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:4.5px}.chatkit-wrapper .peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:7.5px}.chatkit-wrapper .peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:3px}@media (min-width:640px){.chatkit-wrapper .sm\:bottom-0{bottom:0}.chatkit-wrapper .sm\:right-0{right:0}.chatkit-wrapper .sm\:top-auto{top:auto}.chatkit-wrapper .sm\:flex{display:flex}.chatkit-wrapper .sm\:max-h-\[90vh\]{max-height:90vh}.chatkit-wrapper .sm\:max-w-3xl{max-width:576px}.chatkit-wrapper .sm\:max-w-\[425px\]{max-width:425px}.chatkit-wrapper .sm\:max-w-\[480px\]{max-width:480px}.chatkit-wrapper .sm\:max-w-\[90vw\]{max-width:90vw}.chatkit-wrapper .sm\:max-w-lg{max-width:384px}.chatkit-wrapper .sm\:max-w-sm{max-width:288px}.chatkit-wrapper .sm\:flex-row{flex-direction:row}.chatkit-wrapper .sm\:flex-col{flex-direction:column}.chatkit-wrapper .sm\:justify-end{justify-content:flex-end}.chatkit-wrapper .sm\:text-left{text-align:left}}@media (min-width:768px){.chatkit-wrapper .md\:block{display:block}.chatkit-wrapper .md\:flex{display:flex}.chatkit-wrapper .md\:max-w-\[420px\]{max-width:420px}.chatkit-wrapper .md\:pb-6{padding-bottom:18px}.chatkit-wrapper .md\:text-sm{font-size:10.5px;line-height:15px}.chatkit-wrapper .md\:opacity-0{opacity:0}.chatkit-wrapper .md\:after\:hidden:after{content:var(--tw-content);display:none}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:6px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.chatkit-wrapper .peer[data-variant=inset][data-state=collapsed]~.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{margin-left:6px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:9px}.chatkit-wrapper .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (prefers-color-scheme:dark){.chatkit-wrapper .dark\:bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chatkit-wrapper .dark\:text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}}.chatkit-wrapper .\[\&\:last-child\>td\:first-child\]\:rounded-bl-lg:last-child>td:first-child{border-bottom-left-radius:6px}.chatkit-wrapper .\[\&\:last-child\>td\:last-child\]\:rounded-br-lg:last-child>td:last-child{border-bottom-right-radius:6px}.chatkit-wrapper .\[\&\:where\(\>\*\)\]\:col-start-2:where(>*){grid-column-start:2}.chatkit-wrapper .only\:\[\&\>\#attachment-tile\]\:size-24>#attachment-tile:only-child{height:72px;width:72px}.chatkit-wrapper .\[\&\>a\]\:text-xs>a{font-size:9px;line-height:12px}.chatkit-wrapper .\[\&\>a\]\:no-underline>a{text-decoration-line:none}.chatkit-wrapper .\[\&\>button\]\:hidden>button{display:none}.chatkit-wrapper .\[\&\>button\]\:rounded-full>button{border-radius:9999px}.chatkit-wrapper .\[\&\>button\]\:p-1>button{padding:3px}.chatkit-wrapper .\[\&\>button\]\:opacity-100>button{opacity:1}.chatkit-wrapper .\[\&\>button\]\:\!ring-0>button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.chatkit-wrapper .\[\&\>li\]\:mt-2>li{margin-top:6px}.chatkit-wrapper .\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatkit-wrapper .\[\&\>span\]\:text-xs>span{font-size:9px;line-height:12px}.chatkit-wrapper .\[\&\>svg\]\:size-4>svg{height:12px;width:12px}.chatkit-wrapper .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.chatkit-wrapper .\[\&\[align\=center\]\]\:text-center[align=center]{text-align:center}.chatkit-wrapper .\[\&\[align\=right\]\]\:text-right[align=right]{text-align:right}.chatkit-wrapper .\[\&_p\]\:-mb-2 p{margin-bottom:-6px}.chatkit-wrapper .\[\&_pre\]\:overflow-x-auto pre{overflow-x:auto}.chatkit-wrapper .\[\&_pre\]\:rounded-b-lg pre{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.chatkit-wrapper .\[\&_pre\]\:border pre{border-width:1px}.chatkit-wrapper .\[\&_pre\]\:p-4 pre{padding:12px}.chatkit-wrapper .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){height:12px;width:12px}.chatkit-wrapper .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.chatkit-wrapper .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.chatkit-wrapper .\[\&_svg\]\:text-background svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.chatkit-wrapper .\[\&_svg\]\:text-black svg{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.chatkit-wrapper [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-6px}.chatkit-wrapper [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}.chatkit-wrapper [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-6px}.chatkit-wrapper [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@keyframes aui-pulse-chatkit{50%{opacity:.5;transform:scale(.7)}}.chatkit-wrapper .aui-root :where(.aui-md[data-status=running]):empty:after,.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child):after,.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after,.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after,.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>:where(:not(ol):not(ul):not(pre)):last-child:after,.chatkit-wrapper .aui-root :where(.aui-md[data-status=running])>pre:last-child code:after{--aui-content:"\25cf";animation:aui-pulse-chatkit 1.5s cubic-bezier(.4,0,.6,1) infinite;content:var(--aui-content);display:inline-block;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin-left:2.4px;margin-right:2.4px}.chatkit-wrapper .chatkit-md-text-p img,.chatkit-wrapper .chatkit-md-text-p video{max-width:400px}
|