@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/esm/components/XAdkChatbot/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useCallback","useEffect","useRef","Button","SwapRightOutlined","useStyles","MarkdownRender","FunctionCallRender","ThinkRender","XAdkSender","jsx","_jsx","jsxs","_jsxs","scrollThreshold","XAdkChatbot","_ref","_ref$allowUpload","allowUpload","_ref$uploadRequest","uploadRequest","_ref$loading","loading","prologue","suggestions","messages","_ref$initialized","initialized","footer","showFnCallDetail","_ref$clearBtnShow","clearBtnShow","onConfirm","onSubmit","onSuggest","onStop","onClear","styles","listRef","lastScrollTopRef","userHasScrolledRef","messagesEndRef","_messagesEndRef$curre","current","scrollIntoView","behavior","handleScroll","el","currentTop","scrollTop","isAtBottom","Math","abs","scrollHeight","clientHeight","listElement","addEventListener","removeEventListener","handleSubmit","_ref2","text","files","trim","queueMicrotask","_messagesEndRef$curre2","setTimeout","lastIndex","length","lastMessageMap","map","Map","_iterator","_createForOfIteratorHelper","_step","s","n","done","msg","value","role","invocationId","set","id","err","e","f","className","wrapper","children","list","ref","i","userMsg","card","concat","functionResponse","showDetail","isLast","isLoading","isLastBotMsg","get","thought","botMsg","message","isLastMsg","fnCall","functionCall","item","suggestion","suggestContent","type","icon","iconPosition","onClick","style","whiteSpace","height","wordWrap","textAlign","padding","lineHeight"],"sources":["../../../../src/components/XAdkChatbot/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { Button } from 'antd';\nimport { SwapRightOutlined } from '@ant-design/icons';\nimport { useStyles } from './styles';\nimport MarkdownRender from './components/MarkdownRender';\nimport FunctionCallRender from './components/FunctionCallRender';\nimport ThinkRender from './components/ThinkRender';\nimport XAdkSender from '../XAdkSender';\nimport type { IMessage, XAdkChatbotProps, SendContent } from '@/types';\n\nconst scrollThreshold = 10; // 滚动阈值\n\n\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({ \n  allowUpload = false,\n  uploadRequest = () => {},\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  initialized = true,\n  footer,\n  showFnCallDetail,\n  clearBtnShow = true,\n  onConfirm,\n  onSubmit,\n  onSuggest,\n  onStop,\n  onClear,\n }) => {\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement>(null);\n  const lastScrollTopRef = useRef(0);\n  const userHasScrolledRef = useRef(false);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({\n      behavior: 'smooth',\n    });\n  }, [loading, messages]);\n\n  // 处理滚动事件 - 检测用户是否手动滚动\n  const handleScroll = useCallback(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const currentTop = el.scrollTop;\n    // 如果向上滚动，说明是手动干预\n    if (currentTop < lastScrollTopRef.current) {\n      userHasScrolledRef.current = true;\n    }\n    // 如果向下并且已经到了底部，则恢复自动\n    const isAtBottom = \n      Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;\n\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    // 更新上次位置\n    lastScrollTopRef.current = currentTop;\n  }, []);\n\n  // 监听滚动事件\n  useEffect(() => {\n    const listElement = listRef.current\n    if (!listElement) return;\n\n    listElement.addEventListener('scroll', handleScroll);\n    return () => {\n      listElement.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n\n  // 发送消息\n  const handleSubmit = ({ text, files }: SendContent) => {\n    if (loading) return;\n    if (!text?.trim()) return;\n    onSubmit?.({ text, files });\n    // 滚动\n    queueMicrotask(() => {\n      messagesEndRef.current?.scrollIntoView({ behavior: 'instant' });\n    });\n    // 重置用户滚动状态\n    setTimeout(() => {\n      userHasScrolledRef.current = false;\n    }, 0);\n  };\n\n  const lastIndex = messages.length - 1;\n\n  const lastMessageMap = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const msg of messages) {\n      if (msg.role === 'bot' && msg.invocationId) {\n        map.set(msg.invocationId, msg.id);\n      }\n    }\n    return map;\n  }, [messages]);\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.list} ref={listRef}>\n        <div className={styles.prologue}>\n          {prologue}\n        </div>\n        {messages.map((msg, i) => {\n          if (msg.role === 'user') {\n            if (msg.text) {\n              return (\n                  <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                    <div className={styles.card}>{msg.text}</div>\n                  </div>\n                );\n            }\n            if (msg.functionResponse) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                  <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                </div>\n              );\n            }\n            return null;\n          }\n          const isLast = i === lastIndex;\n          const isLoading = isLast && loading;\n          const isLastBotMsg = lastMessageMap.get(msg?.invocationId || '') === msg.id;\n          \n          if (msg.text) {\n            if (msg.thought) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                  <ThinkRender\n                    msg={msg}\n                    loading={isLoading}\n                  />\n                  {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n                </div>\n              );\n            }\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <MarkdownRender text={msg.text} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          const fnCall = msg.functionCall;\n          if (fnCall) {\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <FunctionCallRender msg={msg} showDetail={showFnCallDetail} onConfirm={onConfirm}/>\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          return (\n            <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n              {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n            </div>\n          );\n        })}\n        <div>\n          {suggestions?.map((item) => (\n            <div key={item} className={styles.suggestion}>\n              <div className={styles.suggestContent}>\n                <Button\n                  type=\"text\"\n                  icon={<SwapRightOutlined />}\n                  iconPosition='end'\n                  onClick={() => {\n                    if (!item) return;\n                    onSuggest?.(item);\n                  }}\n                  style={{ \n                    whiteSpace: 'normal',\n                    height: 'auto',\n                    wordWrap: 'break-word',\n                    textAlign: 'left',\n                    padding: '4px 15px',\n                    lineHeight: '1.5'\n                  }}\n                >\n                  {item}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n        <div ref={messagesEndRef} />\n      </div>\n      <XAdkSender\n        allowUpload={allowUpload}\n        uploadRequest={uploadRequest}\n        loading={loading}\n        clearBtnShow={clearBtnShow}\n        onSubmit={handleSubmit}\n        onClear={onClear}\n        onStop={onStop}\n      />\n    </div>\n  );\n};\n\nexport default XAdkChatbot;"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAASC,MAAM,QAAQ,MAAM;AAC7B,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,SAAS;AAClB,OAAOC,cAAc;AACrB,OAAOC,kBAAkB;AACzB,OAAOC,WAAW;AAClB,OAAOC,UAAU;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGvC,IAAMC,eAAe,GAAG,EAAE,CAAC,CAAC;;AAG5B,IAAMC,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAgBtC;EAAA,IAAAC,gBAAA,GAAAD,IAAA,CAfLE,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAH,IAAA,CACnBI,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,kBAAA;IAAAE,YAAA,GAAAL,IAAA,CACxBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IAAAC,gBAAA,GAAAV,IAAA,CACRW,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IAClBE,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,gBAAgB,GAAAb,IAAA,CAAhBa,gBAAgB;IAAAC,iBAAA,GAAAd,IAAA,CAChBe,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;IACnBE,SAAS,GAAAhB,IAAA,CAATgB,SAAS;IACTC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;IACTC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,OAAO,GAAApB,IAAA,CAAPoB,OAAO;EAEP,IAAMC,MAAM,GAAGhC,SAAS,CAAC,CAAC;EAC1B,IAAMiC,OAAO,GAAGpC,MAAM,CAAiB,IAAI,CAAC;EAC5C,IAAMqC,gBAAgB,GAAGrC,MAAM,CAAC,CAAC,CAAC;EAClC,IAAMsC,kBAAkB,GAAGtC,MAAM,CAAC,KAAK,CAAC;EACxC,IAAMuC,cAAc,GAAGvC,MAAM,CAAiB,IAAI,CAAC;EAEnDD,SAAS,CAAC,YAAM;IAAA,IAAAyC,qBAAA;IACd,IAAI,CAACpB,OAAO,EAAE;IACd,IAAIkB,kBAAkB,CAACG,OAAO,EAAE;IAChC,CAAAD,qBAAA,GAAAD,cAAc,CAACE,OAAO,cAAAD,qBAAA,eAAtBA,qBAAA,CAAwBE,cAAc,CAAC;MACrCC,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACvB,OAAO,EAAEG,QAAQ,CAAC,CAAC;;EAEvB;EACA,IAAMqB,YAAY,GAAG9C,WAAW,CAAC,YAAM;IACrC,IAAM+C,EAAE,GAAGT,OAAO,CAACK,OAAO;IAC1B,IAAI,CAACI,EAAE,EAAE;IACT,IAAMC,UAAU,GAAGD,EAAE,CAACE,SAAS;IAC/B;IACA,IAAID,UAAU,GAAGT,gBAAgB,CAACI,OAAO,EAAE;MACzCH,kBAAkB,CAACG,OAAO,GAAG,IAAI;IACnC;IACA;IACA,IAAMO,UAAU,GACdC,IAAI,CAACC,GAAG,CAACL,EAAE,CAACM,YAAY,GAAGL,UAAU,GAAGD,EAAE,CAACO,YAAY,CAAC,IAAIxC,eAAe;IAE7E,IAAIoC,UAAU,EAAE;MACdV,kBAAkB,CAACG,OAAO,GAAG,KAAK;IACpC;;IAEA;IACAJ,gBAAgB,CAACI,OAAO,GAAGK,UAAU;EACvC,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA/C,SAAS,CAAC,YAAM;IACd,IAAMsD,WAAW,GAAGjB,OAAO,CAACK,OAAO;IACnC,IAAI,CAACY,WAAW,EAAE;IAElBA,WAAW,CAACC,gBAAgB,CAAC,QAAQ,EAAEV,YAAY,CAAC;IACpD,OAAO,YAAM;MACXS,WAAW,CAACE,mBAAmB,CAAC,QAAQ,EAAEX,YAAY,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAMY,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAqC;IAAA,IAA/BC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACjC,IAAIvC,OAAO,EAAE;IACb,IAAI,EAACsC,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEE,IAAI,CAAC,CAAC,GAAE;IACnB7B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG;MAAE2B,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA;IAAM,CAAC,CAAC;IAC3B;IACAE,cAAc,CAAC,YAAM;MAAA,IAAAC,sBAAA;MACnB,CAAAA,sBAAA,GAAAvB,cAAc,CAACE,OAAO,cAAAqB,sBAAA,eAAtBA,sBAAA,CAAwBpB,cAAc,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,CAAC;IACjE,CAAC,CAAC;IACF;IACAoB,UAAU,CAAC,YAAM;MACfzB,kBAAkB,CAACG,OAAO,GAAG,KAAK;IACpC,CAAC,EAAE,CAAC,CAAC;EACP,CAAC;EAED,IAAMuB,SAAS,GAAGzC,QAAQ,CAAC0C,MAAM,GAAG,CAAC;EAErC,IAAMC,cAAc,GAAGrE,OAAO,CAAC,YAAM;IACnC,IAAMsE,GAAG,GAAG,IAAIC,GAAG,CAAiB,CAAC;IAAC,IAAAC,SAAA,GAAAC,0BAAA,CACpB/C,QAAQ;MAAAgD,KAAA;IAAA;MAA1B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA4B;QAAA,IAAjBC,GAAG,GAAAJ,KAAA,CAAAK,KAAA;QACZ,IAAID,GAAG,CAACE,IAAI,KAAK,KAAK,IAAIF,GAAG,CAACG,YAAY,EAAE;UAC1CX,GAAG,CAACY,GAAG,CAACJ,GAAG,CAACG,YAAY,EAAEH,GAAG,CAACK,EAAE,CAAC;QACnC;MACF;IAAC,SAAAC,GAAA;MAAAZ,SAAA,CAAAa,CAAA,CAAAD,GAAA;IAAA;MAAAZ,SAAA,CAAAc,CAAA;IAAA;IACD,OAAOhB,GAAG;EACZ,CAAC,EAAE,CAAC5C,QAAQ,CAAC,CAAC;EAEd,oBACEZ,KAAA;IAAKyE,SAAS,EAAEjD,MAAM,CAACkD,OAAQ;IAAAC,QAAA,gBAC7B3E,KAAA;MAAKyE,SAAS,EAAEjD,MAAM,CAACoD,IAAK;MAACC,GAAG,EAAEpD,OAAQ;MAAAkD,QAAA,gBACxC7E,IAAA;QAAK2E,SAAS,EAAEjD,MAAM,CAACd,QAAS;QAAAiE,QAAA,EAC7BjE;MAAQ,CACN,CAAC,EACLE,QAAQ,CAAC4C,GAAG,CAAC,UAACQ,GAAG,EAAEc,CAAC,EAAK;QACxB,IAAId,GAAG,CAACE,IAAI,KAAK,MAAM,EAAE;UACvB,IAAIF,GAAG,CAACjB,IAAI,EAAE;YACZ,oBACIjD,IAAA;cAA4B2E,SAAS,EAAEjD,MAAM,CAACuD,OAAQ;cAAAJ,QAAA,eACpD7E,IAAA;gBAAK2E,SAAS,EAAEjD,MAAM,CAACwD,IAAK;gBAAAL,QAAA,EAAEX,GAAG,CAACjB;cAAI,CAAM;YAAC,MAAAkC,MAAA,CADlCjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAEnB,CAAC;UAEZ;UACA,IAAId,GAAG,CAACkB,gBAAgB,EAAE;YACxB,oBACEpF,IAAA;cAA4B2E,SAAS,EAAEjD,MAAM,CAACuD,OAAQ;cAAAJ,QAAA,eACpD7E,IAAA,CAACJ,kBAAkB;gBAACsE,GAAG,EAAEA,GAAI;gBAACmB,UAAU,EAAEnE;cAAiB,CAAE;YAAC,MAAAiE,MAAA,CADnDjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAEnB,CAAC;UAEV;UACA,OAAO,IAAI;QACb;QACA,IAAMM,MAAM,GAAGN,CAAC,KAAKzB,SAAS;QAC9B,IAAMgC,SAAS,GAAGD,MAAM,IAAI3E,OAAO;QACnC,IAAM6E,YAAY,GAAG/B,cAAc,CAACgC,GAAG,CAAC,CAAAvB,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,YAAY,KAAI,EAAE,CAAC,KAAKH,GAAG,CAACK,EAAE;QAE3E,IAAIL,GAAG,CAACjB,IAAI,EAAE;UACZ,IAAIiB,GAAG,CAACwB,OAAO,EAAE;YACf,oBACExF,KAAA;cAA4ByE,SAAS,EAAEjD,MAAM,CAACiE,MAAO;cAAAd,QAAA,gBACnD7E,IAAA,CAACH,WAAW;gBACVqE,GAAG,EAAEA,GAAI;gBACTvD,OAAO,EAAE4E;cAAU,CACpB,CAAC,EACD,CAACA,SAAS,KAAItE,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG;gBAAE2E,OAAO,EAAE1B,GAAe;gBAAE2B,SAAS,EAAEP,MAAM;gBAAEE,YAAY,EAAZA;cAAa,CAAC,CAAC;YAAA,MAAAL,MAAA,CAL3EjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAMnB,CAAC;UAEV;UACA,oBACE9E,KAAA;YAA4ByE,SAAS,EAAEjD,MAAM,CAACiE,MAAO;YAAAd,QAAA,gBACnD7E,IAAA,CAACL,cAAc;cAACsD,IAAI,EAAEiB,GAAG,CAACjB;YAAK,CAAE,CAAC,EACjC,CAACsC,SAAS,KAAItE,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG;cAAE2E,OAAO,EAAE1B,GAAe;cAAE2B,SAAS,EAAEP,MAAM;cAAEE,YAAY,EAAZA;YAAa,CAAC,CAAC;UAAA,MAAAL,MAAA,CAF3EjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAGnB,CAAC;QAEV;QACA,IAAMc,MAAM,GAAG5B,GAAG,CAAC6B,YAAY;QAC/B,IAAID,MAAM,EAAE;UACV,oBACE5F,KAAA;YAA4ByE,SAAS,EAAEjD,MAAM,CAACiE,MAAO;YAAAd,QAAA,gBACnD7E,IAAA,CAACJ,kBAAkB;cAACsE,GAAG,EAAEA,GAAI;cAACmB,UAAU,EAAEnE,gBAAiB;cAACG,SAAS,EAAEA;YAAU,CAAC,CAAC,EAClF,CAACkE,SAAS,KAAItE,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG;cAAE2E,OAAO,EAAE1B,GAAe;cAAE2B,SAAS,EAAEP,MAAM;cAAEE,YAAY,EAAZA;YAAa,CAAC,CAAC;UAAA,MAAAL,MAAA,CAF3EjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAGnB,CAAC;QAEV;QACA,oBACEhF,IAAA;UAA4B2E,SAAS,EAAEjD,MAAM,CAACiE,MAAO;UAAAd,QAAA,EAClD,CAACU,SAAS,KAAItE,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG;YAAE2E,OAAO,EAAE1B,GAAe;YAAE2B,SAAS,EAAEP,MAAM;YAAEE,YAAY,EAAZA;UAAa,CAAC,CAAC;QAAA,MAAAL,MAAA,CAD3EjB,GAAG,CAACK,EAAE,OAAAY,MAAA,CAAIH,CAAC,CAEnB,CAAC;MAEV,CAAC,CAAC,eACFhF,IAAA;QAAA6E,QAAA,EACGhE,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE6C,GAAG,CAAC,UAACsC,IAAI;UAAA,oBACrBhG,IAAA;YAAgB2E,SAAS,EAAEjD,MAAM,CAACuE,UAAW;YAAApB,QAAA,eAC3C7E,IAAA;cAAK2E,SAAS,EAAEjD,MAAM,CAACwE,cAAe;cAAArB,QAAA,eACpC7E,IAAA,CAACR,MAAM;gBACL2G,IAAI,EAAC,MAAM;gBACXC,IAAI,eAAEpG,IAAA,CAACP,iBAAiB,IAAE,CAAE;gBAC5B4G,YAAY,EAAC,KAAK;gBAClBC,OAAO,EAAE,SAAAA,QAAA,EAAM;kBACb,IAAI,CAACN,IAAI,EAAE;kBACXzE,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGyE,IAAI,CAAC;gBACnB,CAAE;gBACFO,KAAK,EAAE;kBACLC,UAAU,EAAE,QAAQ;kBACpBC,MAAM,EAAE,MAAM;kBACdC,QAAQ,EAAE,YAAY;kBACtBC,SAAS,EAAE,MAAM;kBACjBC,OAAO,EAAE,UAAU;kBACnBC,UAAU,EAAE;gBACd,CAAE;gBAAAhC,QAAA,EAEDmB;cAAI,CACC;YAAC,CACN;UAAC,GArBEA,IAsBL,CAAC;QAAA,CACP;MAAC,CACC,CAAC,eACNhG,IAAA;QAAK+E,GAAG,EAAEjD;MAAe,CAAE,CAAC;IAAA,CACzB,CAAC,eACN9B,IAAA,CAACF,UAAU;MACTS,WAAW,EAAEA,WAAY;MACzBE,aAAa,EAAEA,aAAc;MAC7BE,OAAO,EAAEA,OAAQ;MACjBS,YAAY,EAAEA,YAAa;MAC3BE,QAAQ,EAAEyB,YAAa;MACvBtB,OAAO,EAAEA,OAAQ;MACjBD,MAAM,EAAEA;IAAO,CAChB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAED,eAAepB,WAAW"}
+{"version":3,"names":["React","useMemo","useCallback","useEffect","useRef","Button","Flex","Tooltip","message","antdMessage","clsx","SwapRightOutlined","ReloadOutlined","CopyOutlined","InfoCircleOutlined","CheckCircleFilled","copy","useStyles","MarkdownRender","FunctionCallRender","FileGallery","XAiThoughtChain","parseAgentMessage","jsx","_jsx","jsxs","_jsxs","scrollThreshold","XAdkChatbot","_ref","_ref$loading","loading","prologue","suggestions","messages","showFnCallDetail","onConfirm","onSuggest","showRetry","showCopy","showLog","onRetry","onCopy","onShowLog","actions","className","style","_ref$enableGrouping","enableGrouping","_ref$enableProcessPar","enableProcessParsing","parseOptions","styles","listRef","lastScrollTopRef","userHasScrolledRef","messagesEndRef","_messagesEndRef$curre","current","scrollIntoView","behavior","handleScroll","el","currentTop","scrollTop","isAtBottom","Math","abs","scrollHeight","clientHeight","listElement","addEventListener","removeEventListener","chatGroups","map","msg","_msg$isLike","id","role","msgs","invocationId","allFiles","fileData","isLike","groups","forEach","isRealUserQuery","functionResponse","functionCall","lastGroup","length","isLastGroupAgent","push","_msg$isLike2","concat","g","reduce","acc","m","_toConsumableArray","renderBotGroup","group","isLastGroup","botMsg","children","i","text","showDetail","mergedToolMap","Map","callId","has","set","_objectSpread","_mergedToolMap$get","get","tool","name","args","nodes","currentProcessItems","processedToolIds","Set","flushProcessItems","type","items","key","mergedMsg","content","add","parts","part","partIdx","includes","titleMap","planning","replanning","reasoning","action_log","process_text","title","trim","lastNode","fullTextToCopy","filter","join","lastBotMsg","hasProcess","some","n","isGroupLoading","node","idx","defaultOpen","showBadge","findIndex","successBadge","fileSection","fileHeader","files","align","isLastBotMsg","metaFooter","gap","actionIcons","onClick","success","timestamp","renderUserGroup","userMsg","card","renderSuggestions","suggestionWrapper","item","suggestion","suggestContent","icon","iconPosition","whiteSpace","height","wordWrap","textAlign","padding","lineHeight","wrapper","list","ref"],"sources":["../../../../src/components/XAdkChatbot/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect, useRef } from \"react\";\nimport { Button, Flex, Tooltip, message as antdMessage } from \"antd\";\nimport clsx from \"clsx\";\nimport {\n  SwapRightOutlined,\n  ReloadOutlined,\n  CopyOutlined,\n  InfoCircleOutlined,\n  CheckCircleFilled,\n} from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport { useStyles } from \"./styles\";\nimport MarkdownRender from \"./components/MarkdownRender\";\nimport FunctionCallRender from \"./components/FunctionCallRender\";\nimport FileGallery from \"./components/FileGallery\";\nimport XAiThoughtChain from \"@/components/XAiThoughtChain\";\nimport { parseAgentMessage, hasProcessContent, getPlainText } from \"@/utils\";\nimport type {\n  IMessage,\n  XAdkChatbotProps,\n  ChatGroup,\n  FunctionCall,\n} from \"@/types\";\nimport type { ThoughtChainItemType } from \"@/types/XAiThoughtChain\";\n\nconst scrollThreshold = 10;\n\n/**\n * XAdkChatbot - 增强版聊天组件\n *\n * 新增功能:\n * - ✅ 自动消息分组 (enableGrouping)\n * - ✅ 自动解析思维链 (enableProcessParsing)\n * - ✅ 文件展示 (FileGallery)\n * - ✅ 操作栏 (重试/复制/日志)\n * - ✅ 欢迎页面 (agentName/agentIcon/description)\n */\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  showFnCallDetail,\n  onConfirm,\n  onSuggest,\n  showRetry,\n  showCopy,\n  showLog,\n  onRetry,\n  onCopy,\n  onShowLog,\n  actions,\n  className,\n  style,\n  // welcome = null,\n  enableGrouping = true,\n  enableProcessParsing = true,\n  parseOptions,\n}) => {\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement>(null);\n  const lastScrollTopRef = useRef(0);\n  const userHasScrolledRef = useRef(false);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n\n  // 滚动到底部\n  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [loading, messages]);\n\n  // 处理滚动事件\n  const handleScroll = useCallback(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const currentTop = el.scrollTop;\n\n    if (currentTop < lastScrollTopRef.current) {\n      userHasScrolledRef.current = true;\n    }\n\n    const isAtBottom =\n      Math.abs(el.scrollHeight - currentTop - el.clientHeight) <=\n      scrollThreshold;\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    lastScrollTopRef.current = currentTop;\n  }, []);\n\n  useEffect(() => {\n    const listElement = listRef.current;\n    if (!listElement) return;\n\n    listElement.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      listElement.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [handleScroll]);\n\n  // ========== 消息分组逻辑 ==========\n  const chatGroups = useMemo(() => {\n    if (!enableGrouping) {\n      // 不分组,每条消息独立\n      return messages.map((msg) => ({\n        id: msg.id,\n        role: msg.role,\n        msgs: [msg],\n        invocationId: msg.invocationId,\n        allFiles: msg.fileData || [],\n        isLike: msg.isLike ?? 0,\n      }));\n    }\n\n    const groups: ChatGroup[] = [];\n    messages.forEach((msg) => {\n      // 过滤 followup 消息\n      if ((msg as any).role === \"followup\") return;\n\n      const isRealUserQuery =\n        msg.role === \"user\" && !msg.functionResponse && !msg.functionCall;\n      const lastGroup = groups[groups.length - 1];\n      const isLastGroupAgent = lastGroup?.role === \"bot\";\n\n      if (isLastGroupAgent && !isRealUserQuery) {\n        // 合并到上一个 bot 分组\n        lastGroup.msgs.push(msg);\n        if (msg.invocationId) lastGroup.invocationId = msg.invocationId;\n        // 更新 isLike: 取最新的非0值,或保持当前值\n        if (msg.isLike && msg.isLike !== 0) {\n          lastGroup.isLike = msg.isLike;\n        }\n      } else {\n        // 创建新分组\n        groups.push({\n          id: msg.id || `group-${groups.length}`,\n          role: isRealUserQuery ? \"user\" : \"bot\",\n          msgs: [msg],\n          invocationId: msg.invocationId,\n          allFiles: [],\n          isLike: msg.isLike ?? 0,\n        });\n      }\n    });\n\n    // 合并文件\n    groups.forEach((g) => {\n      g.allFiles = g.msgs.reduce(\n        (acc, m) => [...acc, ...(m.fileData || [])],\n        [] as any[],\n      );\n    });\n\n    return groups;\n  }, [messages, enableGrouping]);\n\n  // ========== 渲染 Bot 消息组 ==========\n  const renderBotGroup = useCallback(\n    (group: ChatGroup, isLastGroup: boolean) => {\n      const { msgs, allFiles } = group;\n\n      if (!enableProcessParsing) {\n        // 不解析 process,简单渲染\n        return (\n          <div key={group.id} className={styles.botMsg}>\n            {msgs.map((msg, i) => {\n              if (msg.text) {\n                return (\n                  <MarkdownRender key={`${msg.id}-${i}`} text={msg.text} />\n                );\n              }\n              if (msg.functionCall) {\n                return (\n                  <FunctionCallRender\n                    key={`${msg.id}-${i}`}\n                    msg={msg}\n                    showDetail={showFnCallDetail}\n                    onConfirm={onConfirm}\n                  />\n                );\n              }\n              return null;\n            })}\n          </div>\n        );\n      }\n\n      // ========== 解析 Process 内容 ==========\n\n      // 1. 合并工具调用\n      const mergedToolMap = new Map<string, IMessage>();\n      msgs.forEach((msg) => {\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!mergedToolMap.has(callId)) {\n            mergedToolMap.set(callId, { ...msg });\n          } else {\n            mergedToolMap.set(callId, {\n              ...(mergedToolMap.get(callId) ?? {}),\n              ...msg,\n            });\n          }\n        } else if (msg.functionResponse) {\n          const callId = msg.functionResponse.id || \"\";\n          if (mergedToolMap.has(callId)) {\n            const tool = mergedToolMap.get(callId);\n            if (tool) tool.functionResponse = msg.functionResponse;\n          } else {\n            mergedToolMap.set(callId, {\n              ...msg,\n              functionCall: {\n                id: callId,\n                name: msg.functionResponse.name || \"Unknown\",\n                args: {},\n              },\n            });\n          }\n        }\n      });\n\n      // 2. 解析文本消息中的 process 内容\n      type RenderNode =\n        | { type: \"text\"; content: string; key: string }\n        | { type: \"process\"; items: ThoughtChainItemType[]; key: string };\n\n      const nodes: RenderNode[] = [];\n      let currentProcessItems: ThoughtChainItemType[] = [];\n      const processedToolIds = new Set<string>();\n\n      const flushProcessItems = () => {\n        if (currentProcessItems.length > 0) {\n          nodes.push({\n            type: \"process\",\n            items: [...currentProcessItems],\n            key: `process-${nodes.length}`,\n          });\n          currentProcessItems = [];\n        }\n      };\n\n      msgs.forEach((msg) => {\n        // 处理工具调用\n        if (msg.functionCall) {\n          const callId = msg.functionCall.id || \"\";\n          if (!processedToolIds.has(callId)) {\n            const mergedMsg = mergedToolMap.get(callId);\n            if (mergedMsg) {\n              currentProcessItems.push({\n                type: \"tool\",\n                key: `tool-${callId}`,\n                content: \"\",\n                msg: mergedMsg,\n              });\n              processedToolIds.add(callId);\n            }\n          }\n        }\n        // 处理文本消息\n        else if (msg.text && !msg.functionResponse) {\n          const parts = parseAgentMessage(msg.text, parseOptions as any);\n\n          parts.forEach((part, partIdx) => {\n            // process 内容放入 currentProcessItems\n            if (\n              [\n                \"planning\",\n                \"replanning\",\n                \"reasoning\",\n                \"action_log\",\n                \"process_text\",\n              ].includes(part.type)\n            ) {\n              const titleMap: Record<string, string> = {\n                planning: \"任务规划\",\n                replanning: \"重新规划\",\n                reasoning: \"推理分析\",\n                action_log: \"行动记录\",\n                process_text: \"过程分析\",\n              };\n\n              currentProcessItems.push({\n                type: \"text\",\n                key: `${msg.id}-${partIdx}`,\n                content: part.content,\n                title: titleMap[part.type] || \"分析\",\n              });\n            }\n            // 普通文本内容\n            else {\n              flushProcessItems();\n              if (part.content.trim()) {\n                const lastNode = nodes[nodes.length - 1];\n                if (lastNode?.type === \"text\") {\n                  // 合并到上一个文本节点\n                  lastNode.content += \"\\n\\n\" + part.content;\n                } else {\n                  nodes.push({\n                    type: \"text\",\n                    content: part.content,\n                    key: `text-${msg.id}-${partIdx}`,\n                  });\n                }\n              }\n            }\n          });\n        }\n      });\n\n      // 最后flush一次\n      flushProcessItems();\n\n      // 3. 准备操作栏数据\n      const fullTextToCopy = msgs\n        .filter((m) => !m.functionCall && !m.functionResponse)\n        .map((m) => m.text || \"\")\n        .join(\"\");\n\n      const lastBotMsg = msgs[msgs.length - 1];\n      const hasProcess = nodes.some((n) => n.type === \"process\");\n      const isGroupLoading = loading && isLastGroup;\n\n      // 4. 渲染\n      return (\n        <div key={group.id} className={styles.botMsg}>\n          {nodes.map((node, idx) => {\n            if (node.type === \"process\") {\n              return (\n                <XAiThoughtChain\n                  key={node.key}\n                  loading={isGroupLoading}\n                  title=\"思维链已完成\"\n                  items={node.items}\n                  showFnCallDetail={showFnCallDetail}\n                  onConfirm={onConfirm}\n                  defaultOpen={isGroupLoading}\n                />\n              );\n            }\n\n            // 文本节点\n            const showBadge =\n              hasProcess && nodes.findIndex((n) => n.type === \"text\") === idx;\n            return (\n              <div key={node.key}>\n                {showBadge && (\n                  <div className={styles.successBadge}>\n                    <CheckCircleFilled /> 已完成所有规划任务\n                  </div>\n                )}\n                <MarkdownRender text={node.content} />\n              </div>\n            );\n          })}\n\n          {/* 文件展示 */}\n          {allFiles.length > 0 && (\n            <div className={styles.fileSection}>\n              <div className={styles.fileHeader}>\n                <span>生成文件 ({allFiles.length})</span>\n              </div>\n              <FileGallery files={allFiles} align=\"left\" />\n            </div>\n          )}\n\n          {/* 操作栏 */}\n          {!isGroupLoading &&\n            (actions\n              ? actions({ message: group, isLastBotMsg: isLastGroup })\n              : (showRetry || showCopy || showLog) && (\n                  <div className={styles.metaFooter}>\n                    <Flex gap={16} className={styles.actionIcons}>\n                      {showRetry && (\n                        <Tooltip title=\"重新生成\">\n                          <ReloadOutlined onClick={onRetry} />\n                        </Tooltip>\n                      )}\n                      {showCopy && (\n                        <Tooltip title=\"复制内容\">\n                          <CopyOutlined\n                            onClick={() => {\n                              copy(fullTextToCopy);\n                              antdMessage.success(\"复制成功\");\n                              onCopy?.(fullTextToCopy);\n                            }}\n                          />\n                        </Tooltip>\n                      )}\n                      {showLog && lastBotMsg?.invocationId && (\n                        <Tooltip title=\"查看日志\">\n                          <InfoCircleOutlined\n                            onClick={() =>\n                              onShowLog?.(\n                                lastBotMsg.invocationId!,\n                                lastBotMsg.timestamp,\n                              )\n                            }\n                          />\n                        </Tooltip>\n                      )}\n                    </Flex>\n                  </div>\n                ))}\n        </div>\n      );\n    },\n    [\n      enableProcessParsing,\n      parseOptions,\n      showFnCallDetail,\n      onConfirm,\n      loading,\n      showRetry,\n      showCopy,\n      showLog,\n      onRetry,\n      onCopy,\n      onShowLog,\n      styles,\n    ],\n  );\n\n  // ========== 渲染用户消息组 ==========\n  const renderUserGroup = useCallback(\n    (group: ChatGroup) => {\n      return (\n        <div key={group.id} className={styles.userMsg}>\n          {group.msgs.map((m, i) => (\n            <div key={m.id || i}>\n              {/* 文件展示 */}\n              {m.fileData && m.fileData.length > 0 && (\n                <FileGallery files={m.fileData} align=\"right\" />\n              )}\n              {/* 文本展示 */}\n              {m.text && <div className={styles.card}>{m.text}</div>}\n            </div>\n          ))}\n        </div>\n      );\n    },\n    [styles],\n  );\n\n  // ========== 欢迎页面 ==========\n  // const isEmpty =\n  //   messages.length === 0 &&\n  //   !prologue &&\n  //   (!suggestions || suggestions.length === 0);\n\n  // const renderWelcome = () => {\n  //   if (!isEmpty) return null;\n\n  //   return (\n  //     <>\n  //       {welcome ?? (\n  //         <div className={styles.welcomeWrapper}>\n  //           {agentIcon && (\n  //             <img src={agentIcon} alt=\"icon\" className={styles.welcomeIcon} />\n  //           )}\n  //           {agentName && (\n  //             <div className={styles.welcomeTitle}>{agentName}</div>\n  //           )}\n  //           {description && (\n  //             <div className={styles.welcomeDesc}>{description}</div>\n  //           )}\n  //         </div>\n  //       )}\n  //     </>\n  //   );\n  // };\n\n  // ========== 渲染建议问题 ==========\n  const renderSuggestions = () => {\n    if (!suggestions || suggestions.length === 0) return null;\n\n    return (\n      <div className={styles.suggestionWrapper}>\n        {suggestions.map((item) => (\n          <div key={item} className={styles.suggestion}>\n            <div className={styles.suggestContent}>\n              <Button\n                type=\"text\"\n                icon={<SwapRightOutlined />}\n                iconPosition=\"end\"\n                onClick={() => {\n                  if (!item) return;\n                  onSuggest?.(item);\n                }}\n                style={{\n                  whiteSpace: \"normal\",\n                  height: \"auto\",\n                  wordWrap: \"break-word\",\n                  textAlign: \"left\",\n                  padding: \"4px 15px\",\n                  lineHeight: \"1.5\",\n                }}\n              >\n                {item}\n              </Button>\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <div className={clsx(styles.wrapper, className)} style={style}>\n      <div className={styles.list} ref={listRef}>\n        {/* 开场白 */}\n        {prologue && (\n          <div className={styles.prologue}>\n            <MarkdownRender text={prologue} />\n          </div>\n        )}\n\n        {/* 欢迎页面 */}\n        {/* {renderWelcome()} */}\n\n        {/* 消息列表 */}\n        {chatGroups.map((group, idx) =>\n          group.role === \"user\"\n            ? renderUserGroup(group)\n            : renderBotGroup(group, idx === chatGroups.length - 1),\n        )}\n\n        {/* 建议问题 */}\n        {renderSuggestions()}\n\n        <div ref={messagesEndRef} />\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkChatbot;\n"],"mappings":"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"}

package/dist/esm/components/XAdkChatbot/styles.d.ts

@@ -7,6 +7,16 @@ export declare const useStyles: () => {
     userMsg: string;
     card: string;
     botMsg: string;
+    welcomeWrapper: string;
+    welcomeIcon: string;
+    welcomeTitle: string;
+    welcomeDesc: string;
+    suggestionWrapper: string;
+    successBadge: string;
+    fileSection: string;
+    fileHeader: string;
+    metaFooter: string;
+    actionIcons: string;
     fnCall: string;
     confirm: string;
     footer: string;

package/dist/esm/components/XAdkChatbot/styles.js

@@ -1,24 +1,35 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-import { css } from '@emotion/css';
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
+import { css } from "@emotion/css";
 import { withBasicStyles } from "../../styles/common";
 export var useStyles = withBasicStyles(function () {
   return {
     wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  "]))),
-    list: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    margin: 16px 0;\n    padding: 0 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  "]))),
+    list: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    margin: 16px 0;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  "]))),
     prologue: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-bottom: 12px;\n  "]))),
     suggestion: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-bottom: 12px;\n  "]))),
-    suggestContent: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    border: 2px solid #E7E7E7;\n    border-radius: 8px;\n  "]))),
+    suggestContent: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    border: 2px solid #e7e7e7;\n    border-radius: 8px;\n  "]))),
     userMsg: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  "]))),
-    card: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 80%;\n    white-space: pre-line;\n    word-break: break-all;\n  "]))),
+    card: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 100%;\n    white-space: pre-line;\n    word-break: break-all;\n  "]))),
     botMsg: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-bottom: 12px;\n  "]))),
-    fnCall: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  "]))),
-    confirm: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  "]))),
-    footer: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  "]))),
-    sender: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  "]))),
-    senderWrap: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  "]))),
-    tip: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  "]))),
-    input: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  "])))
+    // 新增样式
+    welcomeWrapper: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    text-align: center;\n  "]))),
+    welcomeIcon: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 64px;\n    height: 64px;\n    border-radius: 12px;\n    margin-bottom: 16px;\n  "]))),
+    welcomeTitle: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    font-weight: 600;\n    color: rgba(0, 0, 0, 0.88);\n    margin-bottom: 8px;\n  "]))),
+    welcomeDesc: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 24px;\n  "]))),
+    suggestionWrapper: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-top: 16px;\n  "]))),
+    successBadge: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    background: #f6ffed;\n    border: 1px solid #b7eb8f;\n    border-radius: 4px;\n    color: #52c41a;\n    font-size: 13px;\n    margin-bottom: 12px;\n  "]))),
+    fileSection: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin: 12px 0;\n  "]))),
+    fileHeader: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    font-size: 13px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 8px;\n  "]))),
+    metaFooter: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #f0f0f0;\n  "]))),
+    actionIcons: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    color: rgba(0, 0, 0, 0.45);\n\n    & > span {\n      cursor: pointer;\n      transition: color 0.2s;\n\n      &:hover {\n        color: #1890ff;\n      }\n    }\n  "]))),
+    fnCall: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  "]))),
+    confirm: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  "]))),
+    footer: css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  "]))),
+    sender: css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  "]))),
+    senderWrap: css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  "]))),
+    tip: css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  "]))),
+    input: css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  "])))
   };
 });
 export default useStyles;

package/dist/esm/components/XAdkChatbot/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","withBasicStyles","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","list","_templateObject2","prologue","_templateObject3","suggestion","_templateObject4","suggestContent","_templateObject5","userMsg","_templateObject6","card","_templateObject7","botMsg","_templateObject8","fnCall","_templateObject9","confirm","_templateObject10","footer","_templateObject11","sender","_templateObject12","senderWrap","_templateObject13","tip","_templateObject14","input","_templateObject15"],"sources":["../../../../src/components/XAdkChatbot/styles.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    padding: 0 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #E7E7E7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 80%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  \n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,svBA4BX;IAEDC,IAAI,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,4RAaR;IAEDG,QAAQ,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,sCAEZ;IAEDK,UAAU,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,sCAEd;IAEDO,cAAc,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,gGAIlB;IAEDS,OAAO,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,0FAIX;IAEDW,IAAI,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,sKAOR;IAEDa,MAAM,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,sCAEV;IAEDe,MAAM,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,yMASV;IAEDiB,OAAO,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,0FAIX;IAIDmB,MAAM,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,sJAGV;IAEDqB,MAAM,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,kQAUV;IAEDuB,UAAU,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,8GAKd;IAEDyB,GAAG,EAAE9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,8GAKP;IAED2B,KAAK,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA;EAYZ,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}
+{"version":3,"names":["css","withBasicStyles","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","list","_templateObject2","prologue","_templateObject3","suggestion","_templateObject4","suggestContent","_templateObject5","userMsg","_templateObject6","card","_templateObject7","botMsg","_templateObject8","welcomeWrapper","_templateObject9","welcomeIcon","_templateObject10","welcomeTitle","_templateObject11","welcomeDesc","_templateObject12","suggestionWrapper","_templateObject13","successBadge","_templateObject14","fileSection","_templateObject15","fileHeader","_templateObject16","metaFooter","_templateObject17","actionIcons","_templateObject18","fnCall","_templateObject19","confirm","_templateObject20","footer","_templateObject21","sender","_templateObject22","senderWrap","_templateObject23","tip","_templateObject24","input","_templateObject25"],"sources":["../../../../src/components/XAdkChatbot/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #e7e7e7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 100%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  // 新增样式\n  welcomeWrapper: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    text-align: center;\n  `,\n\n  welcomeIcon: css`\n    width: 64px;\n    height: 64px;\n    border-radius: 12px;\n    margin-bottom: 16px;\n  `,\n\n  welcomeTitle: css`\n    font-size: 24px;\n    font-weight: 600;\n    color: rgba(0, 0, 0, 0.88);\n    margin-bottom: 8px;\n  `,\n\n  welcomeDesc: css`\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 24px;\n  `,\n\n  suggestionWrapper: css`\n    margin-top: 16px;\n  `,\n\n  successBadge: css`\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    background: #f6ffed;\n    border: 1px solid #b7eb8f;\n    border-radius: 4px;\n    color: #52c41a;\n    font-size: 13px;\n    margin-bottom: 12px;\n  `,\n\n  fileSection: css`\n    margin: 12px 0;\n  `,\n\n  fileHeader: css`\n    font-size: 13px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 8px;\n  `,\n\n  metaFooter: css`\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #f0f0f0;\n  `,\n\n  actionIcons: css`\n    color: rgba(0, 0, 0, 0.45);\n\n    & > span {\n      cursor: pointer;\n      transition: color 0.2s;\n\n      &:hover {\n        color: #1890ff;\n      }\n    }\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,svBA4BX;IAEDC,IAAI,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,sQAYR;IAEDG,QAAQ,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,sCAEZ;IAEDK,UAAU,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,sCAEd;IAEDO,cAAc,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,gGAIlB;IAEDS,OAAO,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,0FAIX;IAEDW,IAAI,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,uKAOR;IAEDa,MAAM,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,sCAEV;IAED;IACAe,cAAc,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,yIAMlB;IAEDiB,WAAW,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,qGAKf;IAEDmB,YAAY,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,mHAKhB;IAEDqB,WAAW,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,6FAIf;IAEDuB,iBAAiB,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,mCAErB;IAEDyB,YAAY,EAAE9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,gQAWhB;IAED2B,WAAW,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,iCAEf;IAED6B,UAAU,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,4FAId;IAED+B,UAAU,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA,+FAId;IAEDiC,WAAW,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAlC,sBAAA,kLAWf;IAEDmC,MAAM,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,sBAAA,yMASV;IAEDqC,OAAO,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,0FAIX;IAEDuC,MAAM,EAAE5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,sBAAA,sJAGV;IAEDyC,MAAM,EAAE9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,sBAAA,kQAUV;IAED2C,UAAU,EAAEhD,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAA5C,sBAAA,8GAKd;IAED6C,GAAG,EAAElD,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAA9C,sBAAA,8GAKP;IAED+C,KAAK,EAAEpD,GAAG,CAAAqD,iBAAA,KAAAA,iBAAA,GAAAhD,sBAAA;EAYZ,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}

package/dist/esm/components/XAdkProvider/XAdkProvider.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAdkProvider from "./index";
+declare const meta: Meta<typeof XAdkProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 默认布局: Story;
+export declare const 带会话列表: Story;
+export declare const 自定义布局: Story;
+export declare const 使用Hooks: Story;
+export declare const 简化界面: Story;

package/dist/esm/components/XAdkProvider/XAdkProvider.stories.js

@@ -0,0 +1,338 @@
+import { Button, Space } from "antd";
+import XAdkProvider from "./index";
+import { useChatState, useChatActions } from "./context";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var meta = {
+  title: "AI组件/XAdkProvider 对话容器",
+  component: XAdkProvider,
+  parameters: {
+    layout: "fullscreen",
+    docs: {
+      description: {
+        component: "\n# XAdkProvider - \u65B0\u4E00\u4EE3 Compound Components \u67B6\u6784\n\n\u57FA\u4E8E Compound Components \u6A21\u5F0F\u7684 AI \u804A\u5929 SDK,\u63D0\u4F9B\u5B8C\u5168\u53EF\u7EC4\u5408\u7684\u804A\u5929\u754C\u9762\u3002\n\n## \u6838\u5FC3\u7279\u6027\n\n- \uD83E\uDDE9 **\u5B8C\u5168\u53EF\u7EC4\u5408**: \u81EA\u7531\u7EC4\u5408\u5B50\u7EC4\u4EF6,\u6784\u5EFA\u4EFB\u610F\u5E03\u5C40\n- \uD83E\uDE9D **Hooks \u8BBF\u95EE**: \u901A\u8FC7 Hooks \u8F7B\u677E\u8BBF\u95EE\u72B6\u6001\u548C\u65B9\u6CD5\n- \u26A1 **\u6027\u80FD\u4F18\u5316**: Context \u4E09\u5C42\u5206\u79BB,\u907F\u514D\u4E0D\u5FC5\u8981\u7684 rerender\n- \uD83D\uDD19 **\u5411\u540E\u517C\u5BB9**: \u65E7 API \u5B8C\u5168\u4FDD\u7559,\u5E73\u6ED1\u5347\u7EA7\n- \uD83D\uDCD8 **TypeScript**: \u5B8C\u6574\u7684\u7C7B\u578B\u652F\u6301\n\n## \u53EF\u7528\u7EC4\u4EF6\n\n- `XAdkProvider.DefaultLayout` - \u9ED8\u8BA4\u5E03\u5C40 (\u7C7B\u4F3C ChatGPT/DeepSeek)\n- `XAdkProvider.Chatbot` - \u5B8C\u6574\u7684\u804A\u5929\u754C\u9762 (Messages + Sender)\n- `XAdkProvider.Messages` - \u6D88\u606F\u5217\u8868\n- `XAdkProvider.Sender` - \u8F93\u5165\u6846\n- `XAdkProvider.Sidebar` - \u4F1A\u8BDD\u5217\u8868\n- `XAdkProvider.Header` - \u53EF\u9009\u5934\u90E8\n\n## \u53EF\u7528 Hooks\n\n- `useChatState()` - \u8BBF\u95EE\u804A\u5929\u72B6\u6001\n- `useChatActions()` - \u8BBF\u95EE\u804A\u5929\u65B9\u6CD5\n- `useSession()` - \u8BBF\u95EE\u4F1A\u8BDD\u7BA1\u7406\n\n## \u914D\u7F6E\u8BF4\u660E\n\n\u8BF7\u5728\u4F7F\u7528\u524D\u914D\u7F6E:\n- `url`: AI \u670D\u52A1\u5730\u5740 (\u9ED8\u8BA4: window.location.origin)\n- `token`: \u8BA4\u8BC1\u4EE4\u724C (\u5FC5\u586B)\n- `config.appNo`: \u5E94\u7528\u7F16\u53F7 (\u5FC5\u586B)\n        "
+      }
+    }
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    url: {
+      description: "AI 服务地址",
+      control: "text"
+    },
+    token: {
+      description: "认证令牌",
+      control: "text"
+    }
+  }
+};
+export default meta;
+// ============================================
+// 示例 1: 默认布局 (类似 ChatGPT)
+// ============================================
+export var 默认布局 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "100vh"
+      },
+      children: /*#__PURE__*/_jsx(XAdkProvider, {
+        url: args.url,
+        token: args.token,
+        config: args.config,
+        children: /*#__PURE__*/_jsx(XAdkProvider.DefaultLayout, {
+          showSessionList: false,
+          allowUpload: true,
+          clearBtnShow: true
+        })
+      })
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\n\u9ED8\u8BA4\u5E03\u5C40,\u7C7B\u4F3C ChatGPT \u7684\u754C\u9762\u98CE\u683C\u3002\n\n```tsx\n<XAdkProvider url=\"...\" token=\"...\" config={{ appNo: 'xxx' }}>\n  <XAdkProvider.DefaultLayout\n    showSessionList={false}\n    allowUpload={true}\n    clearBtnShow={true}\n  />\n</XAdkProvider>\n```\n        "
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJhdWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiLCJuYmYiOjE3NzI3ODU3OTMsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc5Mjk5MywiaWF0IjoxNzcyNzg1NzkzLCJqdGkiOiI4MmFjMGZmZS1lZDBlLTRiMjMtYWE3NS04NmUzZjA1OTQ2NmEiLCJjbGllbnRfaWQiOiJ3VFhIOE5SZUQ2TkloV0tWZkJRQ3hXdlMifQ.bBipIkOwu4BQqtH_ijT1V12yw5SnDpu7HAZhWrzjRSF7NUlqXr3m25f1VU_jiE9wyHO0Pj0VMMox1xVrE90JT9zgFL2sa4IDLpoHl6B2sr-3pY8WsvTLnk9PBSyTfOjmuSRwNDZyQYx0p4xJKd0yhf5Acfh5vuvH8pW7ksGpEXKvCLqc9tpeLytE1qZm_eSWt_rjTxDzvwMv33RAWO_fEigezoXfOe8ALtWpIDXEoza6cI--2buVM6-ZAFJHwe0CA_rx5E5H7QpmonUlZZhu9JVEL7HCc76MWLnuRP9TlNuicsR3JrYvkZ8nkG4oiBSWaHAgOVizGXaf2Elr7edTNA",
+    config: {
+      appNo: "wTXH8NReD6NIhWKVfBQCxWvS"
+    }
+  }
+};
+
+// ============================================
+// 示例 2: 带会话列表 (类似 DeepSeek)
+// ============================================
+export var 带会话列表 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "100vh"
+      },
+      children: /*#__PURE__*/_jsx(XAdkProvider, {
+        url: args.url,
+        token: args.token,
+        config: args.config,
+        children: /*#__PURE__*/_jsx(XAdkProvider.DefaultLayout, {
+          header: /*#__PURE__*/_jsx(_Fragment, {}),
+          showSessionList: true,
+          allowUpload: true,
+          clearBtnShow: false,
+          showFnCallDetail: true
+        })
+      })
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\n\u5E26\u4F1A\u8BDD\u5217\u8868\u7684\u5E03\u5C40,\u7C7B\u4F3C DeepSeek/\u5143\u5B9D \u7684\u754C\u9762\u98CE\u683C\u3002\n\n\u5DE6\u4FA7\u663E\u793A\u5386\u53F2\u4F1A\u8BDD\u5217\u8868,\u53F3\u4FA7\u663E\u793A\u804A\u5929\u533A\u57DF\u3002\n\n\u7279\u70B9:\n- \u2705 \u5DE6\u53F3\u5E03\u5C40: \u5DE6\u4FA7 280px \u5BBD\u7684\u4F1A\u8BDD\u5217\u8868,\u53F3\u4FA7\u804A\u5929\u533A\u57DF\n- \u2705 \u4F1A\u8BDD\u7BA1\u7406: \u652F\u6301\u65B0\u5EFA\u3001\u5207\u6362\u3001\u91CD\u547D\u540D\u3001\u5220\u9664\u4F1A\u8BDD\n- \u2705 \u81EA\u52A8\u52A0\u8F7D: \u4F1A\u8BDD\u5217\u8868\u81EA\u52A8\u52A0\u8F7D\u5386\u53F2\u8BB0\u5F55\n- \u2705 \u54CD\u5E94\u5F0F: \u7A84\u5C4F\u81EA\u52A8\u5207\u6362\u5230\u4FA7\u8FB9\u680F\u6A21\u5F0F\n\n```tsx\n<XAdkProvider\n  url=\"...\"\n  token=\"...\"\n  config={{\n    appNo: 'xxx',\n    session: {\n      showSessionList: true,\n    }\n  }}\n>\n  <XAdkProvider.DefaultLayout\n    showSessionList={true}\n    allowUpload={true}\n  />\n</XAdkProvider>\n```\n        "
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A",
+    config: {
+      appNo: "pHQOYWcJ33OF7G7C8WcGmHGi"
+    }
+  }
+};
+
+// ============================================
+// 示例 3: 自定义布局
+// ============================================
+export var 自定义布局 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "100vh"
+      },
+      children: /*#__PURE__*/_jsx(XAdkProvider, {
+        url: args.url,
+        token: args.token,
+        config: args.config,
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            display: "flex",
+            height: "100%"
+          },
+          children: /*#__PURE__*/_jsxs("div", {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column"
+            },
+            children: [/*#__PURE__*/_jsx("div", {
+              style: {
+                padding: "16px 24px",
+                background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+                color: "white",
+                borderBottom: "1px solid rgba(255,255,255,0.1)"
+              },
+              children: /*#__PURE__*/_jsx("h2", {
+                style: {
+                  margin: 0,
+                  fontSize: "18px"
+                },
+                children: "\uD83E\uDD16 AI \u667A\u80FD\u52A9\u624B"
+              })
+            }), /*#__PURE__*/_jsx("div", {
+              style: {
+                flex: 1,
+                overflow: "hidden",
+                background: "#f9fafb"
+              },
+              children: /*#__PURE__*/_jsx(XAdkProvider.Messages, {})
+            }), /*#__PURE__*/_jsx(XAdkProvider.Sender, {
+              allowUpload: true,
+              clearBtnShow: true
+            })]
+          })
+        })
+      })
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\n\u5B8C\u5168\u81EA\u5B9A\u4E49\u7684\u5E03\u5C40,\u5C55\u793A Compound Components \u7684\u7075\u6D3B\u6027\u3002\n\n\u53EF\u4EE5\u4EFB\u610F\u7EC4\u5408 Sidebar\u3001Messages\u3001Sender \u7B49\u7EC4\u4EF6\u3002\n        "
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJhdWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiLCJuYmYiOjE3NzMwNDM0MjIsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kiXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3MzA1MDYyMiwiaWF0IjoxNzczMDQzNDIyLCJqdGkiOiJhODRmM2I5Ni1mNDIyLTRjOTgtOTA4Yi1lYzFiYmY0Y2JlNDciLCJjbGllbnRfaWQiOiJwSFFPWVdjSjMzT0Y3RzdDOFdjR21IR2kifQ.PDpY6X-fO2QkOB_30rkDsFFBNObsNJXtK0DoGKb7euOg0R7nHrXimCKR28LbVk-gRa-7C8uwJbVvCX-gJZivYaVwpeUijiBq2lY59bXU695iCyZNpkCAsRNnPfIX75hnTDDTY2-Qr2CXN0lgPZ8KO5Kt-CItu3cq8SiLYM8YlUVjqsCbNQdaqkhPLVnUzjyQseM-5mldNW2_j_UvQ0wtjcybPVHpmHrKT_N6jdqZDtwYUuM4vk6DL-K4O8m66gXImXbolQB62Ad04hFVrI2sJjHOt7U4ZwRWxxIm8JY7nk-03uUiUmhGsDSVaqHIc-YlDbxGVR0dhx59w6EaIYAX9A",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+
+// ============================================
+// 示例 4: 使用 Hooks
+// ============================================
+var CustomStatsBar = function CustomStatsBar() {
+  var _useChatState = useChatState(),
+    messages = _useChatState.messages,
+    loading = _useChatState.loading,
+    appInfo = _useChatState.appInfo;
+  var _useChatActions = useChatActions(),
+    chat = _useChatActions.chat;
+  var quickQuestions = ["介绍一下你自己", "你能帮我做什么?", "如何开始使用?"];
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      padding: "16px 20px",
+      background: "white",
+      borderBottom: "1px solid #f0f0f0"
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginBottom: "12px"
+      },
+      children: [/*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsxs("span", {
+          style: {
+            fontSize: "12px",
+            color: "#999"
+          },
+          children: ["\uD83D\uDCAC \u6D88\u606F\u6570: ", /*#__PURE__*/_jsx("strong", {
+            children: messages.length
+          })]
+        }), /*#__PURE__*/_jsxs("span", {
+          style: {
+            fontSize: "12px",
+            color: "#999"
+          },
+          children: ["\uD83E\uDD16 ", (appInfo === null || appInfo === void 0 ? void 0 : appInfo.appName) || "加载中..."]
+        })]
+      }), /*#__PURE__*/_jsx("span", {
+        style: {
+          fontSize: "12px",
+          color: loading ? "#1890ff" : "#52c41a"
+        },
+        children: loading ? "● 生成中..." : "● 就绪"
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        fontSize: "12px",
+        color: "#666",
+        marginBottom: "8px"
+      },
+      children: "\uD83D\uDCA1 \u5FEB\u6377\u95EE\u9898:"
+    }), /*#__PURE__*/_jsx(Space, {
+      wrap: true,
+      children: quickQuestions.map(function (q, i) {
+        return /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          onClick: function onClick() {
+            return chat({
+              text: q
+            });
+          },
+          disabled: loading,
+          children: q
+        }, i);
+      })
+    })]
+  });
+};
+export var 使用Hooks = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "100vh"
+      },
+      children: /*#__PURE__*/_jsx(XAdkProvider, {
+        url: args.url,
+        token: args.token,
+        config: args.config,
+        children: /*#__PURE__*/_jsxs("div", {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            height: "100%"
+          },
+          children: [/*#__PURE__*/_jsx(CustomStatsBar, {}), /*#__PURE__*/_jsx("div", {
+            style: {
+              flex: 1
+            },
+            children: /*#__PURE__*/_jsx(XAdkProvider.Chatbot, {})
+          })]
+        })
+      })
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\n\u4F7F\u7528 `useChatState` \u548C `useChatActions` Hooks \u8BBF\u95EE\u72B6\u6001\u548C\u65B9\u6CD5\u3002\n\n\u53EF\u4EE5\u5728\u4EFB\u610F\u5B50\u7EC4\u4EF6\u4E2D\u4F7F\u7528\u8FD9\u4E9B Hooks \u6765\u8BBF\u95EE\u804A\u5929\u6570\u636E\u548C\u64CD\u4F5C\u3002\n\n```tsx\nfunction CustomStatsBar() {\n  const { messages, loading } = useChatState();\n  const { chat } = useChatActions();\n\n  return (\n    <div>\n      <p>\u6D88\u606F\u6570: {messages.length}</p>\n      <button onClick={() => chat({ text: 'Hello' })}>\n        \u53D1\u9001\n      </button>\n    </div>\n  );\n}\n```\n        "
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+
+// ============================================
+// 示例 5: 简化的 Chatbot
+// ============================================
+export var 简化界面 = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "#f5f5f5",
+        padding: "40px"
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: "100%",
+          maxWidth: "900px",
+          height: "700px",
+          background: "white",
+          borderRadius: "12px",
+          overflow: "hidden",
+          boxShadow: "0 8px 24px rgba(0,0,0,0.12)"
+        },
+        children: /*#__PURE__*/_jsx(XAdkProvider, {
+          url: args.url,
+          token: args.token,
+          config: args.config,
+          children: /*#__PURE__*/_jsx(XAdkProvider.Chatbot, {})
+        })
+      })
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\n\u6700\u7B80\u5316\u7684\u804A\u5929\u754C\u9762,\u53EA\u5305\u542B\u6D88\u606F\u5217\u8868\u548C\u8F93\u5165\u6846\u3002\n\n\u9002\u5408\u5D4C\u5165\u5230\u5176\u4ED6\u9875\u9762\u6216\u4F5C\u4E3A\u5BF9\u8BDD\u7A97\u53E3\u4F7F\u7528\u3002\n\n```tsx\n<XAdkProvider url=\"...\" token=\"...\" config={{ appNo: 'xxx' }}>\n  <XAdkProvider.Chatbot />\n</XAdkProvider>\n```\n        "
+      }
+    }
+  },
+  args: {
+    url: "https://m-poc-dev.zaxline.com",
+    token: "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJhdWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iLCJuYmYiOjE3NzI3NjE1OTQsInVzZXJfaWQiOiJWNFNPSG1KbzNaZWE0Uk51ZzdYWDJBPT0iLCJzY29wZSI6WyIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08iXSwiaXNzIjoiaHR0cDovL2htLWF1dGgtc2VydmVyLnhsaW5lLWRldi50ZXN0LnhpbmtlLmJpeiIsImV4cCI6MTc3Mjc2ODc5NCwiaWF0IjoxNzcyNzYxNTk0LCJqdGkiOiI2M2IyMjRkNC1iODY3LTQzNjYtYTM5ZC1hZjNmOWQ0M2YyZmMiLCJjbGllbnRfaWQiOiIzanQyWWJEamV3Vm4yUEhSS2FEZkpFZ08ifQ.QNI4bD6MjIIvv-_SFxYEOiNv9304Ps5WF3b8_qmi3YIrqJQiaJ-iT1_fENpe9dD25RXcpgIv2Xnz9cI3Lz3gHfPKwoefijhrD7_Ye-9C5ztM2OI5pfoUurc1xPvjS7FGrTMZHNbpIFXyPoDAxtzGt-hLoQAEhBhLib8lLAbAQACmBOYy3KGwJg4sSFvbLkGWgqkH2aqC8MdH50ce35leybbEJu7ImithH3rj4E2oF6EqTb3vK181DFooEJ9E_LaC_hrw8zqGh9PSJah1rO3nxUDOPnz946RLKUi0xLOtz42l6qY2nUFsd9axYunGnk2ds5gg-PcBZN_X_aa-w7SLnw",
+    config: {
+      appNo: "3jt2YbDjewVn2PHRKaDfJEgO"
+    }
+  }
+};
+//# sourceMappingURL=XAdkProvider.stories.js.map