@ai-group/chat-sdk 1.0.1 → 1.0.4

package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js

@@ -83,32 +83,14 @@ var mockMessages = [
     },
     parentMessageId: "1"
   },
-  // {
-  //   id: '22',
-  //   type: 'TextMessage',
-  //   createdAt: new Date(),
-  //   status: MessageStatus.done,
-  //   role: MessageRole.assistant,
-  //   content: {
-  //     text: '{"data":"车次 | 出发站 -> 到达站 | 出发时间 -> 到达时间 | 历时\\nC406(实际车次train_no: 560000C40603) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 20:01 -> 21:50 历时：01:49\\n- 二等座: 有票 47元\\n- 一等座: 有票 75元\\n- 无座: 有票 47元\\nC412(实际车次train_no: 560000C41202) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 18:21 -> 20:08 历时：01:47\\n- 二等座: 无票 47元\\n- 一等座: 无票 75元\\n- 无座: 有票 47元\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海(telecode: SHH) 20:00 -> 21:39 历时：01:39\\n- 商务座: 剩余16张票 278元\\n- 一等座: 有票 149元\\n- 二等座: 有票 93元\\n- 无座: 有票 93元\\nC482(实际车次train_no: 560000C48220) 杭州(telecode: HZH) -> 上海南(telecode: SNH) 19:42 -> 21:20 历时：01:38\\n- 二等座: 有票 49元\\n- 一等座: 有票 77元\\n- 无座: 有票 49元\\nG8358(实际车次train_no: 56000G835800) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:11 -> 19:38 历时：01:27\\n- 商务座: 剩余11张票 357元\\n- 一等座: 有票 163元\\n- 二等座: 有票 103元\\n- 无座: 有票 103元\\nG1440(实际车次train_no: 57000G144005) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:55 -> 22:21 历时：01:26\\n- 商务座: 剩余17张票 320元\\n- 一等座: 有票 147元\\n- 二等座: 有票 92元\\n- 优选一等座: 有票 202元\\n- 无座: 有票 92元\\nC406(实际车次train_no: 560000C40603) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 20:01 -> 21:25 历时：01:24\\n- 二等座: 有票 40元\\n- 一等座: 有票 63元\\n- 无座: 有票 40元\\nC3050(实际车次train_no: 52000C305000) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 19:34 -> 20:58 历时：01:24\\n- 商务座: 无票 351元\\n- 一等座: 剩余13张票 161元\\n- 二等座: 有票 101元\\n- 无座: 有票 101元\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海西(telecode: SXH) 20:00 -> 21:23 历时：01:23\\n- 商务座: 剩余16张票 271元\\n- 一等座: 有票 144元\\n- 二等座: 有票 90元\\n- 无座: 有票 90元\\nG7140(实际车次train_no: 56000G714000) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:38 -> 20:01 历时：01:23\\n- 商务座: 剩余3张票 357元\\n- 一等座: 剩余18张票 163元\\n- 二等座: 有票 103元\\n- 无座: 有票 103元\\nG8386(实际车次train_no: 54000G838601) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:25 -> 19:48 历时：01:23\\n- 商务座: 剩余1张票 357元\\n- 一等座: 剩余18张票 163元\\n- 二等座: 有票 103元\\n- 无座: 有票 103元\\nC412(实际车次train_no: 560000C41202) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 18:21 -> 19:42 历时：01:21\\n- 二等座: 无票 40元\\n- 一等座: 无票 63元\\n- 无座: 有票 40元\\nG7124(实际车次train_no: 56000G712400) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:03 -> 19:24 历时：01:21\\n- 商务座: 剩余5张票 357元\\n- 一等座: 剩余5张票 163元\\n- 二等座: 有票 103元\\n- 无座: 有票 103元\\nG3092(实际车次train_no: 5n000G309205) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:40 -> 21:59 历时：01:19\\n- 商务座: 剩余10张票 332元\\n- 一等座: 有票 152元\\n- 二等座: 有票 95元\\n- 无座: 有票 95元\\nG7112(实际车次train_no: 54000G711200) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:12 -> 21:31 历时：01:19\\n- 二等座: 有票 110元\\n- 一等座: 有票 174元\\n- 无座: 有票 110元\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 17:51 -> 19:10 历时：01:19\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 有票 87元\\nG7432(实际车次train_no: 5j000G743252) 杭州南(telecode: XHH) -> 上海虹桥(telecode: AOH) 17:55 -> 19:13 历时：01:18\\n- 商务座: 无票 298元\\n- 一等座: 无票 158元\\n- 二等座: 无票 98元\\n- 无座: 无票 98元\\nG7600(实际车次train_no: 5e000G760030) 杭州南(telecode: XHH) -> 上海南(telecode: SNH) 19:34 -> 20:50 历时：01:16\\n- 商务座: 剩余9张票 248元\\n- 一等座: 有票 132元\\n- 二等座: 有票 82元\\n- 无座: 有票 82元\\nG3078(实际车次train_no: 65000G307810) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 21:12 -> 22:26 历时：01:14\\n- 商务座: 有票 320元\\n- 一等座: 有票 147元\\n- 二等座: 有票 92元\\n- 无座: 有票 92元\\nG8304(实际车次train_no: 56000G830410) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 19:59 -> 21:11 历时：01:12\\n- 二等座: 有票 103元\\n- 一等座: 有票 163元\\n- 无座: 有票 103元\\nG8360(实际车次train_no: 5j000G836002) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 19:15 -> 20:27 历时：01:12\\n- 商务座: 剩余2张票 405元\\n- 一等座: 无票 185元\\n- 二等座: 有票 116元\\n- 无座: 有票 116元\\nG7550(实际车次train_no: 5j000G755060) 杭州南(telecode: XHH) -> 上海虹桥(telecode: AOH) 18:35 -> 19:47 历时：01:12\\n- 商务座: 无票 298元\\n- 一等座: 无票 158元\\n- 二等座: 无票 98元\\n- 无座: 无票 98元\\nG100(实际车次train_no: 6x0000G1000A) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:31 -> 19:43 历时：01:12\\n- 商务座: 剩余7张票 405元\\n- 一等座: 剩余19张票 185元\\n- 二等座: 有票 116元\\nG1306(实际车次train_no: 65000G130601) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:39 -> 22:49 历时：01:10\\n- 商务座: 剩余8张票 279元\\n- 一等座: 剩余15张票 128元\\n- 二等座: 有票 81元\\n- 无座: 有票 81元\\nG1372(实际车次train_no: 80000G13720S) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:02 -> 22:12 历时：01:10\\n- 商务座: 剩余12张票 219元\\n- 一等座: 有票 105元\\n- 二等座: 有票 65元\\n- 无座: 无票 65元\\nG7314(实际车次train_no: 52000G731401) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:18 -> 20:27 历时：01:09\\n- 商务座: 无票 242元\\n- 一等座: 无票 129元\\n- 二等座: 剩余5张票 80元\\n- 无座: 有票 80元\\nG7522(实际车次train_no: 5e000G752290) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 18:34 -> 19:41 历时：01:07\\n- 商务座: 剩余5张票 239元\\n- 一等座: 有票 127元\\n- 二等座: 有票 79元\\n- 无座: 有票 79元\\nG7310(实际车次train_no: 5a000G731004) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 17:47 -> 18:54 历时：01:07\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 有票 87元\\nG7432(实际车次train_no: 5j000G743252) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:07 -> 19:13 历时：01:06\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 无票 87元\\nG1388(实际车次train_no: 57000G138800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:52 -> 22:56 历时：01:04\\n- 商务座: 剩余11张票 242元\\n- 一等座: 有票 117元\\n- 二等座: 有票 73元\\n- 无座: 有票 73元\\nG998(实际车次train_no: 6i0000G99800) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:24 -> 22:27 历时：01:03\\n- 商务座: 剩余4张票 315元\\n- 一等座: 剩余11张票 145元\\n- 二等座: 有票 91元\\n- 无座: 有票 91元\\nG1316(实际车次train_no: 5n000G131600) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:01 -> 22:04 历时：01:03\\n- 商务座: 剩余6张票 374元\\n- 一等座: 剩余6张票 172元\\n- 二等座: 有票 108元\\n- 无座: 有票 108元\\nG7338(实际车次train_no: 5j000G733831) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:25 -> 21:27 历时：01:02\\n- 商务座: 剩余9张票 219元\\n- 一等座: 有票 117元\\n- 二等座: 有票 73元\\n- 无座: 有票 73元\\nG1510(实际车次train_no: 4z000G15100D) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:01 -> 19:03 历时：01:02\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 无票 87元\\nG7600(实际车次train_no: 5e000G760030) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:49 -> 20:50 历时：01:01\\n- 商务座: 剩余9张票 216元\\n- 一等座: 有票 115元\\n- 二等座: 有票 72元\\n- 无座: 有票 72元\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海虹桥(telecode: AOH) 20:00 -> 21:00 历时：01:00\\n- 商务座: 剩余19张票 232元\\n- 一等座: 有票 124元\\n- 二等座: 有票 78元\\n- 无座: 有票 78元\\nG1350(实际车次train_no: 62000G135002) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:02 -> 23:01 历时：00:59\\n- 商务座: 剩余7张票 219元\\n- 一等座: 有票 105元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG1506(实际车次train_no: 71000G150632) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:48 -> 22:47 历时：00:59\\n- 商务座: 剩余19张票 219元\\n- 一等座: 有票 105元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG1334(实际车次train_no: 77000G13350F) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:57 -> 20:56 历时：00:59\\n- 商务座: 剩余14张票 242元\\n- 一等座: 剩余1张票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG1378(实际车次train_no: 80000G13780O) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:19 -> 19:18 历时：00:59\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 无票 87元\\nG7600(实际车次train_no: 5e000G760030) 杭州南(telecode: XHH) -> 上海松江(telecode: IMH) 19:34 -> 20:32 历时：00:58\\n- 商务座: 剩余9张票 208元\\n- 一等座: 有票 111元\\n- 二等座: 有票 68元\\n- 无座: 有票 68元\\nG1302(实际车次train_no: 6e000G130206) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:50 -> 21:47 历时：00:57\\n- 商务座: 剩余14张票 263元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG7366(实际车次train_no: 56000G736606) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:14 -> 21:11 历时：00:57\\n- 商务座: 剩余4张票 242元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 17:51 -> 18:48 历时：00:57\\n- 商务座: 剩余2张票 212元\\n- 一等座: 剩余1张票 113元\\n- 二等座: 无票 70元\\n- 无座: 有票 70元\\nG7340(实际车次train_no: 5j000G734003) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:54 -> 21:50 历时：00:56\\n- 商务座: 剩余14张票 219元\\n- 一等座: 有票 117元\\n- 二等座: 有票 73元\\n- 无座: 有票 73元\\nG1638(实际车次train_no: 5n000G163800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:45 -> 22:40 历时：00:55\\n- 商务座: 剩余9张票 219元\\n- 一等座: 有票 105元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG7350(实际车次train_no: 5j000G735074) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:40 -> 21:35 历时：00:55\\n- 商务座: 剩余7张票 263元\\n- 一等座: 有票 140元\\n- 二等座: 有票 87元\\n- 无座: 有票 87元\\nG1328(实际车次train_no: 78000G13280E) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:35 -> 21:30 历时：00:55\\n- 商务座: 剩余6张票 242元\\n- 一等座: 剩余9张票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG7550(实际车次train_no: 5j000G755060) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:52 -> 19:47 历时：00:55\\n- 商务座: 无票 263元\\n- 一等座: 剩余1张票 140元\\n- 二等座: 无票 87元\\n- 无座: 无票 87元\\nG7528(实际车次train_no: 5j000G752802) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:27 -> 22:21 历时：00:54\\n- 商务座: 剩余12张票 219元\\n- 一等座: 剩余8张票 117元\\n- 二等座: 有票 73元\\n- 无座: 有票 73元\\nG7588(实际车次train_no: 5j000G758802) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:05 -> 19:59 历时：00:54\\n- 商务座: 无票 263元\\n- 一等座: 无票 140元\\n- 二等座: 无票 87元\\n- 无座: 剩余1张票 87元\\nG3060(实际车次train_no: 5n000G306000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:10 -> 21:03 历时：00:53\\n- 商务座: 剩余2张票 242元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG7566(实际车次train_no: 5j000G756606) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:09 -> 20:02 历时：00:53\\n- 商务座: 剩余1张票 263元\\n- 一等座: 剩余3张票 140元\\n- 二等座: 无票 87元\\n- 无座: 有票 87元\\nG1640(实际车次train_no: 5n000G164000) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 22:38 -> 23:30 历时：00:52\\n- 商务座: 剩余12张票 216元\\n- 一等座: 有票 104元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG1390(实际车次train_no: 5w000G139010) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:34 -> 23:26 历时：00:52\\n- 商务座: 有票 219元\\n- 一等座: 有票 105元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG2190(实际车次train_no: 76000G21910F) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:35 -> 22:27 历时：00:52\\n- 商务座: 剩余17张票 219元\\n- 一等座: 有票 117元\\n- 二等座: 有票 73元\\n- 无座: 有票 73元\\nG1616(实际车次train_no: 71000G161602) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:29 -> 19:21 历时：00:52\\n- 商务座: 无票 242元\\n- 一等座: 无票 105元\\n- 二等座: 无票 65元\\n- 无座: 无票 65元\\nG7522(实际车次train_no: 5e000G752290) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 18:34 -> 19:25 历时：00:51\\n- 商务座: 剩余8张票 194元\\n- 一等座: 有票 104元\\n- 二等座: 有票 64元\\n- 无座: 有票 64元\\nG7310(实际车次train_no: 5a000G731004) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 17:47 -> 18:37 历时：00:50\\n- 商务座: 无票 212元\\n- 一等座: 无票 113元\\n- 二等座: 无票 70元\\n- 无座: 有票 70元\\nG7550(实际车次train_no: 5j000G755060) 杭州南(telecode: XHH) -> 金山北(telecode: EGH) 18:35 -> 19:24 历时：00:49\\n- 商务座: 无票 219元\\n- 一等座: 剩余2张票 116元\\n- 二等座: 无票 72元\\n- 无座: 有票 72元\\nG820(实际车次train_no: 6c0000G82002) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:07 -> 21:54 历时：00:47\\n- 商务座: 剩余11张票 242元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 优选一等座: 有票 177元\\n- 无座: 有票 80元\\nG470(实际车次train_no: 640000G47100) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:11 -> 21:57 历时：00:46\\n- 商务座: 剩余19张票 242元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG240(实际车次train_no: 800000G24000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:34 -> 20:20 历时：00:46\\n- 商务座: 剩余5张票 263元\\n- 一等座: 剩余3张票 140元\\n- 二等座: 有票 87元\\n- 无座: 有票 87元\\nG7312(实际车次train_no: 52000G731207) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:24 -> 20:10 历时：00:46\\n- 商务座: 剩余3张票 239元\\n- 一等座: 剩余4张票 127元\\n- 二等座: 有票 79元\\n- 无座: 有票 79元\\nG1386(实际车次train_no: 5u000G138620) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:01 -> 19:47 历时：00:46\\n- 商务座: 有票 239元\\n- 一等座: 有票 127元\\n- 二等座: 有票 79元\\n- 无座: 有票 79元\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 17:51 -> 18:37 历时：00:46\\n- 商务座: 剩余6张票 184元\\n- 一等座: 剩余17张票 98元\\n- 二等座: 剩余2张票 61元\\n- 无座: 有票 61元\\nG4918(实际车次train_no: 57000G49184G) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 23:20 -> 00:05 历时：00:45\\n- 商务座: 剩余7张票 242元\\n- 一等座: 剩余12张票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG1374(实际车次train_no: 80000G137410) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:30 -> 23:15 历时：00:45\\n- 商务座: 剩余18张票 219元\\n- 一等座: 有票 117元\\n- 二等座: 有票 73元\\n- 无座: 无票 73元\\nG7536(实际车次train_no: 5j000G753603) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:22 -> 23:07 历时：00:45\\n- 商务座: 剩余6张票 219元\\n- 一等座: 剩余11张票 105元\\n- 二等座: 有票 65元\\n- 无座: 有票 65元\\nG358(实际车次train_no: 780000G35800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:19 -> 23:04 历时：00:45\\n- 商务座: 剩余17张票 242元\\n- 一等座: 有票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG822(实际车次train_no: 6c0000G82200) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:58 -> 22:43 历时：00:45\\n- 商务座: 剩余9张票 263元\\n- 一等座: 有票 140元\\n- 二等座: 有票 87元\\n- 无座: 有票 87元\\nG356(实际车次train_no: 780000G35600) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:16 -> 22:01 历时：00:45\\n- 商务座: 剩余18张票 263元\\n- 一等座: 有票 140元\\n- 二等座: 有票 87元\\n- 无座: 有票 87元\\nG7562(实际车次train_no: 5e000G756250) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:38 -> 20:23 历时：00:45\\n- 商务座: 有票 263元\\n- 一等座: 有票 140元\\n- 二等座: 有票 87元\\n- 无座: 有票 87元\\nG416(实际车次train_no: 5n0000G41600) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:30 -> 20:15 历时：00:45\\n- 商务座: 剩余6张票 239元\\n- 一等座: 剩余3张票 127元\\n- 二等座: 有票 79元\\n- 无座: 有票 79元\\nG500(实际车次train_no: 710000G50000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:45 -> 19:30 历时：00:45\\n- 商务座: 剩余6张票 219元\\n- 一等座: 剩余6张票 117元\\n- 二等座: 剩余1张票 73元\\n- 无座: 有票 73元\\nG800(实际车次train_no: 650000G80000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:40 -> 19:25 历时：00:45\\n- 商务座: 剩余4张票 242元\\n- 一等座: 剩余18张票 129元\\n- 二等座: 有票 80元\\n- 无座: 有票 80元\\nG7600(实际车次train_no: 5e000G760030) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 19:49 -> 20:32 历时：00:43\\n- 商务座: 剩余9张票 176元\\n- 一等座: 有票 94元\\n- 二等座: 有票 58元\\n- 无座: 有票 58元\\nG7338(实际车次train_no: 5j000G733831) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 20:25 -> 21:07 历时：00:42\\n- 商务座: 剩余9张票 153元\\n- 一等座: 有票 82元\\n- 二等座: 有票 51元\\n- 无座: 有票 51元\\nG1334(实际车次train_no: 77000G13350F) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 19:57 -> 20:36 历时：00:39\\n- 商务座: 剩余18张票 169元\\n- 一等座: 剩余4张票 90元\\n- 二等座: 有票 56元\\n- 无座: 有票 56元\\nG7550(实际车次train_no: 5j000G755060) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 18:52 -> 19:24 历时：00:32\\n- 商务座: 无票 184元\\n- 一等座: 剩余5张票 98元\\n- 二等座: 有票 61元\\n- 无座: 有票 61元\\n"}',
-  //   },
-  //   extra: {
-  //     noFooter: true,
-  //   },
-  // },
   {
-    id: "3",
-    type: "ImageMessage",
+    id: "22",
+    type: "TextMessage",
     createdAt: /* @__PURE__ */ new Date(),
     status: import_XAiMessage.MessageStatus.done,
     role: import_XAiMessage.MessageRole.assistant,
-    extra: {
-      cost: 6.09,
-      token: 1999
-    },
     content: {
-      format: "svg",
-      bytes: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
+      text: "123"
     },
     thinks: `具体来说，理赔流程一般包括以下几个步骤:
 1.报案:被保险人或其指定的受益人在知道保险事故后，及时通知保险人，并告知事故发生的具体情况。
@@ -186,10 +168,31 @@ var mockMessages = [
       {
         id: "5",
         type: "ActionExecutionMessage",
+        extra: {
+          icon: import_document.default
+        },
         name: "运行完毕",
         createdAt: /* @__PURE__ */ new Date()
       }
     ],
+    extra: {
+      noFooter: true
+    }
+  },
+  {
+    id: "3",
+    type: "ImageMessage",
+    createdAt: /* @__PURE__ */ new Date(),
+    status: import_XAiMessage.MessageStatus.done,
+    role: import_XAiMessage.MessageRole.assistant,
+    extra: {
+      cost: 6.09,
+      token: 1999
+    },
+    content: {
+      format: "svg",
+      bytes: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
+    },
     parentMessageId: "2"
   },
   {
@@ -289,70 +292,46 @@ export function generateSessionId() {
 var BasicUsageStory = (args) => {
   const [messages, setMessages] = (0, import_react.useState)(mockMessages);
   const [loading, setLoading] = (0, import_react.useState)(false);
-  const handleSendMessage = (_type, msg) => {
+  const handleSendMessage = () => {
     setLoading(true);
-    const userMsg = {
-      id: String(Date.now()),
-      type: "TextMessage",
-      createdAt: /* @__PURE__ */ new Date(),
-      status: import_XAiMessage.MessageStatus.pending,
-      role: import_XAiMessage.MessageRole.user,
-      content: { text: msg }
-    };
-    setMessages((prev) => [
-      ...prev,
-      userMsg
-    ]);
-    let aiMsg = "";
-    const stream = ["好的，", "我正在为你查询", "相关信息..."];
+    const stream = ["我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "……"];
     stream.forEach((chunk, idx) => {
       setTimeout(() => {
-        aiMsg += chunk;
         setMessages((prev) => {
-          const aiIndex = prev.findIndex((m) => m.id === "stream-ai" && m.status === import_XAiMessage.MessageStatus.pending);
-          if (aiIndex > -1) {
-            const updated = [...prev];
-            const oldMsg = updated[aiIndex];
-            if (oldMsg.type === "TextMessage") {
-              updated[aiIndex] = {
-                ...oldMsg,
-                content: { text: aiMsg },
+          const updated = [...prev];
+          const targetIndex = 2;
+          const targetMsg = updated[targetIndex];
+          if (targetMsg && targetMsg.type === "TextMessage") {
+            if ("text" in targetMsg.content) {
+              updated[targetIndex] = {
+                ...targetMsg,
+                content: {
+                  ...targetMsg.content,
+                  // 模拟随机字符串流式拼接
+                  text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5)
+                },
+                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
                 status: import_XAiMessage.MessageStatus.pending
               };
             }
-            if (idx === 2) {
-              updated[aiIndex].status = import_XAiMessage.MessageStatus.done;
-              setLoading(false);
-            }
-            return updated;
           }
-          const aiMessage = {
-            id: `stream-ai`,
-            type: "TextMessage",
-            createdAt: /* @__PURE__ */ new Date(),
-            status: import_XAiMessage.MessageStatus.pending,
-            role: import_XAiMessage.MessageRole.assistant,
-            content: { text: aiMsg }
-          };
-          return [
-            ...prev,
-            aiMessage
-          ];
+          if (idx === stream.length - 1) {
+            setLoading(false);
+            updated[targetIndex] = {
+              ...updated[targetIndex],
+              status: import_XAiMessage.MessageStatus.done
+            };
+          }
+          return updated;
         });
-        if (idx === stream.length - 1) {
-          setTimeout(() => {
-            setMessages((prev) => prev.map((m) => {
-              if (m.id === "stream-ai") {
-                const doneMsg = { ...m, status: import_XAiMessage.MessageStatus.done };
-                return doneMsg;
-              }
-              return m;
-            }));
-          }, 500);
-        }
-      }, 800 * (idx + 1));
+      }, 200 * (idx + 1));
     });
   };
+  (0, import_react.useEffect)(() => {
+    if (messages) {
+      handleSendMessage();
+    }
+  }, []);
   const handleClear = () => {
     setMessages([]);
   };
@@ -366,22 +345,48 @@ var BasicUsageStory = (args) => {
     const { cost, token } = (data == null ? void 0 : data.extra) || {};
     if (!cost && !token)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" } }, cost && /* @__PURE__ */ import_react.default.createElement("div", null, cost, "s"), token && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }), token && /* @__PURE__ */ import_react.default.createElement("div", null, token, " tokens"));
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          fontSize: "12px",
+          color: "#949494",
+          flex: 1,
+          paddingRight: "40px"
+        }
+      },
+      cost && /* @__PURE__ */ import_react.default.createElement("div", null, cost, "s"),
+      token && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }),
+      token && /* @__PURE__ */ import_react.default.createElement("div", null, token, " tokens")
+    );
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "600px", width: "400px", border: "1px solid #e7e7e7", borderRadius: "8px" } }, /* @__PURE__ */ import_react.default.createElement(
-    import__.default,
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      ...args,
-      inputShow: false,
-      messages,
-      loading,
-      messageTooltip: ToolTip,
-      onClear: handleClear,
-      onSuggestMessageClick: handleSuggestMessageClick,
-      onSend: handleSendMessage,
-      onMessagesActionsCallback: handleActions
-    }
-  ));
+      style: {
+        height: "600px",
+        width: "400px",
+        border: "1px solid #e7e7e7",
+        borderRadius: "8px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import__.default,
+      {
+        ...args,
+        inputShow: false,
+        messages,
+        loading,
+        messageTooltip: ToolTip,
+        onClear: handleClear,
+        onSuggestMessageClick: handleSuggestMessageClick,
+        onSend: handleSendMessage,
+        onMessagesActionsCallback: handleActions
+      }
+    )
+  );
 };
 var 基础用法 = {
   render: BasicUsageStory,

package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/XAiChatbot.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAiChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: 'AI组件/XAiChatbot 聊天框',\n  component: XAiChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    navbar: {\n      description: '导航栏配置',\n    },\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: '1',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '你好，有什么我能帮助你的吗？',\n    },\n  },\n  {\n    id: '2',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '检索从北京到上海的车票数据给我',\n    },\n    parentMessageId: '1',\n  },\n  // {\n  //   id: '22',\n  //   type: 'TextMessage',\n  //   createdAt: new Date(),\n  //   status: MessageStatus.done,\n  //   role: MessageRole.assistant,\n  //   content: {\n  //     text: '{\"data\":\"车次 | 出发站 -> 到达站 | 出发时间 -> 到达时间 | 历时\\\\nC406(实际车次train_no: 560000C40603) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 20:01 -> 21:50 历时：01:49\\\\n- 二等座: 有票 47元\\\\n- 一等座: 有票 75元\\\\n- 无座: 有票 47元\\\\nC412(实际车次train_no: 560000C41202) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 18:21 -> 20:08 历时：01:47\\\\n- 二等座: 无票 47元\\\\n- 一等座: 无票 75元\\\\n- 无座: 有票 47元\\\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海(telecode: SHH) 20:00 -> 21:39 历时：01:39\\\\n- 商务座: 剩余16张票 278元\\\\n- 一等座: 有票 149元\\\\n- 二等座: 有票 93元\\\\n- 无座: 有票 93元\\\\nC482(实际车次train_no: 560000C48220) 杭州(telecode: HZH) -> 上海南(telecode: SNH) 19:42 -> 21:20 历时：01:38\\\\n- 二等座: 有票 49元\\\\n- 一等座: 有票 77元\\\\n- 无座: 有票 49元\\\\nG8358(实际车次train_no: 56000G835800) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:11 -> 19:38 历时：01:27\\\\n- 商务座: 剩余11张票 357元\\\\n- 一等座: 有票 163元\\\\n- 二等座: 有票 103元\\\\n- 无座: 有票 103元\\\\nG1440(实际车次train_no: 57000G144005) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:55 -> 22:21 历时：01:26\\\\n- 商务座: 剩余17张票 320元\\\\n- 一等座: 有票 147元\\\\n- 二等座: 有票 92元\\\\n- 优选一等座: 有票 202元\\\\n- 无座: 有票 92元\\\\nC406(实际车次train_no: 560000C40603) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 20:01 -> 21:25 历时：01:24\\\\n- 二等座: 有票 40元\\\\n- 一等座: 有票 63元\\\\n- 无座: 有票 40元\\\\nC3050(实际车次train_no: 52000C305000) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 19:34 -> 20:58 历时：01:24\\\\n- 商务座: 无票 351元\\\\n- 一等座: 剩余13张票 161元\\\\n- 二等座: 有票 101元\\\\n- 无座: 有票 101元\\\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海西(telecode: SXH) 20:00 -> 21:23 历时：01:23\\\\n- 商务座: 剩余16张票 271元\\\\n- 一等座: 有票 144元\\\\n- 二等座: 有票 90元\\\\n- 无座: 有票 90元\\\\nG7140(实际车次train_no: 56000G714000) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:38 -> 20:01 历时：01:23\\\\n- 商务座: 剩余3张票 357元\\\\n- 一等座: 剩余18张票 163元\\\\n- 二等座: 有票 103元\\\\n- 无座: 有票 103元\\\\nG8386(实际车次train_no: 54000G838601) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:25 -> 19:48 历时：01:23\\\\n- 商务座: 剩余1张票 357元\\\\n- 一等座: 剩余18张票 163元\\\\n- 二等座: 有票 103元\\\\n- 无座: 有票 103元\\\\nC412(实际车次train_no: 560000C41202) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 18:21 -> 19:42 历时：01:21\\\\n- 二等座: 无票 40元\\\\n- 一等座: 无票 63元\\\\n- 无座: 有票 40元\\\\nG7124(实际车次train_no: 56000G712400) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:03 -> 19:24 历时：01:21\\\\n- 商务座: 剩余5张票 357元\\\\n- 一等座: 剩余5张票 163元\\\\n- 二等座: 有票 103元\\\\n- 无座: 有票 103元\\\\nG3092(实际车次train_no: 5n000G309205) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:40 -> 21:59 历时：01:19\\\\n- 商务座: 剩余10张票 332元\\\\n- 一等座: 有票 152元\\\\n- 二等座: 有票 95元\\\\n- 无座: 有票 95元\\\\nG7112(实际车次train_no: 54000G711200) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 20:12 -> 21:31 历时：01:19\\\\n- 二等座: 有票 110元\\\\n- 一等座: 有票 174元\\\\n- 无座: 有票 110元\\\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 17:51 -> 19:10 历时：01:19\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 有票 87元\\\\nG7432(实际车次train_no: 5j000G743252) 杭州南(telecode: XHH) -> 上海虹桥(telecode: AOH) 17:55 -> 19:13 历时：01:18\\\\n- 商务座: 无票 298元\\\\n- 一等座: 无票 158元\\\\n- 二等座: 无票 98元\\\\n- 无座: 无票 98元\\\\nG7600(实际车次train_no: 5e000G760030) 杭州南(telecode: XHH) -> 上海南(telecode: SNH) 19:34 -> 20:50 历时：01:16\\\\n- 商务座: 剩余9张票 248元\\\\n- 一等座: 有票 132元\\\\n- 二等座: 有票 82元\\\\n- 无座: 有票 82元\\\\nG3078(实际车次train_no: 65000G307810) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 21:12 -> 22:26 历时：01:14\\\\n- 商务座: 有票 320元\\\\n- 一等座: 有票 147元\\\\n- 二等座: 有票 92元\\\\n- 无座: 有票 92元\\\\nG8304(实际车次train_no: 56000G830410) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 19:59 -> 21:11 历时：01:12\\\\n- 二等座: 有票 103元\\\\n- 一等座: 有票 163元\\\\n- 无座: 有票 103元\\\\nG8360(实际车次train_no: 5j000G836002) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 19:15 -> 20:27 历时：01:12\\\\n- 商务座: 剩余2张票 405元\\\\n- 一等座: 无票 185元\\\\n- 二等座: 有票 116元\\\\n- 无座: 有票 116元\\\\nG7550(实际车次train_no: 5j000G755060) 杭州南(telecode: XHH) -> 上海虹桥(telecode: AOH) 18:35 -> 19:47 历时：01:12\\\\n- 商务座: 无票 298元\\\\n- 一等座: 无票 158元\\\\n- 二等座: 无票 98元\\\\n- 无座: 无票 98元\\\\nG100(实际车次train_no: 6x0000G1000A) 杭州西(telecode: HVU) -> 上海虹桥(telecode: AOH) 18:31 -> 19:43 历时：01:12\\\\n- 商务座: 剩余7张票 405元\\\\n- 一等座: 剩余19张票 185元\\\\n- 二等座: 有票 116元\\\\nG1306(实际车次train_no: 65000G130601) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:39 -> 22:49 历时：01:10\\\\n- 商务座: 剩余8张票 279元\\\\n- 一等座: 剩余15张票 128元\\\\n- 二等座: 有票 81元\\\\n- 无座: 有票 81元\\\\nG1372(实际车次train_no: 80000G13720S) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:02 -> 22:12 历时：01:10\\\\n- 商务座: 剩余12张票 219元\\\\n- 一等座: 有票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 无票 65元\\\\nG7314(实际车次train_no: 52000G731401) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:18 -> 20:27 历时：01:09\\\\n- 商务座: 无票 242元\\\\n- 一等座: 无票 129元\\\\n- 二等座: 剩余5张票 80元\\\\n- 无座: 有票 80元\\\\nG7522(实际车次train_no: 5e000G752290) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 18:34 -> 19:41 历时：01:07\\\\n- 商务座: 剩余5张票 239元\\\\n- 一等座: 有票 127元\\\\n- 二等座: 有票 79元\\\\n- 无座: 有票 79元\\\\nG7310(实际车次train_no: 5a000G731004) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 17:47 -> 18:54 历时：01:07\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 有票 87元\\\\nG7432(实际车次train_no: 5j000G743252) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:07 -> 19:13 历时：01:06\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 无票 87元\\\\nG1388(实际车次train_no: 57000G138800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:52 -> 22:56 历时：01:04\\\\n- 商务座: 剩余11张票 242元\\\\n- 一等座: 有票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 有票 73元\\\\nG998(实际车次train_no: 6i0000G99800) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:24 -> 22:27 历时：01:03\\\\n- 商务座: 剩余4张票 315元\\\\n- 一等座: 剩余11张票 145元\\\\n- 二等座: 有票 91元\\\\n- 无座: 有票 91元\\\\nG1316(实际车次train_no: 5n000G131600) 杭州西(telecode: HVU) -> 上海南(telecode: SNH) 21:01 -> 22:04 历时：01:03\\\\n- 商务座: 剩余6张票 374元\\\\n- 一等座: 剩余6张票 172元\\\\n- 二等座: 有票 108元\\\\n- 无座: 有票 108元\\\\nG7338(实际车次train_no: 5j000G733831) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:25 -> 21:27 历时：01:02\\\\n- 商务座: 剩余9张票 219元\\\\n- 一等座: 有票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 有票 73元\\\\nG1510(实际车次train_no: 4z000G15100D) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:01 -> 19:03 历时：01:02\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 无票 87元\\\\nG7600(实际车次train_no: 5e000G760030) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:49 -> 20:50 历时：01:01\\\\n- 商务座: 剩余9张票 216元\\\\n- 一等座: 有票 115元\\\\n- 二等座: 有票 72元\\\\n- 无座: 有票 72元\\\\nG7360(实际车次train_no: 56000G736081) 杭州(telecode: HZH) -> 上海虹桥(telecode: AOH) 20:00 -> 21:00 历时：01:00\\\\n- 商务座: 剩余19张票 232元\\\\n- 一等座: 有票 124元\\\\n- 二等座: 有票 78元\\\\n- 无座: 有票 78元\\\\nG1350(实际车次train_no: 62000G135002) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:02 -> 23:01 历时：00:59\\\\n- 商务座: 剩余7张票 219元\\\\n- 一等座: 有票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG1506(实际车次train_no: 71000G150632) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:48 -> 22:47 历时：00:59\\\\n- 商务座: 剩余19张票 219元\\\\n- 一等座: 有票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG1334(实际车次train_no: 77000G13350F) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:57 -> 20:56 历时：00:59\\\\n- 商务座: 剩余14张票 242元\\\\n- 一等座: 剩余1张票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG1378(实际车次train_no: 80000G13780O) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:19 -> 19:18 历时：00:59\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 无票 87元\\\\nG7600(实际车次train_no: 5e000G760030) 杭州南(telecode: XHH) -> 上海松江(telecode: IMH) 19:34 -> 20:32 历时：00:58\\\\n- 商务座: 剩余9张票 208元\\\\n- 一等座: 有票 111元\\\\n- 二等座: 有票 68元\\\\n- 无座: 有票 68元\\\\nG1302(实际车次train_no: 6e000G130206) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:50 -> 21:47 历时：00:57\\\\n- 商务座: 剩余14张票 263元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG7366(实际车次train_no: 56000G736606) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:14 -> 21:11 历时：00:57\\\\n- 商务座: 剩余4张票 242元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 17:51 -> 18:48 历时：00:57\\\\n- 商务座: 剩余2张票 212元\\\\n- 一等座: 剩余1张票 113元\\\\n- 二等座: 无票 70元\\\\n- 无座: 有票 70元\\\\nG7340(实际车次train_no: 5j000G734003) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:54 -> 21:50 历时：00:56\\\\n- 商务座: 剩余14张票 219元\\\\n- 一等座: 有票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 有票 73元\\\\nG1638(实际车次train_no: 5n000G163800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:45 -> 22:40 历时：00:55\\\\n- 商务座: 剩余9张票 219元\\\\n- 一等座: 有票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG7350(实际车次train_no: 5j000G735074) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:40 -> 21:35 历时：00:55\\\\n- 商务座: 剩余7张票 263元\\\\n- 一等座: 有票 140元\\\\n- 二等座: 有票 87元\\\\n- 无座: 有票 87元\\\\nG1328(实际车次train_no: 78000G13280E) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:35 -> 21:30 历时：00:55\\\\n- 商务座: 剩余6张票 242元\\\\n- 一等座: 剩余9张票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG7550(实际车次train_no: 5j000G755060) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:52 -> 19:47 历时：00:55\\\\n- 商务座: 无票 263元\\\\n- 一等座: 剩余1张票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 无票 87元\\\\nG7528(实际车次train_no: 5j000G752802) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:27 -> 22:21 历时：00:54\\\\n- 商务座: 剩余12张票 219元\\\\n- 一等座: 剩余8张票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 有票 73元\\\\nG7588(实际车次train_no: 5j000G758802) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:05 -> 19:59 历时：00:54\\\\n- 商务座: 无票 263元\\\\n- 一等座: 无票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 剩余1张票 87元\\\\nG3060(实际车次train_no: 5n000G306000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 20:10 -> 21:03 历时：00:53\\\\n- 商务座: 剩余2张票 242元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG7566(实际车次train_no: 5j000G756606) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:09 -> 20:02 历时：00:53\\\\n- 商务座: 剩余1张票 263元\\\\n- 一等座: 剩余3张票 140元\\\\n- 二等座: 无票 87元\\\\n- 无座: 有票 87元\\\\nG1640(实际车次train_no: 5n000G164000) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 22:38 -> 23:30 历时：00:52\\\\n- 商务座: 剩余12张票 216元\\\\n- 一等座: 有票 104元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG1390(实际车次train_no: 5w000G139010) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:34 -> 23:26 历时：00:52\\\\n- 商务座: 有票 219元\\\\n- 一等座: 有票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG2190(实际车次train_no: 76000G21910F) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:35 -> 22:27 历时：00:52\\\\n- 商务座: 剩余17张票 219元\\\\n- 一等座: 有票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 有票 73元\\\\nG1616(实际车次train_no: 71000G161602) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:29 -> 19:21 历时：00:52\\\\n- 商务座: 无票 242元\\\\n- 一等座: 无票 105元\\\\n- 二等座: 无票 65元\\\\n- 无座: 无票 65元\\\\nG7522(实际车次train_no: 5e000G752290) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 18:34 -> 19:25 历时：00:51\\\\n- 商务座: 剩余8张票 194元\\\\n- 一等座: 有票 104元\\\\n- 二等座: 有票 64元\\\\n- 无座: 有票 64元\\\\nG7310(实际车次train_no: 5a000G731004) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 17:47 -> 18:37 历时：00:50\\\\n- 商务座: 无票 212元\\\\n- 一等座: 无票 113元\\\\n- 二等座: 无票 70元\\\\n- 无座: 有票 70元\\\\nG7550(实际车次train_no: 5j000G755060) 杭州南(telecode: XHH) -> 金山北(telecode: EGH) 18:35 -> 19:24 历时：00:49\\\\n- 商务座: 无票 219元\\\\n- 一等座: 剩余2张票 116元\\\\n- 二等座: 无票 72元\\\\n- 无座: 有票 72元\\\\nG820(实际车次train_no: 6c0000G82002) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:07 -> 21:54 历时：00:47\\\\n- 商务座: 剩余11张票 242元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 优选一等座: 有票 177元\\\\n- 无座: 有票 80元\\\\nG470(实际车次train_no: 640000G47100) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:11 -> 21:57 历时：00:46\\\\n- 商务座: 剩余19张票 242元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG240(实际车次train_no: 800000G24000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:34 -> 20:20 历时：00:46\\\\n- 商务座: 剩余5张票 263元\\\\n- 一等座: 剩余3张票 140元\\\\n- 二等座: 有票 87元\\\\n- 无座: 有票 87元\\\\nG7312(实际车次train_no: 52000G731207) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:24 -> 20:10 历时：00:46\\\\n- 商务座: 剩余3张票 239元\\\\n- 一等座: 剩余4张票 127元\\\\n- 二等座: 有票 79元\\\\n- 无座: 有票 79元\\\\nG1386(实际车次train_no: 5u000G138620) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:01 -> 19:47 历时：00:46\\\\n- 商务座: 有票 239元\\\\n- 一等座: 有票 127元\\\\n- 二等座: 有票 79元\\\\n- 无座: 有票 79元\\\\nG7584(实际车次train_no: 5e000G758405) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 17:51 -> 18:37 历时：00:46\\\\n- 商务座: 剩余6张票 184元\\\\n- 一等座: 剩余17张票 98元\\\\n- 二等座: 剩余2张票 61元\\\\n- 无座: 有票 61元\\\\nG4918(实际车次train_no: 57000G49184G) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 23:20 -> 00:05 历时：00:45\\\\n- 商务座: 剩余7张票 242元\\\\n- 一等座: 剩余12张票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG1374(实际车次train_no: 80000G137410) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:30 -> 23:15 历时：00:45\\\\n- 商务座: 剩余18张票 219元\\\\n- 一等座: 有票 117元\\\\n- 二等座: 有票 73元\\\\n- 无座: 无票 73元\\\\nG7536(实际车次train_no: 5j000G753603) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:22 -> 23:07 历时：00:45\\\\n- 商务座: 剩余6张票 219元\\\\n- 一等座: 剩余11张票 105元\\\\n- 二等座: 有票 65元\\\\n- 无座: 有票 65元\\\\nG358(实际车次train_no: 780000G35800) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 22:19 -> 23:04 历时：00:45\\\\n- 商务座: 剩余17张票 242元\\\\n- 一等座: 有票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG822(实际车次train_no: 6c0000G82200) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:58 -> 22:43 历时：00:45\\\\n- 商务座: 剩余9张票 263元\\\\n- 一等座: 有票 140元\\\\n- 二等座: 有票 87元\\\\n- 无座: 有票 87元\\\\nG356(实际车次train_no: 780000G35600) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 21:16 -> 22:01 历时：00:45\\\\n- 商务座: 剩余18张票 263元\\\\n- 一等座: 有票 140元\\\\n- 二等座: 有票 87元\\\\n- 无座: 有票 87元\\\\nG7562(实际车次train_no: 5e000G756250) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 19:38 -> 20:23 历时：00:45\\\\n- 商务座: 有票 263元\\\\n- 一等座: 有票 140元\\\\n- 二等座: 有票 87元\\\\n- 无座: 有票 87元\\\\nG416(实际车次train_no: 5n0000G41600) 杭州东(telecode: HGH) -> 上海南(telecode: SNH) 19:30 -> 20:15 历时：00:45\\\\n- 商务座: 剩余6张票 239元\\\\n- 一等座: 剩余3张票 127元\\\\n- 二等座: 有票 79元\\\\n- 无座: 有票 79元\\\\nG500(实际车次train_no: 710000G50000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:45 -> 19:30 历时：00:45\\\\n- 商务座: 剩余6张票 219元\\\\n- 一等座: 剩余6张票 117元\\\\n- 二等座: 剩余1张票 73元\\\\n- 无座: 有票 73元\\\\nG800(实际车次train_no: 650000G80000) 杭州东(telecode: HGH) -> 上海虹桥(telecode: AOH) 18:40 -> 19:25 历时：00:45\\\\n- 商务座: 剩余4张票 242元\\\\n- 一等座: 剩余18张票 129元\\\\n- 二等座: 有票 80元\\\\n- 无座: 有票 80元\\\\nG7600(实际车次train_no: 5e000G760030) 杭州东(telecode: HGH) -> 上海松江(telecode: IMH) 19:49 -> 20:32 历时：00:43\\\\n- 商务座: 剩余9张票 176元\\\\n- 一等座: 有票 94元\\\\n- 二等座: 有票 58元\\\\n- 无座: 有票 58元\\\\nG7338(实际车次train_no: 5j000G733831) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 20:25 -> 21:07 历时：00:42\\\\n- 商务座: 剩余9张票 153元\\\\n- 一等座: 有票 82元\\\\n- 二等座: 有票 51元\\\\n- 无座: 有票 51元\\\\nG1334(实际车次train_no: 77000G13350F) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 19:57 -> 20:36 历时：00:39\\\\n- 商务座: 剩余18张票 169元\\\\n- 一等座: 剩余4张票 90元\\\\n- 二等座: 有票 56元\\\\n- 无座: 有票 56元\\\\nG7550(实际车次train_no: 5j000G755060) 杭州东(telecode: HGH) -> 金山北(telecode: EGH) 18:52 -> 19:24 历时：00:32\\\\n- 商务座: 无票 184元\\\\n- 一等座: 剩余5张票 98元\\\\n- 二等座: 有票 61元\\\\n- 无座: 有票 61元\\\\n\"}',\n  //   },\n  //   extra: {\n  //     noFooter: true,\n  //   },\n  // },\n  {\n    id: '3',\n    type: 'ImageMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    extra: {\n      cost: 6.09,\n      token: 1999,\n    },\n    content: {\n      format: 'svg',\n      bytes: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n    },\n    thinks: `具体来说，理赔流程一般包括以下几个步骤:\n1.报案:被保险人或其指定的受益人在知道保险事故后，及时通知保险人，并告知事故发生的具体情况。\n2.提交材料:被保险人或其指定的受益人需要提交相关证明材料，如事故证明、医疗证明、财产损失证明等。\n3.核定损失: 保险人会对提交的材料进行核定，确定被保险人的损失情况。\n4.协商赔偿:在确定被保险人的损失后，保险人会与被保险人或其指定的受益人协商赔偿金额。\n5.支付赔偿金:在协商达成一致后，保险人向被保险人或其指定的受益人支付赔偿金需要注意。`,\n    execute: [\n      // 工具库调用（MCP_TOOL）\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-1',\n        name: '已调用MCP智能工具',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'INVOKE_AGENT_TOOL_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 工具库调用（PLUGIN_TOOL）\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-2',\n        name: '已调用插件工具',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'INVOKE_AGENT_TOOL_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 工具库调用（SKILL）\n      // {\n      //   action: 'INVOKE_AGENT_TOOL_START',\n      //   id: 'tool-3',\n      //   toolType: 'SKILL',\n      //   agentToolName: '技能工具',\n      //   args: { param3: 'baz' },\n\n      // },\n      // // 知识库调用（FAQ）\n      // {\n      //   action: 'RECALL_KNOWLEDGE_START',\n      //   uniqueId: 'kb-1',\n      //   processStatus: 'START',\n      //   args: { question: '什么是FAQ？' },\n      //   knowledgeType: 'FAQ',\n      // },\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-3',\n        name: '已调用文档知识库',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'RECALL_KNOWLEDGE_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 知识库调用（DOCUMENT）\n      // {\n      //   action: 'RECALL_KNOWLEDGE_START',\n      //   uniqueId: 'kb-2',\n      //   processStatus: 'START',\n      //   args: { question: '文档库介绍' },\n      //   knowledgeType: 'DOCUMENT',\n      // },\n      // 运行完毕\n      {\n        id: '5',\n        type: 'ActionExecutionMessage',\n        name: '运行完毕',\n        createdAt: new Date(),\n      },\n    ],\n    parentMessageId: '2',\n  },\n  {\n    id: '4',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '能否生成一段明年的产品计划开发计划文档给我',\n    },\n  },\n  {\n    id: '0',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '11',\n    type: 'SuggestionMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: '1',\n        description: '我要查看 AI 文档',\n      },\n      {\n        key: '2',\n        description: '我如何看待 AI',\n      },\n      {\n        key: '3',\n        description: '你是谁？',\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<Boolean>(false);\n  // 模拟流式返回AI消息\n  const handleSendMessage = (_type: string, msg: string) => {\n    setLoading(true);\n    const userMsg: Messages = {\n      id: String(Date.now()),\n      type: 'TextMessage',\n      createdAt: new Date(),\n      status: MessageStatus.pending,\n      role: MessageRole.user,\n      content: { text: msg },\n    };\n    setMessages((prev) => [\n      ...prev,\n      userMsg,\n    ]);\n    let aiMsg = '';\n    const stream = ['好的，', '我正在为你查询', '相关信息...'];\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        aiMsg += chunk;\n        setMessages((prev) => {\n          const aiIndex = prev.findIndex((m) => m.id === 'stream-ai' && m.status === MessageStatus.pending);\n          if (aiIndex > -1) {\n            const updated = [...prev];\n            const oldMsg = updated[aiIndex];\n            if (oldMsg.type === 'TextMessage') {\n              updated[aiIndex] = {\n                ...oldMsg,\n                content: { text: aiMsg },\n                status: MessageStatus.pending,\n              };\n            }\n\n            if (idx === 2) {\n              updated[aiIndex].status = MessageStatus.done;\n              setLoading(false);\n            }\n            return updated;\n          }\n          const aiMessage: Messages = {\n            id: `stream-ai`,\n            type: 'TextMessage',\n            createdAt: new Date(),\n            status: MessageStatus.pending,\n            role: MessageRole.assistant,\n            content: { text: aiMsg },\n          };\n          return [\n            ...prev,\n            aiMessage,\n          ];\n        });\n        if (idx === stream.length - 1) {\n          setTimeout(() => {\n            setMessages((prev) => prev.map((m) => {\n              if (m.id === 'stream-ai') {\n                const doneMsg: Messages = { ...m, status: MessageStatus.done };\n                return doneMsg;\n              }\n              return m;\n            }));\n          }, 500);\n        }\n      }, 800 * (idx + 1));\n    });\n  };\n\n  // 模拟清空数据\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { cost && <div>{ cost }s</div>}\n        { token && <Divider type=\"vertical\" /> }\n        { token && <div>{ token } tokens</div> }\n      </div>\n    );\n  };\n\n  return (\n    <div style={{ height: '600px', width: '400px', border: '1px solid #e7e7e7', borderRadius: '8px' }}>\n      <XAiChatbot\n        {...args}\n        inputShow={false}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n    // messages: mockMessages,\n    emptyStateText: '众安智能体',\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: 'flex', gap: '50px', height: '600px' }}>\n        <XAiProvider providerId=\"chat1\" token=\"token1\" url=\"https://api1.example.com\">\n          <div style={{ width: '300px', marginRight: '40px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider providerId=\"chat2\" token=\"token2\" url=\"https://api2.example.com\">\n          <div style={{ width: '300px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div style={{\n      padding: '15px',\n      border: '1px solid #e7e7e7',\n      borderRadius: '8px',\n      marginBottom: '10px',\n      backgroundColor: '#fafafa',\n    }}\n    >\n      <h4 style={{ margin: '0 0 10px 0' }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: '12px', color: '#666' }}>\n        <p>Provider 状态: {isInProvider ? '✅ 已连接' : '❌ 未连接'}</p>\n        <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n        <p>加载状态: {getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪'}</p>\n        <button\n          onClick={() => providerMethods.sendMessage?.('来自架构演示组件的消息')}\n          disabled={!isInProvider}\n          style={{\n            fontSize: '12px',\n            padding: '4px 8px',\n            backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isInProvider ? 'pointer' : 'not-allowed',\n          }}\n        >\n          {isInProvider ? '发送消息' : '需要 Provider'}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: '500px', height: '700px' }}>\n      <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"architecture-demo\">\n        <div style={{ padding: '20px' }}>\n          <h3 style={{ marginBottom: '20px' }}>新架构演示</h3>\n          <p style={{ marginBottom: '20px', color: '#666' }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: '20px' }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '架构演示聊天机器人',\n              subtitle: '展示新 Hook 的使用',\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n      {/* 独立使用 */}\n      <div style={{ width: '300px' }}>\n        <h4>独立使用模式</h4>\n        <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '独立聊天机器人',\n              subtitle: '不依赖 Provider',\n            }}\n            onSend={(type, content) => {\n              console.log('独立模式发送:', type, content);\n            }}\n            onClear={() => {\n              console.log('独立模式清空');\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: '300px' }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"comparison-demo\">\n          <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAiChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAiChatbot> = {\n  title: 'AI组件/XAiChatbot 聊天框',\n  component: XAiChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    navbar: {\n      description: '导航栏配置',\n    },\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// mock 消息数据，严格符合 Messages 类型\nconst mockMessages: Messages[] = [\n  {\n    id: '1',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '你好，有什么我能帮助你的吗？',\n    },\n  },\n  {\n    id: '2',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '检索从北京到上海的车票数据给我',\n    },\n    parentMessageId: '1',\n  },\n  {\n    id: '22',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: '123',\n    },\n    thinks: `具体来说，理赔流程一般包括以下几个步骤:\n1.报案:被保险人或其指定的受益人在知道保险事故后，及时通知保险人，并告知事故发生的具体情况。\n2.提交材料:被保险人或其指定的受益人需要提交相关证明材料，如事故证明、医疗证明、财产损失证明等。\n3.核定损失: 保险人会对提交的材料进行核定，确定被保险人的损失情况。\n4.协商赔偿:在确定被保险人的损失后，保险人会与被保险人或其指定的受益人协商赔偿金额。\n5.支付赔偿金:在协商达成一致后，保险人向被保险人或其指定的受益人支付赔偿金需要注意。`,\n    execute: [\n      // 工具库调用（MCP_TOOL）\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-1',\n        name: '已调用MCP智能工具',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'INVOKE_AGENT_TOOL_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 工具库调用（PLUGIN_TOOL）\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-2',\n        name: '已调用插件工具',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'INVOKE_AGENT_TOOL_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 工具库调用（SKILL）\n      // {\n      //   action: 'INVOKE_AGENT_TOOL_START',\n      //   id: 'tool-3',\n      //   toolType: 'SKILL',\n      //   agentToolName: '技能工具',\n      //   args: { param3: 'baz' },\n\n      // },\n      // // 知识库调用（FAQ）\n      // {\n      //   action: 'RECALL_KNOWLEDGE_START',\n      //   uniqueId: 'kb-1',\n      //   processStatus: 'START',\n      //   args: { question: '什么是FAQ？' },\n      //   knowledgeType: 'FAQ',\n      // },\n      {\n        type: 'ActionExecutionMessage',\n        createdAt: new Date(),\n        id: 'tool-3',\n        name: '已调用文档知识库',\n        arguments: { param1: 'foo' },\n        extra: {\n          action: 'RECALL_KNOWLEDGE_START',\n          icon: documentIcon,\n          type: 'MCP_TOOL',\n          cost: '3.9',\n        },\n      },\n      // // 知识库调用（DOCUMENT）\n      // {\n      //   action: 'RECALL_KNOWLEDGE_START',\n      //   uniqueId: 'kb-2',\n      //   processStatus: 'START',\n      //   args: { question: '文档库介绍' },\n      //   knowledgeType: 'DOCUMENT',\n      // },\n      // 运行完毕\n      {\n        id: '5',\n        type: 'ActionExecutionMessage',\n        extra: {\n          icon: documentIcon,\n        },\n        name: '运行完毕',\n        createdAt: new Date(),\n      },\n    ],\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '3',\n    type: 'ImageMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    extra: {\n      cost: 6.09,\n      token: 1999,\n    },\n    content: {\n      format: 'svg',\n      bytes: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n    },\n    parentMessageId: '2',\n  },\n  {\n    id: '4',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.user,\n    content: {\n      text: '能否生成一段明年的产品计划开发计划文档给我',\n    },\n  },\n  {\n    id: '0',\n    type: 'TextMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.assistant,\n    content: {\n      text: `\n# 项目开发计划\n\n本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。\n\n---\n\n## 🎯 核心目标\n\n- 提升用户留存率至 **45%**\n- 完成 Web 端新版上线\n- 建立 AI 推荐模块 MVP\n- 优化数据库访问性能\n\n---\n\n## 📅 关键时间节点\n\n| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |\n| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |\n| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |\n| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |\n\n---\n\n## 🛠️ 技术方案简述\n\n我们将使用以下技术栈：\n\n- 前端：React + Vite + Zustand\n- 后端：Node.js + PostgreSQL\n- 数据分析：Python + Pandas\n- 部署环境：Kubernetes on AWS\n\n---\n\n## 💡 示例代码片段\n\n以下是一个用于生成唯一 ID 的函数示例：\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return \\`sess-\\${nanoid()}\\`\n}\n~~~\n`,\n    },\n    extra: {\n      noFooter: true,\n    },\n  },\n  {\n    id: '11',\n    type: 'SuggestionMessage',\n    createdAt: new Date(),\n    status: MessageStatus.done,\n    role: MessageRole.suggestion,\n    content: [\n      {\n        key: '1',\n        description: '我要查看 AI 文档',\n      },\n      {\n        key: '2',\n        description: '我如何看待 AI',\n      },\n      {\n        key: '3',\n        description: '你是谁？',\n      },\n    ],\n  },\n];\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [messages, setMessages] = useState<Messages[]>(mockMessages);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  // 模拟随机字符串流式返回\n  const handleSendMessage = () => {\n    setLoading(true);\n\n    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）\n    const stream = ['我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容','我', '正在', '为', '你', '生成', '内容', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '好','多', '……'];\n\n    stream.forEach((chunk, idx) => {\n      setTimeout(() => {\n        setMessages((prev) => {\n          const updated = [...prev];\n          const targetIndex = 2; // mockMessages 的第二条（索引 1）\n          const targetMsg = updated[targetIndex];\n\n          // 确保该消息存在且是 TextMessage\n          if (targetMsg && targetMsg.type === 'TextMessage') {\n            // content 可能是多种类型，这里做类型守卫\n            if ('text' in targetMsg.content) {\n              updated[targetIndex] = {\n                ...targetMsg,\n                content: {\n                  ...targetMsg.content,\n                  // 模拟随机字符串流式拼接\n                  text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),\n                },\n                thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),\n                status: MessageStatus.pending,\n              };\n            }\n          }\n\n          // 最后一个流块时，标记完成\n          if (idx === stream.length - 1) {\n            setLoading(false);\n            updated[targetIndex] = {\n              ...updated[targetIndex],\n              status: MessageStatus.done,\n            };\n          }\n\n          return updated;\n        });\n      }, 200 * (idx + 1)); // 每个片段延迟 600ms 模拟流\n    });\n  };\n\n  useEffect(() => {\n    if (messages) {\n      handleSendMessage();\n    }\n  }, []);\n\n  // 清空消息\n  const handleClear = () => {\n    setMessages([]);\n  };\n\n  // 模拟按钮回调\n  const handleActions = (index: number, data: any) => {\n    console.log(index, data);\n  };\n\n  // 模拟快捷短语点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== id));\n  };\n\n  // tooltip\n  const ToolTip = (data: any) => {\n    const { cost, token } = data?.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          fontSize: '12px',\n          color: '#949494',\n          flex: 1,\n          paddingRight: '40px',\n        }}\n      >\n        {cost && <div>{cost}s</div>}\n        {token && <Divider type=\"vertical\" />}\n        {token && <div>{token} tokens</div>}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={{\n        height: '600px',\n        width: '400px',\n        border: '1px solid #e7e7e7',\n        borderRadius: '8px',\n      }}\n    >\n      <XAiChatbot\n        {...args}\n        inputShow={false}\n        messages={messages}\n        loading={loading}\n        messageTooltip={ToolTip}\n        onClear={handleClear}\n        onSuggestMessageClick={handleSuggestMessageClick}\n        onSend={handleSendMessage}\n        onMessagesActionsCallback={handleActions}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n    // messages: mockMessages,\n    emptyStateText: '众安智能体',\n  },\n};\n\n// 在 Provider 中使用\nexport const 在Provider中使用: Story = {\n  decorators: [\n    (Story) => (\n      <XAiProvider token=\"test-token\" url=\"https://api.example.com\">\n        <Story />\n      </XAiProvider>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 多个 Provider 实例\nexport const 多个Provider实例: Story = {\n  decorators: [\n    (Story) => (\n      <div style={{ display: 'flex', gap: '50px', height: '600px' }}>\n        <XAiProvider providerId=\"chat1\" token=\"token1\" url=\"https://api1.example.com\">\n          <div style={{ width: '300px', marginRight: '40px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n        <XAiProvider providerId=\"chat2\" token=\"token2\" url=\"https://api2.example.com\">\n          <div style={{ width: '300px' }}>\n            <Story />\n          </div>\n        </XAiProvider>\n      </div>\n    ),\n  ],\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 展示新架构的示例组件\nconst ArchitectureDemoComponent: React.FC<{ title: string }> = ({ title }) => {\n  const { mergedProps, isInProvider, getProviderValue } = useProviderContext({\n    props: { title },\n    mergeLogic: (props, context) => {\n      if (!context?.isInProvider) {\n        return props;\n      }\n\n      return {\n        ...props,\n        messages: context.messages,\n        loading: context.loading,\n        customData: context.messages?.length || 0,\n      };\n    },\n  });\n\n  const providerMethods = useProviderMethods();\n\n  return (\n    <div style={{\n      padding: '15px',\n      border: '1px solid #e7e7e7',\n      borderRadius: '8px',\n      marginBottom: '10px',\n      backgroundColor: '#fafafa',\n    }}\n    >\n      <h4 style={{ margin: '0 0 10px 0' }}>{mergedProps.title}</h4>\n      <div style={{ fontSize: '12px', color: '#666' }}>\n        <p>Provider 状态: {isInProvider ? '✅ 已连接' : '❌ 未连接'}</p>\n        <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n        <p>加载状态: {getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪'}</p>\n        <button\n          onClick={() => providerMethods.sendMessage?.('来自架构演示组件的消息')}\n          disabled={!isInProvider}\n          style={{\n            fontSize: '12px',\n            padding: '4px 8px',\n            backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: isInProvider ? 'pointer' : 'not-allowed',\n          }}\n        >\n          {isInProvider ? '发送消息' : '需要 Provider'}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n// 展示新架构的示例\nexport const 新架构演示: Story = {\n  render: (args) => (\n    <div style={{ width: '500px', height: '700px' }}>\n      <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"architecture-demo\">\n        <div style={{ padding: '20px' }}>\n          <h3 style={{ marginBottom: '20px' }}>新架构演示</h3>\n          <p style={{ marginBottom: '20px', color: '#666' }}>\n            展示如何使用 useProviderContext 和 useProviderMethods Hook\n          </p>\n\n          {/* 演示组件 */}\n          <div style={{ marginBottom: '20px' }}>\n            <ArchitectureDemoComponent title=\"演示组件 A\" />\n            <ArchitectureDemoComponent title=\"演示组件 B\" />\n            <ArchitectureDemoComponent title=\"演示组件 C\" />\n          </div>\n\n          {/* 聊天机器人 */}\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '架构演示聊天机器人',\n              subtitle: '展示新 Hook 的使用',\n            }}\n          />\n        </div>\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n\n// 对比示例：独立使用 vs Provider 模式\nexport const 架构对比演示: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n      {/* 独立使用 */}\n      <div style={{ width: '300px' }}>\n        <h4>独立使用模式</h4>\n        <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n          <ArchitectureDemoComponent title=\"独立组件\" />\n          <XAiChatbot\n            {...args}\n            navbarShow\n            navbar={{\n              title: '独立聊天机器人',\n              subtitle: '不依赖 Provider',\n            }}\n            onSend={(type, content) => {\n              console.log('独立模式发送:', type, content);\n            }}\n            onClear={() => {\n              console.log('独立模式清空');\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Provider 模式 */}\n      <div style={{ width: '300px' }}>\n        <h4>Provider 模式</h4>\n        <XAiProvider token=\"demo-token\" url=\"https://api.example.com\" providerId=\"comparison-demo\">\n          <div style={{ border: '1px solid #e7e7e7', borderRadius: '8px', padding: '15px' }}>\n            <ArchitectureDemoComponent title=\"Provider 组件\" />\n            <XAiChatbot\n              {...args}\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理',\n              }}\n            />\n          </div>\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    navbar: {\n      title: '智能助手',\n    },\n  },\n};\n"],
+  "mappings": "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",
   "names": ["XAiChatbot", "documentIcon", "React", "XAiProvider", "_a"]
 }

package/dist/cjs/components/XAiChatbot/index.d.ts

@@ -3,11 +3,7 @@ import { XAiChatbotProps } from "../../types/XAiChatbot";
 export interface ActionHeaderProps {
     execute: any[];
     thinks: string;
-    renderActionHeader?: (params: {
-        execute: any[];
-        expanded: boolean;
-        onToggle: () => void;
-    }) => React.ReactNode;
 }
+export declare const ActionHeader: React.FC<ActionHeaderProps>;
 declare const XAiChatbot: React.FC<XAiChatbotProps>;
 export default XAiChatbot;

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

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/XAiChatbot/index.tsx
 var XAiChatbot_exports = {};
 __export(XAiChatbot_exports, {
+  ActionHeader: () => ActionHeader,
   default: () => XAiChatbot_default
 });
 module.exports = __toCommonJS(XAiChatbot_exports);
@@ -45,9 +46,12 @@ var import_empty = __toESM(require("../../assets/empty.png"));
 var import_arrow_up = __toESM(require("../../assets/arrow-up.png"));
 var import_arrow_down = __toESM(require("../../assets/arrow-down.png"));
 var import_think = __toESM(require("../../assets/think.png"));
+var import_group = __toESM(require("../../assets/group.png"));
+var import_arrow_down_blue = __toESM(require("../../assets/arrow-down-blue.png"));
 var import_useProviderContext = require("../../hooks/useProviderContext");
 var import_styles = require("./styles");
 var import_XAiSender = __toESM(require("../XAiSender"));
+var styles = (0, import_styles.useStyles)();
 var md = new import_markdown_it.default({
   html: true,
   linkify: true,
@@ -71,6 +75,23 @@ md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
   }
   return defaultRender(tokens, idx, options, env, self);
 };
+var ActionHeader = (0, import_react.memo)(({ execute = [], thinks = "" }) => {
+  var _a;
+  const styles2 = (0, import_styles.useStyles)();
+  const [expanded, setExpanded] = (0, import_react.useState)(true);
+  const [executeExpanded, setExecuteExpanded] = (0, import_react.useState)(false);
+  if (!execute || execute.length === 0 || !thinks)
+    return null;
+  const last = execute[execute.length - 1] || {};
+  const { name } = last;
+  const icon = (last == null ? void 0 : last.icon) || ((_a = last == null ? void 0 : last.extra) == null ? void 0 : _a.icon);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.actionHeaderWrapper }, !expanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.actionTitle, onClick: () => setExpanded((v) => !v) }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_think.default, alt: "icon", className: styles2.actionHeaderIcon }), /* @__PURE__ */ import_react.default.createElement("span", { className: styles2.flex1 }, "运行过程"), /* @__PURE__ */ import_react.default.createElement("img", { alt: "展开icon", src: import_arrow_down.default, className: styles2.w("16px") })), expanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.actionHeaderDetail }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.actionDetailTitle, onClick: () => setExpanded((v) => !v) }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_think.default, alt: "", className: (0, import_clsx.default)(styles2.w(14)) }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles2.flex1, styles2.pl(10)) }, "隐藏运行过程"), /* @__PURE__ */ import_react.default.createElement("img", { alt: "收起icon", src: import_arrow_up.default, className: styles2.w("16px") })), thinks && /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.actionDetailContent }, /* @__PURE__ */ import_react.default.createElement("span", null, thinks)), !executeExpanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.executeHiddenWrapper, onClick: () => setExecuteExpanded((v) => !v) }, icon && /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: styles2.flex1 }, name), /* @__PURE__ */ import_react.default.createElement("img", { alt: "工具icon", src: import_arrow_down_blue.default, className: styles2.w("16px") })), executeExpanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.executeWrapper }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.executeTitle, onClick: () => setExecuteExpanded((v) => !v) }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_group.default, alt: "icon", className: styles2.executeHeaderIcon }), /* @__PURE__ */ import_react.default.createElement("span", { className: styles2.flex1 }, "隐藏运行详情"), /* @__PURE__ */ import_react.default.createElement("img", { alt: "展开详情icon", src: import_arrow_up.default, className: styles2.w("16px") })), /* @__PURE__ */ import_react.default.createElement("div", { className: styles2.executeContent }, execute.map((action, idx) => {
+    var _a2, _b, _c;
+    const thinkIcon2 = (action == null ? void 0 : action.expandIcon) || ((_a2 = action == null ? void 0 : action.extra) == null ? void 0 : _a2.expandIcon) || ((_b = action == null ? void 0 : action.extra) == null ? void 0 : _b.icon) || (action == null ? void 0 : action.icon);
+    const thinkCost = (action == null ? void 0 : action.cost) || ((_c = action == null ? void 0 : action.extra) == null ? void 0 : _c.cost);
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: action.uniqueId || idx, className: styles2.actionHeaderDetailItem }, thinkIcon2 && /* @__PURE__ */ import_react.default.createElement("img", { src: thinkIcon2, alt: "icon", className: styles2.actionHeaderIcon }), /* @__PURE__ */ import_react.default.createElement("span", null, action == null ? void 0 : action.name), /* @__PURE__ */ import_react.default.createElement("span", { className: styles2.actionHeaderCost }, thinkCost ? `${thinkCost}s` : ""));
+  })))));
+});
 var defaultActions = [
   {
     key: "redo",
@@ -117,12 +138,13 @@ var XAiChatbot = (props) => {
     onSend,
     onClear,
     onStop,
-    providerId
+    providerId,
+    // 消息顶部
+    messageTop
   } = mergedProps;
   const messages = mergedProps.messages || propMessages || [];
   const loading = mergedProps.loading || propLoading;
   const [content, setContent] = (0, import_react.useState)(text);
-  const styles = (0, import_styles.useStyles)();
   const lastMessageId = (0, import_react.useRef)("");
   const isScriptScrolling = (0, import_react.useRef)(false);
   const chatId = providerId ? `za-chatbot-container-${providerId}` : "za-chatbot-container";
@@ -167,29 +189,6 @@ var XAiChatbot = (props) => {
       variant: "borderless"
     }
   };
-  const ActionHeader = ({ execute = [], thinks = "", renderActionHeader }) => {
-    const [expanded, setExpanded] = (0, import_react.useState)(false);
-    if (!execute || execute.length === 0)
-      return null;
-    if (renderActionHeader) {
-      return renderActionHeader({ execute, expanded, onToggle: () => setExpanded((v) => !v) });
-    }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionHeaderWrapper }, !expanded && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: styles.actionTitle,
-        onClick: () => setExpanded((v) => !v)
-      },
-      /* @__PURE__ */ import_react.default.createElement("img", { src: import_think.default, alt: "icon", className: styles.actionHeaderIcon }),
-      /* @__PURE__ */ import_react.default.createElement("span", { className: styles.flex1 }, "运行过程"),
-      /* @__PURE__ */ import_react.default.createElement("img", { alt: "展开icon", src: import_arrow_down.default, className: styles.w("16px") })
-    ), expanded && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionHeaderDetail }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionDetailTitle, onClick: () => setExpanded((v) => !v) }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_think.default, alt: "", className: (0, import_clsx.default)(styles.w(14)) }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.flex1, styles.pl(10)) }, "隐藏运行过程"), /* @__PURE__ */ import_react.default.createElement("img", { alt: "收起icon", src: import_arrow_up.default, className: styles.w("16px") })), thinks && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.actionDetailContent }, /* @__PURE__ */ import_react.default.createElement("span", null, thinks)), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.executeWrapper }, execute.map((action, idx) => {
-      var _a, _b, _c;
-      const thinkIcon2 = (action == null ? void 0 : action.expandIcon) || ((_a = action == null ? void 0 : action.extra) == null ? void 0 : _a.expandIcon) || ((_b = action == null ? void 0 : action.extra) == null ? void 0 : _b.icon) || (action == null ? void 0 : action.icon);
-      const thinkCost = (action == null ? void 0 : action.cost) || ((_c = action == null ? void 0 : action.extra) == null ? void 0 : _c.cost);
-      return /* @__PURE__ */ import_react.default.createElement("div", { key: action.uniqueId || idx, className: styles.actionHeaderDetailItem }, thinkIcon2 && /* @__PURE__ */ import_react.default.createElement("img", { src: thinkIcon2, alt: "icon", className: styles.actionHeaderIcon }), /* @__PURE__ */ import_react.default.createElement("span", null, action == null ? void 0 : action.name), /* @__PURE__ */ import_react.default.createElement("span", { className: styles.actionHeaderCost }, thinkCost ? `${thinkCost}s` : ""));
-    }))));
-  };
   const handleSend = (type, content2) => {
     if (content2.trim()) {
       onSend == null ? void 0 : onSend(type, content2);
@@ -231,7 +230,13 @@ var XAiChatbot = (props) => {
           key: id,
           role,
           loading: status === import_XAiMessage.MessageStatus.init,
-          header: () => /* @__PURE__ */ import_react.default.createElement(ActionHeader, { execute, thinks }),
+          header: () => messageTop || /* @__PURE__ */ import_react.default.createElement(
+            ActionHeader,
+            {
+              execute,
+              thinks
+            }
+          ),
           content: (() => {
             var _a, _b, _c;
             if (type === "TextMessage") {
@@ -306,4 +311,8 @@ var XAiChatbot = (props) => {
   )));
 };
 var XAiChatbot_default = XAiChatbot;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionHeader
+});
 //# sourceMappingURL=index.js.map