npm - @ai-group/chat-sdk - Versions diffs - 0.2.8 → 0.2.9 - Mend

@ai-group/chat-sdk 0.2.8 → 0.2.9

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

Files changed (68) hide show

package/dist/cjs/components/XAiChatbot/index.js CHANGED Viewed

@@ -103,6 +103,7 @@ var XAiChatbot = (props) => {
     userAvatar,
     messages: propMessages,
     text = "",
+    footerTips = "",
     emptyStateImage = import_empty.default,
     emptyStateText = "我的智能体",
     messageActions = defaultActions,
@@ -359,7 +360,7 @@ var XAiChatbot = (props) => {
         handleStopGenerate();
       }
     }
-  )))));
+  ))), footerTips && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.footerTips }, footerTips)));
 };
 var XAiChatbot_default = XAiChatbot;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiChatbot/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Button,\n  Space,\n  Spin,\n  Tooltip,\n  Popover,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Sender,\n  Prompts,\n} from '@ant-design/x';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  thinks: any[];\n  renderActionHeader?: (params: { thinks: any[]; expanded: boolean; onToggle: () => void }) => React.ReactNode;\n}\n\n// 默认消息功能区\nconst defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [disabled, _setDisabled] = useState<boolean>(false); // 是否禁止输入\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [mode, _setMode] = useState<string>(''); // todo 模式\n  const [fileUploading, setFileUploading] = useState(false); // 文件上传进度条\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages }> = ({ data }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => (\n        <Tooltip key={action.key} title={action.tooltip}>\n          <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n            {action.icon}\n          </span>\n        </Tooltip>\n      ))}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages }> = ({ data }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // ActionHeader 组件\n  const ActionHeader: React.FC<ActionHeaderProps> = ({ thinks = [], renderActionHeader }) => {\n    const [expanded, setExpanded] = useState(false);\n    if (!thinks || thinks.length === 0) return null;\n    if (renderActionHeader) {\n      return renderActionHeader({ thinks, expanded, onToggle: () => setExpanded((v) => !v) });\n    }\n    // 默认渲染\n    const first = thinks[0];\n    const { name } = first;\n    const icon = first?.icon || first?.extra?.icon;\n    return (\n      <div className={styles.actionHeaderWrapper}>\n        { !expanded && (\n        <div\n          className={styles.actionHeaderItem}\n          onClick={() => setExpanded((v) => !v)}\n        >\n          { icon && <img src={icon} alt=\"icon\" className={styles.actionHeaderIcon} /> }\n          <span className={styles.actionHeaderText}>{name}</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n        ) }\n        {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={groupIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n          {thinks.map((action, idx) => {\n            const thinkIcon = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n            const thinkCost = action?.cost || action?.extra?.cost;\n            return (\n              <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                { thinkIcon && <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} /> }\n                <span>{action?.name}</span>\n                <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n              </div>\n            );\n          })}\n        </div>\n        )}\n      </div>\n    );\n  };\n\n  // 触发发送\n  const handleSend = () => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.('text', content);\n      setContent(''); // 发送后清空输入框内容\n    }\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 停止生成\n  const handleStopGenerate = () => {\n    onStop?.();\n  };\n\n  // 选择文件\n  const handleFileSelect = () => {};\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    setContent('');\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title={\n          mode === 'single_agent_skill_mode' ? '工作流模式不支持上传文件' : '支持图片、文档等上传'\n        }\n      >\n        {fileUploading\n          ? (\n            <Spin size=\"small\" />\n          )\n          : (\n            <i\n              className={\n                mode === 'single_agent_skill_mode'\n                  ? styles.iconZengjiaDisabled\n                  : styles.iconZengjiaNormal\n              }\n              onClick={() => {\n                if (mode !== 'single_agent_skill_mode' && fileInputRef.current) {\n                  fileInputRef.current?.click();\n                }\n              }}\n            />\n          )}\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          onChange={handleFileSelect}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n          disabled={fileUploading || mode === 'single_agent_skill_mode'}\n        />\n      </Tooltip>\n    </div>\n  );\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n          messages?.length\n            ? (\n              <Bubble.List\n                roles={rolesObject}\n                items={messages.map((msg: any) => {\n                  const { id, role, status, type, thinks = [], extra = { noFooter: false } } = msg as Messages;\n                  return {\n                    key: id,\n                    role,\n                    loading: status === MessageStatus.init,\n                    header: (() => <ActionHeader thinks={thinks} />),\n                    content: (() => {\n                      // 文本消息\n                      if (type === 'TextMessage') {\n                        // 用户消息\n                        if (role === 'user') {\n                          return (\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {msg.content?.text}\n                            </div>\n                          );\n                        }\n                        // 输出html字符串\n                        const html = md.render(msg.content?.text || '');\n                        // 生成React节点\n                        const htmlString = reactHtmlParser(html);\n                        return (\n                          <>\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {htmlString}\n                            </div>\n                          </>\n                        );\n                      }\n                      // 图片类型\n                      if (type === 'ImageMessage') {\n                        return (\n                          <div style={{ minWidth: 0, maxWidth: 600 }}>\n                            <img src={msg.content?.bytes} alt=\"\" style={{ maxWidth: 680 }} />\n                          </div>\n                        );\n                      }\n                      // 提示类型\n                      if (type === 'SuggestionMessage') {\n                        return (\n                          <Prompts\n                            vertical\n                            items={msg.content as any}\n                            onItemClick={(info) => {\n                              onSuggestMessageClick?.(info.data, id, 'text');\n                              if (info.data.description) {\n                                onSend?.('text', info.data.description as string);\n                              }\n                            }}\n                          />\n                        );\n                      }\n                      // 其他类型...\n                      return null;\n                    })(),\n                    footer: (() => {\n                      return (\n                        extra.noFooter\n                          ? null\n                          : (\n                            role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} />\n                            </>\n                            )\n                          )\n                      );\n                    }),\n                  };\n                })}\n              />\n          )\n            : (\n              <EmptyState />\n          )\n        }\n        </div>\n        <div className={styles.chatFooter}>\n          <div className={clsx(styles.flex, styles.gap(8))}>\n            {/* 清空按钮 */}\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n            {/* 普通文本输入 */}\n            <Sender\n              value={content}\n            // submitType=\"shiftEnter\"\n              className={styles.sendWrapper}\n              placeholder=\"继续对话...\"\n              disabled={disabled}\n              loading={loading}\n              actions={(_, info) => {\n                const { SendButton, LoadingButton } = info.components;\n                return (\n                  <Space size=\"small\">\n                    <div className={styles.w(20)} />\n\n                    {mode !== 'single_agent_skill_mode' && uploadButton}\n                    {mode === 'meta_agent_mode' && (\n                      <div\n                        className={styles.flexCenterGap2}\n                        style={{ visibility: 'hidden' }}\n                      >\n                        <i className={styles.iconHuihuarenqun} />\n                      </div>\n                    )}\n\n                    <div className={styles.divider} />\n\n                    {loading\n                      ? (\n                        <LoadingButton onClick={handleStopGenerate} className={styles.stopButton} />\n                      )\n                      : (\n                        <SendButton\n                          className={styles.sendButton}\n                          type=\"primary\"\n                          icon={<ArrowUpOutlined className={styles.text(20)} />}\n                          disabled={disabled}\n                        />\n                      )}\n                  </Space>\n                );\n              }}\n              onChange={(v) => {\n                setContent(v);\n              }}\n              onSubmit={handleSend}\n              onCancel={() => {\n                handleStopGenerate();\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
-  "mappings": "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",
+  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Button,\n  Space,\n  Spin,\n  Tooltip,\n  Popover,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Sender,\n  Prompts,\n} from '@ant-design/x';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  thinks: any[];\n  renderActionHeader?: (params: { thinks: any[]; expanded: boolean; onToggle: () => void }) => React.ReactNode;\n}\n\n// 默认消息功能区\nconst defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    footerTips = '',\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [disabled, _setDisabled] = useState<boolean>(false); // 是否禁止输入\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [mode, _setMode] = useState<string>(''); // todo 模式\n  const [fileUploading, setFileUploading] = useState(false); // 文件上传进度条\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages }> = ({ data }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => (\n        <Tooltip key={action.key} title={action.tooltip}>\n          <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n            {action.icon}\n          </span>\n        </Tooltip>\n      ))}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages }> = ({ data }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // ActionHeader 组件\n  const ActionHeader: React.FC<ActionHeaderProps> = ({ thinks = [], renderActionHeader }) => {\n    const [expanded, setExpanded] = useState(false);\n    if (!thinks || thinks.length === 0) return null;\n    if (renderActionHeader) {\n      return renderActionHeader({ thinks, expanded, onToggle: () => setExpanded((v) => !v) });\n    }\n    // 默认渲染\n    const first = thinks[0];\n    const { name } = first;\n    const icon = first?.icon || first?.extra?.icon;\n    return (\n      <div className={styles.actionHeaderWrapper}>\n        { !expanded && (\n        <div\n          className={styles.actionHeaderItem}\n          onClick={() => setExpanded((v) => !v)}\n        >\n          { icon && <img src={icon} alt=\"icon\" className={styles.actionHeaderIcon} /> }\n          <span className={styles.actionHeaderText}>{name}</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n        ) }\n        {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={groupIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n          {thinks.map((action, idx) => {\n            const thinkIcon = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n            const thinkCost = action?.cost || action?.extra?.cost;\n            return (\n              <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                { thinkIcon && <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} /> }\n                <span>{action?.name}</span>\n                <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n              </div>\n            );\n          })}\n        </div>\n        )}\n      </div>\n    );\n  };\n\n  // 触发发送\n  const handleSend = () => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.('text', content);\n      setContent(''); // 发送后清空输入框内容\n    }\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 停止生成\n  const handleStopGenerate = () => {\n    onStop?.();\n  };\n\n  // 选择文件\n  const handleFileSelect = () => {};\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    setContent('');\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title={\n          mode === 'single_agent_skill_mode' ? '工作流模式不支持上传文件' : '支持图片、文档等上传'\n        }\n      >\n        {fileUploading\n          ? (\n            <Spin size=\"small\" />\n          )\n          : (\n            <i\n              className={\n                mode === 'single_agent_skill_mode'\n                  ? styles.iconZengjiaDisabled\n                  : styles.iconZengjiaNormal\n              }\n              onClick={() => {\n                if (mode !== 'single_agent_skill_mode' && fileInputRef.current) {\n                  fileInputRef.current?.click();\n                }\n              }}\n            />\n          )}\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          onChange={handleFileSelect}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n          disabled={fileUploading || mode === 'single_agent_skill_mode'}\n        />\n      </Tooltip>\n    </div>\n  );\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n          messages?.length\n            ? (\n              <Bubble.List\n                roles={rolesObject}\n                items={messages.map((msg: any) => {\n                  const { id, role, status, type, thinks = [], extra = { noFooter: false } } = msg as Messages;\n                  return {\n                    key: id,\n                    role,\n                    loading: status === MessageStatus.init,\n                    header: (() => <ActionHeader thinks={thinks} />),\n                    content: (() => {\n                      // 文本消息\n                      if (type === 'TextMessage') {\n                        // 用户消息\n                        if (role === 'user') {\n                          return (\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {msg.content?.text}\n                            </div>\n                          );\n                        }\n                        // 输出html字符串\n                        const html = md.render(msg.content?.text || '');\n                        // 生成React节点\n                        const htmlString = reactHtmlParser(html);\n                        return (\n                          <>\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {htmlString}\n                            </div>\n                          </>\n                        );\n                      }\n                      // 图片类型\n                      if (type === 'ImageMessage') {\n                        return (\n                          <div style={{ minWidth: 0, maxWidth: 600 }}>\n                            <img src={msg.content?.bytes} alt=\"\" style={{ maxWidth: 680 }} />\n                          </div>\n                        );\n                      }\n                      // 提示类型\n                      if (type === 'SuggestionMessage') {\n                        return (\n                          <Prompts\n                            vertical\n                            items={msg.content as any}\n                            onItemClick={(info) => {\n                              onSuggestMessageClick?.(info.data, id, 'text');\n                              if (info.data.description) {\n                                onSend?.('text', info.data.description as string);\n                              }\n                            }}\n                          />\n                        );\n                      }\n                      // 其他类型...\n                      return null;\n                    })(),\n                    footer: (() => {\n                      return (\n                        extra.noFooter\n                          ? null\n                          : (\n                            role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} />\n                            </>\n                            )\n                          )\n                      );\n                    }),\n                  };\n                })}\n              />\n          )\n            : (\n              <EmptyState />\n          )\n        }\n        </div>\n        <div className={styles.chatFooter}>\n          <div className={clsx(styles.flex, styles.gap(8))}>\n            {/* 清空按钮 */}\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n            {/* 普通文本输入 */}\n            <Sender\n              value={content}\n            // submitType=\"shiftEnter\"\n              className={styles.sendWrapper}\n              placeholder=\"继续对话...\"\n              disabled={disabled}\n              loading={loading}\n              actions={(_, info) => {\n                const { SendButton, LoadingButton } = info.components;\n                return (\n                  <Space size=\"small\">\n                    <div className={styles.w(20)} />\n\n                    {mode !== 'single_agent_skill_mode' && uploadButton}\n                    {mode === 'meta_agent_mode' && (\n                      <div\n                        className={styles.flexCenterGap2}\n                        style={{ visibility: 'hidden' }}\n                      >\n                        <i className={styles.iconHuihuarenqun} />\n                      </div>\n                    )}\n\n                    <div className={styles.divider} />\n\n                    {loading\n                      ? (\n                        <LoadingButton onClick={handleStopGenerate} className={styles.stopButton} />\n                      )\n                      : (\n                        <SendButton\n                          className={styles.sendButton}\n                          type=\"primary\"\n                          icon={<ArrowUpOutlined className={styles.text(20)} />}\n                          disabled={disabled}\n                        />\n                      )}\n                  </Space>\n                );\n              }}\n              onChange={(v) => {\n                setContent(v);\n              }}\n              onSubmit={handleSend}\n              onCancel={() => {\n                handleStopGenerate();\n              }}\n            />\n          </div>\n        </div>\n        { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
+  "mappings": "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",
   "names": ["MarkdownIt", "React", "emptyIcon", "clsx", "arrowDown", "groupIcon", "arrowUp", "_a", "MarkdownGlobalStyle", "reactHtmlParser"]
 }

package/dist/cjs/components/XAiChatbot/styles.d.ts CHANGED Viewed

@@ -22,6 +22,7 @@ export declare const useStyles: () => {
     uploadBtn: string;
     clearBtn: string;
     chatFooter: string;
+    footerTips: string;
     flexCenterGap2: string;
     iconHuihuarenqun: string;
     popoverFooter: string;

package/dist/cjs/components/XAiChatbot/styles.js CHANGED Viewed

@@ -264,6 +264,13 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     z-index: 10;
     padding: 0 20px 10px 20px;
   `,
+  footerTips: import_css.css`
+    display: flex;
+    align-items:center;
+    justify-content: center;
+    font-size: 12px;
+    color: rgba(0,0,0,0.4);
+  `,
   flexCenterGap2: import_css.css`
     display: flex;
     align-items: center;
@@ -390,6 +397,12 @@ var GlobalStyle = () => /* @__PURE__ */ import_react.default.createElement(
         /* 你想覆盖的其他样式 */
       }
+      .ant-sender-content {
+        textarea {
+          word-break: break-all;
+        }
+      }
       .ant-avatar {
         background-color: transparent;
       }

package/dist/cjs/components/XAiChatbot/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    max-height: 812px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    userSelect: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ${primaryBlue};\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  flexCenterGap2: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  flexCenterGap4: css`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #7F56D9;\n    cursor: pointer;\n    &:hover {\n      opacity: 0.8;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: #F3F5FA;\n      }\n    `}\n  />\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    max-height: 812px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    userSelect: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ${primaryBlue};\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  flexCenterGap2: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  flexCenterGap4: css`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #7F56D9;\n    cursor: pointer;\n    &:hover {\n      opacity: 0.8;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: #F3F5FA;\n      }\n    `}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iBAAoB;AACpB,IAAAA,gBAAyC;AACzC,oBAAgC;AAEhC,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,WAAW;AACjB,IAAM,YAAY;AAClB,IAAM,aAAa;AAEZ,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBT,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKqB;AAAA;AAAA;AAAA,EAI7B,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMc;AAAA;AAAA,EAGtB,OAAO;AAAA;AAAA;AAAA,aAGI;AAAA;AAAA,EAGX,UAAU;AAAA;AAAA,aAEC;AAAA;AAAA;AAAA,EAIX,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYlB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,SAAS;AAAA;AAAA;AAAA;AAAA,wBAIa;AAAA,aACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOX,cAAc;AAAA;AAAA,wBAEQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtB,cAAc;AAAA;AAAA;AAAA;AAAA,4BAIY;AAAA;AAAA;AAAA;AAAA,EAK1B,WAAW;AAAA;AAAA;AAAA,wBAGW;AAAA;AAAA;AAAA,aAGX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOa;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA,wBACW;AAAA;AAAA,oBAEJ;AAAA;AAAA,EAGlB,UAAU;AAAA;AAAA;AAAA;AAAA,4BAIgB;AAAA;AAAA;AAAA,EAI1B,OAAO;AAAA;AAAA;AAAA,wBAGe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMF;AAAA,4BACM;AAAA;AAAA;AAAA,EAI1B,aAAa;AAAA;AAAA;AAAA;AAAA,EAKb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYE;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAclB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWhB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnB,qBAAqB;AAAA;AAAA;AAAA,EAGrB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYlB,kBAAkB;AAAA;AAAA;AAAA,EAGlB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnB,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,EAAE;AAEK,IAAM,cAAwB,MACnC,6BAAAC,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,cAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCV;",
   "names": ["import_react", "React", "globalCss"]
 }

package/dist/cjs/components/XAiConversations/XAiConversations.stories.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import XAiConversations from '.';
+declare const meta: Meta<typeof XAiConversations>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 基础用法: Story;

package/dist/cjs/components/XAiConversations/XAiConversations.stories.js ADDED Viewed

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/components/XAiConversations/XAiConversations.stories.tsx
+var XAiConversations_stories_exports = {};
+__export(XAiConversations_stories_exports, {
+  default: () => XAiConversations_stories_default,
+  基础用法: () => 基础用法
+});
+module.exports = __toCommonJS(XAiConversations_stories_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("."));
+var meta = {
+  title: "AI组件/XAiConversations 对话记录管理",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {}
+};
+var XAiConversations_stories_default = meta;
+var BasicUsageStory = (args) => {
+  const items = Array.from({ length: 4 }).map((_, index) => ({
+    key: `item${index + 1}`,
+    label: `聊天记录 ${index + 1}`,
+    disabled: index === 3
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        backgroundColor: "rgb(240, 242, 245)",
+        minHeight: "300px",
+        minWidth: "700px",
+        display: "flex",
+        alignItems: "center",
+        paddingInline: "50px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import__.default,
+      {
+        items
+      }
+    )
+  );
+};
+var 基础用法 = {
+  render: BasicUsageStory,
+  args: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  基础用法
+});
+//# sourceMappingURL=XAiConversations.stories.js.map

package/dist/cjs/components/XAiConversations/XAiConversations.stories.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiConversations/XAiConversations.stories.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { type GetProp } from 'antd';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiConversations from '.';\n\nconst meta: Meta<typeof XAiConversations> = {\n  title: 'AI组件/XAiConversations 对话记录管理',\n  component: XAiConversations,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n  },\n};\n\nexport default meta;\n  type Story = StoryObj<typeof meta>;\n\nconst BasicUsageStory = (args: any) => {\n  const items: GetProp<ConversationsProps, 'items'> = Array.from({ length: 4 }).map((_, index) => ({\n    key: `item${index + 1}`,\n    label: `聊天记录 ${index + 1}`,\n    disabled: index === 3,\n  }));\n\n  return (\n    <div style={{\n      backgroundColor: 'rgb(240, 242, 245)',\n      minHeight: '300px',\n      minWidth: '700px',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInline: '50px',\n    }}\n    >\n      <XAiConversations\n        items={items}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,eAA6B;AAE7B,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA;AAAA,IAEE,6BAAAA,QAAA;AAAA,MAAC,SAAAD;AAAA,MAAA;AAAA,QACC;AAAA;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
+  "names": ["XAiConversations", "React"]
+}

package/dist/cjs/components/XAiConversations/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type XAiConversationsProps } from "../../types/XAiConversations";
+declare const XAiConversations: React.FC<XAiConversationsProps>;
+export default XAiConversations;

package/dist/cjs/components/XAiConversations/index.js ADDED Viewed

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/components/XAiConversations/index.tsx
+var XAiConversations_exports = {};
+__export(XAiConversations_exports, {
+  default: () => XAiConversations_default
+});
+module.exports = __toCommonJS(XAiConversations_exports);
+var import_react = __toESM(require("react"));
+var import_x = require("@ant-design/x");
+var XAiConversations = (props) => {
+  const {
+    items,
+    style
+  } = props;
+  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_x.Conversations,
+    {
+      activeKey,
+      onActiveChange: (v) => setActiveKey(v),
+      items,
+      style: {
+        width: 256,
+        background: "#fff",
+        borderRadius: "6px",
+        ...style
+      }
+    }
+  );
+};
+var XAiConversations_default = XAiConversations;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiConversations/index.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiConversations/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const {\n    items,\n    style,\n  } = props;\n\n  const [activeKey, setActiveKey] = useState('');\n\n  return (\n    <Conversations\n      activeKey={activeKey}\n      onActiveChange={(v) => setActiveKey(v)}\n      items={items}\n      style={{\n        width: 256,\n        background: '#fff',\n        borderRadius: '6px',\n        ...style,\n      }}\n    />\n  );\n};\n\nexport default XAiConversations;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,eAA8B;AAG9B,IAAM,mBAAoD,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC,MAAM,aAAa,CAAC;AAAA,MACrC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": ["React"]
+}

package/dist/cjs/components/XAiProvider/XAiProvider.stories.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ import XAiProvider from './index';
 declare const meta: Meta<typeof XAiProvider>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const WithProvider: Story;
-export declare const MultipleProviders: Story;
+export declare const 单聊天窗口: Story;
+export declare const 多容器示例: Story;

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js CHANGED Viewed

@@ -29,9 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/XAiProvider/XAiProvider.stories.tsx
 var XAiProvider_stories_exports = {};
 __export(XAiProvider_stories_exports, {
-  MultipleProviders: () => MultipleProviders,
-  WithProvider: () => WithProvider,
-  default: () => XAiProvider_stories_default
+  default: () => XAiProvider_stories_default,
+  单聊天窗口: () => 单聊天窗口,
+  多容器示例: () => 多容器示例
 });
 module.exports = __toCommonJS(XAiProvider_stories_exports);
 var import_react = __toESM(require("react"));
@@ -69,7 +69,7 @@ var meta = {
   ]
 };
 var XAiProvider_stories_default = meta;
-var WithProvider = {
+var 单聊天窗口 = {
   render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, /* @__PURE__ */ import_react.default.createElement(
     import_XAiChatbot.default,
     {
@@ -77,22 +77,22 @@ var WithProvider = {
       navbar: {
         title: "Provider 聊天机器人",
         subtitle: "由 Provider 管理消息",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   ))),
   args: {
     url: "http://ai-platform.xline-dev.test.xinke.biz",
-    token: "eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA",
+    token: "eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJkZGUzOTcwOS0wMDdlLTQ5YWItYjIzMy1iMTZmYzRkMDU2N2QiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQ1Njc4NTMsImV4cCI6MTc1NDU3NTA1MywidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTAwMjA1OTQ0NTI2NjAyMjQiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.jH9muK_MWcE9NtWxPJRqeoeGsnRf79B2oOpQjemJ6kY5_UjAT06BWlX3bszHeRbJbk1OM_kfCeugiO3Gokpj2A",
     config: {
-      appNo: "App1952213101022154752",
+      appNo: "App1950020594452660224",
       pt: "MainStation",
       tc: "ZABX"
     },
     providerId: "demo-provider"
   }
 };
-var MultipleProviders = {
+var 多容器示例 = {
   render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-1" }, /* @__PURE__ */ import_react.default.createElement(
     import_XAiChatbot.default,
     {
@@ -100,7 +100,7 @@ var MultipleProviders = {
       navbar: {
         title: "Provider 1",
         subtitle: "第一个聊天机器人",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-2" }, /* @__PURE__ */ import_react.default.createElement(
@@ -110,7 +110,7 @@ var MultipleProviders = {
       navbar: {
         title: "Provider 2",
         subtitle: "第二个聊天机器人",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   )))),
@@ -121,7 +121,7 @@ var MultipleProviders = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MultipleProviders,
-  WithProvider
+  单聊天窗口,
+  多容器示例
 });
 //# sourceMappingURL=XAiProvider.stories.js.map

package/dist/cjs/components/XAiProvider/XAiProvider.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport React from 'react';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    url: {\n      control: 'text',\n      description: 'AI 服务地址',\n    },\n    token: {\n      control: 'text',\n      description: '认证 token',\n    },\n    providerId: {\n      control: 'text',\n      description: 'Provider 唯一标识',\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const WithProvider: Story = {\n  render: (args) => (\n    <div style={{ width: '400px', height: '600px' }}>\n      <XAiProvider {...args}>\n        <XAiChatbot\n          navbarShow\n          navbar={{\n            title: 'Provider 聊天机器人',\n            subtitle: '由 Provider 管理消息',\n            avatar: 'https://via.placeholder.com/40',\n          }}\n        />\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n    config: {\n      appNo: 'App1952213101022154752',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const MultipleProviders: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// // 自定义消息处理示例\n// export const CustomMessageHandling: Story = {\n//   render: (args) => (\n//     <div style={{ width: '400px', height: '600px' }}>\n//       <XAiProvider {...args}>\n//         <XAiChatbot\n//           navbarShow\n//           navbar={{\n//             title: '自定义处理',\n//             subtitle: '自定义消息处理逻辑',\n//             avatar: 'https://via.placeholder.com/40',\n//           }}\n//           messageActions={[\n//             {\n//               key: 'custom',\n//               icon: <span>🔧</span>,\n//               tooltip: '自定义操作',\n//             },\n//           ]}\n//           onMessagesActionsCallback={(index, data) => {\n//             console.log('自定义操作:', index, data);\n//           }}\n//         />\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'custom-provider',\n//   },\n// };\n\n// // 示例 1: 使用通用 Hook 的组件\n// const GenericComponent = React.memo<{ title: string }>(({ title }) => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: { title },\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const handleCustomAction = () => {\n//     if (isInProvider) {\n//       providerMethods.sendMessage?.('自定义消息');\n//     } else {\n//       console.log('独立组件动作');\n//     }\n//   };\n\n//   return (\n//     <div style={{ padding: '20px', border: '1px solid #ccc', marginBottom: '10px' }}>\n//       <h3>{title}</h3>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n//       <button onClick={handleCustomAction}>\n//         {isInProvider ? '使用 Provider 方法' : '使用原有回调'}\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 示例 2: 自定义聊天组件\n// const CustomChatComponent = React.memo(() => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: {},\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const messageCount = getProviderValue('messages')?.length || 0;\n//   const theme = messageCount > 5 ? 'dark' : 'light';\n\n//   return (\n//     <div style={{\n//       padding: '20px',\n//       backgroundColor: theme === 'dark' ? '#333' : '#fff',\n//       color: theme === 'dark' ? '#fff' : '#333',\n//       border: '1px solid #ccc',\n//       marginBottom: '10px',\n//     }}\n//     >\n//       <h3>自定义聊天组件</h3>\n//       <p>主题: {theme}</p>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <button\n//         onClick={() => providerMethods.sendMessage?.('Hello from custom component')}\n//         disabled={!isInProvider}\n//       >\n//         发送消息\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 展示 Hook 灵活性的示例\n// export const HookFlexibilityExample: Story = {\n//   render: (args) => (\n//     <div style={{ width: '600px', height: '800px' }}>\n//       <XAiProvider {...args}>\n//         <div style={{ padding: '20px' }}>\n//           <h3>Hook 灵活性示例</h3>\n//           <p>展示不同组件如何使用相同的 Hook</p>\n\n//           {/* 不同的组件使用相同的 Hook */}\n//           <div style={{ marginBottom: '20px' }}>\n//             <GenericComponent title=\"组件 A\" />\n//             <GenericComponent title=\"组件 B\" />\n//             <CustomChatComponent />\n//           </div>\n\n//           {/* 聊天机器人 */}\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '灵活 Hook 示例',\n//               subtitle: '所有组件共享 Provider 状态',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </div>\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'flexibility-example',\n//   },\n//   parameters: {\n//     docs: {\n//       description: {\n//         story: '展示如何使用 useProviderContext 和 useProviderMethods Hook 来创建可复用的组件。',\n//       },\n//     },\n//   },\n// };\n\n// // 展示独立组件 vs Provider 组件的对比\n// export const ComponentComparison: Story = {\n//   render: (args) => (\n//     <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n//       {/* 独立使用的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>独立组件</h4>\n//         <GenericComponent title=\"独立组件\" />\n//         <CustomChatComponent />\n//       </div>\n\n//       {/* 在 Provider 中的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>Provider 中的组件</h4>\n//         <XAiProvider {...args}>\n//           <GenericComponent title=\"Provider 组件\" />\n//           <CustomChatComponent />\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '示例聊天机器人',\n//               subtitle: '在 Provider 中',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </XAiProvider>\n//       </div>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'comparison-example',\n//   },\n// };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,mBAAwB;AACxB,wBAAuB;AAEvB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,KAAK;AAAA,MACH,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA;AAAA,EAEA,YAAY;AAAA,IACV,CAAC,UACC,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,OAAO,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;AAIR,IAAM,eAAsB;AAAA,EACjC,QAAQ,CAAC,SACP,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,QACf,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAGO,IAAM,oBAA2B;AAAA,EACtC,QAAQ,CAAC,SACP,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,GAEA,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\nimport useStyles from './demo.styles';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    url: {\n      control: 'text',\n      description: 'AI 服务地址',\n    },\n    token: {\n      control: 'text',\n      description: '认证 token',\n    },\n    providerId: {\n      control: 'text',\n      description: 'Provider 唯一标识',\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口: Story = {\n  render: (args) => (\n    <div style={{ width: '400px', height: '600px' }}>\n      <XAiProvider {...args}>\n        <XAiChatbot\n          navbarShow\n          navbar={{\n            title: 'Provider 聊天机器人',\n            subtitle: '由 Provider 管理消息',\n            avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n          }}\n        />\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJkZGUzOTcwOS0wMDdlLTQ5YWItYjIzMy1iMTZmYzRkMDU2N2QiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQ1Njc4NTMsImV4cCI6MTc1NDU3NTA1MywidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTAwMjA1OTQ0NTI2NjAyMjQiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.jH9muK_MWcE9NtWxPJRqeoeGsnRf79B2oOpQjemJ6kY5_UjAT06BWlX3bszHeRbJbk1OM_kfCeugiO3Gokpj2A',\n    config: {\n      appNo: 'App1950020594452660224',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// export const 带历史记录聊天窗口: Story = {\n//   render: (args) => {\n//     function WithStyles(props: any) {\n//       const styles = useStyles();\n//       return (\n//         <XAiProvider {...props}>\n//           <div className={styles.wrapper}>\n//             <div>\n//               <XAiConversations />\n//             </div>\n//             <div>\n//               <XAiChatbot />\n//             </div>\n//           </div>\n//         </XAiProvider>\n//       );\n//     }\n//     return <WithStyles {...args} />;\n//   },\n//   args: {\n//     url: 'http://ai-platform.xline-dev.test.xinke.biz',\n//     token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n//     config: {\n//       appNo: 'App1952213101022154752',\n//       pt: 'MainStation',\n//       tc: 'ZABX',\n//     },\n//     providerId: 'demo-provider',\n//   },\n// };\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAAwB;AACxB,wBAAuB;AAIvB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,KAAK;AAAA,MACH,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA;AAAA,EAEA,YAAY;AAAA,IACV,CAAC,UACC,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,OAAO,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;AAIR,IAAM,QAAe;AAAA,EAC1B,QAAQ,CAAC,SACP,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,QACf,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAkCO,IAAM,QAAe;AAAA,EAC1B,QAAQ,CAAC,SACP,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,GAEA,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
   "names": ["XAiProvider", "React", "XAiChatbot"]
 }