{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/ai/aiChatDialogue","result":{"data":{"current":{"frontmatter":{"title":"AIChatDialogue AI对话","order":102,"brief":"用户展示 AI 聊天中的对话信息","icon":"doc-aiDialogue"},"fields":{"type":"ai"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#消息状态","title":"消息状态"},{"url":"#消息展示","title":"消息展示"},{"url":"#引用","title":"引用"},{"url":"#选择","title":"选择"},{"url":"#提示","title":"提示"},{"url":"#自定义渲染提示","title":"自定义渲染提示"},{"url":"#自定义渲染会话框","title":"自定义渲染会话框"},{"url":"#自定义渲染消息内容","title":"自定义渲染消息内容"},{"url":"#消息数据转换","title":"消息数据转换"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#roleconfig","title":"RoleConfig"},{"url":"#metadata","title":"MetaData"},{"url":"#message","title":"Message"},{"url":"#reference","title":"Reference"},{"url":"#methods","title":"Methods"},{"url":"#static-properties","title":"Static Properties"},{"url":"#contentitem","title":"ContentItem"}]},{"url":"#设计变量","title":"设计变量"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n \"localeCode\": \"zh-CN\",\n \"order\": 102,\n \"category\": \"Ai\",\n \"title\": \"AIChatDialogue AI对话\",\n \"icon\": \"doc-aiDialogue\",\n \"width\": \"60%\",\n \"brief\": \"用户展示 AI 聊天中的对话信息\",\n \"showNew\": true\n};\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528\\u573A\\u666F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"AIChatDialogue \\u7EC4\\u4EF6\\u53EF\\u642D\\u914D AIChatInput \\u4F7F\\u7528\\uFF0C\\u5B9E\\u73B0\\u66F4\\u4E30\\u5BCC\\u7684\\u3001\\u529F\\u80FD\\u8986\\u76D6\\u66F4\\u5168\\u9762\\u3001\\u5B9A\\u5236\\u66F4\\u52A0\\u4FBF\\u6377\\u7684 AI \\u4F1A\\u8BDD\\u573A\\u666F\\u3002\\n\\u7EC4\\u4EF6\\u6D88\\u606F\\u683C\\u5F0F\\u4EE5 OpenAI \\u7684 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/object\"\n }, \"Response Object\"), \" \\u4E3A\\u539F\\u578B\\uFF0C\\u9ED8\\u8BA4\\u652F\\u6301 OpenAI \\u793E\\u533A \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/create\"\n }, \"Response\"), \" / \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/chat/create\"\n }, \"Chat Completion\"), \" \\u683C\\u5F0F\\u6807\\u51C6\\uFF0C\\u5BF9 GPT-5\\u3001GPT-4o \\u7CFB\\u5217\\u6A21\\u578B\\u7684\\u54CD\\u5E94\\u5747\\u652F\\u6301\\u5F00\\u7BB1\\u5373\\u7528\\uFF0C\\u8BE6\\u89C1\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/ai/aiChatDialogue#%E6%B6%88%E6%81%AF%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2\"\n }, \"\\u6D88\\u606F\\u6570\\u636E\\u8F6C\\u6362\"), \"\\u3002\")), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"import\",\n \"import\": true\n }, \"import { AIChatDialogue } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"chats\"), \" \\u548C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onChatsChange\"), \" \\u5B9E\\u73B0\\u57FA\\u7840\\u5BF9\\u8BDD\\u663E\\u793A\\u548C\\u4EA4\\u4E92\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"align\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u8BBE\\u7F6E\\u5BF9\\u8BDD\\u7684\\u5E03\\u5C40\\uFF0C\\u652F\\u6301\\u5DE6\\u53F3\\u5206\\u5E03\\uFF08\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"leftRight\"), \"\\uFF0C \\u9ED8\\u8BA4\\uFF09\\u548C\\u5DE6\\u5BF9\\u9F50\\uFF08\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"leftAlign\"), \"\\uFF09\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue, RadioGroup, Radio } from '@douyinfe/semi-ui';\\n\\nconst defaultMessages = [\\n {\\n role: 'system',\\n id: '1',\\n createAt: 1715676751919,\\n content: \\\"Hello, I'm your AI assistant.\\\", \\n },\\n {\\n role: 'user',\\n id: '2',\\n createAt: 1715676751919,\\n content: \\\"\\u7ED9\\u4E00\\u4E2A Semi Design \\u7684 Button \\u7EC4\\u4EF6\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\\",\\n },\\n {\\n role: 'assistant',\\n id: '3',\\n createAt: 1715676751919,\\n content: \\\"\\u4EE5\\u4E0B\\u662F\\u4E00\\u4E2A Semi \\u4EE3\\u7801\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\uFF1A\\\\n\\\\`\\\\`\\\\`jsx \\\\nimport React from 'react';\\\\nimport { Button } from '@douyinfe/semi-ui';\\\\n\\\\nconst MyComponent = () => {\\\\n return (\\\\n \\\\n );\\\\n};\\\\nexport default MyComponent;\\\\n\\\\`\\\\`\\\\`\\\\n\\\",\\n }\\n];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction AlignAndMode () {\\n const [messages, setMessage] = useState(defaultMessages);\\n const [mode, setMode] = useState('bubble');\\n const [align, setAlign] = useState('leftRight');\\n\\n const onAlignChange = useCallback((e) => {\\n setAlign(e.target.value);\\n }, []);\\n\\n const onModeChange = useCallback((e) => {\\n setMode(e.target.value);\\n }, []); \\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n return (\\n <>\\n \\n \\n \\u6A21\\u5F0F\\n \\n \\u6C14\\u6CE1\\n \\u975E\\u6C14\\u6CE1\\n \\u7528\\u6237\\u4F1A\\u8BDD\\u6C14\\u6CE1\\n \\n \\n \\n \\u4F1A\\u8BDD\\u5E03\\u5C40\\u65B9\\u5F0F\\n \\n \\u5DE6\\u53F3\\u5206\\u5E03\\n \\u5DE6\\u5BF9\\u9F50\\n \\n \\n \\n
\\n \\n
\\n \\n );\\n}\\n\\nrender(AlignAndMode);\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6D88\\u606F\\u72B6\\u6001\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"chats \\u7C7B\\u578B\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Message[]\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Message\"), \" \\u5305\\u542B\\u5BF9\\u8BDD\\u7684\\u5404\\u79CD\\u4FE1\\u606F\\uFF0C\\u5982\\u89D2\\u8272 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"role\"), \"\\u3001\\u5185\\u5BB9 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"content\"), \"\\u3001\\u72B6\\u6001 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"status\"), \"\\n\\u3001\\u552F\\u4E00\\u6807\\u8BC6 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"id\"), \"\\u3001\\u521B\\u5EFA\\u65F6\\u95F4 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"createdAt\"), \" \\u7B49\\uFF0C\\u5177\\u4F53\\u89C1 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"#Message\"\n }, \"Message\"), \"\\u3002\\u5176\\u4E2D status \\u548C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/object#responses/object-status\"\n }, \"Response API Status\"), \" \\u76F8\\u540C\\uFF0C\\u5B58\\u5728 6 \\u79CD\\u72B6\\u6001\\uFF0C\\u5BF9\\u5E94 3 \\u79CD\\u5B98\\u65B9\\u6837\\u5F0F\\uFF08\\u6210\\u529F / \\u8BF7\\u6C42\\u4E2D / \\u5931\\u8D25\\uFF09\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst defaultMessages = [\\n {\\n role: 'assistant',\\n id: '1',\\n createAt: 1715676751919,\\n content: \\\"\\u8BF7\\u6C42\\u6210\\u529F\\\", \\n // \\u9ED8\\u8BA4\\u7684 status \\u4E3A completed \\n },\\n {\\n id: 'loading',\\n role: 'assistant',\\n status: 'in_progress' // \\u72B6\\u6001\\u5C55\\u793A\\u540C queued\\u3001incomplete\\n },\\n {\\n role: 'assistant',\\n id: 'error',\\n content: '\\u8BF7\\u6C42\\u9519\\u8BEF',\\n status: 'failed' // \\u72B6\\u6001\\u5C55\\u793A\\u540C cancelled\\n }\\n];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction StatusDemo () {\\n const [messages, setMessage] = useState(defaultMessages);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n return (\\n \\n );\\n}\\n\\nrender(StatusDemo);\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6D88\\u606F\\u5C55\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6D88\\u606F\\u5185\\u5BB9\\u5C55\\u793A\\u7684\\u7C7B\\u578B\\u4E3A \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/list#responses/list-data\"\n }, \"ContentItem[]\"), \"\\uFF0C\\u652F\\u6301\\u6587\\u672C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"text\"), \"\\u3001\\u6587\\u4EF6 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"file\"), \"\\u3001\\u56FE\\u7247 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"image\"), \"\\u3001\\u4EE3\\u7801 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"code\"), \"\\u3001\\u601D\\u8003\\u5757 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"reasoning\"), \"\\u3001\\u53C2\\u8003\\u6765\\u6E90 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"annotation\"), \"\\u3001\\u5DE5\\u5177\\u8C03\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tool call\"), \" \\u7B49\\u6D88\\u606F\\u5757\\u7684\\u5C55\\u793A\\uFF0C\\u540C\\u65F6\\u63D0\\u4F9B \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"AIChatDialogue.Step\"), \" \\u7EC4\\u4EF6\\u7528\\u4E8E\\u6B65\\u9AA4\\u7B49\\u4FE1\\u606F\\u7684\\u5206\\u6B65\\u5C55\\u793A\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\nimport { IconSearchStroked, IconCodeStroked, IconBriefStroked } from '@douyinfe/semi-icons';\\n\\n\\nconst defaultMessages = [\\n {\\n role: 'assistant',\\n id: '1',\\n createAt: 1715676751919,\\n content: '\\u666E\\u901A\\u6587\\u672C', \\n },\\n {\\n id: '2',\\n role: 'user',\\n content: [\\n {\\n type: 'message',\\n content: [\\n {\\n type: 'input_text',\\n text: '\\u5E2E\\u6211\\u751F\\u6210\\u7C7B\\u4F3C\\u7684\\u56FE\\u7247',\\n },\\n {\\n type: 'input_image',\\n image_url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n file_id: 'demo-file-id'\\n },\\n {\\n type: 'input_text',\\n text: '\\u4EE5\\u4E0B\\u662F\\u6587\\u4EF6\\u5C55\\u793A',\\n },\\n {\\n type: 'input_file',\\n file_url: 'https://www.semi.pdf',\\n filename: 'semi.pdf',\\n size: '100KB',\\n },\\n {\\n type: 'input_file',\\n file_url: 'https://www.semi.json',\\n filename: 'semi.json',\\n size: '100KB',\\n },\\n {\\n type: 'input_file',\\n file_url: 'https://www.semi.docx',\\n filename: 'semi.docx',\\n size: '100KB',\\n }\\n ],\\n },\\n ],\\n status: 'completed',\\n },\\n {\\n id: '3',\\n role: 'assistant',\\n content: [\\n {\\n type: 'reasoning',\\n status: 'completed',\\n summary: [\\n {\\n 'type': 'summary_text',\\n 'text': '\\\\n\\u6211\\u9700\\u8981\\u601D\\u8003\\u5E76\\u56DE\\u7B54\\u7528\\u6237\\u5173\\u4E8E\\u4EC0\\u4E48\\u662F Semi \\u7EC4\\u4EF6\\u5E93\\u7684\\u95EE\\u9898...'\\n }\\n ],\\n },\\n {\\n type: 'message',\\n content: [\\n {\\n type: 'output_text',\\n text: 'Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u548CMED\\u4EA7\\u54C1\\u8BBE\\u8BA1\\u56E2\\u961F\\u8BBE\\u8BA1\\u3001\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002'\\n }\\n ],\\n status: 'completed',\\n },\\n {\\n id: 'fc_12345xyz',\\n call_id: 'call_12345xyz',\\n type: 'function_call',\\n name: 'get_weather',\\n status: 'completed',\\n arguments: '{\\\\'location\\\\':\\\\'Paris, France\\\\'}'\\n },\\n {\\n type: 'message',\\n content: [\\n {\\n type: 'output_text',\\n text: '\\u606D\\u559C\\u4F60\\uFF0C\\u4F60\\u5DF2\\u7ECF\\u638C\\u63E1\\u4E86 semi design \\u7684\\u6240\\u6709\\u77E5\\u8BC6\\uFF01',\\n annotations: [\\n {\\n title: 'semi.design',\\n url: 'https://semi.design/',\\n detail: 'semi design page',\\n logo: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n {\\n title: 'semi.design',\\n url: 'https://semi.design/',\\n detail: 'semi design page',\\n logo: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n ]\\n }\\n ]\\n },\\n {\\n type: 'plan',\\n content: [\\n {\\n summary: '\\u521B\\u5EFA\\u4E00\\u4EFD\\u5168\\u9762\\u7684\\u5317\\u4EAC\\u65C5\\u6E38\\u653B\\u7565\\uFF0C\\u5305\\u542B\\u666F\\u70B9\\u3001\\u4F4F\\u5BBF\\u3001\\u4EA4\\u901A\\u3001\\u7F8E\\u98DF\\u548C\\u5B9E\\u7528\\u65C5\\u884C\\u5EFA\\u8BAE',\\n steps: [\\n {\\n summary: '\\u641C\\u7D22\\u5317\\u4EAC\\u65C5\\u6E38\\u666F\\u70B9\\u4ECB\\u7ECD\\u53CA\\u95E8\\u7968\\u4FE1\\u606F',\\n description: '\\u6B63\\u5728\\u641C\\u7D22: \\u5317\\u4EAC\\u65C5\\u6E38\\u666F\\u70B9\\u4ECB\\u7ECD\\u53CA\\u95E8\\u7968\\u4FE1\\u606F',\\n type: 'search',\\n }, \\n {\\n summary: '\\u8BFB\\u53D6\\u6307\\u5B9A\\u6587\\u4EF6\\u7684\\u6307\\u5B9A\\u884C\\u5185\\u5BB9',\\n description: '\\u6B63\\u5728\\u521B\\u5EFA\\u6587\\u6863: \\u5317\\u4EAC\\u65C5\\u6E38\\u653B\\u7565',\\n type: 'docs',\\n }, \\n {\\n summary: '\\u521B\\u5EFA\\u5305\\u542B\\u5317\\u4EAC\\u65C5\\u6E38\\u653B\\u7565\\u7684\\u6587\\u4EF6',\\n description: '\\u6B63\\u5728\\u521B\\u5EFA\\u4EE3\\u7801\\u6587\\u4EF6: beijing_travel_guide.html',\\n type: 'code',\\n }, \\n ],\\n statues: 'completed'\\n },\\n {\\n summary: '\\u603B\\u7ED3\\u5317\\u4EAC\\u65C5\\u6E38\\u653B\\u7565\\u7684\\u521B\\u5EFA\\u6210\\u679C\\u5E76\\u5448\\u73B0\\u7ED9\\u7528\\u6237',\\n steps: []\\n }\\n ],\\n }\\n ],\\n status: 'completed',\\n },\\n];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction AllTypeMessageDemo () {\\n const [messages, setMessage] = useState(defaultMessages);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n const mapStep = useCallback((steps) => {\\n if (!steps) {\\n return [];\\n }\\n return steps.map((item) => {\\n let icon = null;\\n switch (item.type) {\\n case 'search':\\n icon = ;\\n break;\\n case 'docs':\\n icon = ;\\n break;\\n case 'code':\\n icon = ;\\n break;\\n }\\n return {\\n summary: item.summary,\\n description: item.description,\\n icon: icon,\\n };\\n });\\n }, []);\\n\\n const customRender = useMemo(() => ({\\n 'plan': (item) => { // plan \\u4E3A\\u7528\\u6237\\u81EA\\u5B9A\\u4E49\\u7C7B\\u578B\\n let steps = item.content.map((item) => {\\n return {\\n summary: item.summary,\\n actions: mapStep(item.steps),\\n status: 'completed'\\n };\\n });\\n return ;\\n },\\n }), [mapStep]);\\n\\n return (\\n \\n );\\n}\\n\\nrender(AllTypeMessageDemo);\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5F15\\u7528\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"references\"), \" \\u5B57\\u6BB5\\u5B9A\\u4E49\\u5F53\\u524D\\u6D88\\u606F\\u5F15\\u7528\\u7684\\u6587\\u4EF6\\u6216\\u8005\\u6587\\u672C\\uFF0C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"showReference\"), \" \\u914D\\u7F6E\\u5F53\\u524D\\u6D88\\u606F\\u662F\\u5426\\u663E\\u793A\\u53EF\\u88AB\\u5F15\\u7528\\u6837\\u5F0F, \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onReferenceClick\"), \" \\u914D\\u7F6E\\u5F15\\u7528\\u6309\\u94AE\\u70B9\\u51FB\\u56DE\\u8C03\\u3002\\u5177\\u4F53\\u548C AIChatInput \\u7684\\u642D\\u914D\\u4F7F\\u7528\\u89C1 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/ai/aiComponent#AI%20%E7%BB%84%E4%BB%B6%E6%9E%84%E5%BB%BA%E5%AF%B9%E8%AF%9D\"\n }, \"AI \\u7EC4\\u4EF6\\u6784\\u5EFA\\u5BF9\\u8BDD\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst defaultMessages = [\\n {\\n id: '1',\\n role: 'user',\\n content: '\\u5F53\\u524D\\u6D88\\u606F\\u4E3A\\u5F15\\u7528 demo \\u7684\\u793A\\u4F8B',\\n references: [\\n {\\n id: '1',\\n type: 'text',\\n content: '\\u6D4B\\u8BD5\\u6587\\u672C\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57,\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57\\uFF0C\\u8FD9\\u91CC\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u6587\\u5B57',\\n },\\n {\\n id: '2',\\n name: '\\u98DE\\u4E66\\u6587\\u6863.docx',\\n },\\n {\\n id: '3',\\n name: 'Music.mp4',\\n },\\n {\\n id: '4',\\n name: 'Image.jpeg',\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png'\\n },\\n {\\n id: '5',\\n name: 'code.json',\\n }\\n ]\\n }\\n];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction ReferencesDemo () {\\n const [messages, setMessage] = useState(defaultMessages);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n const onReferenceClick = () => {\\n console.log('You click the reference button!');\\n };\\n\\n return (\\n \\n );\\n}\\n\\nrender(ReferencesDemo);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9009\\u62E9\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue, RadioGroup, Radio } from '@douyinfe/semi-ui';\\n\\nconst defaultMessages = [\\n {\\n role: 'system',\\n id: '1',\\n createAt: 1715676751919,\\n content: \\\"Hello, I'm your AI assistant.\\\", \\n },\\n {\\n role: 'user',\\n id: '2',\\n createAt: 1715676751919,\\n content: \\\"\\u7ED9\\u4E00\\u4E2A Semi Design \\u7684 Button \\u7EC4\\u4EF6\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\\",\\n },\\n {\\n role: 'assistant',\\n id: '3',\\n createAt: 1715676751919,\\n content: \\\"\\u4EE5\\u4E0B\\u662F\\u4E00\\u4E2A Semi \\u4EE3\\u7801\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\uFF1A\\\\n\\\\`\\\\`\\\\`jsx \\\\nimport React from 'react';\\\\nimport { Button } from '@douyinfe/semi-ui';\\\\n\\\\nconst MyComponent = () => {\\\\n return (\\\\n \\\\n );\\\\n};\\\\nexport default MyComponent;\\\\n\\\\`\\\\`\\\\`\\\\n\\\",\\n }\\n];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction SelectingDemo () {\\n const ref = useRef(null);\\n const [messages, setMessage] = useState(defaultMessages);\\n const [align, setAlign] = useState('leftRight');\\n const [select, setSelect] = useState(true);\\n const [selection, setSelection] = useState('allSelect');\\n\\n useEffect(() => {\\n ref.current.selectAll();\\n }, []);\\n\\n const onSelectChange = useCallback((e) => {\\n setSelect(e.target.value);\\n }, []);\\n\\n const onSelectionChange = useCallback((e) => {\\n if (e.target.value === 'allSelect') {\\n ref.current.selectAll();\\n } else {\\n ref.current.deselectAll();\\n }\\n setSelection(e.target.value);\\n }, []);\\n\\n const onSelect = useCallback((selectionId) => {\\n console.log('onSelect', selectionId);\\n }, []);\\n\\n const onAlignChange = useCallback((e) => {\\n setAlign(e.target.value);\\n }, []);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n return (\\n
\\n \\n \\n \\u4F1A\\u8BDD\\u5E03\\u5C40\\u65B9\\u5F0F\\n \\n \\u5DE6\\u53F3\\u5206\\u5E03\\n \\u5DE6\\u5BF9\\u9F50\\n \\n \\n \\n \\u662F\\u5426\\u5F00\\u542F\\u9009\\u62E9\\n \\n \\u5F00\\u542F\\n \\u5173\\u95ED\\n \\n \\n \\n \\u9009\\u62E9\\u65B9\\u5F0F\\n \\n \\u5168\\u9009\\n \\u53D6\\u6D88\\u5168\\u9009\\n \\n \\n \\n\\n
\\n \\n
\\n
\\n );\\n}\\n\\nrender(SelectingDemo);\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u63D0\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"hints\"), \" \\u53EF\\u8BBE\\u7F6E\\u63D0\\u793A\\u533A\\u57DF\\u5185\\u5BB9, \\u70B9\\u51FB\\u63D0\\u793A\\u5185\\u5BB9\\u540E\\uFF0C\\u63D0\\u793A\\u5185\\u5BB9\\u5C06\\u6210\\u4E3A\\u65B0\\u7684\\u7528\\u6237\\u8F93\\u5165\\u5185\\u5BB9\\uFF0C\\u5E76\\u89E6\\u53D1 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onHintClick\"), \" \\u56DE\\u8C03\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\n() => {\\n const defaultMessages = [\\n {\\n role: 'assistant',\\n id: '1',\\n createAt: 1715676751919,\\n content: 'Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u548CMED\\u4EA7\\u54C1\\u8BBE\\u8BA1\\u56E2\\u961F\\u8BBE\\u8BA1\\u3001\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\uFF0C\\u4F60\\u53EF\\u4EE5\\u5411\\u6211\\u63D0\\u95EE\\u4EFB\\u4F55\\u5173\\u4E8E Semi \\u7684\\u95EE\\u9898\\u3002',\\n }\\n ];\\n\\n const hintsExample = [\\n \\\"Semi \\u7EC4\\u4EF6\\u5E93\\u6709\\u54EA\\u4E9B\\u5E38\\u7528\\u7EC4\\u4EF6\\uFF1F\\\",\\n \\\"\\u80FD\\u5426\\u5C55\\u793A\\u4E00\\u4E2A\\u4F7F\\u7528 Semi \\u7EC4\\u4EF6\\u5E93\\u6784\\u5EFA\\u7684\\u9875\\u9762\\u793A\\u4F8B\\uFF1F\\\",\\n \\\"Semi \\u7EC4\\u4EF6\\u5E93\\u6709\\u5B98\\u65B9\\u6587\\u6863\\u5417\\uFF1F\\\",\\n ];\\n\\n const roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n };\\n const [messages, setMessage] = useState(defaultMessages);\\n const [hints, setHints] = useState(hintsExample);\\n \\n const onChatsChange = useCallback((chats) => {\\n console.log('onChatsChange', chats);\\n setMessage(chats);\\n }, []);\\n\\n const onHintClick = useCallback((hint) => {\\n setHints([]);\\n }, []);\\n\\n return (\\n \\n );\\n};\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u63D0\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderHintBox\"), \" \\u53EF\\u81EA\\u5B9A\\u4E49\\u63D0\\u793A\\u533A\\u57DF\\u5185\\u5BB9\\uFF0C \\u53C2\\u6570\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"type renderHintBox = (props: {content: string; index: number,onHintClick: () => void}) => React.ReactNode;\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\nimport { IconArrowRight } from '@douyinfe/semi-icons';\\n\\n\\n() => {\\n const defaultMessages = [\\n {\\n role: 'assistant',\\n id: '1',\\n createAt: 1715676751919,\\n content: 'Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u548CMED\\u4EA7\\u54C1\\u8BBE\\u8BA1\\u56E2\\u961F\\u8BBE\\u8BA1\\u3001\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\uFF0C\\u4F60\\u53EF\\u4EE5\\u5411\\u6211\\u63D0\\u95EE\\u4EFB\\u4F55\\u5173\\u4E8E Semi \\u7684\\u95EE\\u9898\\u3002',\\n }\\n ];\\n\\n const hintsExample = [\\n \\\"Semi \\u7EC4\\u4EF6\\u5E93\\u6709\\u54EA\\u4E9B\\u5E38\\u7528\\u7EC4\\u4EF6\\uFF1F\\\",\\n \\\"\\u80FD\\u5426\\u5C55\\u793A\\u4E00\\u4E2A\\u4F7F\\u7528 Semi \\u7EC4\\u4EF6\\u5E93\\u6784\\u5EFA\\u7684\\u9875\\u9762\\u793A\\u4F8B\\uFF1F\\\",\\n \\\"Semi \\u7EC4\\u4EF6\\u5E93\\u6709\\u5B98\\u65B9\\u6587\\u6863\\u5417\\uFF1F\\\",\\n ];\\n\\n const roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n };\\n const [messages, setMessage] = useState(defaultMessages);\\n const [hints, setHints] = useState(hintsExample);\\n \\n const onChatsChange = useCallback((chats) => {\\n console.log('onChatsChange', chats);\\n setMessage(chats);\\n }, []);\\n\\n const onHintClick = useCallback((hint) => {\\n setHints([]);\\n }, []);\\n\\n const commonHintStyle = useMemo(() => ({\\n border: '1px solid var(--semi-color-border)',\\n padding: '10px',\\n borderRadius: '10px',\\n color: 'var( --semi-color-text-1)',\\n display: 'flex',\\n justifyContent: 'space-between',\\n alignItems: 'center',\\n cursor: 'pointer',\\n fontSize: '14px'\\n }), []);\\n\\n const renderHintBox = useCallback((props) => {\\n const { content, onHintClick, index } = props;\\n return (\\n
\\n {content}\\n click me\\n
\\n );\\n }, []);\\n \\n\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u4F1A\\u8BDD\\u6846\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"chatBoxRenderConfig\"), \" \\u4F20\\u5165\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u914D\\u7F6E, chatBoxRenderConfig \\u7C7B\\u578B\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"export interface RenderTitleProps {\\n message?: Message;\\n role?: Metadata;\\n defaultTitle?: ReactNode\\n}\\n\\nexport interface RenderAvatarProps {\\n message?: Message; \\n role?: Metadata, \\n defaultAvatar?: ReactNode\\n}\\n\\nexport interface RenderContentProps {\\n message?: Message;\\n role?: Metadata | Map;\\n defaultContent?: ReactNode | ReactNode[]; \\n className?: string;\\n}\\n\\nexport interface DefaultActionNodeObj {\\n copyNode: ReactNode;\\n likeNode: ReactNode;\\n dislikeNode: ReactNode;\\n resetNode: ReactNode;\\n moreNode: ReactNode;\\n}\\n\\nexport interface RenderActionProps {\\n message?: Message;\\n defaultActions?: ReactNode | ReactNode[];\\n className: string;\\n defaultActionsObj?: DefaultActionNodeObj;\\n};\\n\\nexport interface FullDialogueNodes {\\n avatar?: ReactNode;\\n title?: ReactNode; \\n content?: ReactNode; \\n action?: ReactNode\\n}\\n\\nexport interface RenderFullDialogueProps {\\n message?: Message;\\n role?: Metadata;\\n defaultNodes?: FullDialogueNodes;\\n className: string\\n}\\n\\n\\nexport interface DialogueRenderConfig {\\n /* \\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u6807\\u9898 */\\n renderDialogueAction?: (props: RenderActionProps) => ReactNode;\\n /* \\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5934\\u50CF */\\n renderDialogueAvatar?: (props: RenderAvatarProps) => ReactNode;\\n /* \\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5185\\u5BB9\\u533A\\u57DF */\\n renderDialogueContent?: (props: RenderContentProps) => ReactNode;\\n /* \\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u6D88\\u606F\\u64CD\\u4F5C\\u680F */\\n renderDialogueTitle?: (props: RenderTitleProps) => ReactNode;\\n /* \\u5B8C\\u5168\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u6574\\u4E2A\\u804A\\u5929\\u6846 */\\n renderFullDialogue?: (props: RenderFullDialogueProps) => ReactNode\\n}\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5934\\u50CF\\u548C\\u6807\\u9898\\uFF0C\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderChatBoxAvatar\"), \" \\u548C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderChatBoxTitle\"), \" \\u5B9E\\u73B0\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue, Avatar } from '@douyinfe/semi-ui';\\n\\n() => {\\n const defaultMessages = [\\n {\\n role: 'system',\\n id: '1',\\n createAt: 1715676751919,\\n content: \\\"Hello, I'm your AI assistant.\\\", \\n },\\n {\\n role: 'user',\\n id: '2',\\n createAt: 1715676751919,\\n content: \\\"\\u7ED9\\u4E00\\u4E2A Semi Design \\u7684 Button \\u7EC4\\u4EF6\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\\",\\n },\\n {\\n role: 'assistant',\\n id: '3',\\n createAt: 1715676751919,\\n content: \\\"\\u4EE5\\u4E0B\\u662F\\u4E00\\u4E2A Semi \\u4EE3\\u7801\\u7684\\u4F7F\\u7528\\u793A\\u4F8B\\uFF1A\\\\n\\\\`\\\\`\\\\`jsx \\\\nimport React from 'react';\\\\nimport { Button } from '@douyinfe/semi-ui';\\\\n\\\\nconst MyComponent = () => {\\\\n return (\\\\n \\\\n );\\\\n};\\\\nexport default MyComponent;\\\\n\\\\`\\\\`\\\\`\\\\n\\\",\\n }\\n ];\\n\\n const roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n };\\n\\n const [messages, setMessage] = useState(defaultMessages);\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n const renderConfig = {\\n renderDialogueTitle: (props) => {\\n return
My-{props.role.name}
;\\n },\\n renderDialogueAvatar: (props) => {\\n return \\n ;\\n },\\n renderDialogueAction: (props) => {\\n return
{props.defaultActions[0]}
;\\n },\\n };\\n\\n return (\\n \\n );\\n};\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u6D88\\u606F\\u5185\\u5BB9\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderDialogueContentItem\"), \" \\u6309\\u7167\\u6D88\\u606F\\u7C7B\\u578B\\u8FD4\\u56DE\\u5185\\u5BB9\\u6E32\\u67D3\\uFF0C\\u7528\\u6CD5\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\" noInline=true\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\",\n \"noInline\": \"true\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue, MarkdownRender } from '@douyinfe/semi-ui';\\n\\nconst defaultMessages = [\\n {\\n id: '1',\\n role: 'user',\\n content: '\\u4F60\\u597D',\\n }, \\n {\\n id: '2',\\n role: 'assistant',\\n content: '\\u4F60\\u597D\\u5440\\uFF0C\\u8BF7\\u95EE\\u6709\\u4EC0\\u4E48\\u53EF\\u4EE5\\u5E2E\\u52A9\\u4F60\\u7684\\u5417~',\\n status: 'completed',\\n }, \\n {\\n id: '3',\\n role: 'user',\\n content: [\\n {\\n type: 'message',\\n role: 'user',\\n content: [\\n {\\n type: 'input_text',\\n text: '\\u5E2E\\u6211\\u751F\\u6210\\u7C7B\\u4F3C\\u7684\\u56FE\\u7247',\\n }, \\n {\\n type: 'input_image',\\n image_url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n file_id: 'demo-file-id'\\n }, \\n {\\n type: 'input_image',\\n image_url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n file_id: 'demo-file-id'\\n }\\n ],\\n }],\\n }, \\n {\\n id: '4',\\n role: 'assistant',\\n content: [{\\n type: \\\"reasoning\\\",\\n summary: [\\n {\\n \\\"type\\\": \\\"summary_text\\\",\\n \\\"text\\\": \\\"\\\\n\\u7528\\u6237\\u95EE\\u9700\\u8981\\u6211\\u5E2E\\u52A9\\u4ED6\\u751F\\u6210\\u7C7B\\u4F3C\\u56FE\\u7247\\uFF0C\\u6211\\u9700\\u8981\\u5148\\u5206\\u6790\\u56FE\\u7247\\u5185\\u5BB9\\uFF0C\\u7136\\u540E\\u751F\\u6210\\u7C7B\\u4F3C\\u7684\\u56FE\\u7247...\\\"\\n }\\n ],\\n annotations: [\\n {\\n title: 'semi.design',\\n url: 'https://semi.design/',\\n detail: 'semi design page',\\n logo: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n {\\n title: 'semi.design',\\n url: 'https://semi.design/',\\n detail: 'semi design page',\\n logo: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n ],\\n status: \\\"completed\\\"\\n }, \\n {\\n type: 'function_call',\\n name: 'create_travel_guide',\\n arguments: \\\"{\\\\n\\\\\\\"city\\\\\\\": \\\\\\\"\\u5317\\u4EAC\\\\\\\"\\\\n}\\\",\\n status: 'completed',\\n }\\n ],\\n status: 'completed',\\n }];\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction CustomRender () {\\n const [messages, setMessage] = useState(defaultMessages);\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n const userTextStyle = {\\n backgroundColor: 'var(--semi-color-fill-1)',\\n color: 'var(--semi-color-text-0)',\\n borderRadius: '25px',\\n padding: '6px 16px',\\n };\\n\\n const assistantStyle = {\\n color: 'var(--semi-color-text-0)',\\n padding: '6px 16px',\\n };\\n\\n const functionCallStyle = {\\n backgroundColor: 'var(--semi-color-fill-1)',\\n padding: '6px 16px',\\n borderRadius: '25px',\\n };\\n\\n const customRenderReasoningContent = useCallback((props) => {\\n return \\n {\\n e && e.stopPropagation();\\n Toast.success('Ready to open the sidebar!');\\n }}\\n />\\n
\\n \\n
\\n ;\\n }, []);\\n\\n const customRender = {\\n \\\"function_call\\\": {\\n \\\"create_travel_guide\\\": (item) => {\\n return
Function Tool Call: {item.name} {item.arguments}
;\\n }\\n },\\n \\\"input_text\\\": (item, message) => {\\n if (message.role === 'user') {\\n return
{item.text}
;\\n }\\n return
{item.text}
;\\n },\\n \\\"reasoning\\\": (item) => {\\n return ;\\n },\\n \\\"default\\\": (item, message) => {\\n if (message.role === 'user') {\\n return
{item}
;\\n } else {\\n return
{item}
;\\n }\\n }\\n };\\n\\n return (\\n \\n );\\n}\\n\\nrender(CustomRender);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6D88\\u606F\\u6570\\u636E\\u8F6C\\u6362\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u524D\\u7EC4\\u4EF6\\u7684\\u5BF9\\u8BDD\\u6D88\\u606F\\u4EE5 OpenAI \\u7684 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/object\"\n }, \"Response Object\"), \" \\u4E3A\\u539F\\u578B\\uFF0C\\u4E3A\\u4E86\\u652F\\u6301\\u7528\\u6237\\u66F4\\u597D\\u5730\\u65E0\\u7F1D\\u96C6\\u6210 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/chat/create\"\n }, \"Chat Completion API\"), \" \\u548C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/create\"\n }, \"Response API\"), \"\\uFF0C\\u6211\\u4EEC\\u63D0\\u4F9B\\u4E86\\u56DB\\u79CD \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Adapter\"), \" \\u8F6C\\u6362\\u51FD\\u6570\\uFF0C\\u7528\\u6237\\u53EF\\u76F4\\u63A5\\u4F7F\\u7528\\u8BE5\\u51FD\\u6570\\u8F6C\\u6362 API \\u7684\\u8FD4\\u56DE\\u7ED3\\u679C\\uFF0C\\u5F97\\u5230\\u53EF\\u76F4\\u63A5\\u7528\\u4E8E\\u6D88\\u606F\\u5C55\\u793A\\u7684\\u6570\\u636E\\uFF0C\\u63D0\\u4F9B\\u4E24\\u79CD \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Adapter\"), \" \\u7528\\u4E8E\\u5C06 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ChatInput\"), \" \\u7EC4\\u4EF6\\u7684\\u6570\\u636E\\u5904\\u7406\\u6210\\u9002\\u914D\\u4E8E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Response API\"), \" \\u7684 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"input Message\"), \" \\u6216\\u8005 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Chat Completion API\"), \" \\u4E2D\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Input Message\"), \" \\u683C\\u5F0F\\u3002 \"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"// \\u5C06 Chat Completion API \\u8FD4\\u56DE\\u7684\\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Dialogue \\u4E2D\\u7684 Message \\u683C\\u5F0F\\nfunction chatCompletionToMessage(chatCompletion: ChatCompletion): Message[]\\n\\n// \\u5C06 Chat Completion API \\u6D41\\u5F0F\\u8FD4\\u56DE\\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Dialogue \\u4E2D\\u7684 Message \\u683C\\u5F0F\\nfunction streamingChatCompletionToMessage(chatCompletionChunks: ChatCompletionChunk[], state?: StreamingChatState): { messages: Message[]; state?: StreamingChatState }\\n\\n// \\u5C06 Response API \\u8FD4\\u56DE\\u7684\\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Dialogue \\u4E2D\\u7684 Message \\u683C\\u5F0F\\nfunction responseToMessage(response: Response): Message\\n\\n// \\u5C06 Response API \\u8FD4\\u56DE\\u6D41\\u5F0F\\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Dialogue \\u4E2D\\u7684 Message \\u683C\\u5F0F\\nfunction streamingResponseToMessage(chunks: ResponseChunk[], prevState: StreamingResponseState): { messages: Message[]; state?: StreamingResponseState }\\n\\n// \\u5C06 Chat Input \\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Dialogue \\u4E2D\\u7684 Message \\u683C\\u5F0F\\uFF0C\\uFF08\\u540C Response API Input Message \\u683C\\u5F0F\\uFF09\\nfunction chatInputToMessage(inputContent: MessageContent): Message\\n\\n// \\u5C06 Chat Input \\u6570\\u636E\\u8F6C\\u6362\\u4E3A Chat Completion API \\u4E2D\\u7684 Input Message \\u683C\\u5F0F\\nfunction chatInputToChatCompletion(inputContent: MessageContent): ChatCompletionInput\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6BD4\\u5982\\uFF0C\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/chat/create\"\n }, \"Chat Completion API\"), \" \\u63A5\\u53E3\\u8FD4\\u56DE\\u975E\\u6D41\\u5F0F\\u6570\\u636E\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"chatCompletionToMessage\"), \" \\u51FD\\u6570\\u5C06 Chat Completion Object \\u8F6C\\u6362\\u4E3A Dialogue Message \\u6D88\\u606F\\u5757\\u683C\\u5F0F\\u3002\\u6CE8\\u610F\\uFF0C\\u56E0\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Chat Completion API\"), \" \\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"n\"), \" \\u6765\\u63A7\\u5236\\u6BCF\\u6761\\u8F93\\u5165\\u6D88\\u606F\\u751F\\u6210\\u591A\\u5C11\\u4E2A\\u7ED3\\u679C\\u6240\\u4EE5\\u8BE5\\u51FD\\u6570\\u7684\\u8FD4\\u56DE\\u503C\\u4E3A\\u6570\\u7EC4\\u3002(\\u6CE8\\u610F\\uFF1A\\u5982\\u679C n > 1\\uFF0C\\u7528\\u6237\\u9700\\u8981\\u81EA\\u884C\\u51B3\\u5B9A\\u5C06\\u54EA\\u6761\\u6570\\u636E\\u6DFB\\u52A0\\u5230 message \\u4E2D\\u5C55\\u793A)\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true noInline=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"noInline\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction ChatCompletionToMessageDemo() {\\n const [messages, setMessage] = useState([]);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n useEffect(() => {\\n const message = chatCompletionToMessage(CHAT_COMPLETION_DATA);\\n setMessage([...message]);\\n }, []);\\n \\n return (\\n \\n );\\n};\\n\\nconst CHAT_COMPLETION_DATA = {\\n \\\"id\\\": \\\"chatcmpl-B9MBs8CjcvOU2jLn4n570S5qMJKcT\\\",\\n \\\"object\\\": \\\"chat.completion\\\",\\n \\\"created\\\": 1741569952,\\n \\\"model\\\": \\\"gpt-4.1-2025-04-14\\\",\\n \\\"choices\\\": [\\n {\\n \\\"index\\\": 0,\\n \\\"message\\\": {\\n \\\"role\\\": \\\"assistant\\\",\\n \\\"content\\\": \\\"Hello! How can I assist you today?\\\",\\n \\\"refusal\\\": null,\\n \\\"annotations\\\": [],\\n \\\"tool_calls\\\": [\\n {\\n \\\"id\\\": \\\"call_abc123\\\",\\n \\\"type\\\": \\\"function\\\",\\n \\\"function\\\": {\\n \\\"name\\\": \\\"get_current_weather\\\",\\n \\\"arguments\\\": \\\"{\\\\n\\\\\\\"location\\\\\\\": \\\\\\\"Boston, MA\\\\\\\"\\\\n}\\\"\\n }\\n }\\n ]\\n },\\n \\\"logprobs\\\": null,\\n \\\"finish_reason\\\": \\\"stop\\\"\\n }\\n ],\\n // ...\\n};\\n\\nrender(ChatCompletionToMessageDemo);\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6BD4\\u5982\\uFF0C\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/chat/create\"\n }, \"Chat Completion API\"), \" \\u63A5\\u53E3\\u8FD4\\u56DE\\u6D41\\u5F0F\\u6570\\u636E\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"streamingChatCompletionToMessage\"), \" \\u51FD\\u6570\\u5C06 Chat Completion Chunk Object List \\u8F6C\\u6362\\u4E3A Dialogue Message \\u6D88\\u606F\\u5757\\u683C\\u5F0F\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true noInline=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"noInline\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction StreamingChatCompletionToMessageDemo() {\\n const [messages, setMessage] = useState([]);\\n const [state, setState] = useState();\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n useEffect(() => {\\n const total = STREAMING_CHAT_COMPLETION_DATA.length;\\n let i = 1;\\n\\n const timer = setInterval(() => {\\n if (i > total) {\\n clearInterval(timer);\\n return;\\n }\\n\\n const slice = STREAMING_CHAT_COMPLETION_DATA.slice(0, i);\\n const { messages: partialMessages, state: nextState } = streamingChatCompletionToMessage(slice, state);\\n setState(nextState);\\n\\n const merged = [...messages, partialMessages[0]];\\n setMessage(merged);\\n\\n i += 1;\\n }, 100);\\n\\n return () => clearInterval(timer);\\n }, []);\\n \\n return (\\n \\n );\\n};\\n\\nconst STREAMING_CHAT_COMPLETION_DATA = [\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"role\\\": \\\"assistant\\\", \\\"content\\\": \\\"\\\", \\\"refusal\\\": null }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"ahPqlzj6DD\\\" },\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"content\\\": \\\"\\\" }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"i2PXRIwvc3D\\\" },\\n // index 0: \\u8F93\\u51FA\\u6587\\u672C\\u589E\\u91CF\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"content\\\": \\\"\\u6211\\u6B63\\u5728\\u4F7F\\u7528 \\\" }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"3sslO5QylW\\\" },\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"content\\\": \\\"streamingChatCompletionToMessage\\\" }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"3sslO5QylW\\\" },\\n\\n // index 1: \\u5DE5\\u5177\\u8C03\\u7528\\u589E\\u91CF\\uFF08function_call / tool_calls\\uFF09\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011845, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 1, \\\"delta\\\": { \\\"tool_calls\\\": [{ \\\"id\\\": \\\"call_1\\\", \\\"function\\\": { \\\"name\\\": \\\"searchWeather\\\", \\\"arguments\\\": \\\"{\\\\\\\"city\\\\\\\":\\\\\\\"\\u5317\\u4EAC\\\\\\\"\\\" } }] }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"T1\\\" },\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011846, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 1, \\\"delta\\\": { \\\"tool_calls\\\": [{ \\\"id\\\": \\\"call_1\\\", \\\"function\\\": { \\\"name\\\": null, \\\"arguments\\\": \\\",\\\\\\\"day\\\\\\\":\\\\\\\"today\\\\\\\"}\\\" } }] }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"T2\\\" },\\n\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011844, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"content\\\": \\\" \\u8F6C\\u6362 Chat Completion Chunks\\\" }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"X1\\\" },\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011844, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": { \\\"content\\\": \\\" \\uD83E\\uDD73\\\" }, \\\"finish_reason\\\": null }], \\\"obfuscation\\\": \\\"X2\\\" },\\n\\n // \\u7EC8\\u6B62\\u4FE1\\u53F7\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 0, \\\"delta\\\": {}, \\\"finish_reason\\\": \\\"stop\\\" }], \\\"obfuscation\\\": \\\"n13SLf\\\" },\\n { \\\"id\\\": \\\"chatcmpl-COjljxurV5GKrRUsg1wd7mIyQCiiT\\\", \\\"object\\\": \\\"chat.completion.chunk\\\", \\\"created\\\": 1760011843, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"service_tier\\\": \\\"default\\\", \\\"system_fingerprint\\\": \\\"fp_6c43dcef8c\\\", \\\"choices\\\": [{ \\\"index\\\": 1, \\\"delta\\\": {}, \\\"finish_reason\\\": \\\"stop\\\" }], \\\"obfuscation\\\": \\\"jt9rDb\\\" }\\n];\\n\\nrender(StreamingChatCompletionToMessageDemo);\\n\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/create\"\n }, \"Response API\"), \" \\u63A5\\u53E3\\u8FD4\\u56DE\\u975E\\u6D41\\u5F0F\\u6570\\u636E\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"responseToMessage\"), \" \\u51FD\\u6570\\u5C06 Response Object \\u8F6C\\u6362\\u4E3A Dialogue Message \\u6D88\\u606F\\u5757\\u683C\\u5F0F\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true noInline=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"noInline\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nfunction ResponseToMessageDemo() {\\n const [messages, setMessage] = useState([]);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n useEffect(() => {\\n const responseMessage = responseToMessage(RESPONSE_DATA);\\n\\n setMessage([responseMessage]);\\n }, []);\\n \\n return (\\n \\n );\\n};\\n\\nconst RESPONSE_DATA = {\\n \\\"id\\\": \\\"resp_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41\\\",\\n \\\"object\\\": \\\"response\\\",\\n \\\"created_at\\\": 1741476777,\\n \\\"status\\\": \\\"completed\\\",\\n \\\"error\\\": null,\\n \\\"incomplete_details\\\": null,\\n \\\"instructions\\\": null,\\n \\\"max_output_tokens\\\": null,\\n \\\"model\\\": \\\"gpt-4o-2024-08-06\\\",\\n \\\"output\\\": [\\n {\\n \\\"id\\\": \\\"rs_6876cf02e0bc8192b74af0fb64b715ff06fa2fcced15a5ac\\\",\\n \\\"type\\\": \\\"reasoning\\\",\\n \\\"status\\\": \\\"completed\\\",\\n \\\"summary\\\": [\\n {\\n \\\"type\\\": \\\"summary_text\\\",\\n \\\"text\\\": \\\"**\\u7528\\u6237\\u8BE2\\u95EE\\u4EC0\\u4E48\\u662F Semi Design** \\u7528\\u6237\\u95EE \\u201CSemi Design\\u201D\\u9700\\u6574\\u5408\\u591A\\u6E90\\u4FE1\\u606F\\u3002\\u9996\\u5148\\u53D1\\u73B0\\u6296\\u97F3\\u7684 Semi Design \\u662F\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\uFF0C\\u652F\\u6301\\u591A\\u5E73\\u53F0\\u4E14\\u542B Design Token \\u548C\\u4EE3\\u7801\\u8F6C\\u6362\\u5DE5\\u5177\\u3002\\u5370\\u5EA6 Semi Design \\u4E13\\u6CE8\\u534A\\u5BFC\\u4F53\\u57F9\\u8BAD\\uFF0C\\u4F46\\u7528\\u6237\\u53EF\\u80FD\\u66F4\\u5173\\u6CE8\\u6296\\u97F3\\u6848\\u4F8B\\u3002\\u5176\\u4ED6\\u7ED3\\u679C\\u6D89\\u53CA\\u534A\\u5B9A\\u5236\\u8BBE\\u8BA1\\uFF0C\\u4F46\\u5173\\u8054\\u6027\\u8F83\\u4F4E\\u3002\\u9700\\u786E\\u8BA4\\u662F\\u5426\\u6709\\u5176\\u4ED6\\u89E3\\u91CA\\uFF0C\\u4F46\\u5F53\\u524D\\u4FE1\\u606F\\u5DF2\\u8986\\u76D6\\u4E3B\\u8981\\u7EF4\\u5EA6\\u3002\\u867D\\u7136\\u7EE7\\u7EED\\u63A8\\u7406\\u53EF\\u80FD\\u63D0\\u9AD8\\u5B8C\\u5907\\u6027\\uFF0C\\u4F46\\u73B0\\u9636\\u6BB5\\u5DF2\\u8DB3\\u591F\\u652F\\u6491\\u7B54\\u6848\\uFF0C\\u53EF\\u4EE5\\u5F00\\u59CB\\u8F93\\u51FA\\u7ED9\\u7528\\u6237\\u3002\\\"\\n }\\n ]\\n },\\n {\\n \\\"type\\\": \\\"message\\\",\\n \\\"id\\\": \\\"msg_67ccd3acc8d48190a77525dc6de64b4104becb25c45c1d41\\\",\\n \\\"status\\\": \\\"completed\\\",\\n \\\"role\\\": \\\"assistant\\\",\\n \\\"content\\\": [\\n {\\n \\\"type\\\": \\\"output_text\\\",\\n \\\"text\\\": \\\"Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u548CMED\\u4EA7\\u54C1\\u8BBE\\u8BA1\\u56E2\\u961F\\u8BBE\\u8BA1\\u3001\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\\",\\n \\\"annotations\\\": [\\n {\\n \\\"title\\\": 'Semi Design',\\n \\\"url\\\": 'https://semi.design/zh-CN/start/getting-started',\\n \\\"detail\\\": 'Semi Design \\u5FEB\\u901F\\u5F00\\u59CB',\\n \\\"logo\\\": 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n {\\n \\\"title\\\": 'Semi Design',\\n \\\"url\\\": 'https://semi.design/zh-CN/start/getting-started',\\n \\\"detail\\\": 'Semi Design \\u5FEB\\u901F\\u5F00\\u59CB',\\n \\\"logo\\\": 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n {\\n \\\"title\\\": 'Semi Design',\\n \\\"url\\\": 'https://semi.design/zh-CN/start/getting-started',\\n \\\"detail\\\": 'Semi Design \\u5FEB\\u901F\\u5F00\\u59CB',\\n \\\"logo\\\": 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n ]\\n }\\n ]\\n },\\n {\\n \\\"id\\\": \\\"fc_12345xyz\\\",\\n \\\"call_id\\\": \\\"call_12345xyz\\\",\\n \\\"type\\\": \\\"function_call\\\",\\n \\\"name\\\": \\\"get_semi_page\\\",\\n \\\"status\\\": \\\"completed\\\",\\n \\\"arguments\\\": \\\"{\\\\\\\"pageName\\\\\\\":\\\\\\\"AIChatDialogue\\\\\\\"}\\\"\\n },\\n ],\\n // ...\\n};\\n\\nrender(ResponseToMessageDemo);\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/create\"\n }, \"Response API\"), \" \\u63A5\\u53E3\\u8FD4\\u56DE\\u6D41\\u5F0F\\u6570\\u636E\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"streamingResponseToMessage\"), \" \\u51FD\\u6570\\u5C06 Response Chunk Object List \\u8F6C\\u6362\\u4E3A Dialogue Message \\u6D88\\u606F\\u5757\\u683C\\u5F0F\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true noInline=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"noInline\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React, { useState, useCallback } from 'react';\\nimport { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nconst roleConfig = {\\n user: {\\n name: 'User',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/docs-icon.png'\\n },\\n assistant: {\\n name: 'Assistant',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n },\\n system: {\\n name: 'System',\\n avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/other/logo.png'\\n }\\n};\\n\\nconst FIXED_SHUFFLED_INDICES = [\\n 0, // sequence_number: 0\\n 1, // sequence_number: 1\\n 2, // sequence_number: 2\\n 3, // sequence_number: 3\\n 4, // sequence_number: 4\\n 6, // sequence_number: 6 (\\u57575\\u88AB\\u8DF3\\u8FC7 / chunk 5 skipped)\\n 6, // sequence_number: 6 (\\u57576\\u91CD\\u590D\\u5230\\u8FBE)\\n 7, // sequence_number: 7\\n 5, // sequence_number: 5 (\\u57575\\u5EF6\\u8FDF\\u5230\\u8FBE / chunk 5 arrives late)\\n 8, // sequence_number: 8\\n 9, // sequence_number: 9\\n 10, // sequence_number: 10\\n 11, // sequence_number: 11\\n 12, // sequence_number: 12 \\n 13, // sequence_number: 13 \\n 14, // sequence_number: 14\\n 15, // sequence_number: 15\\n 16, // sequence_number: 16\\n];\\n\\nfunction StreamingResponseToMessageDemo() {\\n const [messages, setMessage] = useState([]);\\n const [currentState, setCurrentState] = useState(null);\\n const [currentLength, setCurrentLength] = useState(0);\\n\\n const onChatsChange = useCallback((chats) => {\\n setMessage(chats);\\n }, []);\\n\\n useEffect(() => {\\n if (currentLength > FIXED_SHUFFLED_INDICES.length) {\\n return;\\n }\\n\\n const timer = setTimeout(() => {\\n if (currentLength === 0) {\\n setCurrentLength(1);\\n return;\\n }\\n\\n const currentIndices = FIXED_SHUFFLED_INDICES.slice(0, currentLength);\\n const currentChunks = currentIndices.map(index => REASONING_CHUNKS[index]);\\n\\n const result = streamingResponseToMessage(currentChunks, currentState);\\n \\n if (result) {\\n const { message: responseMessage, nextState } = result;\\n if (responseMessage) {\\n setMessage([responseMessage]);\\n // \\u66F4\\u65B0\\u72B6\\u6001\\u4F9B\\u4E0B\\u6B21\\u4F7F\\u7528 / Update state for next iteration\\n setCurrentState(nextState);\\n }\\n }\\n setCurrentLength(prev => prev + 1);\\n }, 200);\\n\\n return () => clearTimeout(timer);\\n }, [currentLength, currentState]);\\n \\n return (\\n \\n );\\n};\\n\\nconst REASONING_CHUNKS = [\\n { \\\"type\\\": \\\"response.created\\\", \\\"sequence_number\\\": 0, \\\"response\\\": { \\\"id\\\": \\\"resp_reason_001\\\", \\\"object\\\": \\\"response\\\", \\\"created_at\\\": 1760091777, \\\"status\\\": \\\"in_progress\\\", \\\"background\\\": false, \\\"error\\\": null, \\\"incomplete_details\\\": null, \\\"instructions\\\": null, \\\"max_output_tokens\\\": null, \\\"max_tool_calls\\\": null, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"output\\\": [], \\\"parallel_tool_calls\\\": true, \\\"previous_response_id\\\": null, \\\"prompt_cache_key\\\": null, \\\"reasoning\\\": { \\\"effort\\\": \\\"medium\\\", \\\"summary\\\": null }, \\\"safety_identifier\\\": null, \\\"service_tier\\\": \\\"auto\\\", \\\"store\\\": true, \\\"temperature\\\": 1.0, \\\"text\\\": { \\\"format\\\": { \\\"type\\\": \\\"text\\\" }, \\\"verbosity\\\": \\\"medium\\\" }, \\\"tool_choice\\\": \\\"auto\\\", \\\"tools\\\": [], \\\"top_logprobs\\\": 0, \\\"top_p\\\": 1.0, \\\"truncation\\\": \\\"disabled\\\", \\\"usage\\\": null, \\\"user\\\": null, \\\"metadata\\\": {} } },\\n { \\\"type\\\": \\\"response.in_progress\\\", \\\"sequence_number\\\": 1, \\\"response\\\": { \\\"id\\\": \\\"resp_reason_001\\\", \\\"object\\\": \\\"response\\\", \\\"created_at\\\": 1760091777, \\\"status\\\": \\\"in_progress\\\", \\\"background\\\": false, \\\"error\\\": null, \\\"incomplete_details\\\": null, \\\"instructions\\\": null, \\\"max_output_tokens\\\": null, \\\"max_tool_calls\\\": null, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"output\\\": [], \\\"parallel_tool_calls\\\": true, \\\"previous_response_id\\\": null, \\\"prompt_cache_key\\\": null, \\\"reasoning\\\": { \\\"effort\\\": \\\"medium\\\", \\\"summary\\\": null }, \\\"safety_identifier\\\": null, \\\"service_tier\\\": \\\"auto\\\", \\\"store\\\": true, \\\"temperature\\\": 1.0, \\\"text\\\": { \\\"format\\\": { \\\"type\\\": \\\"text\\\" }, \\\"verbosity\\\": \\\"medium\\\" }, \\\"tool_choice\\\": \\\"auto\\\", \\\"tools\\\": [], \\\"top_logprobs\\\": 0, \\\"top_p\\\": 1.0, \\\"truncation\\\": \\\"disabled\\\", \\\"usage\\\": null, \\\"user\\\": null, \\\"metadata\\\": {} } },\\n\\n // reasoning item\\uFF08\\u8F93\\u51FA\\u7D22\\u5F15 0\\uFF09\\n { \\\"type\\\": \\\"response.output_item.added\\\", \\\"sequence_number\\\": 2, \\\"output_index\\\": 0, \\\"item\\\": { \\\"id\\\": \\\"rs_reason_001\\\", \\\"type\\\": \\\"reasoning\\\", \\\"summary\\\": [] } },\\n { \\\"type\\\": \\\"response.reasoning_summary_part.added\\\", \\\"sequence_number\\\": 3, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"part\\\": { \\\"type\\\": \\\"reasoning\\\", \\\"text\\\": \\\"\\\" } },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.delta\\\", \\\"sequence_number\\\": 4, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"delta\\\": \\\"\\u601D\\\" },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.delta\\\", \\\"sequence_number\\\": 5, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"delta\\\": \\\"\\u8003\\\" },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.delta\\\", \\\"sequence_number\\\": 6, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"delta\\\": \\\"\\u5B8C\\\" },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.delta\\\", \\\"sequence_number\\\": 7, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"delta\\\": \\\"\\u6210\\\" },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.delta\\\", \\\"sequence_number\\\": 8, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"delta\\\": \\\"\\uFF01\\\" },\\n { \\\"type\\\": \\\"response.reasoning_summary_text.done\\\", \\\"sequence_number\\\": 9, \\\"output_index\\\": 0, \\\"summary_index\\\": 0, \\\"text\\\": \\\"\\u601D\\u8003\\u5B8C\\u6210\\uFF01\\\" },\\n { \\\"type\\\": \\\"response.output_item.done\\\", \\\"sequence_number\\\": 10, \\\"output_index\\\": 0, \\\"item\\\": { \\\"id\\\": \\\"rs_reason_001\\\", \\\"type\\\": \\\"reasoning\\\", \\\"summary\\\": [ { \\\"type\\\": \\\"reasoning\\\", \\\"text\\\": \\\"\\u601D\\u8003\\u5B8C\\u6210\\uFF01\\\" } ] } },\\n\\n // assistant message\\uFF08\\u8F93\\u51FA\\u7D22\\u5F15 1\\uFF09\\n { \\\"type\\\": \\\"response.output_item.added\\\", \\\"sequence_number\\\": 11, \\\"output_index\\\": 1, \\\"item\\\": { \\\"id\\\": \\\"msg_reason_001\\\", \\\"type\\\": \\\"message\\\", \\\"status\\\": \\\"in_progress\\\", \\\"content\\\": [], \\\"role\\\": \\\"assistant\\\" } },\\n { \\\"type\\\": \\\"response.content_part.added\\\", \\\"sequence_number\\\": 12, \\\"item_id\\\": \\\"msg_reason_001\\\", \\\"output_index\\\": 1, \\\"content_index\\\": 0, \\\"part\\\": { \\\"type\\\": \\\"output_text\\\", \\\"annotations\\\": [], \\\"text\\\": \\\"\\\" } },\\n { \\\"type\\\": \\\"response.output_text.delta\\\", \\\"sequence_number\\\": 13, \\\"item_id\\\": \\\"msg_reason_001\\\", \\\"output_index\\\": 1, \\\"content_index\\\": 0, \\\"delta\\\": \\\"\\u57FA\\u4E8E\\u4E0A\\u8FF0\\u601D\\u8003\\uFF0C\\\" },\\n { \\\"type\\\": \\\"response.output_text.delta\\\", \\\"sequence_number\\\": 14, \\\"item_id\\\": \\\"msg_reason_001\\\", \\\"output_index\\\": 1, \\\"content_index\\\": 0, \\\"delta\\\": \\\"\\u7ED3\\u8BBA\\u5982\\u4E0B\\uFF1A\\\" },\\n { \\\"type\\\": \\\"response.output_text.done\\\", \\\"sequence_number\\\": 15, \\\"item_id\\\": \\\"msg_reason_001\\\", \\\"output_index\\\": 1, \\\"content_index\\\": 0, \\\"text\\\": \\\"\\u57FA\\u4E8E\\u4E0A\\u8FF0\\u601D\\u8003\\uFF0C\\u7ED3\\u8BBA\\u5982\\u4E0B\\uFF1A...\\\" },\\n\\n { \\\"type\\\": \\\"response.completed\\\", \\\"sequence_number\\\": 16, \\\"response\\\": { \\\"id\\\": \\\"resp_reason_001\\\", \\\"object\\\": \\\"response\\\", \\\"created_at\\\": 1760091777, \\\"status\\\": \\\"completed\\\", \\\"background\\\": false, \\\"error\\\": null, \\\"incomplete_details\\\": null, \\\"instructions\\\": null, \\\"max_output_tokens\\\": null, \\\"max_tool_calls\\\": null, \\\"model\\\": \\\"o3-mini-2025-01-31\\\", \\\"output\\\": [ { \\\"id\\\": \\\"rs_reason_001\\\", \\\"type\\\": \\\"reasoning\\\", \\\"summary\\\": [ { \\\"type\\\": \\\"reasoning\\\", \\\"text\\\": \\\"\\u601D\\u8003\\u5B8C\\u6210\\uFF01\\\" } ] }, { \\\"id\\\": \\\"msg_reason_001\\\", \\\"type\\\": \\\"message\\\", \\\"status\\\": \\\"completed\\\", \\\"content\\\": [ { \\\"type\\\": \\\"output_text\\\", \\\"annotations\\\": [], \\\"text\\\": \\\"\\u57FA\\u4E8E\\u4E0A\\u8FF0\\u601D\\u8003\\uFF0C\\u7ED3\\u8BBA\\u5982\\u4E0B\\uFF1A...\\\" } ], \\\"role\\\": \\\"assistant\\\" } ], \\\"parallel_tool_calls\\\": true, \\\"previous_response_id\\\": null, \\\"prompt_cache_key\\\": null, \\\"reasoning\\\": { \\\"effort\\\": \\\"medium\\\", \\\"summary\\\": null }, \\\"safety_identifier\\\": null, \\\"service_tier\\\": \\\"default\\\", \\\"store\\\": true, \\\"temperature\\\": 1.0, \\\"text\\\": { \\\"format\\\": { \\\"type\\\": \\\"text\\\" }, \\\"verbosity\\\": \\\"medium\\\" }, \\\"tool_choice\\\": \\\"auto\\\", \\\"tools\\\": [], \\\"top_logprobs\\\": 0, \\\"top_p\\\": 1.0, \\\"truncation\\\": \\\"disabled\\\", \\\"usage\\\": { \\\"input_tokens\\\": 12, \\\"input_tokens_details\\\": { \\\"cached_tokens\\\": 0 }, \\\"output_tokens\\\": 120, \\\"output_tokens_details\\\": { \\\"reasoning_tokens\\\": 16 }, \\\"total_tokens\\\": 132 }, \\\"user\\\": null, \\\"metadata\\\": {} } }\\n];\\n\\nrender(StreamingResponseToMessageDemo);\\n\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"API \\u53C2\\u8003\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"align\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5BF9\\u8BDD\\u5E03\\u5C40\\u65B9\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'leftRight' \", \"|\", \" 'leftAlign'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'leftRight'\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"chats\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53D7\\u63A7\\u5BF9\\u8BDD\\u6D88\\u606F\\u5217\\u8868\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Message[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"className\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u7C7B\\u540D\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"disabledFileItemClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u7981\\u7528\\u6587\\u4EF6\\u70B9\\u51FB\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"escapeHtml\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5BF9\\u7528\\u6237\\u6D88\\u606F\\u4E2D\\u7684 HTML \\u6807\\u7B7E\\u8FDB\\u884C\\u8F6C\\u4E49\\uFF0C\\u9632\\u6B62\\u88AB Markdown \\u89E3\\u6790\\u5668\\u5F53\\u4F5C HTML \\u5904\\u7406\\u5BFC\\u81F4\\u5185\\u5BB9\\u4E22\\u5931\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"hintCls\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63D0\\u793A\\u533A\\u6700\\u5916\\u5C42\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"hints\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63D0\\u793A\\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"hintStyle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63D0\\u793A\\u533A\\u6700\\u5916\\u5C42\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"markdownRenderProps\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BE5\\u53C2\\u6570\\u5C06\\u900F\\u4F20\\u7ED9\\u5BF9\\u8BDD\\u6846\\u6E32\\u67D3\\u6240\\u7528\\u7684 MarkdownRender \\u7EC4\\u4EF6\\uFF0C\\u8BE6\\u89C1 \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/plus/markdownrender#API\"\n }, \"MarkdownRenderProps\"), \"\\u3002\\u6CE8\\u610F\\uFF1A\\u5F53\\u81EA\\u5B9A\\u4E49 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"markdownRenderProps.components\"), \" \\u65F6\\uFF0C\\u5982\\u679C\\u5305\\u542B \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"code\"), \" \\u7EC4\\u4EF6\\uFF0C\\u4F1A\\u8986\\u76D6\\u9ED8\\u8BA4\\u7684\\u4EE3\\u7801\\u5757\\u6E32\\u67D3\\u7EC4\\u4EF6\\u3002\\u5982\\u9700\\u5728\\u81EA\\u5B9A\\u4E49\\u4EE3\\u7801\\u5757\\u6E32\\u67D3\\u65F6\\u4FDD\\u7559\\u9ED8\\u8BA4\\u529F\\u80FD\\uFF0C\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"AIChatDialogue.defaultComponents.code\"), \" \\u83B7\\u53D6\\u9ED8\\u8BA4\\u7EC4\\u4EF6\\u8FDB\\u884C\\u4E8C\\u6B21\\u5C01\\u88C5\\u3002\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"MarkdownRenderProps\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"messageEditRender\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u6D88\\u606F\\u7F16\\u8F91\\u6E32\\u67D3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(props: MessageContent) => React.ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"mode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5BF9\\u8BDD\\u6A21\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'bubble' \", \"|\", \" 'noBubble' \", \"|\", \" 'userBubble'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'bubble'\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onAnnotationClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"annotation \\u70B9\\u51FB\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(annotation?: Annotation) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onChatsChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5BF9\\u8BDD\\u6D88\\u606F\\u5217\\u8868\\u53D8\\u66F4\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(chats?: Message[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onFileClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9644\\u4EF6\\u6587\\u4EF6\\u70B9\\u51FB\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(file?: InputFile) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onHintClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u70B9\\u51FB\\u63D0\\u793A\\u8BCD\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(hint: string) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onImageClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u56FE\\u7247\\u70B9\\u51FB\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(image?: InputImage) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageBadFeedback\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6D88\\u606F\\u8D1F\\u5411\\u53CD\\u9988\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageCopy\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u590D\\u5236\\u6D88\\u606F\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageDelete\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5220\\u9664\\u6D88\\u606F\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageEdit\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7F16\\u8F91\\u6D88\\u606F\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageGoodFeedback\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6D88\\u606F\\u6B63\\u5411\\u53CD\\u9988\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageReset\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u91CD\\u7F6E\\u6D88\\u606F\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMessageShare\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5206\\u4EAB\\u6D88\\u606F\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(message?: Message) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onReferenceClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F15\\u7528\\u6309\\u94AE\\u70B9\\u51FB\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(item?: Reference) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSelect\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u9879\\u53D8\\u66F4\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(selectedIds: string[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dialogueRenderConfig\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u5404\\u533A\\u5757\\u6E32\\u67D3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"DialogueRenderConfig\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderDialogueContentItem\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6309\\u6D88\\u606F\\u7C7B\\u578B\\u8FD4\\u56DE\\u5185\\u5BB9\\u6E32\\u67D3\\u6620\\u5C04\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"DialogueContentItemRendererMap\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderHintBox\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u63D0\\u793A\\u9879\\u6E32\\u67D3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(props: { content: string; index: number; onHintClick: () => void }) => React.ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"roleConfig\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u89D2\\u8272\\u914D\\u7F6E\\uFF08user/assistant/system \\u7B49\\u5143\\u6570\\u636E\\uFF09\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/ai/aiChatDialogue#RoleConfig\"\n }, \"RoleConfig\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5FC5\\u586B\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"selecting\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5F00\\u542F\\u9009\\u62E9\\u6A21\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showReset\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5C55\\u793A\\u91CD\\u7F6E\\u64CD\\u4F5C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showReference\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5728\\u6587\\u5B57\\u6216\\u8005\\u6587\\u4EF6\\u6D88\\u606F\\u4E2D\\u5C55\\u793A\\u53EF\\u88AB\\u5F15\\u7528\\u56FE\\u6807\\uFF0C\\u4EC5\\u5BF9\\u7528\\u6237\\u6D88\\u606F\\u751F\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"style\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"RoleConfig\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"user\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7528\\u6237\\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Metadata \", \"|\", \" Map\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"assistant\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u52A9\\u624B\\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Metadata \", \"|\", \" Map\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"system\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7CFB\\u7EDF\\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Metadata \", \"|\", \" Map\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"MetaData\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"name\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u540D\\u79F0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"avatar\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5934\\u50CF\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"color\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5934\\u50CF\\u80CC\\u666F\\u8272\\uFF0C\\u540C Avatar \\u7EC4\\u4EF6\\u7684 color \\u53C2\\u6570, \\u652F\\u6301 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"amber\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"blue\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"cyan\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"green\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"grey\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"indigo\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"light-blue\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"light-green\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"lime\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"orange\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"pink\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"purple\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"red\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"teal\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"violet\"), \"\\u3001 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"yellow\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"grey\"))))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"Message\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"role\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u89D2\\u8272\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"name\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u540D\\u79F0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"id\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u552F\\u4E00\\u6807\\u8BC6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \" number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"content\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6D88\\u606F\\u5185\\u5BB9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \" ContentItem[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"createdAt\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u521B\\u5EFA\\u65F6\\u95F4\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"model\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6A21\\u578B\\u540D\\u79F0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"status\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6D88\\u606F\\u72B6\\u6001\\uFF0C\\u53EF\\u9009\\u503C\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"queued\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"in_progress\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"incomplete\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"completed\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"failed\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"cancelled\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"completed\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"Reference\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"id\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u552F\\u4E00\\u6807\\u8BC6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string \", \"|\", \" number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"type\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"name\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u540D\\u79F0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"url\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5730\\u5740\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"content\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u672C\\u5185\\u5BB9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"Methods\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65B9\\u6CD5\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"selectAll\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5168\\u9009\\u6240\\u6709\\u6D88\\u606F\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"deselectAll\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53D6\\u6D88\\u5168\\u9009\\u6240\\u6709\\u6D88\\u606F\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"scrollToBottom(animation: boolean)\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6EDA\\u52A8\\u5230\\u6700\\u5E95\\u90E8, animation \\u4E3A true\\uFF0C\\u5219\\u6709\\u52A8\\u753B\\uFF0C\\u53CD\\u4E4B\\u65E0\\u52A8\\u753B\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"scrollToTop(animation: boolean)\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6EDA\\u52A8\\u5230\\u6700\\u9876\\u90E8, animation \\u4E3A true\\uFF0C\\u5219\\u6709\\u52A8\\u753B\\uFF0C\\u53CD\\u4E4B\\u65E0\\u52A8\\u753B\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"Static Properties\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"defaultComponents\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u7684 Markdown \\u6E32\\u67D3\\u7EC4\\u4EF6\\u96C6\\u5408\\uFF0C\\u5305\\u542B\\u589E\\u5F3A\\u7248\\u7684 Code \\u7EC4\\u4EF6\\uFF0C\\u652F\\u6301\\u4EE3\\u7801\\u8BED\\u8A00\\u6807\\u8BC6\\u548C\\u590D\\u5236\\u529F\\u80FD\\u3002\\u53EF\\u7528\\u4E8E \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"markdownRenderProps.components\"), \" \\u7684\\u4E8C\\u6B21\\u5C01\\u88C5 \", mdx(\"strong\", {\n parentName: \"td\"\n }, \">=2.94.0\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"{ code: React.ComponentType }\")))), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"strong\", {\n parentName: \"p\"\n }, \"\\u4F7F\\u7528\\u793A\\u4F8B\\uFF1A\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u9700\\u8981\\u5728\\u81EA\\u5B9A\\u4E49\\u4EE3\\u7801\\u5757\\u6E32\\u67D3\\u65F6\\u4FDD\\u7559\\u9ED8\\u8BA4\\u529F\\u80FD\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"AIChatDialogue.defaultComponents.code\"), \" \\u83B7\\u53D6\\u9ED8\\u8BA4\\u7EC4\\u4EF6\\uFF1A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\"\n }, \"import { AIChatDialogue } from '@douyinfe/semi-ui';\\n\\nfunction CustomCodeDemo() {\\n return (\\n {\\n // \\u83B7\\u53D6\\u9ED8\\u8BA4\\u7684 Code \\u7EC4\\u4EF6\\n const DefaultCode = AIChatDialogue.defaultComponents.code;\\n // \\u53EF\\u4EE5\\u5728\\u6B64\\u5904\\u6DFB\\u52A0\\u81EA\\u5B9A\\u4E49\\u903B\\u8F91\\n return ;\\n }\\n }\\n }}\\n />\\n );\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"ContentItem\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ContentItem\"), \" \\u652F\\u6301\\u6240\\u6709 OpenAI Response \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/create#responses-create-input\"\n }, \"InputItem\"), \" \\u548C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://platform.openai.com/docs/api-reference/responses/object#responses/object-output\"\n }, \"OutputItem\"), \" \\u7C7B\\u578B\\uFF0C\\u5177\\u4F53\\u7C7B\\u578B\\u5B9A\\u4E49\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"type ContentItem = InputContentItem | OutputContentItem;\\n\\ntype InputContentItem = InputMessage | ItemReference;\\ntype OutputContentItem = OutputMessage | MCPToolCall | Reasoning FileSearchToolCall | \\n WebSearchToolCall | FunctionToolCall | CustomToolCall | ImageGenerationCall| CustomObject;\\n\\ninterface CommonContentItem {\\n id?: string;\\n type?: string;\\n status?: string;\\n role?: string\\n}\\n\\ninterface CustomObject {\\n [key: string]: any\\n}\\n\\n// input item\\ninterface InputMessage extends CommonContentItem {\\n content?: string | (InputText | InputImage | InputFile)[]\\n}\\n\\ninterface InputText extends CommonContentItem {\\n text?: string\\n}\\n\\ninterface InputImage extends CommonContentItem {\\n detail?: string;\\n file_id?: string;\\n image_url?: string\\n}\\n\\ninterface InputFile extends CommonContentItem {\\n file_id?: string;\\n file_data?: string;\\n file_url?: string;\\n filename?: string;\\n size?: string;\\n file_type?: string;\\n fileInstance?: any\\n}\\n\\ninterface ItemReference extends CommonContentItem {\\n file_id?: string\\n}\\n\\n\\n// output item\\ninterface OutputMessage extends CommonContentItem {\\n content?: (OutputText | Refusal)[]\\n}\\n\\ninterface OutputText {\\n text?: string;\\n type?: string;\\n annotations?: Annotation[]\\n}\\n\\ninterface Refusal extends CommonContentItem {\\n refusal?: string;\\n type?: string\\n}\\n\\ntype Annotation = URLCitation | CustomObject;\\n\\ninterface URLCitation {\\n end_index?: number;\\n start_index?: number;\\n title?: string;\\n type?: string;\\n url?: string\\n}\\n\\ninterface Reasoning extends CommonContentItem {\\n summary?: {\\n text?: string;\\n type?: string\\n }[];\\n content?: {\\n text?: string;\\n type?: string\\n }[]\\n}\\n\\ninterface FileSearchToolCallResult {\\n attributes?: Map;\\n score?: number;\\n file_id?: string;\\n filename?: string;\\n text?: string\\n}\\n\\ninterface FileSearchToolCall extends CommonContentItem {\\n queries?: string[];\\n results?: FileSearchToolCallResult[]\\n}\\n\\ninterface WebSearchToolCall extends CommonContentItem {\\n action?: SearchAction | OpenPageAction | FindAction\\n}\\n\\ninterface SearchAction {\\n type?: string;\\n query?: string;\\n sources?: { type: string; url: string }[]\\n}\\n\\ninterface OpenPageAction {\\n type?: string;\\n url?: string\\n}\\n\\ninterface FindAction {\\n action?: string;\\n type?: string;\\n query?: string\\n}\\n\\ninterface FunctionToolCall extends CommonContentItem {\\n call_id?: string;\\n name?: string;\\n arguments?: string\\n}\\n\\ninterface CustomToolCall extends CommonContentItem {\\n call_id?: string;\\n name?: string;\\n input?: string\\n}\\n\\ninterface ImageGenerationCall extends CommonContentItem {\\n result?: string\\n}\\n\\ninterface MCPToolCall extends CommonContentItem {\\n arguments?: string;\\n server_label?: string;\\n name?: string;\\n result?: string;\\n output?: string\\n}\\n\\ninterface FileUploadToolCall extends CommonContentItem {\\n result?: string\\n}\\n\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n mdxType: \"DesignToken\"\n })));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/ai/aiChatDialogue","next":{"fields":{"slug":"en-US/ai/sidebar"},"id":"780f68a3-c68c-574a-aa82-e42a6dd87e85","frontmatter":{"title":"Sidebar","localeCode":"en-US","icon":"doc-sidebar","showNew":true}},"previous":{"fields":{"slug":"en-US/ai/aiChatDialogue"},"id":"d0060c25-1e2a-5be1-bfbc-bc2394fcbb56","frontmatter":{"title":"AIChatDialogue","localeCode":"en-US","icon":"doc-aiDialogue","showNew":true}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}