paul-ai-assistant 0.1.16

package/dist/meta__demos.async.js

@@ -0,0 +1,4272 @@
+"use strict";(self.webpackChunk_alife_paul_ai_assistant=self.webpackChunk_alife_paul_ai_assistant||[]).push([[669],{60855:function(t,e,n){n.r(e),n.d(e,{demos:function(){return r}});var o=n(1024),a=n.n(o),r={}},72457:function(t,e,n){n.r(e),n.d(e,{demos:function(){return r}});var o=n(1024),a=n.n(o),r={"demos-markdown-latex-mermaid-demo-markdown-latex-mermaid":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,42473))})),asset:{type:"BLOCK",id:"demos-markdown-latex-mermaid-demo-markdown-latex-mermaid",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(57782).Z},react:{type:"NPM",value:"16.14.0"},"./index.scss":{type:"FILE",value:n(77526).Z},"../../src/components/MarkDown.tsx":{type:"FILE",value:n(12485).Z},"./data.ts":{type:"FILE",value:n(19783).Z},"@alife/goc-utils":{type:"NPM",value:"1.36.0"},"@alife/magic-chat-ui":{type:"NPM",value:"3.20.1"},katex:{type:"NPM",value:"0.16.25"},mermaid:{type:"NPM",value:"11.12.1"},"rehype-highlight":{type:"NPM",value:"6.0.0"},"rehype-katex":{type:"NPM",value:"6.0.3"},"rehype-raw":{type:"NPM",value:"6.1.1"},"remark-gfm":{type:"NPM",value:"3.0.1"},"remark-math":{type:"NPM",value:"5.1.1"}},entry:"index.tsx"},context:void 0,renderOpts:void 0}}},50639:function(t,e,n){n.r(e),n.d(e,{demos:function(){return r}});var o=n(1024),a=n.n(o),r={"demos-tool-chat-type-demo-toolchattype":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,91090))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-toolchattype",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(82299).Z},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"},"./data.ts":{type:"FILE",value:n(4453).Z},"../config.tsx":{type:"FILE",value:n(23730).Z},axios:{type:"NPM",value:"0.21.4"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-chat-input-demo":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,25248))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-chat-input-demo",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(11633).Z},react:{type:"NPM",value:"16.14.0"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"},"../config.tsx":{type:"FILE",value:n(23730).Z},axios:{type:"NPM",value:"0.21.4"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-chat-list-demo":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,54115))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-chat-list-demo",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(89).Z},react:{type:"NPM",value:"16.14.0"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"},"./data.ts":{type:"FILE",value:n(4453).Z},"../config.tsx":{type:"FILE",value:n(23730).Z},axios:{type:"NPM",value:"0.21.4"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-chat-scenario-demo":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,94885))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-chat-scenario-demo",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(88321).Z},react:{type:"NPM",value:"16.14.0"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"},"../config.tsx":{type:"FILE",value:n(23730).Z},axios:{type:"NPM",value:"0.21.4"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-schema-input":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,14663))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-schema-input",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(22516).Z},react:{type:"NPM",value:"16.14.0"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-assistant-drawer":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,25578))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-assistant-drawer",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(53925).Z},react:{type:"NPM",value:"16.14.0"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"}},entry:"index.tsx"},context:void 0,renderOpts:void 0},"demos-tool-chat-type-demo-agentschemaformdemo":{component:a().memo(a().lazy(function(){return Promise.all([n.e(9725),n.e(6254),n.e(2517),n.e(2433)]).then(n.bind(n,97005))})),asset:{type:"BLOCK",id:"demos-tool-chat-type-demo-agentschemaformdemo",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:n(93649).Z},react:{type:"NPM",value:"16.14.0"},"../src/components/AgentSchemaForm.tsx":{type:"FILE",value:n(32772).Z},"@alife/magic-pro":{type:"NPM",value:"2.5.27"},"../../ErrorBoundary.tsx":{type:"FILE",value:n(23566).Z},"../../AssistantChat/AssistentError.tsx":{type:"FILE",value:n(55919).Z},"../../utils/formDataFormat.ts":{type:"FILE",value:n(46825).Z},"../../utils/formatData.tsx":{type:"FILE",value:n(69139).Z},"../../utils/log.ts":{type:"FILE",value:n(26678).Z},"../PaulButtonGroup.tsx":{type:"FILE",value:n(16913).Z},"./index.scss":{type:"FILE",value:n(30725).Z},"../AgentCardSubmit.tsx":{type:"FILE",value:n(90550).Z},"./_interface.ts":{type:"FILE",value:n(32669).Z},"../AgentText.tsx":{type:"FILE",value:n(33810).Z},"./ScreenshotView.tsx":{type:"FILE",value:n(48256).Z},"@alife/goc-utils":{type:"NPM",value:"1.36.0"},moment:{type:"NPM",value:"2.30.1"},"@alife/magic-basic":{type:"NPM",value:"4.2.11"},"@alife/magic-request":{type:"NPM",value:"2.5.9"},"./ErrorBoundaryFallback.tsx":{type:"FILE",value:n(3864).Z},"@formily/antd":{type:"NPM",value:"1.3.17"},"@alife/paul-ai-assistant":{type:"NPM",value:"0.1.16"},"../../constants/common.tsx":{type:"FILE",value:n(4202).Z},"./Select.tsx":{type:"FILE",value:n(66507).Z},"../../utils/CSEIconTool.tsx":{type:"FILE",value:n(39374).Z},"./ScreenshotView.scss":{type:"FILE",value:n(43828).Z},"@alife/magic-icons":{type:"NPM",value:"2.3.13"},ahooks:{type:"NPM",value:"3.9.5"},lodash:{type:"NPM",value:"4.17.21"}},entry:"index.tsx"},context:void 0,renderOpts:void 0}}},62748:function(t,e,n){n.r(e),n.d(e,{texts:function(){return o}});const o=[{value:"bizDomain",paraId:0,tocIndex:0},{value:"\u8868\u793A\u4E1A\u52A1\u57DF\u552F\u4E00\u6807\u8BC6\uFF0C",paraId:0,tocIndex:0},{value:"bizId",paraId:0,tocIndex:0},{value:"\u8868\u793A\u4E1A\u52A1 id \u552F\u4E00\u6807\u8BC6",paraId:0,tocIndex:0},{value:"\u6301\u7EED\u8865\u5145\u4E2D...",paraId:1,tocIndex:1},{value:"\u4E1A\u52A1\u57DF",paraId:2,tocIndex:1},{value:"\u63CF\u8FF0",paraId:2,tocIndex:1},{value:"CSE",paraId:2,tocIndex:1},{value:"\u5DE5\u5355",paraId:2,tocIndex:1},{value:"CSE_HOTLINE_IM",paraId:2,tocIndex:1},{value:"\u667A\u80FD\u70ED\u7EBF",paraId:2,tocIndex:1},{value:"AES",paraId:2,tocIndex:1},{value:"\u667A\u80FD\u670D\u52A1",paraId:2,tocIndex:1},{value:"YUN_TAI",paraId:2,tocIndex:1},{value:"\u4E91\u53F0",paraId:2,tocIndex:1},{value:"PUBLIC_AES_YUNQI",paraId:2,tocIndex:1},{value:"\u4E91\u4F01",paraId:2,tocIndex:1},{value:"PUBLIC_AES_SMB",paraId:2,tocIndex:1},{value:"SMB",paraId:2,tocIndex:1},{value:"AGENT_PLATFORM",paraId:2,tocIndex:1},{value:"Agent \u7BA1\u7406\u540E\u53F0",paraId:2,tocIndex:1},{value:"\u5C5E\u6027",paraId:3,tocIndex:2},{value:"\u7C7B\u578B",paraId:3,tocIndex:2},{value:"\u5FC5\u586B",paraId:3,tocIndex:2},{value:"\u9ED8\u8BA4\u503C",paraId:3,tocIndex:2},{value:"\u8BF4\u660E",paraId:3,tocIndex:2},{value:"bizId",paraId:3,tocIndex:2},{value:"string | number",paraId:3,tocIndex:2},{value:"\u662F",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u4E1A\u52A1 id",paraId:3,tocIndex:2},{value:"bizDomain",paraId:3,tocIndex:2},{value:"BIZ_DOMAIN | string",paraId:3,tocIndex:2},{value:"\u662F",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u4E1A\u52A1\u7C7B\u578B",paraId:3,tocIndex:2},{value:"className",paraId:3,tocIndex:2},{value:"string",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u6837\u5F0F\u7C7B\u540D",paraId:3,tocIndex:2},{value:"dataSource",paraId:3,tocIndex:2},{value:"any[]",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5BF9\u8BDD\u6570\u636E",paraId:3,tocIndex:2},{value:"placeholder",paraId:3,tocIndex:2},{value:"string",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u53D1\u9001\u6D88\u606F\u7684 placeholder",paraId:3,tocIndex:2},{value:"cardComponentMap",paraId:3,tocIndex:2},{value:"any",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u4E1A\u52A1\u81EA\u5B9A\u4E49\u5361\u7247\u6E32\u67D3\u7684\u7EC4\u4EF6\u6CE8\u518C",paraId:3,tocIndex:2},{value:"operationComponentMap",paraId:3,tocIndex:2},{value:"any",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u4E1A\u52A1\u81EA\u5B9A\u4E49\u64CD\u4F5C\u6E32\u67D3\u7684\u7EC4\u4EF6\u6CE8\u518C",paraId:3,tocIndex:2},{value:"locateAfterSingleMessageUpdate",paraId:3,tocIndex:2},{value:"boolean",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5355\u6761\u6D88\u606F\u66F4\u65B0\u65F6\uFF0C\u662F\u5426\u9700\u8981\u5B9A\u4F4D\u5230\u6D88\u606F\u7684\u4F4D\u7F6E",paraId:3,tocIndex:2},{value:"interruptLlmMessageScroll",paraId:3,tocIndex:2},{value:"boolean",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u4E2D\u65AD\u6253\u5B57\u673A\u6D88\u606F\u6EDA\u52A8",paraId:3,tocIndex:2},{value:"topRenderMessage",paraId:3,tocIndex:2},{value:"any",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u9876\u90E8\u6E32\u67D3\u6D88\u606F",paraId:3,tocIndex:2},{value:"cardRender",paraId:3,tocIndex:2},{value:"(data: any) => ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u81EA\u5B9A\u4E49\u6E32\u67D3\u51FD\u6570",paraId:3,tocIndex:2},{value:"operationRender",paraId:3,tocIndex:2},{value:"(data: any) => ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u81EA\u5B9A\u4E49\u6E32\u67D3\u51FD\u6570",paraId:3,tocIndex:2},{value:"toolRender",paraId:3,tocIndex:2},{value:"() => ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5DE5\u5177\u533A\u57DF\u7684\u81EA\u5B9A\u4E49\u6E32\u67D3",paraId:3,tocIndex:2},{value:"toolConfig",paraId:3,tocIndex:2},{value:"IToolConfig | false",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5DE5\u5177\u914D\u7F6E",paraId:3,tocIndex:2},{value:"onCloseToolCallback",paraId:3,tocIndex:2},{value:"(tool: any) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5173\u95ED\u5DE5\u5177\u56DE\u8C03",paraId:3,tocIndex:2},{value:"extBottomRender",paraId:3,tocIndex:2},{value:"() => ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u5E95\u90E8\u6309\u94AE\u914D\u7F6E",paraId:3,tocIndex:2},{value:"onSend",paraId:3,tocIndex:2},{value:"(data?: any, onSuccessCallback?: (res: { data?: any }) => void) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u53D1\u9001\u6D88\u606F ",paraId:3,tocIndex:2},{value:" ",paraId:3,tocIndex:2},{value:"\u53C2\u6570:",paraId:3,tocIndex:2},{value:" ",paraId:3,tocIndex:2},{value:" - ",paraId:3,tocIndex:2},{value:"data",paraId:3,tocIndex:2},{value:": \u6D88\u606F\u53D1\u9001\u53C2\u6570 ",paraId:3,tocIndex:2},{value:" - ",paraId:3,tocIndex:2},{value:"onSuccessCallback",paraId:3,tocIndex:2},{value:": \u53D1\u9001\u6210\u529F\u56DE\u8C03 ",paraId:3,tocIndex:2},{value:" \u5305\u62EC\uFF1A ",paraId:3,tocIndex:2},{value:" 1. \u91CD\u7F6E\u8F93\u5165 ",paraId:3,tocIndex:2},{value:" 2. \u5224\u65AD\u662F\u5426\u5927\u6A21\u578B\u751F\u6210 ",paraId:3,tocIndex:2},{value:" 3. \u6709\u8868\u5355\u65F6\uFF0C\u91CD\u7F6E\u8868\u5355, \u591A\u8F6E\u5BF9\u8BDD\u65F6\u8868\u5355\u53EA\u5728\u9996\u8F6E\u6709\u6548 ",paraId:3,tocIndex:2},{value:" 4. \u5DE5\u5177\u6267\u884C\uFF0C\u5355\u8F6E\u6267\u884C\u6210\u529F\u9700\u8981\u5173\u95ED\u5DE5\u5177\u63D0\u793A",paraId:3,tocIndex:2},{value:"onChangeInputValue",paraId:3,tocIndex:2},{value:"(val: any) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u76D1\u542C\u8F93\u5165\u6846\u503C\u53D8\u5316",paraId:3,tocIndex:2},{value:"onChangeInputDiasbled",paraId:3,tocIndex:2},{value:"(val: any) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u76D1\u542C\u8F93\u5165\u6846\u7981\u7528",paraId:3,tocIndex:2},{value:"emptyContent",paraId:3,tocIndex:2},{value:"ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u7A7A\u5185\u5BB9",paraId:3,tocIndex:2},{value:"inputProps",paraId:3,tocIndex:2},{value:"TextAreaProps",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u8F93\u5165\u6846\u5C5E\u6027",paraId:3,tocIndex:2},{value:"log",paraId:3,tocIndex:2},{value:"(eventName: string, v?: any) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u65E5\u5FD7\u4E0A\u62A5\u65B9\u6CD5",paraId:3,tocIndex:2},{value:"logTrace",paraId:3,tocIndex:2},{value:"ILogTrace",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u64CD\u4F5C\u94FE\u8DEF\u4E0A\u62A5\u65B9\u6CD5",paraId:3,tocIndex:2},{value:"errorMessage",paraId:3,tocIndex:2},{value:"ReactNode",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u9519\u8BEF\u63D0\u793A",paraId:3,tocIndex:2},{value:"onError",paraId:3,tocIndex:2},{value:"(v: any) => void",paraId:3,tocIndex:2},{value:"\u5426",paraId:3,tocIndex:2},{value:"-",paraId:3,tocIndex:2},{value:"\u547D\u4E2D ErrorBoundary \u7684\u56DE\u8C03",paraId:3,tocIndex:2},{value:"\u5C5E\u6027",paraId:4,tocIndex:3},{value:"\u7C7B\u578B",paraId:4,tocIndex:3},{value:"\u5FC5\u586B",paraId:4,tocIndex:3},{value:"\u8BF4\u660E",paraId:4,tocIndex:3},{value:"showBaseToolTag",paraId:4,tocIndex:3},{value:"boolean",paraId:4,tocIndex:3},{value:"\u5426",paraId:4,tocIndex:3},{value:"\u5DE5\u5177\u680F\u662F\u5426\u5C55\u793A\u5185\u7F6E\u5DE5\u5177",paraId:4,tocIndex:3},{value:"openQuickWakeUp",paraId:4,tocIndex:3},{value:"boolean",paraId:4,tocIndex:3},{value:"\u5426",paraId:4,tocIndex:3},{value:"\u662F\u5426\u5F00\u542F\u5FEB\u6377\u5524\u9192",paraId:4,tocIndex:3},{value:"baseToolApi",paraId:4,tocIndex:3},{value:"string",paraId:4,tocIndex:3},{value:"\u5426",paraId:4,tocIndex:3},{value:"\u57FA\u7840\u5DE5\u5177 api",paraId:4,tocIndex:3},{value:"customToolList",paraId:4,tocIndex:3},{value:"ReactNode[]",paraId:4,tocIndex:3},{value:"\u5426",paraId:4,tocIndex:3},{value:"\u81EA\u5B9A\u4E49\u5DE5\u5177\u5217\u8868",paraId:4,tocIndex:3},{value:"agentConfig",paraId:4,tocIndex:3},{value:"IAgentConfig",paraId:4,tocIndex:3},{value:"\u5426",paraId:4,tocIndex:3},{value:"agent \u5DE5\u5177\u914D\u7F6E",paraId:4,tocIndex:3},{value:"\u5C5E\u6027",paraId:5,tocIndex:4},{value:"\u7C7B\u578B",paraId:5,tocIndex:4},{value:"\u5FC5\u586B",paraId:5,tocIndex:4},{value:"\u8BF4\u660E",paraId:5,tocIndex:4},{value:"agentData",paraId:5,tocIndex:4},{value:"any",paraId:5,tocIndex:4},{value:"\u5426",paraId:5,tocIndex:4},{value:"\u53D7\u63A7 agent \u5DE5\u5177\u53C2\u6570",paraId:5,tocIndex:4},{value:"disableCloseAgent",paraId:5,tocIndex:4},{value:"boolean",paraId:5,tocIndex:4},{value:"\u5426",paraId:5,tocIndex:4},{value:"\u662F\u5426\u7981\u6B62\u5173\u95ED agent \u5DE5\u5177",paraId:5,tocIndex:4},{value:"disableClearAgentContext",paraId:5,tocIndex:4},{value:"boolean",paraId:5,tocIndex:4},{value:"\u5426",paraId:5,tocIndex:4},{value:"\u662F\u5426\u7981\u6B62\u6E05\u7A7A agent \u4E0A\u4E0B\u6587",paraId:5,tocIndex:4},{value:"\u5C5E\u6027",paraId:6,tocIndex:5},{value:"\u7C7B\u578B",paraId:6,tocIndex:5},{value:"\u5FC5\u586B",paraId:6,tocIndex:5},{value:"\u8BF4\u660E",paraId:6,tocIndex:5},{value:"startTrace",paraId:6,tocIndex:5},{value:"(eventName: string, bizId: string | number) => void",paraId:6,tocIndex:5},{value:"\u5426",paraId:6,tocIndex:5},{value:"\u5F00\u59CB\u94FE\u8DEF\u4E0A\u62A5",paraId:6,tocIndex:5},{value:"closeTrace",paraId:6,tocIndex:5},{value:"(eventName: string, bizId: string | number) => void",paraId:6,tocIndex:5},{value:"\u5426",paraId:6,tocIndex:5},{value:"\u7ED3\u675F\u94FE\u8DEF\u4E0A\u62A5",paraId:6,tocIndex:5},{value:"updateTrace",paraId:6,tocIndex:5},{value:"(eventName: string, bizId: string | number, subEventKey: string) => void",paraId:6,tocIndex:5},{value:"\u5426",paraId:6,tocIndex:5},{value:"\u66F4\u65B0\u94FE\u8DEF\u4E0A\u62A5",paraId:6,tocIndex:5},{value:"\u5C5E\u6027",paraId:7,tocIndex:6},{value:"\u7C7B\u578B",paraId:7,tocIndex:6},{value:"\u8BF4\u660E",paraId:7,tocIndex:6},{value:"updateInputValue",paraId:7,tocIndex:6},{value:"(val: string) => void",paraId:7,tocIndex:6},{value:"\u66F4\u65B0\u8F93\u5165\u6846\u503C",paraId:7,tocIndex:6},{value:"disableInput",paraId:7,tocIndex:6},{value:"(value: boolean) => void",paraId:7,tocIndex:6},{value:"\u7981\u7528\u8F93\u5165\u6846",paraId:7,tocIndex:6},{value:"showSingleMessageCard",paraId:7,tocIndex:6},{value:"(data: any) => ReactNode",paraId:7,tocIndex:6},{value:"\u663E\u793A\u5355\u6761\u6D88\u606F\u5361\u7247",paraId:7,tocIndex:6},{value:"setInputFormSchema",paraId:7,tocIndex:6},{value:"(val: any) => void",paraId:7,tocIndex:6},{value:"\u8BBE\u7F6E\u8F93\u5165\u8868\u5355 schema",paraId:7,tocIndex:6},{value:"setPlaceholder",paraId:7,tocIndex:6},{value:"(val: string) => void",paraId:7,tocIndex:6},{value:"\u8BBE\u7F6E placeholder",paraId:7,tocIndex:6},{value:"focusInput",paraId:7,tocIndex:6},{value:"() => void",paraId:7,tocIndex:6},{value:"\u805A\u7126\u8F93\u5165\u6846",paraId:7,tocIndex:6},{value:"getScrollInfo",paraId:7,tocIndex:6},{value:"() => { isTop: boolean; isBottom: boolean; scrollOffset: number; scrollSize: number; viewportSize: number; }",paraId:7,tocIndex:6},{value:"\u83B7\u53D6\u6EDA\u52A8\u4FE1\u606F",paraId:7,tocIndex:6},{value:"initCopilotTools",paraId:7,tocIndex:6},{value:"() => void",paraId:7,tocIndex:6},{value:"\u521D\u59CB\u5316 copilot \u5DE5\u5177",paraId:7,tocIndex:6},{value:"selectCopilotTool",paraId:7,tocIndex:6},{value:"(tool: any) => void",paraId:7,tocIndex:6},{value:"\u9009\u62E9 copilot \u5DE5\u5177",paraId:7,tocIndex:6},{value:"closeCopilotTool",paraId:7,tocIndex:6},{value:"() => void",paraId:7,tocIndex:6},{value:"\u5173\u95ED copilot \u5DE5\u5177",paraId:7,tocIndex:6},{value:"updataMessageList",paraId:7,tocIndex:6},{value:"(scroll?: boolean) => void",paraId:7,tocIndex:6},{value:"\u66F4\u65B0\u6D88\u606F\u5217\u8868",paraId:7,tocIndex:6},{value:"updateMessage",paraId:7,tocIndex:6},{value:"(messageId: any) => void",paraId:7,tocIndex:6},{value:"\u66F4\u65B0\u5355\u6761\u6D88\u606F",paraId:7,tocIndex:6}]},93610:function(t,e,n){n.r(e),n.d(e,{texts:function(){return o}});const o=[{value:"\u672C\u793A\u4F8B\u5C55\u793A\u4E86 MarkDown \u7EC4\u4EF6\u5982\u4F55\u6E32\u67D3 LaTeX \u6570\u5B66\u516C\u5F0F\u548C Mermaid \u56FE\u8868\u3002",paraId:0,tocIndex:0},{value:"\u2705 \u652F\u6301\u884C\u5185\u548C\u5757\u7EA7 LaTeX \u6570\u5B66\u516C\u5F0F",paraId:1,tocIndex:1},{value:"\u2705 \u652F\u6301\u591A\u79CD Mermaid \u56FE\u8868\u7C7B\u578B",paraId:1,tocIndex:1},{value:"\u2705 \u6570\u5B66\u516C\u5F0F\u548C\u56FE\u8868\u53EF\u4EE5\u6DF7\u5408\u4F7F\u7528",paraId:1,tocIndex:1},{value:"\u2705 \u4FDD\u6301\u539F\u6709\u7684\u4EE3\u7801\u9AD8\u4EAE\u548C Markdown \u7279\u6027",paraId:1,tocIndex:1},{value:"\u5207\u6362\u4E0D\u540C\u7684 Tab \u9875\u67E5\u770B\u4E0D\u540C\u7684\u793A\u4F8B\uFF1A",paraId:2,tocIndex:2},{value:"LaTeX \u516C\u5F0F\u793A\u4F8B",paraId:3,tocIndex:2},{value:"\uFF1A\u5C55\u793A\u5404\u79CD\u6570\u5B66\u516C\u5F0F\u7684\u6E32\u67D3\u6548\u679C",paraId:3,tocIndex:2},{value:"Mermaid \u56FE\u8868\u793A\u4F8B",paraId:3,tocIndex:2},{value:"\uFF1A\u5C55\u793A\u6D41\u7A0B\u56FE\u3001\u5E8F\u5217\u56FE\u3001\u7C7B\u56FE\u7B49",paraId:3,tocIndex:2},{value:"\u7EFC\u5408\u793A\u4F8B",paraId:3,tocIndex:2},{value:"\uFF1A\u5C55\u793A\u6570\u5B66\u516C\u5F0F\u548C\u56FE\u8868\u6DF7\u5408\u4F7F\u7528\u7684\u573A\u666F",paraId:3,tocIndex:2}]},70332:function(t,e,n){n.r(e),n.d(e,{texts:function(){return o}});const o=[{value:"\u5C55\u793A ",paraId:0,tocIndex:1},{value:"AssistantChatInput",paraId:0,tocIndex:1},{value:" \u8F93\u5165\u6846\u7EC4\u4EF6\u7684\u72EC\u7ACB\u4F7F\u7528\uFF0C\u5305\u62EC\u5404\u79CD\u72B6\u6001\u63A7\u5236\u548C\u4E8B\u4EF6\u56DE\u8C03\u3002",paraId:0,tocIndex:1},{value:"\u529F\u80FD\u7279\u6027\uFF1A",paraId:1,tocIndex:1},{value:"\u8F93\u5165\u6846\u72B6\u6001\u63A7\u5236\uFF08\u7981\u7528/\u542F\u7528\uFF09",paraId:2,tocIndex:1},{value:"\u81EA\u5B9A\u4E49 placeholder",paraId:2,tocIndex:1},{value:"\u8F93\u5165\u503C\u5B9E\u65F6\u76D1\u542C",paraId:2,tocIndex:1},{value:"\u901A\u8FC7 ref \u63A7\u5236\u8F93\u5165\u6846",paraId:2,tocIndex:1},{value:"\u4E8B\u4EF6\u65E5\u5FD7\u5C55\u793A",paraId:2,tocIndex:1},{value:"\u5C55\u793A ",paraId:3,tocIndex:2},{value:"AssistantChatApp",paraId:3,tocIndex:2},{value:" \u5BF9\u8BDD\u5217\u8868\u7EC4\u4EF6\u7684\u72EC\u7ACB\u4F7F\u7528\uFF0C\u652F\u6301\u591A\u79CD\u6D88\u606F\u7C7B\u578B\u548C\u5361\u7247\u7EC4\u4EF6\u3002",paraId:3,tocIndex:2},{value:"\u529F\u80FD\u7279\u6027\uFF1A",paraId:4,tocIndex:2},{value:"\u7528\u6237\u6D88\u606F\u548C AI \u56DE\u590D\u5C55\u793A",paraId:5,tocIndex:2},{value:"\u591A\u79CD\u5361\u7247\u7EC4\u4EF6\uFF08LlmGenerateCardV5\u3001AgentCommonCard\u3001AgentCardRender\uFF09",paraId:5,tocIndex:2},{value:"\u6D88\u606F\u5361\u7247\u5BBD\u5EA6\u914D\u7F6E",paraId:5,tocIndex:2},{value:"\u6EDA\u52A8\u63A7\u5236",paraId:5,tocIndex:2},{value:"\u52A8\u6001\u6DFB\u52A0\u6D88\u606F",paraId:5,tocIndex:2},{value:"\u5B8C\u6574\u7684\u804A\u5929\u6D41\u7A0B\u6F14\u793A\uFF0C\u5305\u62EC\u7528\u6237\u8F93\u5165\u3001AI \u6D41\u5F0F\u56DE\u590D\u3001\u591A\u8F6E\u5BF9\u8BDD\u7B49\u529F\u80FD\u3002",paraId:6,tocIndex:3},{value:"\u529F\u80FD\u7279\u6027\uFF1A",paraId:7,tocIndex:3},{value:"\u5B8C\u6574\u7684\u53D1\u9001-\u63A5\u6536\u6D41\u7A0B",paraId:8,tocIndex:3},{value:"\u6A21\u62DF\u6D41\u5F0F\u63A8\u9001\u6548\u679C\uFF08\u9010\u5B57\u663E\u793A\uFF09",paraId:8,tocIndex:3},{value:"\u505C\u6B62\u751F\u6210\u529F\u80FD",paraId:8,tocIndex:3},{value:"\u591A\u8F6E\u5BF9\u8BDD\u652F\u6301",paraId:8,tocIndex:3},{value:"\u7A7A\u72B6\u6001\u5C55\u793A",paraId:8,tocIndex:3},{value:"Schema \u8F93\u5165\u7EC4\u4EF6\uFF0C\u652F\u6301\u52A8\u6001\u8868\u5355\u751F\u6210\u548C\u9A8C\u8BC1\u3002",paraId:9,tocIndex:4},{value:"\u62BD\u5C49\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u4FA7\u8FB9\u680F\u5C55\u793A\u3002",paraId:10,tocIndex:5},{value:"Agent Schema \u8868\u5355\u7EC4\u4EF6\u3002",paraId:11,tocIndex:6}]},93649:function(t,e){e.Z=`import React from 'react';
+import AgentSchemaForm from '../src/components/AgentSchemaForm';
+
+const AgentSchemaFormDemo = () => {
+  // \u793A\u4F8B schema\uFF0C\u5305\u542B PaulButtonGroup \u7684\u4F7F\u7528
+  const sampleSchema = {
+    type: 'object',
+    properties: {
+      title: {
+        type: 'string',
+        title: '\u6807\u9898',
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        'x-component-props': {
+          placeholder: '\u8BF7\u8F93\u5165\u6807\u9898',
+        },
+      },
+      description: {
+        type: 'string',
+        title: '\u63CF\u8FF0',
+        'x-decorator': 'FormItem',
+        'x-component': 'Input.TextArea',
+        'x-component-props': {
+          placeholder: '\u8BF7\u8F93\u5165\u63CF\u8FF0',
+          rows: 4,
+        },
+      },
+      category: {
+        type: 'string',
+        title: '\u5206\u7C7B',
+        enum: ['\u6280\u672F', '\u4EA7\u54C1', '\u8BBE\u8BA1', '\u8FD0\u8425'],
+        'x-decorator': 'FormItem',
+        'x-component': 'Select',
+        'x-component-props': {
+          placeholder: '\u8BF7\u9009\u62E9\u5206\u7C7B',
+        },
+      },
+      publishDate: {
+        type: 'string',
+        title: '\u53D1\u5E03\u65E5\u671F',
+        'x-decorator': 'FormItem',
+        'x-component': 'DatePicker',
+        'x-component-props': {
+          placeholder: '\u8BF7\u9009\u62E9\u53D1\u5E03\u65E5\u671F',
+          format: 'YYYY-MM-DD',
+          style: { width: '100%' },
+        },
+      },
+      publishDateTime: {
+        type: 'string',
+        title: '\u53D1\u5E03\u65F6\u95F4',
+        'x-decorator': 'FormItem',
+        'x-component': 'DatePicker',
+        'x-component-props': {
+          placeholder: '\u8BF7\u9009\u62E9\u53D1\u5E03\u65F6\u95F4',
+          showTime: true,
+          format: 'YYYY-MM-DD HH:mm:ss',
+          style: { width: '100%' },
+        },
+      },
+      buttonGroup: {
+        title: '\u64CD\u4F5C\u6309\u94AE',
+        'x-component': 'PaulButtonGroup',
+        'x-component-props': {
+          buttonGroupConfig: [
+            {
+              opType: 'save',
+              title: '\u4FDD\u5B58',
+              type: 'default',
+              onClickAction: {
+                modalProps: {
+                  title: '\u786E\u8BA4\u4FDD\u5B58',
+                  okText: '\u4FDD\u5B58',
+                  cancelText: '\u53D6\u6D88',
+                },
+                formSchema: {
+                  fields: [
+                    {
+                      name: 'saveRemark',
+                      label: '\u4FDD\u5B58\u5907\u6CE8',
+                      component: 'Input.TextArea',
+                      componentProps: {
+                        placeholder: '\u8BF7\u8F93\u5165\u4FDD\u5B58\u5907\u6CE8',
+                        rows: 3,
+                      },
+                      rules: [
+                        {
+                          required: true,
+                          message: '\u8BF7\u8F93\u5165\u4FDD\u5B58\u5907\u6CE8',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              },
+            },
+            {
+              opType: 'publish',
+              title: '\u53D1\u5E03',
+              type: 'primary',
+              onClickAction: {
+                modalProps: {
+                  title: '\u53D1\u5E03\u786E\u8BA4',
+                  okText: '\u786E\u8BA4\u53D1\u5E03',
+                  cancelText: '\u53D6\u6D88',
+                },
+                formSchema: {
+                  fields: [
+                    {
+                      name: 'publishChannel',
+                      label: '\u53D1\u5E03\u6E20\u9053',
+                      component: 'Selector',
+                      componentProps: {
+                        options: [
+                          { label: '\u5185\u90E8\u6D4B\u8BD5', value: 'internal' },
+                          { label: '\u516C\u5F00\u53D1\u5E03', value: 'public' },
+                        ],
+                      },
+                      rules: [
+                        {
+                          required: true,
+                          message: '\u8BF7\u9009\u62E9\u53D1\u5E03\u6E20\u9053',
+                        },
+                      ],
+                    },
+                    {
+                      name: 'publishTime',
+                      label: '\u53D1\u5E03\u65F6\u95F4',
+                      component: 'Input',
+                      componentProps: {
+                        placeholder: '\u7ACB\u5373\u53D1\u5E03\u6216\u6307\u5B9A\u65F6\u95F4',
+                      },
+                    },
+                  ],
+                },
+              },
+            },
+            {
+              opType: 'createSubmit',
+              title: '\u76F4\u63A5\u63D0\u4EA4',
+              type: 'primary',
+              'x-component-props': {
+                style: { backgroundColor: '#52c41a' },
+              },
+            },
+          ],
+          enterParamsConfig: {
+            path: 'submitParams',
+          },
+        },
+      },
+    },
+  };
+
+  // \u793A\u4F8B\u521D\u59CB\u503C
+  const sampleValues = {
+    title: 'AgentSchemaForm \u793A\u4F8B',
+    description: '\u8FD9\u662F\u4E00\u4E2A\u5305\u542B PaulButtonGroup \u7684\u8868\u5355\u793A\u4F8B',
+    category: '\u6280\u672F',
+    publishDate: '2024-01-15',
+    publishDateTime: '2024-01-15 14:30:00',
+    buttonGroup: [
+      {
+        title: '\u4FDD\u5B58\u8349\u7A3F',
+        submitParams: {
+          opType: 'save',
+          action: 'saveDraft',
+        },
+      },
+      {
+        title: '\u53D1\u5E03\u5185\u5BB9',
+        submitParams: {
+          opType: 'publish',
+          action: 'publish',
+        },
+      },
+      {
+        title: '\u63D0\u4EA4\u5BA1\u6838',
+        submitParams: {
+          opType: 'createSubmit',
+          // action: 'submit',
+        },
+      },
+    ],
+  };
+
+  // \u63D0\u4EA4\u914D\u7F6E
+  const submitConfig = {
+    visible: true,
+    text: '\u8868\u5355\u63D0\u4EA4',
+    url: '/api/submit',
+    style: {
+      marginTop: '16px',
+    },
+  };
+
+  // \u524D\u7AEF\u63D0\u4EA4\u56DE\u8C03\u914D\u7F6E
+  const onSubmitConfig = {
+    text: '\u81EA\u5B9A\u4E49\u63D0\u4EA4',
+  };
+
+  // \u6A21\u62DF\u4E0A\u4E0B\u6587
+  const mockContext = {
+    commonLog: (params: any) => {
+      console.log('\u65E5\u5FD7\u8BB0\u5F55:', params);
+    },
+    meta: {
+      originData: {
+        dialogId: 'demo-dialog-123',
+      },
+    },
+  };
+
+  return (
+    <div style={{ padding: '24px', maxWidth: '800px', margin: '0 auto' }}>
+      <h1>AgentSchemaForm Demo</h1>
+      <p>\u8FD9\u4E2A\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u4F7F\u7528 AgentSchemaForm \u7EC4\u4EF6\uFF0C\u5305\u542B PaulButtonGroup \u7684\u5404\u79CD\u4F7F\u7528\u573A\u666F\u3002</p>
+
+      <div
+        style={{
+          marginTop: '32px',
+          border: '1px solid #d9d9d9',
+          borderRadius: '6px',
+          padding: '16px',
+        }}
+      >
+        <h2 style={{ marginTop: 0 }}>\u57FA\u672C\u7528\u6CD5</h2>
+        <AgentSchemaForm
+          bizId="demo-biz-001"
+          bizDomain="demo"
+          agentId="demo-agent-001"
+          cardSchema={JSON.stringify(sampleSchema)}
+          values={sampleValues}
+          submitConfig={submitConfig}
+          onSubmitConfig={onSubmitConfig}
+          editable={1} // FORM_EDITABLE.EDITABLE
+          ctx={mockContext}
+        />
+      </div>
+
+      <div style={{ marginTop: '32px' }}>
+        <h2>Schema \u7ED3\u6784\u8BF4\u660E</h2>
+        <pre
+          style={{
+            backgroundColor: '#f5f5f5',
+            padding: '16px',
+            borderRadius: '4px',
+            overflow: 'auto',
+          }}
+        >
+          {\`// PaulButtonGroup \u914D\u7F6E\u7ED3\u6784
+{
+  "x-component": "PaulButtonGroup",
+  "x-component-props": {
+    "buttonGroupConfig": [
+      {
+        "opType": "save",              // \u64CD\u4F5C\u7C7B\u578B
+        "title": "\u4FDD\u5B58",               // \u6309\u94AE\u6587\u672C
+        "type": "default",             // \u6309\u94AE\u7C7B\u578B
+        "onClickAction": {             // \u70B9\u51FB\u52A8\u4F5C\u914D\u7F6E
+          "modalProps": {              // \u5F39\u7A97\u914D\u7F6E
+            "title": "\u786E\u8BA4\u4FDD\u5B58",
+            "okText": "\u4FDD\u5B58",
+            "cancelText": "\u53D6\u6D88"
+          },
+          "formSchema": {              // \u5F39\u7A97\u8868\u5355\u914D\u7F6E
+            "fields": [...]
+          }
+        }
+      }
+    ],
+    "enterParamsConfig": {
+      "path": "submitParams"          // \u53C2\u6570\u8DEF\u5F84\u914D\u7F6E
+    }
+  }
+}\`}
+        </pre>
+      </div>
+
+      <div style={{ marginTop: '32px' }}>
+        <h2>\u652F\u6301\u7684\u64CD\u4F5C\u7C7B\u578B</h2>
+        <ul>
+          <li>
+            <strong>createSubmit</strong>: \u76F4\u63A5\u63D0\u4EA4\u8868\u5355\uFF0C\u4E0D\u663E\u793A\u5F39\u7A97
+          </li>
+          <li>
+            <strong>save</strong>: \u4FDD\u5B58\u64CD\u4F5C\uFF0C\u53EF\u914D\u7F6E\u786E\u8BA4\u5F39\u7A97
+          </li>
+          <li>
+            <strong>publish</strong>: \u53D1\u5E03\u64CD\u4F5C\uFF0C\u53EF\u914D\u7F6E\u786E\u8BA4\u5F39\u7A97
+          </li>
+          <li>
+            <strong>\u81EA\u5B9A\u4E49</strong>: \u5176\u4ED6\u81EA\u5B9A\u4E49\u64CD\u4F5C\u7C7B\u578B
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default AgentSchemaFormDemo;
+`},23730:function(t,e){e.Z=`import { registerAssistChatForm } from '@alife/paul-ai-assistant';
+import axios from 'axios';
+
+// URL \u62E6\u622A
+axios.interceptors.request.use(
+  (config: any) => {
+    console.log('config', config);
+    if (config.url.indexOf('pre-cse-api.gts.work') === -1) {
+      config.url = \`https://pre-cse-api.gts.work\${config.url}\`;
+    }
+    return config;
+  },
+  function (error) {
+    // \u5BF9\u8BF7\u6C42\u9519\u8BEF\u505A\u4E9B\u4EC0\u4E48
+    return Promise.reject(error);
+  },
+);
+
+registerAssistChatForm?.();
+`},19783:function(t,e){e.Z=`// LaTeX \u6570\u5B66\u516C\u5F0F\u793A\u4F8B\u6570\u636E
+export const latexData = \`
+# LaTeX \u6570\u5B66\u516C\u5F0F\u6E32\u67D3\u793A\u4F8B
+
+## \u4EE3\u7801\u5757\u683C\u5F0F\uFF08\\\\\\\`\\\\\\\`\\\\\\\`latex\uFF09
+
+\u4F7F\u7528\u4EE3\u7801\u5757\u683C\u5F0F\u7684 LaTeX \u516C\u5F0F\uFF1A
+
+\\\`\\\`\\\`latex
+E = mc^2
+\\\`\\\`\\\`
+
+\u590D\u6742\u79EF\u5206\u516C\u5F0F\uFF1A
+
+\\\`\\\`\\\`latex
+\\\\int_{-\\\\infty}^{\\\\infty} e^{-x^2} \\\\, dx = \\\\sqrt{\\\\pi}
+\\\`\\\`\\\`
+
+\u77E9\u9635\u8868\u793A\uFF1A
+
+\\\`\\\`\\\`latex
+\\\\begin{bmatrix}
+a & b \\\\\\\\
+c & d
+\\\\end{bmatrix}
+\\\`\\\`\\\`
+
+## \u884C\u5185\u516C\u5F0F\uFF08$...$\uFF09
+
+\u8FD9\u662F\u4E00\u4E2A\u884C\u5185\u516C\u5F0F\u793A\u4F8B\uFF1A$E = mc^2$\uFF0C\u8FD9\u662F\u7231\u56E0\u65AF\u5766\u7684\u8D28\u80FD\u65B9\u7A0B\u3002
+
+\u5E38\u89C1\u7684\u6570\u5B66\u8868\u8FBE\u5F0F\uFF1A$a^2 + b^2 = c^2$\uFF08\u52FE\u80A1\u5B9A\u7406\uFF09
+
+## \u5757\u7EA7\u516C\u5F0F\uFF08$$...$$\uFF09
+
+### \u79EF\u5206\u516C\u5F0F
+
+$$
+\\\\int_0^\\\\infty e^{-x^2} dx = \\\\frac{\\\\sqrt{\\\\pi}}{2}
+$$
+
+### \u4E8C\u6B21\u65B9\u7A0B\u6C42\u6839\u516C\u5F0F
+
+$$
+x = \\\\frac{-b \\\\pm \\\\sqrt{b^2 - 4ac}}{2a}
+$$
+
+### \u77E9\u9635\u8868\u793A
+
+$$
+\\\\begin{bmatrix}
+a & b \\\\\\\\
+c & d
+\\\\end{bmatrix}
+\\\\begin{bmatrix}
+x \\\\\\\\
+y
+\\\\end{bmatrix}
+=
+\\\\begin{bmatrix}
+ax + by \\\\\\\\
+cx + dy
+\\\\end{bmatrix}
+$$
+
+### \u6C42\u548C\u4E0E\u6781\u9650
+
+$$
+\\\\sum_{i=1}^{n} i = \\\\frac{n(n+1)}{2}
+$$
+
+$$
+\\\\lim_{x \\\\to \\\\infty} \\\\frac{1}{x} = 0
+$$
+
+### \u5206\u5F0F\u4E0E\u6839\u5F0F
+
+$$
+\\\\frac{\\\\partial f}{\\\\partial x} = \\\\lim_{h \\\\to 0} \\\\frac{f(x+h) - f(x)}{h}
+$$
+
+$$
+\\\\sqrt[n]{x^n + y^n} \\\\leq \\\\sqrt[n]{2} \\\\cdot \\\\max(x, y)
+$$
+
+### \u5E0C\u814A\u5B57\u6BCD
+
+$$
+\\\\alpha, \\\\beta, \\\\gamma, \\\\delta, \\\\epsilon, \\\\theta, \\\\lambda, \\\\mu, \\\\pi, \\\\sigma, \\\\omega
+$$
+
+$$
+\\\\Gamma, \\\\Delta, \\\\Theta, \\\\Lambda, \\\\Pi, \\\\Sigma, \\\\Omega
+$$
+\`;
+
+// Mermaid \u56FE\u8868\u793A\u4F8B\u6570\u636E
+export const mermaidData = \`
+# Mermaid \u56FE\u8868\u6E32\u67D3\u793A\u4F8B
+
+## \u6D41\u7A0B\u56FE (Flowchart)
+
+\\\`\\\`\\\`mermaid
+graph TD
+    A[\u5F00\u59CB] --> B{\u662F\u5426\u767B\u5F55}
+    B -->|\u662F| C[\u8FDB\u5165\u7CFB\u7EDF]
+    B -->|\u5426| D[\u8DF3\u8F6C\u767B\u5F55\u9875]
+    C --> E{\u6743\u9650\u68C0\u67E5}
+    E -->|\u6709\u6743\u9650| F[\u663E\u793A\u5185\u5BB9]
+    E -->|\u65E0\u6743\u9650| G[\u63D0\u793A\u9519\u8BEF]
+    D --> H[\u8F93\u5165\u8D26\u53F7\u5BC6\u7801]
+    H --> I{\u9A8C\u8BC1}
+    I -->|\u6210\u529F| C
+    I -->|\u5931\u8D25| H
+    F --> Z[\u7ED3\u675F]
+    G --> Z
+\\\`\\\`\\\`
+
+## \u5E8F\u5217\u56FE (Sequence Diagram)
+
+\\\`\\\`\\\`mermaid
+sequenceDiagram
+    participant User as \u7528\u6237
+    participant Browser as \u6D4F\u89C8\u5668
+    participant Server as \u670D\u52A1\u5668
+    participant DB as \u6570\u636E\u5E93
+
+    User->>Browser: \u8F93\u5165 URL
+    Browser->>Server: \u53D1\u9001 HTTP \u8BF7\u6C42
+    Server->>DB: \u67E5\u8BE2\u6570\u636E
+    DB-->>Server: \u8FD4\u56DE\u6570\u636E
+    Server-->>Browser: \u8FD4\u56DE HTML
+    Browser-->>User: \u6E32\u67D3\u9875\u9762
+
+    Note over User,Browser: \u7528\u6237\u4EA4\u4E92
+    User->>Browser: \u70B9\u51FB\u6309\u94AE
+    Browser->>Server: AJAX \u8BF7\u6C42
+    Server->>DB: \u66F4\u65B0\u6570\u636E
+    DB-->>Server: \u786E\u8BA4
+    Server-->>Browser: JSON \u54CD\u5E94
+    Browser-->>User: \u66F4\u65B0\u754C\u9762
+\\\`\\\`\\\`
+
+## \u7C7B\u56FE (Class Diagram)
+
+\\\`\\\`\\\`mermaid
+classDiagram
+    class Animal {
+        +String name
+        +int age
+        +makeSound()
+        +move()
+    }
+
+    class Dog {
+        +String breed
+        +bark()
+        +fetch()
+    }
+
+    class Cat {
+        +String color
+        +meow()
+        +scratch()
+    }
+
+    class Bird {
+        +int wingspan
+        +fly()
+        +chirp()
+    }
+
+    Animal <|-- Dog
+    Animal <|-- Cat
+    Animal <|-- Bird
+\\\`\\\`\\\`
+
+## \u72B6\u6001\u56FE (State Diagram)
+
+\\\`\\\`\\\`mermaid
+stateDiagram-v2
+    [*] --> \u5F85\u5904\u7406
+    \u5F85\u5904\u7406 --> \u5904\u7406\u4E2D: \u5F00\u59CB\u5904\u7406
+    \u5904\u7406\u4E2D --> \u5DF2\u5B8C\u6210: \u5904\u7406\u6210\u529F
+    \u5904\u7406\u4E2D --> \u5931\u8D25: \u5904\u7406\u5931\u8D25
+    \u5931\u8D25 --> \u5F85\u5904\u7406: \u91CD\u8BD5
+    \u5DF2\u5B8C\u6210 --> [*]
+    \u5931\u8D25 --> [*]: \u653E\u5F03
+\\\`\\\`\\\`
+
+## \u7518\u7279\u56FE (Gantt Chart)
+
+\\\`\\\`\\\`mermaid
+gantt
+    title \u9879\u76EE\u5F00\u53D1\u8BA1\u5212
+    dateFormat  YYYY-MM-DD
+
+    section \u8BBE\u8BA1\u9636\u6BB5
+    \u9700\u6C42\u5206\u6790       :done, des1, 2024-01-01, 2024-01-07
+    UI\u8BBE\u8BA1         :done, des2, 2024-01-08, 2024-01-14
+    \u539F\u578B\u8BBE\u8BA1       :done, des3, 2024-01-08, 2024-01-14
+
+    section \u5F00\u53D1\u9636\u6BB5
+    \u524D\u7AEF\u5F00\u53D1       :active, dev1, 2024-01-15, 2024-02-15
+    \u540E\u7AEF\u5F00\u53D1       :active, dev2, 2024-01-15, 2024-02-20
+    \u6570\u636E\u5E93\u8BBE\u8BA1     :crit, dev3, 2024-01-15, 2024-01-25
+
+    section \u6D4B\u8BD5\u9636\u6BB5
+    \u5355\u5143\u6D4B\u8BD5       :test1, 2024-02-16, 2024-02-23
+    \u96C6\u6210\u6D4B\u8BD5       :test2, 2024-02-21, 2024-02-28
+    \u6027\u80FD\u6D4B\u8BD5       :test3, 2024-02-24, 2024-03-01
+
+    section \u4E0A\u7EBF\u9636\u6BB5
+    \u9884\u53D1\u5E03\u73AF\u5883     :deploy1, 2024-03-02, 2024-03-05
+    \u751F\u4EA7\u73AF\u5883       :crit, deploy2, 2024-03-06, 2024-03-08
+\\\`\\\`\\\`
+
+## \u997C\u56FE (Pie Chart)
+
+\\\`\\\`\\\`mermaid
+pie title \u7F16\u7A0B\u8BED\u8A00\u4F7F\u7528\u5360\u6BD4
+    "JavaScript" : 35
+    "TypeScript" : 25
+    "Python" : 20
+    "Java" : 12
+    "Go" : 8
+\\\`\\\`\\\`
+\`;
+
+// \u7EFC\u5408\u793A\u4F8B\u6570\u636E
+export const comprehensiveData = \`
+# MarkDown \u7EC4\u4EF6\u7EFC\u5408\u793A\u4F8B
+
+\u672C\u793A\u4F8B\u5C55\u793A\u4E86 MarkDown \u7EC4\u4EF6\u540C\u65F6\u652F\u6301 LaTeX \u6570\u5B66\u516C\u5F0F\u548C Mermaid \u56FE\u8868\u7684\u80FD\u529B\u3002
+
+## 1. \u6570\u5B66\u5EFA\u6A21\u573A\u666F
+
+\u5728\u673A\u5668\u5B66\u4E60\u4E2D\uFF0C\u6211\u4EEC\u7ECF\u5E38\u9700\u8981\u4F7F\u7528\u6570\u5B66\u516C\u5F0F\u548C\u6D41\u7A0B\u56FE\u6765\u63CF\u8FF0\u7B97\u6CD5\u3002
+
+### \u7EBF\u6027\u56DE\u5F52\u6A21\u578B
+
+\u7EBF\u6027\u56DE\u5F52\u7684\u76EE\u6807\u662F\u627E\u5230\u6700\u4F73\u62DF\u5408\u76F4\u7EBF\uFF0C\u4F7F\u5F97\u9884\u6D4B\u503C\u4E0E\u5B9E\u9645\u503C\u4E4B\u95F4\u7684\u8BEF\u5DEE\u6700\u5C0F\u3002
+
+**\u635F\u5931\u51FD\u6570**\uFF08\u5747\u65B9\u8BEF\u5DEE\uFF09\uFF1A
+
+$$
+L(w, b) = \\\\frac{1}{2m} \\\\sum_{i=1}^{m} (h_w(x^{(i)}) - y^{(i)})^2
+$$
+
+\u5176\u4E2D\uFF0C$h_w(x) = wx + b$ \u662F\u5047\u8BBE\u51FD\u6570\uFF0C$m$ \u662F\u6837\u672C\u6570\u91CF\u3002
+
+**\u68AF\u5EA6\u4E0B\u964D\u66F4\u65B0\u89C4\u5219**\uFF1A
+
+$$
+\\\\begin{aligned}
+w &:= w - \\\\alpha \\\\frac{\\\\partial L}{\\\\partial w} \\\\\\\\
+b &:= b - \\\\alpha \\\\frac{\\\\partial L}{\\\\partial b}
+\\\\end{aligned}
+$$
+
+\u5176\u4E2D $\\\\alpha$ \u662F\u5B66\u4E60\u7387\u3002
+
+### \u8BAD\u7EC3\u6D41\u7A0B
+
+\\\`\\\`\\\`mermaid
+graph TD
+    A[\u521D\u59CB\u5316\u53C2\u6570 w, b] --> B[\u8F93\u5165\u8BAD\u7EC3\u6570\u636E]
+    B --> C[\u524D\u5411\u4F20\u64AD\u8BA1\u7B97\u9884\u6D4B\u503C]
+    C --> D[\u8BA1\u7B97\u635F\u5931\u51FD\u6570 L]
+    D --> E{\u635F\u5931\u662F\u5426\u6536\u655B?}
+    E -->|\u5426| F[\u53CD\u5411\u4F20\u64AD\u8BA1\u7B97\u68AF\u5EA6]
+    F --> G[\u66F4\u65B0\u53C2\u6570 w, b]
+    G --> C
+    E -->|\u662F| H[\u4FDD\u5B58\u6A21\u578B]
+    H --> I[\u7ED3\u675F\u8BAD\u7EC3]
+\\\`\\\`\\\`
+
+## 2. \u8F6F\u4EF6\u67B6\u6784\u573A\u666F
+
+### \u5FAE\u670D\u52A1\u67B6\u6784\u7EC4\u4EF6\u5173\u7CFB
+
+\\\`\\\`\\\`mermaid
+graph LR
+    A[API Gateway] --> B[\u7528\u6237\u670D\u52A1]
+    A --> C[\u8BA2\u5355\u670D\u52A1]
+    A --> D[\u652F\u4ED8\u670D\u52A1]
+
+    B --> E[MySQL]
+    C --> F[MongoDB]
+    D --> G[Redis]
+
+    B --> H[\u6D88\u606F\u961F\u5217]
+    C --> H
+    D --> H
+
+    H --> I[\u65E5\u5FD7\u670D\u52A1]
+    H --> J[\u76D1\u63A7\u670D\u52A1]
+\\\`\\\`\\\`
+
+### \u6027\u80FD\u5206\u6790
+
+\u5047\u8BBE\u6BCF\u4E2A\u670D\u52A1\u7684\u54CD\u5E94\u65F6\u95F4\u670D\u4ECE\u6B63\u6001\u5206\u5E03 $N(\\\\mu, \\\\sigma^2)$\uFF0C\u7CFB\u7EDF\u603B\u54CD\u5E94\u65F6\u95F4\u4E3A\uFF1A
+
+$$
+T_{total} = \\\\sum_{i=1}^{n} T_i + T_{network}
+$$
+
+\u5176\u4E2D $T_{network}$ \u662F\u7F51\u7EDC\u5EF6\u8FDF\u3002
+
+\u5728\u5E76\u53D1\u60C5\u51B5\u4E0B\uFF0C\u6839\u636E\u5229\u7279\u5C14\u6CD5\u5219\uFF08Little's Law\uFF09\uFF1A
+
+$$
+L = \\\\lambda W
+$$
+
+- $L$: \u7CFB\u7EDF\u4E2D\u7684\u5E73\u5747\u8BF7\u6C42\u6570
+- $\\\\lambda$: \u8BF7\u6C42\u5230\u8FBE\u7387
+- $W$: \u5E73\u5747\u54CD\u5E94\u65F6\u95F4
+
+## 3. \u7B97\u6CD5\u590D\u6742\u5EA6\u5206\u6790
+
+### \u5FEB\u901F\u6392\u5E8F
+
+**\u65F6\u95F4\u590D\u6742\u5EA6**\uFF1A
+
+- \u6700\u4F18\u60C5\u51B5\uFF1A$O(n \\\\log n)$
+- \u5E73\u5747\u60C5\u51B5\uFF1A$O(n \\\\log n)$
+- \u6700\u574F\u60C5\u51B5\uFF1A$O(n^2)$
+
+**\u9012\u5F52\u5173\u7CFB\u5F0F**\uFF1A
+
+$$
+T(n) = 2T(\\\\frac{n}{2}) + O(n)
+$$
+
+\u6839\u636E\u4E3B\u5B9A\u7406\uFF0C$T(n) = O(n \\\\log n)$
+
+### \u6267\u884C\u6D41\u7A0B
+
+\\\`\\\`\\\`mermaid
+sequenceDiagram
+    participant Main as \u4E3B\u7A0B\u5E8F
+    participant QS as \u5FEB\u901F\u6392\u5E8F
+    participant Partition as \u5206\u533A\u51FD\u6570
+
+    Main->>QS: quickSort(arr, 0, n-1)
+    QS->>Partition: partition(arr, low, high)
+    Partition-->>QS: pivotIndex
+
+    Note over QS: \u9012\u5F52\u6392\u5E8F\u5DE6\u534A\u90E8\u5206
+    QS->>QS: quickSort(arr, low, pivotIndex-1)
+
+    Note over QS: \u9012\u5F52\u6392\u5E8F\u53F3\u534A\u90E8\u5206
+    QS->>QS: quickSort(arr, pivotIndex+1, high)
+
+    QS-->>Main: \u6392\u5E8F\u5B8C\u6210
+\\\`\\\`\\\`
+
+## 4. \u6982\u7387\u7EDF\u8BA1\u573A\u666F
+
+### \u8D1D\u53F6\u65AF\u5B9A\u7406
+
+$$
+P(A|B) = \\\\frac{P(B|A) \\\\cdot P(A)}{P(B)}
+$$
+
+**\u51B3\u7B56\u6811\u5206\u7C7B\u6D41\u7A0B**\uFF1A
+
+\\\`\\\`\\\`mermaid
+graph TD
+    A[\u5F00\u59CB] --> B{\u7279\u5F81 1 > \u9608\u503C?}
+    B -->|\u662F| C{\u7279\u5F81 2 > \u9608\u503C?}
+    B -->|\u5426| D{\u7279\u5F81 3 > \u9608\u503C?}
+    C -->|\u662F| E[\u7C7B\u522B A: P=0.85]
+    C -->|\u5426| F[\u7C7B\u522B B: P=0.75]
+    D -->|\u662F| G[\u7C7B\u522B C: P=0.90]
+    D -->|\u5426| H[\u7C7B\u522B D: P=0.80]
+\\\`\\\`\\\`
+
+### \u6B63\u6001\u5206\u5E03
+
+\u6982\u7387\u5BC6\u5EA6\u51FD\u6570\uFF1A
+
+$$
+f(x) = \\\\frac{1}{\\\\sigma\\\\sqrt{2\\\\pi}} e^{-\\\\frac{1}{2}(\\\\frac{x-\\\\mu}{\\\\sigma})^2}
+$$
+
+---
+
+\u901A\u8FC7\u4EE5\u4E0A\u793A\u4F8B\uFF0C\u4F60\u53EF\u4EE5\u770B\u5230 MarkDown \u7EC4\u4EF6\u80FD\u591F\u65E0\u7F1D\u5730\u5C06\u6570\u5B66\u516C\u5F0F\u548C\u56FE\u8868\u7ED3\u5408\u5728\u4E00\u8D77\uFF0C\u975E\u5E38\u9002\u5408\u7528\u4E8E\u6280\u672F\u6587\u6863\u3001\u7B97\u6CD5\u8BF4\u660E\u3001\u7CFB\u7EDF\u8BBE\u8BA1\u7B49\u573A\u666F\u3002
+\`;
+`},57782:function(t,e){e.Z=`import React from 'react';
+import MarkDown from '../../src/components/MarkDown';
+import { latexData, mermaidData, comprehensiveData } from './data';
+import './index.scss';
+
+const MarkdownLatexMermaidDemo = () => {
+  const [activeTab, setActiveTab] = React.useState<'latex' | 'mermaid' | 'comprehensive'>('latex');
+
+  const dataMap = {
+    latex: latexData,
+    mermaid: mermaidData,
+    comprehensive: comprehensiveData,
+  };
+
+  const currentData = dataMap[activeTab];
+
+  console.log('[Demo] \u5F53\u524D Tab:', activeTab);
+  console.log('[Demo] \u6570\u636E\u957F\u5EA6:', currentData.length);
+  console.log('[Demo] \u6570\u636E\u524D100\u4E2A\u5B57\u7B26:', currentData.substring(0, 100));
+
+  return (
+    <div className="markdown-demo-container">
+      <div className="demo-tabs">
+        <button
+          className={activeTab === 'latex' ? 'active' : ''}
+          onClick={() => {
+            console.log('[Demo] \u5207\u6362\u5230 LaTeX');
+            setActiveTab('latex');
+          }}
+        >
+          LaTeX \u516C\u5F0F\u793A\u4F8B
+        </button>
+        <button
+          className={activeTab === 'mermaid' ? 'active' : ''}
+          onClick={() => {
+            console.log('[Demo] \u5207\u6362\u5230 Mermaid');
+            setActiveTab('mermaid');
+          }}
+        >
+          Mermaid \u56FE\u8868\u793A\u4F8B
+        </button>
+        <button
+          className={activeTab === 'comprehensive' ? 'active' : ''}
+          onClick={() => {
+            console.log('[Demo] \u5207\u6362\u5230\u7EFC\u5408\u793A\u4F8B');
+            setActiveTab('comprehensive');
+          }}
+        >
+          \u7EFC\u5408\u793A\u4F8B
+        </button>
+      </div>
+
+      <div className="demo-content">
+        <MarkDown data={currentData} />
+      </div>
+    </div>
+  );
+};
+
+export default MarkdownLatexMermaidDemo;
+`},53925:function(t,e){e.Z=`import { useState } from 'react';
+import { Button } from '@alife/magic-basic';
+import { AssistantDrawer } from '@alife/paul-ai-assistant';
+
+function AssistantDrawerDemo(props: any) {
+  const [visible, setVisible] = useState(false);
+  return (
+    <div>
+      <Button onClick={() => setVisible(true)}>\u6253\u5F00Drawer</Button>
+      <AssistantDrawer
+        width={520}
+        backgroundColor="white"
+        title="\u6D4B\u8BD5AssistantDrawer"
+        visible={visible}
+        onClose={() => setVisible(false)}
+        footer={<Button onClick={() => setVisible(false)}>\u5173\u95ED</Button>}
+      >
+        <div>AssistantDrawerDemo</div>
+      </AssistantDrawer>
+    </div>
+  );
+}
+
+export default AssistantDrawerDemo;
+`},11633:function(t,e){e.Z=`import { useRef, useState, useCallback } from 'react';
+import { Button, Card, Switch, Input, Divider } from '@alife/magic-basic';
+import PaulAiAssistant from '@alife/paul-ai-assistant';
+import '../config';
+
+/**
+ * \u8F93\u5165\u6846\u72EC\u7ACB Demo
+ * \u5C55\u793A AssistantChatInput \u7EC4\u4EF6\u7684\u72EC\u7ACB\u4F7F\u7528\u548C\u5404\u79CD\u529F\u80FD
+ */
+const ChatInputDemo = () => {
+  // \u6DFB\u52A0\u6837\u5F0F\u8986\u76D6\uFF0C\u89E3\u51B3 position: absolute \u5BFC\u81F4\u7684\u5C55\u793A\u95EE\u9898
+  const demoStyle = \`
+    .chat-input-demo-container .assistant-chat-paul-ai-input {
+      position: static !important;
+    }
+  \`;
+
+  const assistantRef = useRef<any>(null);
+
+  // \u8F93\u5165\u6846\u72B6\u6001
+  const [inputValue, setInputValue] = useState('');
+  const [inputDisabled, setInputDisabled] = useState(false);
+  const [customPlaceholder, setCustomPlaceholder] = useState('\u8BF7\u8F93\u5165\u60A8\u7684\u95EE\u9898...');
+
+  // \u65E5\u5FD7\u4FE1\u606F
+  const [logs, setLogs] = useState<string[]>([]);
+
+  // \u6DFB\u52A0\u65E5\u5FD7
+  const addLog = useCallback((message: string) => {
+    setLogs(prev => [...prev.slice(-9), \`[\${new Date().toLocaleTimeString()}] \${message}\`]);
+  }, []);
+
+  // \u63A7\u5236\u6309\u94AE\u64CD\u4F5C
+  const handleFocusInput = () => {
+    assistantRef.current?.focusInput();
+    addLog('\u805A\u7126\u8F93\u5165\u6846');
+  };
+
+  const handleDisableInput = () => {
+    assistantRef.current?.disableInput(true);
+    setInputDisabled(true);
+    addLog('\u7981\u7528\u8F93\u5165\u6846');
+  };
+
+  const handleEnableInput = () => {
+    assistantRef.current?.disableInput(false);
+    setInputDisabled(false);
+    addLog('\u542F\u7528\u8F93\u5165\u6846');
+  };
+
+  const handleUpdatePlaceholder = () => {
+    const newPlaceholder = '\u8FD9\u662F\u81EA\u5B9A\u4E49\u7684 placeholder';
+    assistantRef.current?.setPlaceholder(newPlaceholder);
+    setCustomPlaceholder(newPlaceholder);
+    addLog(\`\u66F4\u65B0 placeholder: \${newPlaceholder}\`);
+  };
+
+  const handleUpdateInputValue = () => {
+    const newValue = '\u8FD9\u662F\u901A\u8FC7\u4EE3\u7801\u8BBE\u7F6E\u7684\u8F93\u5165\u503C';
+    assistantRef.current?.updateInputValue(newValue);
+    setInputValue(newValue);
+    addLog(\`\u66F4\u65B0\u8F93\u5165\u503C: \${newValue}\`);
+  };
+
+  // \u8F93\u5165\u503C\u53D8\u5316\u56DE\u8C03\uFF08\u4F7F\u7528 useCallback \u907F\u514D\u65E0\u9650\u5FAA\u73AF\uFF09
+  const handleInputValueChange = useCallback((value: string) => {
+    setInputValue(value);
+  }, []);
+
+  // \u8F93\u5165\u6846\u7981\u7528\u72B6\u6001\u53D8\u5316\u56DE\u8C03\uFF08\u4F7F\u7528 useCallback \u907F\u514D\u65E0\u9650\u5FAA\u73AF\uFF09
+  const handleInputDisabledChange = useCallback((disabled: boolean) => {
+    setInputDisabled(disabled);
+    addLog(\`\u8F93\u5165\u6846\u72B6\u6001\u53D8\u5316: \${disabled ? '\u7981\u7528' : '\u542F\u7528'}\`);
+  }, [addLog]);
+
+  return (
+    <>
+      {/* \u6CE8\u5165\u6837\u5F0F */}
+      <style>{demoStyle}</style>
+
+      <div style={{ display: 'flex', gap: '16px' }}>
+        {/* \u5DE6\u4FA7\uFF1A\u8F93\u5165\u6846\u5C55\u793A */}
+        <Card
+          title="\u8F93\u5165\u6846\u5C55\u793A"
+          style={{ flex: 1 }}
+          contentHeight="400px"
+        >
+          <div className="chat-input-demo-container" style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+            <div style={{ flex: 1, position: 'relative' }}>
+              {/* \u8FD9\u91CC\u53EA\u663E\u793A\u8F93\u5165\u6846\uFF0C\u4E0D\u663E\u793A\u6D88\u606F\u5217\u8868 */}
+              <PaulAiAssistant
+              ref={assistantRef}
+              bizDomain="CSE"
+              bizId="chat_input_demo"
+              dataSource={[]} // \u7A7A\u6D88\u606F\u5217\u8868
+              placeholder={customPlaceholder}
+              emptyContent={
+                <div style={{
+                  textAlign: 'center',
+                  padding: '40px',
+                  color: '#999'
+                }}>
+                  <p>\u8F93\u5165\u6846\u72EC\u7ACB\u4F7F\u7528\u793A\u4F8B</p>
+                  <p style={{ fontSize: '12px' }}>\u4F7F\u7528\u53F3\u4FA7\u63A7\u5236\u9762\u677F\u4F53\u9A8C\u5404\u79CD\u529F\u80FD</p>
+                </div>
+              }
+              log={(eventName, logData) => {
+                addLog(\`\u4E8B\u4EF6: \${eventName}\`);
+                console.log('log', eventName, logData);
+              }}
+              onChangeInputValue={handleInputValueChange}
+              onChangeInputDiasbled={handleInputDisabledChange}
+            />
+          </div>
+        </div>
+      </Card>
+
+      {/* \u53F3\u4FA7\uFF1A\u63A7\u5236\u9762\u677F */}
+      <Card
+        title="\u63A7\u5236\u9762\u677F"
+        style={{ width: '360px' }}
+        contentHeight="400px"
+      >
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
+          {/* \u72B6\u6001\u4FE1\u606F */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u5F53\u524D\u72B6\u6001
+            </div>
+            <div style={{ fontSize: '12px', lineHeight: '20px' }}>
+              <div>\u8F93\u5165\u503C: {inputValue || '(\u7A7A)'}</div>
+              <div>
+                \u7981\u7528\u72B6\u6001:
+                <span style={{ color: inputDisabled ? '#ff4d4f' : '#52c41a' }}>
+                  {inputDisabled ? ' \u5DF2\u7981\u7528' : ' \u5DF2\u542F\u7528'}
+                </span>
+              </div>
+              <div>Placeholder: {customPlaceholder}</div>
+            </div>
+          </div>
+
+          <Divider />
+
+          {/* \u63A7\u5236\u6309\u94AE */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u8F93\u5165\u6846\u63A7\u5236
+            </div>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
+              <Button onClick={handleFocusInput} size="small">
+                \u805A\u7126\u8F93\u5165\u6846
+              </Button>
+              <Button
+                onClick={handleDisableInput}
+                size="small"
+                disabled={inputDisabled}
+              >
+                \u7981\u7528\u8F93\u5165\u6846
+              </Button>
+              <Button
+                onClick={handleEnableInput}
+                size="small"
+                disabled={!inputDisabled}
+              >
+                \u542F\u7528\u8F93\u5165\u6846
+              </Button>
+              <Button onClick={handleUpdatePlaceholder} size="small">
+                \u81EA\u5B9A\u4E49 Placeholder
+              </Button>
+              <Button onClick={handleUpdateInputValue} size="small">
+                \u8BBE\u7F6E\u8F93\u5165\u503C
+              </Button>
+            </div>
+          </div>
+
+          <Divider />
+
+          {/* \u4E8B\u4EF6\u65E5\u5FD7 */}
+          <div style={{ flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column' }}>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u4E8B\u4EF6\u65E5\u5FD7
+            </div>
+            <div style={{
+              flex: 1,
+              fontSize: '11px',
+              fontFamily: 'monospace',
+              backgroundColor: '#f5f5f5',
+              padding: '8px',
+              borderRadius: '4px',
+              overflow: 'auto',
+              maxHeight: '120px'
+            }}>
+              {logs.length === 0 ? (
+                <div style={{ color: '#999' }}>\u6682\u65E0\u65E5\u5FD7</div>
+              ) : (
+                logs.map((log, index) => (
+                  <div key={index} style={{ marginBottom: '4px' }}>
+                    {log}
+                  </div>
+                ))
+              )}
+            </div>
+          </div>
+        </div>
+      </Card>
+      </div>
+    </>
+  );
+};
+
+export default ChatInputDemo;
+`},89:function(t,e){e.Z=`import { useRef, useState, useCallback } from 'react';
+import { Button, Card, Radio, Divider } from '@alife/magic-basic';
+import PaulAiAssistant from '@alife/paul-ai-assistant';
+import { mockChatList, mock } from './data';
+import '../config';
+
+/**
+ * \u5BF9\u8BDD\u5217\u8868\u72EC\u7ACB Demo
+ * \u5C55\u793A AssistantChatApp \u7EC4\u4EF6\u7684\u72EC\u7ACB\u4F7F\u7528\u548C\u5404\u79CD\u6D88\u606F\u7C7B\u578B
+ */
+const ChatListDemo = () => {
+  const assistantRef = useRef<any>(null);
+
+  // \u6D88\u606F\u5217\u8868\u6570\u636E
+  const [dataSource, setDataSource] = useState(mockChatList);
+
+  // \u6D88\u606F\u5361\u7247\u5BBD\u5EA6
+  const [messageCardWidth, setMessageCardWidth] = useState<'large' | 'medium' | 'small'>('medium');
+
+  // \u65E5\u5FD7\u4FE1\u606F
+  const [logs, setLogs] = useState<string[]>([]);
+
+  // \u6DFB\u52A0\u65E5\u5FD7
+  const addLog = useCallback((message: string) => {
+    setLogs(prev => [...prev.slice(-9), \`[\${new Date().toLocaleTimeString()}] \${message}\`]);
+  }, []);
+
+  // \u5207\u6362\u6570\u636E\u6E90
+  const handleSwitchDataSource = (type: 'simple' | 'complex') => {
+    if (type === 'simple') {
+      setDataSource(mockChatList);
+      addLog('\u5207\u6362\u5230\u7B80\u5355\u6D88\u606F\u5217\u8868');
+    } else {
+      setDataSource(mock);
+      addLog('\u5207\u6362\u5230\u590D\u6742\u6D88\u606F\u5217\u8868\uFF08\u5305\u542B\u8868\u5355\u5361\u7247\uFF09');
+    }
+  };
+
+  // \u6EDA\u52A8\u63A7\u5236
+  const handleScrollToTop = () => {
+    const scrollInfo = assistantRef.current?.getScrollInfo();
+    if (scrollInfo) {
+      addLog(\`\u5F53\u524D\u6EDA\u52A8\u4F4D\u7F6E: \${scrollInfo.scrollOffset}px\`);
+    }
+  };
+
+  const handleScrollToBottom = () => {
+    assistantRef.current?.chatAppRef?.current?.scrollToEnd({ smooth: true, scrollDelay: 0 });
+    addLog('\u6EDA\u52A8\u5230\u5E95\u90E8');
+  };
+
+  // \u6DFB\u52A0\u65B0\u6D88\u606F
+  const handleAddMessage = () => {
+    const newMessage = {
+      id: Date.now(),
+      type: 2,
+      userInfo: {
+        userId: 1069,
+        username: "\u6D4B\u8BD5\u7528\u6237",
+        avatar: null,
+        role: 2
+      },
+      timestamp: Date.now(),
+      subjectId: "demo_chat_001",
+      dataInfo: {
+        content: \`\u8FD9\u662F\u65B0\u6DFB\u52A0\u7684\u6D4B\u8BD5\u6D88\u606F \${new Date().toLocaleTimeString()}\`
+      },
+      dialogId: Date.now()
+    };
+    setDataSource(prev => [...prev, newMessage]);
+    addLog('\u6DFB\u52A0\u65B0\u6D88\u606F');
+
+    // \u6EDA\u52A8\u5230\u5E95\u90E8
+    setTimeout(() => {
+      handleScrollToBottom();
+    }, 100);
+  };
+
+  return (
+    <div style={{ display: 'flex', gap: '16px' }}>
+      {/* \u5DE6\u4FA7\uFF1A\u6D88\u606F\u5217\u8868\u5C55\u793A */}
+      <Card
+        title="\u6D88\u606F\u5217\u8868\u5C55\u793A"
+        style={{ flex: 1 }}
+        contentHeight="500px"
+      >
+        <div style={{ height: '100%' }}>
+          <PaulAiAssistant
+            ref={assistantRef}
+            bizDomain="CSE"
+            bizId="chat_list_demo"
+            dataSource={dataSource}
+            messageCardWidth={messageCardWidth}
+            hiddenChatInput // \u9690\u85CF\u8F93\u5165\u6846\uFF0C\u53EA\u5C55\u793A\u6D88\u606F\u5217\u8868
+            log={(eventName, logData) => {
+              addLog(\`\u4E8B\u4EF6: \${eventName}\`);
+              console.log('log', eventName, logData);
+            }}
+          />
+        </div>
+      </Card>
+
+      {/* \u53F3\u4FA7\uFF1A\u63A7\u5236\u9762\u677F */}
+      <Card
+        title="\u63A7\u5236\u9762\u677F"
+        style={{ width: '360px' }}
+        contentHeight="500px"
+      >
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
+          {/* \u72B6\u6001\u4FE1\u606F */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u5F53\u524D\u72B6\u6001
+            </div>
+            <div style={{ fontSize: '12px', lineHeight: '20px' }}>
+              <div>\u6D88\u606F\u6570\u91CF: {dataSource.length}</div>
+              <div>\u5361\u7247\u5BBD\u5EA6: {messageCardWidth}</div>
+            </div>
+          </div>
+
+          <Divider />
+
+          {/* \u6570\u636E\u6E90\u5207\u6362 */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u6570\u636E\u6E90\u5207\u6362
+            </div>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
+              <Button
+                onClick={() => handleSwitchDataSource('simple')}
+                size="small"
+              >
+                \u7B80\u5355\u6D88\u606F\u5217\u8868
+              </Button>
+              <Button
+                onClick={() => handleSwitchDataSource('complex')}
+                size="small"
+              >
+                \u590D\u6742\u6D88\u606F\u5217\u8868\uFF08\u8868\u5355\u5361\u7247\uFF09
+              </Button>
+            </div>
+          </div>
+
+          <Divider />
+
+          {/* \u5361\u7247\u5BBD\u5EA6\u8BBE\u7F6E */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u5361\u7247\u5BBD\u5EA6\u8BBE\u7F6E
+            </div>
+            <Radio.Group
+              value={messageCardWidth}
+              onChange={(value) => {
+                setMessageCardWidth(value as any);
+                addLog(\`\u5207\u6362\u5361\u7247\u5BBD\u5EA6: \${value}\`);
+              }}
+            >
+              <Radio value="small">\u5C0F (50%)</Radio>
+              <Radio value="medium">\u4E2D (80%)</Radio>
+              <Radio value="large">\u5927 (100%)</Radio>
+            </Radio.Group>
+          </div>
+
+          <Divider />
+
+          {/* \u6D88\u606F\u64CD\u4F5C */}
+          <div>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u6D88\u606F\u64CD\u4F5C
+            </div>
+            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
+              <Button onClick={handleAddMessage} size="small">
+                \u6DFB\u52A0\u65B0\u6D88\u606F
+              </Button>
+              <Button onClick={handleScrollToBottom} size="small">
+                \u6EDA\u52A8\u5230\u5E95\u90E8
+              </Button>
+              <Button onClick={handleScrollToTop} size="small">
+                \u83B7\u53D6\u6EDA\u52A8\u4FE1\u606F
+              </Button>
+            </div>
+          </div>
+
+          <Divider />
+
+          {/* \u4E8B\u4EF6\u65E5\u5FD7 */}
+          <div style={{ flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column' }}>
+            <div style={{ fontSize: '12px', color: '#666', marginBottom: '8px' }}>
+              \u4E8B\u4EF6\u65E5\u5FD7
+            </div>
+            <div style={{
+              flex: 1,
+              fontSize: '11px',
+              fontFamily: 'monospace',
+              backgroundColor: '#f5f5f5',
+              padding: '8px',
+              borderRadius: '4px',
+              overflow: 'auto',
+              maxHeight: '120px'
+            }}>
+              {logs.length === 0 ? (
+                <div style={{ color: '#999' }}>\u6682\u65E0\u65E5\u5FD7</div>
+              ) : (
+                logs.map((log, index) => (
+                  <div key={index} style={{ marginBottom: '4px' }}>
+                    {log}
+                  </div>
+                ))
+              )}
+            </div>
+          </div>
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default ChatListDemo;
+`},88321:function(t,e){e.Z=`import { useRef, useState, useCallback } from 'react';
+import { Card, message } from '@alife/magic-basic';
+import PaulAiAssistant from '@alife/paul-ai-assistant';
+import '../config';
+
+/**
+ * \u7EFC\u5408\u573A\u666F Demo
+ * \u5C55\u793A\u5B8C\u6574\u7684\u804A\u5929\u6D41\u7A0B\uFF1A\u7528\u6237\u8F93\u5165 \u2192 AI \u56DE\u590D\uFF08\u542B\u6D41\u5F0F\u63A8\u9001\uFF09
+ */
+const ChatScenarioDemo = () => {
+  const assistantRef = useRef<any>(null);
+  const [messages, setMessages] = useState<any[]>([]);
+  const [isGenerating, setIsGenerating] = useState(false);
+  const messageIdCounter = useRef(1000);
+
+  // \u6A21\u62DF AI \u56DE\u590D\u7684\u793A\u4F8B\u6587\u672C
+  const aiResponses = [
+    "\u60A8\u597D\uFF01\u6211\u662F Paul AI \u52A9\u624B\uFF0C\u5F88\u9AD8\u5174\u4E3A\u60A8\u670D\u52A1\u3002\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u60A8\u7684\u5417\uFF1F",
+    "PaulAiAssistant \u7EC4\u4EF6\u5E93\u63D0\u4F9B\u4E86\u4E30\u5BCC\u7684\u529F\u80FD\uFF0C\u5305\u62EC\u667A\u80FD\u5BF9\u8BDD\u3001\u6D88\u606F\u5C55\u793A\u3001\u5DE5\u5177\u96C6\u6210\u7B49\u3002\u60A8\u53EF\u4EE5\u901A\u8FC7\u7B80\u5355\u7684\u914D\u7F6E\u5C31\u80FD\u96C6\u6210\u5230\u60A8\u7684\u9879\u76EE\u4E2D\u3002",
+    "\u5173\u4E8E\u8FD9\u4E2A\u95EE\u9898\uFF0C\u6211\u5EFA\u8BAE\u60A8\u53EF\u4EE5\u67E5\u770B\u5B98\u65B9\u6587\u6863\uFF0C\u91CC\u9762\u6709\u8BE6\u7EC6\u7684\u4F7F\u7528\u8BF4\u660E\u548C\u793A\u4F8B\u4EE3\u7801\u3002\u5982\u679C\u8FD8\u6709\u7591\u95EE\uFF0C\u6B22\u8FCE\u7EE7\u7EED\u63D0\u95EE\uFF01",
+    "\u6211\u5DF2\u7ECF\u4E3A\u60A8\u51C6\u5907\u4E86\u76F8\u5173\u7684\u4FE1\u606F\u3002\u5982\u679C\u9700\u8981\u66F4\u8BE6\u7EC6\u7684\u8BF4\u660E\uFF0C\u8BF7\u544A\u8BC9\u6211\u5177\u4F53\u7684\u9700\u6C42\u3002",
+    "\u597D\u7684\uFF0C\u6211\u7406\u89E3\u4E86\u3002\u8BA9\u6211\u6765\u5E2E\u60A8\u89E3\u51B3\u8FD9\u4E2A\u95EE\u9898\u3002",
+  ];
+
+  // \u751F\u6210\u552F\u4E00 ID
+  const getNextId = () => {
+    messageIdCounter.current += 1;
+    return messageIdCounter.current;
+  };
+
+  // \u6A21\u62DF\u6D41\u5F0F\u63A8\u9001 AI \u56DE\u590D
+  const simulateStreamingResponse = (userMessage: string) => {
+    const aiResponseText = aiResponses[Math.floor(Math.random() * aiResponses.length)];
+    const responseId = getNextId();
+
+    // \u5148\u6DFB\u52A0\u4E00\u4E2A "\u6B63\u5728\u751F\u6210" \u7684\u6D88\u606F
+    const streamingMessage = {
+      id: responseId,
+      type: 101,
+      userInfo: {
+        userId: 0,
+        username: null,
+        avatar: null,
+        role: 3
+      },
+      timestamp: Date.now(),
+      subjectId: "demo_scenario",
+      dataInfo: {
+        component: [{ name: "LlmGenerateCardV5" }],
+        props: [{
+          name: "LlmGenerateCardV5",
+          value: {
+            finished: false,
+            headerTips: {
+              tipsContent: "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01",
+              showTips: false
+            },
+            content: ""
+          }
+        }]
+      },
+      headerInfo: {
+        component: "OperationCard",
+        props: [
+          { name: "Feedback", value: {} },
+          { name: "Copy", value: { type: "beFormat" } }
+        ],
+        extInfo: {
+          headerTag: {
+            backgroundColor: "#EBF4F5",
+            color: "#099BAB",
+            text: "\u667A\u80FD\u95EE\u7B54"
+          }
+        }
+      },
+      dialogId: responseId
+    };
+
+    setMessages(prev => [...prev, streamingMessage]);
+    setIsGenerating(true);
+
+    // \u7981\u7528\u8F93\u5165\u6846
+    assistantRef.current?.disableInput(true);
+
+    // \u6A21\u62DF\u6D41\u5F0F\u63A8\u9001\uFF0C\u9010\u5B57\u663E\u793A
+    let currentText = "";
+    let charIndex = 0;
+
+    const interval = setInterval(() => {
+      if (charIndex < aiResponseText.length) {
+        currentText += aiResponseText[charIndex];
+        charIndex++;
+
+        setMessages(prev => {
+          const updated = [...prev];
+          const lastMessage = updated[updated.length - 1];
+          if (lastMessage.id === responseId) {
+            lastMessage.dataInfo.props[0].value.content = currentText;
+          }
+          return updated;
+        });
+      } else {
+        // \u5B8C\u6210\u751F\u6210
+        clearInterval(interval);
+        setMessages(prev => {
+          const updated = [...prev];
+          const lastMessage = updated[updated.length - 1];
+          if (lastMessage.id === responseId) {
+            lastMessage.dataInfo.props[0].value.finished = true;
+          }
+          return updated;
+        });
+        setIsGenerating(false);
+
+        // \u542F\u7528\u8F93\u5165\u6846
+        assistantRef.current?.disableInput(false);
+
+        // \u805A\u7126\u8F93\u5165\u6846
+        setTimeout(() => {
+          assistantRef.current?.focusInput();
+        }, 100);
+      }
+    }, 30); // \u6BCF30ms\u663E\u793A\u4E00\u4E2A\u5B57\u7B26
+  };
+
+  // \u53D1\u9001\u6D88\u606F\u5904\u7406
+  const handleSendMessage = useCallback((inputValue: string) => {
+    if (!inputValue?.trim()) {
+      message.warning('\u8BF7\u8F93\u5165\u6D88\u606F\u5185\u5BB9');
+      return;
+    }
+
+    if (isGenerating) {
+      message.warning('AI \u6B63\u5728\u751F\u6210\u56DE\u590D\uFF0C\u8BF7\u7A0D\u5019');
+      return;
+    }
+
+    // \u6DFB\u52A0\u7528\u6237\u6D88\u606F
+    const userMessageId = getNextId();
+    const userMessage = {
+      id: userMessageId,
+      type: 2,
+      userInfo: {
+        userId: 1069,
+        username: "\u6D4B\u8BD5\u7528\u6237",
+        avatar: null,
+        role: 2
+      },
+      timestamp: Date.now(),
+      subjectId: "demo_scenario",
+      dataInfo: {
+        content: inputValue
+      },
+      dialogId: userMessageId
+    };
+
+    setMessages(prev => [...prev, userMessage]);
+
+    // \u6E05\u7A7A\u8F93\u5165\u6846
+    assistantRef.current?.updateInputValue('');
+
+    // \u6A21\u62DF AI \u56DE\u590D\uFF08\u5EF6\u8FDF 500ms\uFF09
+    setTimeout(() => {
+      simulateStreamingResponse(inputValue);
+    }, 500);
+  }, [isGenerating]);
+
+  // \u505C\u6B62\u751F\u6210
+  const handleStopGeneration = useCallback(() => {
+    setIsGenerating(false);
+    assistantRef.current?.disableInput(false);
+    message.success('\u5DF2\u505C\u6B62\u751F\u6210');
+  }, []);
+
+  return (
+    <Card
+      title={
+        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+          <span>\u7EFC\u5408\u573A\u666F\u6F14\u793A - \u5B8C\u6574\u804A\u5929\u6D41\u7A0B</span>
+          {isGenerating && (
+            <span style={{ fontSize: '12px', color: '#ff4d4f' }}>
+              AI \u6B63\u5728\u751F\u6210\u56DE\u590D\u4E2D...
+            </span>
+          )}
+        </div>
+      }
+      contentHeight="600px"
+    >
+      <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+        <div style={{
+          padding: '12px',
+          backgroundColor: '#f0f9ff',
+          borderRadius: '4px',
+          marginBottom: '12px',
+          fontSize: '13px',
+          lineHeight: '20px'
+        }}>
+          <div style={{ fontWeight: 'bold', marginBottom: '4px' }}>
+            \u{1F4A1} \u4F7F\u7528\u8BF4\u660E
+          </div>
+          <div style={{ color: '#666' }}>
+            \u2022 \u5728\u4E0B\u65B9\u8F93\u5165\u6846\u8F93\u5165\u6D88\u606F\u5E76\u6309 Enter \u53D1\u9001<br/>
+            \u2022 \u7CFB\u7EDF\u4F1A\u81EA\u52A8\u6A21\u62DF AI \u6D41\u5F0F\u56DE\u590D\uFF08\u9010\u5B57\u663E\u793A\uFF09<br/>
+            \u2022 \u751F\u6210\u8FC7\u7A0B\u4E2D\u53EF\u70B9\u51FB\u505C\u6B62\u6309\u94AE\u4E2D\u65AD<br/>
+            \u2022 \u652F\u6301\u591A\u8F6E\u5BF9\u8BDD\uFF0C\u5FEB\u6765\u8BD5\u8BD5\u5427\uFF01
+          </div>
+        </div>
+
+        <div style={{ flex: 1 }}>
+          <PaulAiAssistant
+            ref={assistantRef}
+            bizDomain="CSE"
+            bizId="chat_scenario_demo"
+            dataSource={messages}
+            placeholder="\u8BF7\u8F93\u5165\u60A8\u7684\u95EE\u9898..."
+            emptyContent={
+              <div style={{
+                textAlign: 'center',
+                padding: '80px 20px',
+                color: '#999'
+              }}>
+                <div style={{ fontSize: '16px', marginBottom: '8px', fontWeight: 500 }}>
+                  \u6B22\u8FCE\u4F7F\u7528 PaulAiAssistant
+                </div>
+                <div style={{ fontSize: '13px' }}>
+                  \u5728\u4E0B\u65B9\u8F93\u5165\u6846\u53D1\u9001\u6D88\u606F\u5F00\u59CB\u5BF9\u8BDD
+                </div>
+              </div>
+            }
+            onClickSendMessage={() => {
+              const inputValue = assistantRef.current?.chatInputRef?.current?.sendMessageValue;
+              handleSendMessage(inputValue);
+            }}
+            stopLlmMessage={handleStopGeneration}
+            log={(eventName, logData) => {
+              console.log('log', eventName, logData);
+            }}
+          />
+        </div>
+      </div>
+    </Card>
+  );
+};
+
+export default ChatScenarioDemo;
+`},4453:function(t,e){e.Z=`const cardSchema = {
+  properties: {
+    NO_NAME_FIELD_$1: {
+      'x-component': 'mega-layout',
+      name: 'NO_NAME_FIELD_$1',
+      'x-component-props': {
+        labelAlign: 'top',
+        labelCol: 24,
+      },
+      type: 'object',
+      key: 'NO_NAME_FIELD_$1',
+      properties: {
+        senderEmail: {
+          default: '',
+          key: 'senderEmail',
+          name: '\u53D1\u4EF6\u4EBA\u90AE\u7BB1',
+          title: '\u53D1\u4EF6\u4EBA\u90AE\u7BB1',
+          'x-component': 'input',
+          'x-component-props': {
+            placeholder: '\u8BF7\u8F93\u5165\u6536\u4EF6\u4EBA\u90AE\u7BB1\u5730\u5740\uFF08\u201C\u8D26\u53F7@\u57DF\u540D\u201D\u7684\u683C\u5F0F\uFF09',
+          },
+        },
+        sendTime: {
+          default: '',
+          key: 'sendTime',
+          name: '\u5177\u4F53\u53D1\u9001\u65F6\u95F4',
+          title: '\u5177\u4F53\u53D1\u9001\u65F6\u95F4',
+          'x-component': 'DatePicker',
+          'x-component-props': {
+            // showTime: true,
+            // format: 'YYYY-MM-DD',
+            placeholder: '\u7CBE\u786E\u5230\u79D2\u7684\u201Dyyyy-MM-dd hh:mm:ss\u201C\u683C\u5F0F',
+          },
+        },
+      },
+    },
+  },
+  type: 'object',
+};
+export const mock = [
+  {
+    userInfo: {
+      role: 3,
+      userName: '\u7528\u6237',
+      userId: '1793905311094920',
+    },
+    headerInfo: {
+      component: 'OperationCard',
+      props: [
+        {
+          name: 'AgentExecutionView',
+          value: {},
+        },
+        {
+          name: 'AgentLogTrace',
+          value: {},
+        },
+        {
+          name: 'AgentTroubleShoot',
+          value: {},
+        },
+        {
+          name: 'ToUse',
+          value: {
+            type: 'beFormat',
+          },
+        },
+      ],
+      extInfo: {
+        headerTag: {
+          backgroundColor: '#EFE8F9',
+          color: '#5F13C4',
+        },
+      },
+    },
+    dataInfo: {
+      component: [
+        {
+          name: 'AgentCardRender',
+        },
+      ],
+      props: [
+        {
+          name: 'AgentCardRender',
+          value: {
+            agentId: 336,
+            enableCard: true,
+            cardName: '\u673A\u623F\u5730\u5740\u67E5\u8BE2\u8868\u5355',
+            messageType: 'get_info',
+            cardId: 'bb48efe5-a5d6-4802-a7ea-8bca9bc953f2',
+            headerTips: {
+              tipsContent: '\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01',
+            },
+            cardSchema,
+
+            summary:
+              '\u60A8\u597D\uFF0C\u8BF7\u60A8\u63D0\u4F9B\u53D1\u4EF6\u4EBA\u90AE\u7BB1\u548C\u5177\u4F53\u53D1\u9001\u65F6\u95F4\uFF0C\u4EE5\u4FBF\u8FDB\u4E00\u6B65\u4E3A\u60A8\u67E5\u8BE2\uFF1A\\n\u53D1\u4EF6\u4EBA\u90AE\u7BB1\uFF1A\\n\u5177\u4F53\u53D1\u9001\u65F6\u95F4\uFF1A',
+            values: {
+              sendTime: '2025-01-12 00:00:00',
+              senderEmail: 'awdf@asdf.com',
+            },
+            status: {
+              disabled: false,
+            },
+          },
+        },
+      ],
+    },
+    id: 851,
+    type: 101,
+    dialogId: 851,
+    subjectId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    ticketId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    timestamp: 1742194245000,
+  },
+  {
+    userInfo: {
+      role: 2,
+      userName: '\u7528\u6237',
+      userId: '1793905311094920',
+    },
+    dataInfo: {
+      content:
+        '\u7528\u6237\u8F93\u5165\u4EA7\u54C1\u540D\u79F0\uFF1Aswas\uFF0C\u5B9E\u4F8Bid\uFF1Aa5f1bf87f776496ab9f79b84dc000a7c \u7528\u6237\u8F93\u5165\u4EA7\u54C1\u540D\u79F0\uFF1Aswas\uFF0C\u5B9E\u4F8Bid\uFF1Aa5f1bf87f776496ab9f79b84dc000a7c',
+    },
+    id: 852,
+    type: 2,
+    dialogId: 852,
+    subjectId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    ticketId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    timestamp: 1742194257000,
+  },
+  {
+    userInfo: {
+      role: 3,
+      userName: '\u7528\u6237',
+      userId: '1793905311094920',
+    },
+    headerInfo: {
+      component: 'OperationCard',
+      props: [
+        {
+          name: 'AgentExecutionView',
+          value: {},
+        },
+        {
+          name: 'AgentLogTrace',
+          value: {},
+        },
+        {
+          name: 'AgentTroubleShoot',
+          value: {},
+        },
+      ],
+      extInfo: {
+        headerTag: {
+          backgroundColor: '#EFE8F9',
+          color: '#5F13C4',
+        },
+      },
+    },
+    dataInfo: {
+      component: [
+        {
+          name: 'AgentCommonCard',
+        },
+      ],
+      props: [
+        {
+          name: 'AgentCommonCard',
+          value: {
+            summary:
+              '**\u673A\u623F\u5730\u5740\u4E3A**\uFF1A\u676D\u5DDE\u5E02\u8427\u5C71\u533A\u5EFA\u8BBE\u56DB\u8DEF4083\u53F7\u7533\u65B0SK\u5305\u88C5\u5382\u4E1C\u5317\u95E8\\n**\u4E3A\u60A8\u63D0\u4F9B\u5B9E\u4F8B\u4FE1\u606F\u5982\u4E0B\uFF1A**\\n**\u5B9E\u4F8BID**\uFF1Aa5f1bf87f776496ab9f79b84dc000a7c\\n**\u5B9E\u4F8B\u540D**\uFF1ABT-Panel-csyq\\n**\u6240\u5C5E\u533A\u57DF**\uFF1A\u6D59\u6C5F\u7701',
+            messageType: 'message',
+            finished: true,
+            headerTips: {
+              tipsContent: '\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01',
+            },
+          },
+        },
+      ],
+    },
+    id: 853,
+    type: 101,
+    dialogId: 853,
+    subjectId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    ticketId: '38c8cdff-2dc7-44d0-b7ec-e2e89b5a297f',
+    timestamp: 1742194258000,
+  },
+];
+
+
+export const mockLong = [
+  {
+    "id": 6031,
+    "type": 2,
+    "userInfo": {
+      "userId": 1069,
+      "username": "\u5F20\u4EAE(\u6EDE\u96E8)",
+      "avatar": null,
+      "role": 2
+    },
+    "timestamp": 1753791520000,
+    "subjectId": "1_1069_01K1B1XDCXZHEJRRQWVKR1G3YR",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "e357a1740d3dedc59a0691078b024431"
+    },
+    "dataInfo": {
+      "content": "\u9ED8\u5199\u957F\u6068\u6B4C"
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "TraceDetail"
+        },
+        {
+          "name": "AgentTestCase",
+          "value": {
+            "requestId": "e357a1740d3dedc59a0691078b024431"
+          }
+        }
+      ]
+    },
+    "dialogId": 6031
+  },
+  {
+    "id": 6032,
+    "type": 101,
+    "userInfo": {
+      "userId": 0,
+      "username": null,
+      "avatar": null,
+      "role": 3
+    },
+    "timestamp": 1753791521000,
+    "subjectId": "1_1069_01K1B1XDCXZHEJRRQWVKR1G3YR",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "e357a1740d3dedc59a0691078b024431"
+    },
+    "dataInfo": {
+      "component": [
+        {
+          "name": "LlmGenerateCardV5"
+        }
+      ],
+      "props": [
+        {
+          "name": "LlmGenerateCardV5",
+          "value": {
+            "thirdPartyModel": {},
+            "showQuestion": {},
+            "finished": true,
+            "headerTips": {
+              "tipsContent": "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01",
+              "showTips": false
+            },
+            "content": "\u300A\u957F\u6068\u6B4C\u300B\u662F\u5510\u4EE3\u8BD7\u4EBA\u767D\u5C45\u6613\u521B\u4F5C\u7684\u4E00\u9996\u957F\u7BC7\u53D9\u4E8B\u8BD7\uFF0C\u5168\u8BD7\u8F83\u957F\uFF0C\u4EE5\u4E0B\u662F\u5176\u4E2D\u7684\u5F00\u5934\u90E8\u5206\uFF1A\\n\\n\u6C49\u7687\u91CD\u8272\u601D\u503E\u56FD\uFF0C\u5FA1\u5B87\u591A\u5E74\u6C42\u4E0D\u5F97\u3002\\n\u6768\u5BB6\u6709\u5973\u521D\u957F\u6210\uFF0C\u517B\u5728\u6DF1\u95FA\u4EBA\u672A\u8BC6\u3002\\n\u5929\u751F\u4E3D\u8D28\u96BE\u81EA\u5F03\uFF0C\u4E00\u671D\u9009\u5728\u541B\u738B\u4FA7\u3002\\n\u56DE\u7738\u4E00\u7B11\u767E\u5A9A\u751F\uFF0C\u516D\u5BAB\u7C89\u9EDB\u65E0\u989C\u8272\u3002\\n\u6625\u5BD2\u8D50\u6D74\u534E\u6E05\u6C60\uFF0C\u6E29\u6CC9\u6C34\u6ED1\u6D17\u51DD\u8102\u3002\\n\u4F8D\u513F\u6276\u8D77\u5A07\u65E0\u529B\uFF0C\u59CB\u662F\u65B0\u627F\u6069\u6CFD\u65F6\u3002\\n\u4E91\u9B13\u82B1\u989C\u91D1\u6B65\u6447\uFF0C\u8299\u84C9\u5E10\u6696\u5EA6\u6625\u5BB5\u3002\\n\u6625\u5BB5\u82E6\u77ED\u65E5\u9AD8\u8D77\uFF0C\u4ECE\u6B64\u541B\u738B\u4E0D\u65E9\u671D\u3002\\n\\n\u8FD9\u9996\u8BD7\u8FD8\u6709\u8BB8\u591A\u5185\u5BB9\uFF0C\u8BB2\u8FF0\u4E86\u5510\u7384\u5B97\u4E0E\u6768\u8D35\u5983\u7684\u7231\u60C5\u6545\u4E8B\u4EE5\u53CA\u5B89\u53F2\u4E4B\u4E71\u540E\u7684\u60B2\u5267\u7ED3\u5C40\u3002\u7531\u4E8E\u5168\u8BD7\u975E\u5E38\u957F\uFF0C\u8FD9\u91CC\u53EA\u63D0\u4F9B\u4E86\u4E00\u5C0F\u90E8\u5206\u5185\u5BB9\u3002\u5982\u679C\u4F60\u9700\u8981\u66F4\u591A\u6BB5\u843D\u6216\u7279\u5B9A\u7684\u90E8\u5206\uFF0C\u8BF7\u544A\u8BC9\u6211\uFF01"
+          }
+        }
+      ]
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "Feedback",
+          "value": {}
+        },
+        {
+          "name": "Copy",
+          "value": {
+            "type": "beFormat",
+            "content": "\u300A\u957F\u6068\u6B4C\u300B\u662F\u5510\u4EE3\u8BD7\u4EBA\u767D\u5C45\u6613\u521B\u4F5C\u7684\u4E00\u9996\u957F\u7BC7\u53D9\u4E8B\u8BD7\uFF0C\u5168\u8BD7\u8F83\u957F\uFF0C\u4EE5\u4E0B\u662F\u5176\u4E2D\u7684\u5F00\u5934\u90E8\u5206\uFF1A\\n\\n\u6C49\u7687\u91CD\u8272\u601D\u503E\u56FD\uFF0C\u5FA1\u5B87\u591A\u5E74\u6C42\u4E0D\u5F97\u3002\\n\u6768\u5BB6\u6709\u5973\u521D\u957F\u6210\uFF0C\u517B\u5728\u6DF1\u95FA\u4EBA\u672A\u8BC6\u3002\\n\u5929\u751F\u4E3D\u8D28\u96BE\u81EA\u5F03\uFF0C\u4E00\u671D\u9009\u5728\u541B\u738B\u4FA7\u3002\\n\u56DE\u7738\u4E00\u7B11\u767E\u5A9A\u751F\uFF0C\u516D\u5BAB\u7C89\u9EDB\u65E0\u989C\u8272\u3002\\n\u6625\u5BD2\u8D50\u6D74\u534E\u6E05\u6C60\uFF0C\u6E29\u6CC9\u6C34\u6ED1\u6D17\u51DD\u8102\u3002\\n\u4F8D\u513F\u6276\u8D77\u5A07\u65E0\u529B\uFF0C\u59CB\u662F\u65B0\u627F\u6069\u6CFD\u65F6\u3002\\n\u4E91\u9B13\u82B1\u989C\u91D1\u6B65\u6447\uFF0C\u8299\u84C9\u5E10\u6696\u5EA6\u6625\u5BB5\u3002\\n\u6625\u5BB5\u82E6\u77ED\u65E5\u9AD8\u8D77\uFF0C\u4ECE\u6B64\u541B\u738B\u4E0D\u65E9\u671D\u3002\\n\\n\u8FD9\u9996\u8BD7\u8FD8\u6709\u8BB8\u591A\u5185\u5BB9\uFF0C\u8BB2\u8FF0\u4E86\u5510\u7384\u5B97\u4E0E\u6768\u8D35\u5983\u7684\u7231\u60C5\u6545\u4E8B\u4EE5\u53CA\u5B89\u53F2\u4E4B\u4E71\u540E\u7684\u60B2\u5267\u7ED3\u5C40\u3002\u7531\u4E8E\u5168\u8BD7\u975E\u5E38\u957F\uFF0C\u8FD9\u91CC\u53EA\u63D0\u4F9B\u4E86\u4E00\u5C0F\u90E8\u5206\u5185\u5BB9\u3002\u5982\u679C\u4F60\u9700\u8981\u66F4\u591A\u6BB5\u843D\u6216\u7279\u5B9A\u7684\u90E8\u5206\uFF0C\u8BF7\u544A\u8BC9\u6211\uFF01"
+          }
+        }
+      ],
+      "extInfo": {
+        "headerTag": {
+          "backgroundColor": "#EBF4F5",
+          "color": "#099BAB",
+          "text": "\u667A\u80FD\u95EE\u7B54"
+        }
+      }
+    },
+    "dialogId": 6032
+  },
+  {
+    "id": 6034,
+    "type": 2,
+    "userInfo": {
+      "userId": 1069,
+      "username": "\u5F20\u4EAE(\u6EDE\u96E8)",
+      "avatar": null,
+      "role": 2
+    },
+    "timestamp": 1753791559000,
+    "subjectId": "1_1069_01K1B1XDCXZHEJRRQWVKR1G3YR",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "d08ae1f6048dfa849aa9176f4c305c64"
+    },
+    "dataInfo": {
+      "content": "\u5168\u6587\u80CC\u8BF5"
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "TraceDetail"
+        },
+        {
+          "name": "AgentTestCase",
+          "value": {
+            "requestId": "d08ae1f6048dfa849aa9176f4c305c64"
+          }
+        }
+      ]
+    },
+    "dialogId": 6034
+  },
+  {
+    "id": 6035,
+    "type": 101,
+    "userInfo": {
+      "userId": 0,
+      "username": null,
+      "avatar": null,
+      "role": 3
+    },
+    "timestamp": 1753791559000,
+    "subjectId": "1_1069_01K1B1XDCXZHEJRRQWVKR1G3YR",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "d08ae1f6048dfa849aa9176f4c305c64"
+    },
+    "dataInfo": {
+      "component": [
+        {
+          "name": "LlmGenerateCardV5"
+        }
+      ],
+      "props": [
+        {
+          "name": "LlmGenerateCardV5",
+          "value": {
+            "thirdPartyModel": {},
+            "showQuestion": {},
+            "finished": true,
+            "headerTips": {
+              "tipsContent": "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01",
+              "showTips": false
+            },
+            "content": "\u300A\u957F\u6068\u6B4C\u300B\u662F\u5510\u4EE3\u8BD7\u4EBA\u767D\u5C45\u6613\u521B\u4F5C\u7684\u4E00\u9996\u957F\u7BC7\u53D9\u4E8B\u8BD7\uFF0C\u5168\u8BD7\u5982\u4E0B\uFF1A\\n\\n\u6C49\u7687\u91CD\u8272\u601D\u503E\u56FD\uFF0C\u5FA1\u5B87\u591A\u5E74\u6C42\u4E0D\u5F97\u3002\\n\u6768\u5BB6\u6709\u5973\u521D\u957F\u6210\uFF0C\u517B\u5728\u6DF1\u95FA\u4EBA\u672A\u8BC6\u3002\\n\u5929\u751F\u4E3D\u8D28\u96BE\u81EA\u5F03\uFF0C\u4E00\u671D\u9009\u5728\u541B\u738B\u4FA7\u3002\\n\u56DE\u7738\u4E00\u7B11\u767E\u5A9A\u751F\uFF0C\u516D\u5BAB\u7C89\u9EDB\u65E0\u989C\u8272\u3002\\n\u6625\u5BD2\u8D50\u6D74\u534E\u6E05\u6C60\uFF0C\u6E29\u6CC9\u6C34\u6ED1\u6D17\u51DD\u8102\u3002\\n\u4F8D\u513F\u6276\u8D77\u5A07\u65E0\u529B\uFF0C\u59CB\u662F\u65B0\u627F\u6069\u6CFD\u65F6\u3002\\n\u4E91\u9B13\u82B1\u989C\u91D1\u6B65\u6447\uFF0C\u8299\u84C9\u5E10\u6696\u5EA6\u6625\u5BB5\u3002\\n\u6625\u5BB5\u82E6\u77ED\u65E5\u9AD8\u8D77\uFF0C\u4ECE\u6B64\u541B\u738B\u4E0D\u65E9\u671D\u3002\\n\u627F\u6B22\u4F8D\u5BB4\u65E0\u95F2\u6687\uFF0C\u6625\u4ECE\u6625\u6E38\u591C\u4E13\u591C\u3002\\n\u540E\u5BAB\u4F73\u4E3D\u4E09\u5343\u4EBA\uFF0C\u4E09\u5343\u5BA0\u7231\u5728\u4E00\u8EAB\u3002\\n\u91D1\u5C4B\u5986\u6210\u5A07\u4F8D\u591C\uFF0C\u7389\u697C\u5BB4\u7F62\u9189\u548C\u6625\u3002\\n\u59CA\u59B9\u5F1F\u5144\u7686\u5217\u571F\uFF0C\u53EF\u601C\u5149\u5F69\u751F\u95E8\u6237\u3002\\n\u9042\u4EE4\u5929\u4E0B\u7236\u6BCD\u5FC3\uFF0C\u4E0D\u91CD\u751F\u7537\u91CD\u751F\u5973\u3002\\n\u9A8A\u5BAB\u9AD8\u5904\u5165\u9752\u4E91\uFF0C\u4ED9\u4E50\u98CE\u98D8\u5904\u5904\u95FB\u3002\\n\u7F13\u6B4C\u6162\u821E\u51DD\u4E1D\u7AF9\uFF0C\u5C3D\u65E5\u541B\u738B\u770B\u4E0D\u8DB3\u3002\\n\u6E14\u9633\u9F19\u9F13\u52A8\u5730\u6765\uFF0C\u60CA\u7834\u9713\u88F3\u7FBD\u8863\u66F2\u3002\\n\\n\u4E5D\u91CD\u57CE\u9619\u70DF\u5C18\u751F\uFF0C\u5343\u4E58\u4E07\u9A91\u897F\u5357\u884C\u3002\\n\u7FE0\u534E\u6447\u6447\u884C\u590D\u6B62\uFF0C\u897F\u51FA\u90FD\u95E8\u767E\u4F59\u91CC\u3002\\n\u516D\u519B\u4E0D\u53D1\u65E0\u5948\u4F55\uFF0C\u5B9B\u8F6C\u86FE\u7709\u9A6C\u524D\u6B7B\u3002\\n\u82B1\u94BF\u59D4\u5730\u65E0\u4EBA\u6536\uFF0C\u7FE0\u7FD8\u91D1\u96C0\u7389\u6414\u5934\u3002\\n\u541B\u738B\u63A9\u9762\u6551\u4E0D\u5F97\uFF0C\u56DE\u770B\u8840\u6CEA\u76F8\u548C\u6D41\u3002\\n\u9EC4\u57C3\u6563\u6F2B\u98CE\u8427\u7D22\uFF0C\u4E91\u6808\u8426\u7EA1\u767B\u5251\u9601\u3002\\n\u5CE8\u5D4B\u5C71\u4E0B\u5C11\u4EBA\u884C\uFF0C\u65CC\u65D7\u65E0\u5149\u65E5\u8272\u8584\u3002\\n\u8700\u6C5F\u6C34\u78A7\u8700\u5C71\u9752\uFF0C\u5723\u4E3B\u671D\u671D\u66AE\u66AE\u60C5\u3002\\n\u884C\u5BAB\u89C1\u6708\u4F24\u5FC3\u8272\uFF0C\u591C\u96E8\u95FB\u94C3\u80A0\u65AD\u58F0\u3002\\n\u5929\u65CB\u5730\u8F6C\u56DE\u9F99\u9A6D\uFF0C\u5230\u6B64\u8E0C\u8E87\u4E0D\u80FD\u53BB\u3002\\n\u9A6C\u5D6C\u5761\u4E0B\u6CE5\u571F\u4E2D\uFF0C\u4E0D\u89C1\u7389\u989C\u7A7A\u6B7B\u5904\u3002\\n\u541B\u81E3\u76F8\u987E\u5C3D\u6CBE\u8863\uFF0C\u4E1C\u671B\u90FD\u95E8\u4FE1\u9A6C\u5F52\u3002\\n\u5F52\u6765\u6C60\u82D1\u7686\u4F9D\u65E7\uFF0C\u592A\u6DB2\u8299\u84C9\u672A\u592E\u67F3\u3002\\n\u8299\u84C9\u5982\u9762\u67F3\u5982\u7709\uFF0C\u5BF9\u6B64\u5982\u4F55\u4E0D\u6CEA\u5782\uFF1F\\n\u6625\u98CE\u6843\u674E\u82B1\u5F00\u65E5\uFF0C\u79CB\u96E8\u68A7\u6850\u53F6\u843D\u65F6\u3002\\n\u897F\u5BAB\u5357\u5185\u591A\u79CB\u8349\uFF0C\u843D\u53F6\u6EE1\u9636\u7EA2\u4E0D\u626B\u3002\\n\u68A8\u56ED\u5F1F\u5B50\u767D\u53D1\u65B0\uFF0C\u6912\u623F\u963F\u76D1\u9752\u5A25\u8001\u3002\\n\u5915\u6BBF\u8424\u98DE\u601D\u6084\u7136\uFF0C\u5B64\u706F\u6311\u5C3D\u672A\u6210\u7720\u3002\\n\u8FDF\u8FDF\u949F\u9F13\u521D\u957F\u591C\uFF0C\u803F\u803F\u661F\u6CB3\u6B32\u66D9\u5929\u3002\\n\u9E33\u9E2F\u74E6\u51B7\u971C\u534E\u91CD\uFF0C\u7FE1\u7FE0\u887E\u5BD2\u8C01\u4E0E\u5171\uFF1F\\n\u60A0\u60A0\u751F\u6B7B\u522B\u7ECF\u5E74\uFF0C\u9B42\u9B44\u4E0D\u66FE\u6765\u5165\u68A6\u3002\\n\\n\u4E34\u909B\u9053\u58EB\u9E3F\u90FD\u5BA2\uFF0C\u80FD\u4EE5\u7CBE\u8BDA\u81F4\u9B42\u9B44\u3002\\n\u4E3A\u611F\u541B\u738B\u8F97\u8F6C\u601D\uFF0C\u9042\u6559\u65B9\u58EB\u6BB7\u52E4\u89C5\u3002\\n\u6392\u7A7A\u9A6D\u6C14\u5954\u5982\u7535\uFF0C\u5347\u5929\u5165\u5730\u6C42\u4E4B\u904D\u3002\\n\u4E0A\u7A77\u78A7\u843D\u4E0B\u9EC4\u6CC9\uFF0C\u4E24\u5904\u832B\u832B\u7686\u4E0D\u89C1\u3002\\n\u5FFD\u95FB\u6D77\u4E0A\u6709\u4ED9\u5C71\uFF0C\u5C71\u5728\u865A\u65E0\u7F25\u7F08\u95F4\u3002\\n\u697C\u9601\u73B2\u73D1\u4E94\u4E91\u8D77\uFF0C\u5176\u4E2D\u7EF0\u7EA6\u591A\u4ED9\u5B50\u3002\\n\u4E2D\u6709\u4E00\u4EBA\u5B57\u592A\u771F\uFF0C\u96EA\u80A4\u82B1\u8C8C\u53C2\u5DEE\u662F\u3002\\n\u91D1\u9619\u897F\u53A2\u53E9\u7389\u6243\uFF0C\u8F6C\u6559\u5C0F\u7389\u62A5\u53CC\u6210\u3002\\n\u95FB\u9053\u6C49\u5BB6\u5929\u5B50\u4F7F\uFF0C\u4E5D\u534E\u5E10\u91CC\u68A6\u9B42\u60CA\u3002\\n\u63FD\u8863\u63A8\u6795\u8D77\u5F98\u5F8A\uFF0C\u73E0\u7B94\u94F6\u5C4F\u8FE4\u9026\u5F00\u3002\\n\u4E91\u9B13\u534A\u504F\u65B0\u7761\u89C9\uFF0C\u82B1\u51A0\u4E0D\u6574\u4E0B\u5802\u6765\u3002\\n\u98CE\u5439\u4ED9\u8882\u98D8\u98D6\u4E3E\uFF0C\u72B9\u4F3C\u9713\u88F3\u7FBD\u8863\u821E\u3002\\n\u7389\u5BB9\u5BC2\u5BDE\u6CEA\u9611\u5E72\uFF0C\u68A8\u82B1\u4E00\u679D\u6625\u5E26\u96E8\u3002\\n\u542B\u60C5\u51DD\u7747\u8C22\u541B\u738B\uFF0C\u4E00\u522B\u97F3\u5BB9\u4E24\u6E3A\u832B\u3002\\n\u662D\u9633\u6BBF\u91CC\u6069\u7231\u7EDD\uFF0C\u84EC\u83B1\u5BAB\u4E2D\u65E5\u6708\u957F\u3002\\n\u56DE\u5934\u4E0B\u671B\u4EBA\u5BF0\u5904\uFF0C\u4E0D\u89C1\u957F\u5B89\u89C1\u5C18\u96FE\u3002\\n\u60DF\u5C06\u65E7\u7269\u8868\u6DF1\u60C5\uFF0C\u94BF\u5408\u91D1\u9497\u5BC4\u5C06\u53BB\u3002\\n\u9497\u7559\u4E00\u80A1\u5408\u4E00\u6247\uFF0C\u9497\u64D8\u9EC4\u91D1\u5408\u5206\u94BF\u3002\\n\u4F46\u6559\u5FC3\u4F3C\u91D1\u94BF\u575A\uFF0C\u5929\u4E0A\u4EBA\u95F4\u4F1A\u76F8\u89C1\u3002\\n\u4E34\u522B\u6BB7\u52E4\u91CD\u5BC4\u8BCD\uFF0C\u8BCD\u4E2D\u6709\u8A93\u4E24\u5FC3\u77E5\u3002\\n\u4E03\u6708\u4E03\u65E5\u957F\u751F\u6BBF\uFF0C\u591C\u534A\u65E0\u4EBA\u79C1\u8BED\u65F6\u3002\\n\u5728\u5929\u613F\u4F5C\u6BD4\u7FFC\u9E1F\uFF0C\u5728\u5730\u613F\u4E3A\u8FDE\u7406\u679D\u3002\\n\u5929\u957F\u5730\u4E45\u6709\u65F6\u5C3D\uFF0C\u6B64\u6068\u7EF5\u7EF5\u65E0\u7EDD\u671F\u3002\\n\\n\u8FD9\u5C31\u662F\u300A\u957F\u6068\u6B4C\u300B\u7684\u5168\u6587\u3002\u5E0C\u671B\u5BF9\u4F60\u6709\u6240\u5E2E\u52A9\uFF01"
+          }
+        }
+      ]
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "Feedback",
+          "value": {}
+        },
+        {
+          "name": "Copy",
+          "value": {
+            "type": "beFormat",
+            "content": "\u300A\u957F\u6068\u6B4C\u300B\u662F\u5510\u4EE3\u8BD7\u4EBA\u767D\u5C45\u6613\u521B\u4F5C\u7684\u4E00\u9996\u957F\u7BC7\u53D9\u4E8B\u8BD7\uFF0C\u5168\u8BD7\u5982\u4E0B\uFF1A\\n\\n\u6C49\u7687\u91CD\u8272\u601D\u503E\u56FD\uFF0C\u5FA1\u5B87\u591A\u5E74\u6C42\u4E0D\u5F97\u3002\\n\u6768\u5BB6\u6709\u5973\u521D\u957F\u6210\uFF0C\u517B\u5728\u6DF1\u95FA\u4EBA\u672A\u8BC6\u3002\\n\u5929\u751F\u4E3D\u8D28\u96BE\u81EA\u5F03\uFF0C\u4E00\u671D\u9009\u5728\u541B\u738B\u4FA7\u3002\\n\u56DE\u7738\u4E00\u7B11\u767E\u5A9A\u751F\uFF0C\u516D\u5BAB\u7C89\u9EDB\u65E0\u989C\u8272\u3002\\n\u6625\u5BD2\u8D50\u6D74\u534E\u6E05\u6C60\uFF0C\u6E29\u6CC9\u6C34\u6ED1\u6D17\u51DD\u8102\u3002\\n\u4F8D\u513F\u6276\u8D77\u5A07\u65E0\u529B\uFF0C\u59CB\u662F\u65B0\u627F\u6069\u6CFD\u65F6\u3002\\n\u4E91\u9B13\u82B1\u989C\u91D1\u6B65\u6447\uFF0C\u8299\u84C9\u5E10\u6696\u5EA6\u6625\u5BB5\u3002\\n\u6625\u5BB5\u82E6\u77ED\u65E5\u9AD8\u8D77\uFF0C\u4ECE\u6B64\u541B\u738B\u4E0D\u65E9\u671D\u3002\\n\u627F\u6B22\u4F8D\u5BB4\u65E0\u95F2\u6687\uFF0C\u6625\u4ECE\u6625\u6E38\u591C\u4E13\u591C\u3002\\n\u540E\u5BAB\u4F73\u4E3D\u4E09\u5343\u4EBA\uFF0C\u4E09\u5343\u5BA0\u7231\u5728\u4E00\u8EAB\u3002\\n\u91D1\u5C4B\u5986\u6210\u5A07\u4F8D\u591C\uFF0C\u7389\u697C\u5BB4\u7F62\u9189\u548C\u6625\u3002\\n\u59CA\u59B9\u5F1F\u5144\u7686\u5217\u571F\uFF0C\u53EF\u601C\u5149\u5F69\u751F\u95E8\u6237\u3002\\n\u9042\u4EE4\u5929\u4E0B\u7236\u6BCD\u5FC3\uFF0C\u4E0D\u91CD\u751F\u7537\u91CD\u751F\u5973\u3002\\n\u9A8A\u5BAB\u9AD8\u5904\u5165\u9752\u4E91\uFF0C\u4ED9\u4E50\u98CE\u98D8\u5904\u5904\u95FB\u3002\\n\u7F13\u6B4C\u6162\u821E\u51DD\u4E1D\u7AF9\uFF0C\u5C3D\u65E5\u541B\u738B\u770B\u4E0D\u8DB3\u3002\\n\u6E14\u9633\u9F19\u9F13\u52A8\u5730\u6765\uFF0C\u60CA\u7834\u9713\u88F3\u7FBD\u8863\u66F2\u3002\\n\\n\u4E5D\u91CD\u57CE\u9619\u70DF\u5C18\u751F\uFF0C\u5343\u4E58\u4E07\u9A91\u897F\u5357\u884C\u3002\\n\u7FE0\u534E\u6447\u6447\u884C\u590D\u6B62\uFF0C\u897F\u51FA\u90FD\u95E8\u767E\u4F59\u91CC\u3002\\n\u516D\u519B\u4E0D\u53D1\u65E0\u5948\u4F55\uFF0C\u5B9B\u8F6C\u86FE\u7709\u9A6C\u524D\u6B7B\u3002\\n\u82B1\u94BF\u59D4\u5730\u65E0\u4EBA\u6536\uFF0C\u7FE0\u7FD8\u91D1\u96C0\u7389\u6414\u5934\u3002\\n\u541B\u738B\u63A9\u9762\u6551\u4E0D\u5F97\uFF0C\u56DE\u770B\u8840\u6CEA\u76F8\u548C\u6D41\u3002\\n\u9EC4\u57C3\u6563\u6F2B\u98CE\u8427\u7D22\uFF0C\u4E91\u6808\u8426\u7EA1\u767B\u5251\u9601\u3002\\n\u5CE8\u5D4B\u5C71\u4E0B\u5C11\u4EBA\u884C\uFF0C\u65CC\u65D7\u65E0\u5149\u65E5\u8272\u8584\u3002\\n\u8700\u6C5F\u6C34\u78A7\u8700\u5C71\u9752\uFF0C\u5723\u4E3B\u671D\u671D\u66AE\u66AE\u60C5\u3002\\n\u884C\u5BAB\u89C1\u6708\u4F24\u5FC3\u8272\uFF0C\u591C\u96E8\u95FB\u94C3\u80A0\u65AD\u58F0\u3002\\n\u5929\u65CB\u5730\u8F6C\u56DE\u9F99\u9A6D\uFF0C\u5230\u6B64\u8E0C\u8E87\u4E0D\u80FD\u53BB\u3002\\n\u9A6C\u5D6C\u5761\u4E0B\u6CE5\u571F\u4E2D\uFF0C\u4E0D\u89C1\u7389\u989C\u7A7A\u6B7B\u5904\u3002\\n\u541B\u81E3\u76F8\u987E\u5C3D\u6CBE\u8863\uFF0C\u4E1C\u671B\u90FD\u95E8\u4FE1\u9A6C\u5F52\u3002\\n\u5F52\u6765\u6C60\u82D1\u7686\u4F9D\u65E7\uFF0C\u592A\u6DB2\u8299\u84C9\u672A\u592E\u67F3\u3002\\n\u8299\u84C9\u5982\u9762\u67F3\u5982\u7709\uFF0C\u5BF9\u6B64\u5982\u4F55\u4E0D\u6CEA\u5782\uFF1F\\n\u6625\u98CE\u6843\u674E\u82B1\u5F00\u65E5\uFF0C\u79CB\u96E8\u68A7\u6850\u53F6\u843D\u65F6\u3002\\n\u897F\u5BAB\u5357\u5185\u591A\u79CB\u8349\uFF0C\u843D\u53F6\u6EE1\u9636\u7EA2\u4E0D\u626B\u3002\\n\u68A8\u56ED\u5F1F\u5B50\u767D\u53D1\u65B0\uFF0C\u6912\u623F\u963F\u76D1\u9752\u5A25\u8001\u3002\\n\u5915\u6BBF\u8424\u98DE\u601D\u6084\u7136\uFF0C\u5B64\u706F\u6311\u5C3D\u672A\u6210\u7720\u3002\\n\u8FDF\u8FDF\u949F\u9F13\u521D\u957F\u591C\uFF0C\u803F\u803F\u661F\u6CB3\u6B32\u66D9\u5929\u3002\\n\u9E33\u9E2F\u74E6\u51B7\u971C\u534E\u91CD\uFF0C\u7FE1\u7FE0\u887E\u5BD2\u8C01\u4E0E\u5171\uFF1F\\n\u60A0\u60A0\u751F\u6B7B\u522B\u7ECF\u5E74\uFF0C\u9B42\u9B44\u4E0D\u66FE\u6765\u5165\u68A6\u3002\\n\\n\u4E34\u909B\u9053\u58EB\u9E3F\u90FD\u5BA2\uFF0C\u80FD\u4EE5\u7CBE\u8BDA\u81F4\u9B42\u9B44\u3002\\n\u4E3A\u611F\u541B\u738B\u8F97\u8F6C\u601D\uFF0C\u9042\u6559\u65B9\u58EB\u6BB7\u52E4\u89C5\u3002\\n\u6392\u7A7A\u9A6D\u6C14\u5954\u5982\u7535\uFF0C\u5347\u5929\u5165\u5730\u6C42\u4E4B\u904D\u3002\\n\u4E0A\u7A77\u78A7\u843D\u4E0B\u9EC4\u6CC9\uFF0C\u4E24\u5904\u832B\u832B\u7686\u4E0D\u89C1\u3002\\n\u5FFD\u95FB\u6D77\u4E0A\u6709\u4ED9\u5C71\uFF0C\u5C71\u5728\u865A\u65E0\u7F25\u7F08\u95F4\u3002\\n\u697C\u9601\u73B2\u73D1\u4E94\u4E91\u8D77\uFF0C\u5176\u4E2D\u7EF0\u7EA6\u591A\u4ED9\u5B50\u3002\\n\u4E2D\u6709\u4E00\u4EBA\u5B57\u592A\u771F\uFF0C\u96EA\u80A4\u82B1\u8C8C\u53C2\u5DEE\u662F\u3002\\n\u91D1\u9619\u897F\u53A2\u53E9\u7389\u6243\uFF0C\u8F6C\u6559\u5C0F\u7389\u62A5\u53CC\u6210\u3002\\n\u95FB\u9053\u6C49\u5BB6\u5929\u5B50\u4F7F\uFF0C\u4E5D\u534E\u5E10\u91CC\u68A6\u9B42\u60CA\u3002\\n\u63FD\u8863\u63A8\u6795\u8D77\u5F98\u5F8A\uFF0C\u73E0\u7B94\u94F6\u5C4F\u8FE4\u9026\u5F00\u3002\\n\u4E91\u9B13\u534A\u504F\u65B0\u7761\u89C9\uFF0C\u82B1\u51A0\u4E0D\u6574\u4E0B\u5802\u6765\u3002\\n\u98CE\u5439\u4ED9\u8882\u98D8\u98D6\u4E3E\uFF0C\u72B9\u4F3C\u9713\u88F3\u7FBD\u8863\u821E\u3002\\n\u7389\u5BB9\u5BC2\u5BDE\u6CEA\u9611\u5E72\uFF0C\u68A8\u82B1\u4E00\u679D\u6625\u5E26\u96E8\u3002\\n\u542B\u60C5\u51DD\u7747\u8C22\u541B\u738B\uFF0C\u4E00\u522B\u97F3\u5BB9\u4E24\u6E3A\u832B\u3002\\n\u662D\u9633\u6BBF\u91CC\u6069\u7231\u7EDD\uFF0C\u84EC\u83B1\u5BAB\u4E2D\u65E5\u6708\u957F\u3002\\n\u56DE\u5934\u4E0B\u671B\u4EBA\u5BF0\u5904\uFF0C\u4E0D\u89C1\u957F\u5B89\u89C1\u5C18\u96FE\u3002\\n\u60DF\u5C06\u65E7\u7269\u8868\u6DF1\u60C5\uFF0C\u94BF\u5408\u91D1\u9497\u5BC4\u5C06\u53BB\u3002\\n\u9497\u7559\u4E00\u80A1\u5408\u4E00\u6247\uFF0C\u9497\u64D8\u9EC4\u91D1\u5408\u5206\u94BF\u3002\\n\u4F46\u6559\u5FC3\u4F3C\u91D1\u94BF\u575A\uFF0C\u5929\u4E0A\u4EBA\u95F4\u4F1A\u76F8\u89C1\u3002\\n\u4E34\u522B\u6BB7\u52E4\u91CD\u5BC4\u8BCD\uFF0C\u8BCD\u4E2D\u6709\u8A93\u4E24\u5FC3\u77E5\u3002\\n\u4E03\u6708\u4E03\u65E5\u957F\u751F\u6BBF\uFF0C\u591C\u534A\u65E0\u4EBA\u79C1\u8BED\u65F6\u3002\\n\u5728\u5929\u613F\u4F5C\u6BD4\u7FFC\u9E1F\uFF0C\u5728\u5730\u613F\u4E3A\u8FDE\u7406\u679D\u3002\\n\u5929\u957F\u5730\u4E45\u6709\u65F6\u5C3D\uFF0C\u6B64\u6068\u7EF5\u7EF5\u65E0\u7EDD\u671F\u3002\\n\\n\u8FD9\u5C31\u662F\u300A\u957F\u6068\u6B4C\u300B\u7684\u5168\u6587\u3002\u5E0C\u671B\u5BF9\u4F60\u6709\u6240\u5E2E\u52A9\uFF01"
+          }
+        }
+      ],
+      "extInfo": {
+        "headerTag": {
+          "backgroundColor": "#EBF4F5",
+          "color": "#099BAB",
+          "text": "\u667A\u80FD\u95EE\u7B54"
+        }
+      }
+    },
+    "dialogId": 6035
+  }
+]
+
+export const mockWrong = [
+  {
+    "id": 6091,
+    "type": 2,
+    "userInfo": {
+      "userId": 1069,
+      "username": "\u5F20\u4EAE(\u6EDE\u96E8)",
+      "avatar": null,
+      "role": 2
+    },
+    "timestamp": 1753793550000,
+    "subjectId": "1_1069_01K1B3VMNY1ZDVRYFD4DNWQQVF",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "c7fd57f208bf6c2c39eab8ce75ebd8bc"
+    },
+    "dataInfo": {
+      "content": "\u8FC7\u53BB30\u5929\u6709\u54EA\u4E9B\u5BA2\u6237\u670D\u52A1\u5B58\u5728\u4F18\u5316\u7A7A\u95F4\uFF1F"
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "TraceDetail"
+        },
+        {
+          "name": "AgentTestCase",
+          "value": {
+            "requestId": "c7fd57f208bf6c2c39eab8ce75ebd8bc"
+          }
+        }
+      ]
+    },
+    "dialogId": 6091
+  },
+  {
+    "id": 6092,
+    "type": 101,
+    "userInfo": {
+      "userId": 0,
+      "username": null,
+      "avatar": null,
+      "role": 3
+    },
+    "timestamp": 1753793551000,
+    "subjectId": "1_1069_01K1B3VMNY1ZDVRYFD4DNWQQVF",
+    "extInfo": {
+      "extDialogId": null,
+      "traceId": "c7fd57f208bf6c2c39eab8ce75ebd8bc"
+    },
+    "dataInfo": {
+      "component": [
+        {
+          "name": "PaulAIAgentCardRender"
+        }
+      ],
+      "props": [
+        {
+          "name": "PaulAIAgentCardRender",
+          "value": {
+            "cardSchema": {
+              "data": {
+                "cardData": {
+                  "contents": [
+                    {
+                      "text": "\u751F\u6210SQL\u62A5\u9519\uFF0C\u8BF7\u8054\u7CFB\u7814\u53D1\u6392\u67E5\u3002",
+                      "type": "MARKDOWN"
+                    },
+                    {},
+                    {
+                      "text": "\\n\\n---\\n1. \u6570\u636E\u66F4\u65B0\u65F6\u95F4\u4E3A\uFF1A**2025-07-29 00:45:43**\\n2. \u5F53\u524D\u9650\u5236\u4E86\u6570\u636E\u8FD4\u56DE\u6761\u6570\u4E3A10\u6761\uFF0C\u4E0D\u4EE3\u8868\u5168\u90E8\u6570\u636E",
+                      "type": "MARKDOWN"
+                    }
+                  ]
+                }
+              }
+            },
+            "trace": {
+              "data": [
+                {
+                  "result": {
+                    "result": "\u8BC6\u522B\u5230\u5E94\u7528\uFF0C\u6267\u884C **CRE-ChatBI**",
+                    "type": "markdown",
+                    "status": "RUNNING"
+                  },
+                  "showTitle": "\u6267\u884C\u5E94\u7528",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                },
+                {
+                  "result": {
+                    "result": "\u8FC7\u53BB30\u5929\u6709\u54EA\u4E9B\u5BA2\u6237\u670D\u52A1\u5B58\u5728\u4F18\u5316\u7A7A\u95F4\uFF1F",
+                    "showTitle": "\u7528\u6237\u95EE\u53E5",
+                    "type": "markdown",
+                    "status": "SUCCESS"
+                  },
+                  "showTitle": "\u7528\u6237\u95EE\u53E5",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                },
+                {
+                  "result": {
+                    "result": "\u4E1A\u52A1\u57DF\u662F\uFF1A\u901A\u7528\u573A\u666F",
+                    "showTitle": "\u4E1A\u52A1\u57DF\u4FE1\u606F",
+                    "type": "markdown",
+                    "status": "SUCCESS"
+                  },
+                  "showTitle": "\u4E1A\u52A1\u57DF\u4FE1\u606F",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                },
+                {
+                  "result": {
+                    "result": "\u67E5\u8BE2\u8FC7\u53BB30\u5929\u5185\u5BA2\u6237\u670D\u52A1\u5B58\u5728\u4F18\u5316\u7A7A\u95F4\u7684\u5BA2\u6237cid\u3001\u5BA2\u6237\u540D\u79F0\u3001\u5BA2\u6237\u7B80\u79F0\uFF0C\u4EE5\u53CA\u5BF9\u5E94\u7684\u670D\u52A1\u4F18\u5316\u76F8\u5173\u4E8B\u4EF6\u7684\u6570\u91CF\u548C\u7C7B\u578B\u3002\u9700\u8981\u7B5B\u9009\u51FA\u4E8B\u4EF6\u7684\u751F\u6210\u65F6\u95F4gmt_create\u5728\u8FD130\u5929\u5185\uFF0C\u5E76\u6309\u7167\u5BA2\u6237cid\u8FDB\u884C\u5206\u7EC4\u7EDF\u8BA1\u4F18\u5316\u7A7A\u95F4\u4E8B\u4EF6\u7684\u6570\u91CF\uFF0C\u6700\u540E\u6309\u7167\u4F18\u5316\u7A7A\u95F4\u4E8B\u4EF6\u6570\u91CF\u964D\u5E8F\u6392\u5E8F\u3002\u6CE8\u610F\uFF0C\u4F18\u5316\u7A7A\u95F4\u4E8B\u4EF6\u662F\u6307biz_impact\u5B57\u6BB5\u8868\u793A\u5B58\u5728\u4E1A\u52A1\u5F71\u54CD\u4E14handle_level=true\u7684\u4E8B\u4EF6\u3002",
+                    "showTitle": "\u6539\u5199\u95EE\u53E5\u4FE1\u606F",
+                    "type": "markdown",
+                    "status": "SUCCESS"
+                  },
+                  "showTitle": "\u6539\u5199\u95EE\u53E5\u4FE1\u606F",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                },
+                {
+                  "result": {
+                    "result": "ads_clouddoc_event,gts_customer_all_info",
+                    "showTitle": "\u53EC\u56DE\u8868\u4FE1\u606F",
+                    "type": "markdown",
+                    "status": "SUCCESS"
+                  },
+                  "showTitle": "\u53EC\u56DE\u8868\u4FE1\u606F",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                },
+                {
+                  "result": {
+                    "result": "SQL\u6B63\u5728\u751F\u6210\u4E2D\uFF0C\u8BF7\u7B49\u5F85...",
+                    "showTitle": "\u751F\u6210SQL\u4FE1\u606F",
+                    "type": "markdown",
+                    "status": "SUCCESS"
+                  },
+                  "showTitle": "\u751F\u6210SQL\u4FE1\u606F",
+                  "type": "markdown",
+                  "status": "SUCCESS"
+                }
+              ],
+              "traceName": "\u601D\u8003\u8FC7\u7A0B",
+              "status": "SUCCESS"
+            },
+            "cardType": "TEMPLATE",
+            "headerTips": {
+              "tipsContent": "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01"
+            },
+            "submitConfig": {
+              "allowReentry": "true"
+            },
+            "status": {
+              "disabled": false
+            }
+          }
+        }
+      ]
+    },
+    "headerInfo": {
+      "component": "OperationCard",
+      "props": [
+        {
+          "name": "Feedback",
+          "value": {}
+        },
+        {
+          "name": "Copy",
+          "value": {
+            "type": "copy",
+            "isHide": true
+          }
+        }
+      ],
+      "extInfo": {
+        "headerTag": {
+          "backgroundColor": "#EFE8F9",
+          "color": "#5F13C4",
+          "text": "CRE-ChatBI"
+        }
+      }
+    },
+    "dialogId": 6092
+  }
+]
+
+// \u5BF9\u8BDD\u5217\u8868 Demo \u7528\u7684\u7B80\u5355\u6D88\u606F\u6570\u636E
+export const mockChatList = [
+  {
+    id: 1,
+    type: 2,
+    userInfo: {
+      userId: 1069,
+      username: "\u5F20\u4EAE(\u6EDE\u96E8)",
+      avatar: null,
+      role: 2
+    },
+    timestamp: 1733750400000,
+    subjectId: "demo_chat_001",
+    dataInfo: {
+      content: "\u4F60\u597D\uFF0C\u8BF7\u5E2E\u6211\u4ECB\u7ECD\u4E00\u4E0B PaulAiAssistant \u7EC4\u4EF6\u7684\u4E3B\u8981\u529F\u80FD"
+    },
+    dialogId: 1
+  },
+  {
+    id: 2,
+    type: 101,
+    userInfo: {
+      userId: 0,
+      username: null,
+      avatar: null,
+      role: 3
+    },
+    timestamp: 1733750401000,
+    subjectId: "demo_chat_001",
+    dataInfo: {
+      component: [
+        {
+          name: "LlmGenerateCardV5"
+        }
+      ],
+      props: [
+        {
+          name: "LlmGenerateCardV5",
+          value: {
+            finished: true,
+            headerTips: {
+              tipsContent: "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01",
+              showTips: false
+            },
+            content: "PaulAiAssistant \u662F\u4E00\u4E2A\u57FA\u4E8E React \u7684\u667A\u80FD\u8F85\u52A9\u7EC4\u4EF6\u5E93\uFF0C\u4E3B\u8981\u63D0\u4F9B\u4EE5\u4E0B\u529F\u80FD\uFF1A\\n\\n1. **\u667A\u80FD\u5BF9\u8BDD**\uFF1A\u652F\u6301\u7528\u6237\u4E0E AI \u8FDB\u884C\u591A\u8F6E\u5BF9\u8BDD\u4EA4\u4E92\\n2. **\u6D88\u606F\u5C55\u793A**\uFF1A\u652F\u6301\u591A\u79CD\u6D88\u606F\u7C7B\u578B\u7684\u6E32\u67D3\uFF0C\u5305\u62EC\u6587\u672C\u3001\u5361\u7247\u3001\u8868\u5355\u7B49\\n3. **\u5DE5\u5177\u96C6\u6210**\uFF1A\u53EF\u96C6\u6210\u5404\u79CD\u5DE5\u5177\u548C\u5E94\u7528\uFF0C\u63D0\u4F9B\u4E30\u5BCC\u7684\u4EA4\u4E92\u80FD\u529B\\n4. **\u81EA\u5B9A\u4E49\u6269\u5C55**\uFF1A\u652F\u6301\u81EA\u5B9A\u4E49\u5361\u7247\u7EC4\u4EF6\u3001\u64CD\u4F5C\u6309\u94AE\u7B49\\n5. **\u5206\u4EAB\u529F\u80FD**\uFF1A\u652F\u6301\u6D88\u606F\u5206\u4EAB\u548C\u5BFC\u51FA\\n\\n\u7EC4\u4EF6\u8BBE\u8BA1\u7B80\u6D01\uFF0C\u6613\u4E8E\u96C6\u6210\u5230\u73B0\u6709\u9879\u76EE\u4E2D\u3002"
+          }
+        }
+      ]
+    },
+    headerInfo: {
+      component: "OperationCard",
+      props: [
+        {
+          name: "Feedback",
+          value: {}
+        },
+        {
+          name: "Copy",
+          value: {
+            type: "beFormat"
+          }
+        }
+      ],
+      extInfo: {
+        headerTag: {
+          backgroundColor: "#EBF4F5",
+          color: "#099BAB",
+          text: "\u667A\u80FD\u95EE\u7B54"
+        }
+      }
+    },
+    dialogId: 2
+  },
+  {
+    id: 3,
+    type: 2,
+    userInfo: {
+      userId: 1069,
+      username: "\u5F20\u4EAE(\u6EDE\u96E8)",
+      avatar: null,
+      role: 2
+    },
+    timestamp: 1733750420000,
+    subjectId: "demo_chat_001",
+    dataInfo: {
+      content: "\u5982\u4F55\u81EA\u5B9A\u4E49\u6D88\u606F\u5361\u7247\uFF1F"
+    },
+    dialogId: 3
+  },
+  {
+    id: 4,
+    type: 101,
+    userInfo: {
+      userId: 0,
+      username: null,
+      avatar: null,
+      role: 3
+    },
+    timestamp: 1733750421000,
+    subjectId: "demo_chat_001",
+    dataInfo: {
+      component: [
+        {
+          name: "AgentCommonCard"
+        }
+      ],
+      props: [
+        {
+          name: "AgentCommonCard",
+          value: {
+            summary: "\u60A8\u53EF\u4EE5\u901A\u8FC7 \`cardComponentMap\` \u5C5E\u6027\u6765\u81EA\u5B9A\u4E49\u6D88\u606F\u5361\u7247\u7EC4\u4EF6\u3002\\n\\n\u793A\u4F8B\u4EE3\u7801\uFF1A\\n\`\`\`tsx\\n<PaulAiAssistant\\n  cardComponentMap={{\\n    AgentCardRender: (props) => <YourCustomCard {...props} />\\n  }}\\n/>\\n\`\`\`\\n\\n\u8FD9\u6837\u5C31\u53EF\u4EE5\u5B8C\u5168\u63A7\u5236\u5361\u7247\u7684\u6E32\u67D3\u903B\u8F91\u4E86\u3002",
+            messageType: "message",
+            finished: true,
+            headerTips: {
+              tipsContent: "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01"
+            }
+          }
+        }
+      ]
+    },
+    headerInfo: {
+      component: "OperationCard",
+      props: [
+        {
+          name: "Feedback",
+          value: {}
+        },
+        {
+          name: "Copy",
+          value: {
+            type: "beFormat"
+          }
+        }
+      ],
+      extInfo: {
+        headerTag: {
+          backgroundColor: "#EBF4F5",
+          color: "#099BAB",
+          text: "\u667A\u80FD\u95EE\u7B54"
+        }
+      }
+    },
+    dialogId: 4
+  }
+];
+
+// \u6D41\u5F0F\u6D88\u606F\u793A\u4F8B\u6570\u636E\uFF08\u7528\u4E8E\u7EFC\u5408\u573A\u666F Demo\uFF09
+export const mockStreamingMessage = {
+  id: 999,
+  type: 101,
+  userInfo: {
+    userId: 0,
+    username: null,
+    avatar: null,
+    role: 3
+  },
+  timestamp: Date.now(),
+  subjectId: "demo_streaming",
+  dataInfo: {
+    component: [
+      {
+        name: "LlmGenerateCardV5"
+      }
+    ],
+    props: [
+      {
+        name: "LlmGenerateCardV5",
+        value: {
+          finished: false,
+          headerTips: {
+            tipsContent: "\u5185\u5BB9\u4E3AAI\u751F\u6210\uFF0C\u8BF7\u7406\u89E3\u5BA2\u6237\u95EE\u9898\u540E\u5224\u65AD\u662F\u5426\u53EF\u7528\uFF01",
+            showTips: false
+          },
+          content: "\u6B63\u5728\u751F\u6210\u56DE\u590D\u4E2D..."
+        }
+      }
+    ]
+  },
+  headerInfo: {
+    component: "OperationCard",
+    props: [
+      {
+        name: "Feedback",
+        value: {}
+      },
+      {
+        name: "Copy",
+        value: {
+          type: "beFormat"
+        }
+      }
+    ],
+    extInfo: {
+      headerTag: {
+        backgroundColor: "#EBF4F5",
+        color: "#099BAB",
+        text: "\u667A\u80FD\u95EE\u7B54"
+      }
+    }
+  },
+  dialogId: 999
+};`},82299:function(t,e){e.Z=`import PaulAiAssistant, { AgentCardRender } from '@alife/paul-ai-assistant';
+import '../config';
+import { mockLong } from './data';
+
+const App = () => {
+  return (
+    <>
+      <div style={{ height: '500px' }}>
+        <PaulAiAssistant
+          bizDomain={'CSE'}
+          bizId={'001FL1W73R'}
+          dataSource={mockLong}
+          showExternalThinkMode={true}
+          // mode="tool"
+          // hiddenChatInput
+          imConnectCallback={() => {
+            console.log('sssss');
+          }}
+          cardComponentMap={{
+            AgentCardRender: (cardProps) => {
+              return (
+                <AgentCardRender
+                  {...cardProps}
+                  onSubmitConfig={{
+                    onSubmit: (v, enableSubmit) => {
+                      console.log('====>', v);
+                      enableSubmit?.();
+                    },
+                  }}
+                />
+              );
+            },
+          }}
+          emptyContent={<div>\u60A8\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u60A8\u7684</div>}
+          log={(eventName, logData) => {
+            console.log('log', eventName, logData);
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+export default App;
+`},22516:function(t,e){e.Z=`import { useState } from 'react';
+import { Divider } from '@alife/magic-basic';
+import { SchemaInput } from '@alife/paul-ai-assistant';
+
+function SchemaInputDemo() {
+  const [testValue, setTestValue] = useState({ test: 'test arg', try: { a: 'try a try' } });
+  const schema = {
+    "type": "object",
+    "properties": {
+      "test": {
+        "type": "string",
+        "required": false
+      },
+      "test2": {
+        "type": "array",
+        "required": true,
+        "items": {
+          "type": "string",
+          "required": false
+        }
+      },
+      "try": {
+        "type": "object",
+        "properties": {
+          "a": {
+            "type": "string",
+            "required": false
+          }
+        }
+      }
+    }
+  }
+
+  const testSchemaInput = (
+    <>
+      <div>
+        {/* \u6DFB\u52A0\u4E00\u4E2ATextArea\u8F93\u5165\u6846\u7528\u4E8E\u5BFC\u5165testValue\u503C */}
+        <div style={{ marginBottom: 8 }}>
+          <b>\u5BFC\u5165\u6D4B\u8BD5\u6570\u636E\uFF08testValue\uFF09\uFF1A</b>
+        </div>
+        <textarea
+          style={{ width: '100%', minHeight: 80, fontFamily: 'monospace', marginBottom: 8 }}
+          value={typeof testValue === 'string' ? testValue : JSON.stringify(testValue, null, 2)}
+          onChange={(e) => {
+            try {
+              setTestValue(JSON.parse(e.target.value));
+            } catch {
+              setTestValue(e.target.value);
+            }
+          }}
+          placeholder="\u7C98\u8D34\u4F60\u7684\u6D4B\u8BD5 JSON \u6570\u636E..."
+        />
+        {/* \u8BF4\u660E\uFF1A\u6B64\u8F93\u5165\u6846\u652F\u6301\u76F4\u63A5\u7C98\u8D34 JSON \u5B57\u7B26\u4E32\uFF0C\u81EA\u52A8\u89E3\u6790\u4E3A\u5BF9\u8C61 */}
+        <Divider />
+        <div style={{ marginBottom: 8 }}>
+          <b>Schema\u8F93\u5165</b>
+        </div>
+        <SchemaInput schema={schema} value={testValue} onChange={(value) => setTestValue(value)} />
+      </div>
+      <Divider />
+    </>
+  );
+  return <div>{testSchemaInput}</div>;
+}
+
+export default SchemaInputDemo;
+`},55919:function(t,e){e.Z=`import * as React from 'react';
+
+const style: React.CSSProperties = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+  color: '#333',
+  height: '100%',
+};
+
+const AssistentError = ({ errorMessage }) => {
+  return (
+    <div style={style}>
+      <svg width="90px" height="64px" viewBox="0 0 90 64" version="1.1">
+        <defs>
+          <linearGradient
+            x1="58.0750164%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-1"
+          >
+            <stop stopColor="#F3F3F3" offset="0%" />
+            <stop stopColor="#D3D4D6" offset="100%" />
+          </linearGradient>
+          <linearGradient
+            x1="77.7409531%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-2"
+          >
+            <stop stopColor="#F3F3F3" offset="0%" />
+            <stop stopColor="#D3D4D6" offset="100%" />
+          </linearGradient>
+          <linearGradient
+            x1="90.2501741%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-3"
+          >
+            <stop stopColor="#737373" offset="0%" />
+            <stop stopColor="#A2A2A2" offset="100%" />
+          </linearGradient>
+        </defs>
+        <g id="\u5BA2\u670D\u5DE5\u4F5C\u53F0-\u9875\u9762\u51FA\u9519" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+          <g id="\u63A8\u8350\u5DE5\u5177" transform="translate(-1155.000000, -400.000000)">
+            <g id="\u7F16\u7EC4-9\u5907\u4EFD-16" transform="translate(1110.000000, 400.300000)">
+              <g id="\u7F16\u7EC4-20" transform="translate(45.000000, 0.000000)">
+                <rect id="\u77E9\u5F62" x="0" y="3.7" width="90" height="60" />
+                <g id="\u7F16\u7EC4-5" transform="translate(1.125000, 0.000000)">
+                  <g id="\u7F16\u7EC4-9">
+                    <ellipse
+                      id="\u692D\u5706\u5F62"
+                      fill="#EFEFEF"
+                      cx="44.4375"
+                      cy="52.2215909"
+                      rx="44.4375"
+                      ry="11.2215909"
+                    />
+                    <path
+                      d="M9.475,0 L30.5544646,0 C31.1067493,-1.35899025e-15 31.5544646,0.44771525 31.5544646,1 C31.5544646,1.16287199 31.5146822,1.32327899 31.4385761,1.46727599 L25.1521552,13.361525 C24.9912687,13.6659311 24.9982968,14.031695 25.1707586,14.3296958 L31.9429732,26.031566 C32.1121124,26.3238256 32.1223333,26.6817062 31.9701497,26.9831426 L25.1442867,40.5034205 C24.9883989,40.8121941 25.0031474,41.1796017 25.1832832,41.4748867 L31.2863295,51.4792156 C31.5739508,51.9506945 31.4249047,52.5660669 30.9534257,52.8536882 C30.7965692,52.9493771 30.6163812,53 30.4326413,53 L9.475,53 C8.92271525,53 8.475,52.5522847 8.475,52 L8.475,1 C8.475,0.44771525 8.92271525,1.01453063e-16 9.475,0 Z"
+                      id="\u77E9\u5F62"
+                      fill="url(#linearGradient-1)"
+                      fillRule="nonzero"
+                    />
+                    <path
+                      d="M34.893583,0 L69.9069335,0 C70.2762543,3.76246082e-16 70.615508,0.203557923 70.789298,0.529433486 L77.6308389,13.3580831 C77.7941363,13.6642839 77.7870128,14.0332538 77.6120182,14.3329234 L70.7823375,26.028413 C70.6107085,26.3223191 70.6003474,26.6833392 70.7548379,26.9866047 L77.6388049,40.4998693 C77.7970458,40.810497 77.7820983,41.1811132 77.5993559,41.4779885 L70.7998295,52.5242013 C70.6178177,52.8198896 70.2954524,53 69.948235,53 L34.893583,53 C34.3412983,53 33.893583,52.5522847 33.893583,52 L33.893583,1 C33.893583,0.44771525 34.3412983,1.01453063e-16 34.893583,0 Z"
+                      id="\u77E9\u5F62\u5907\u4EFD-3"
+                      fill="url(#linearGradient-2)"
+                      fillRule="nonzero"
+                      transform="translate(55.893583, 26.500000) scale(-1, 1) translate(-55.893583, -26.500000) "
+                    />
+                    <path
+                      d="M34.875,18.2 C40.674,18.2 45.375,22.901 45.375,28.7 C45.375,34.499 40.674,39.2 34.875,39.2 C29.076,39.2 24.375,34.499 24.375,28.7 C24.375,22.901 29.076,18.2 34.875,18.2 Z M34.875,22.7 C34.4607864,22.7 34.125,23.0357864 34.125,23.45 L34.125,27.95 L29.625,27.95 C29.2107864,27.95 28.875,28.2857864 28.875,28.7 C28.875,29.1142136 29.2107864,29.45 29.625,29.45 L34.125,29.45 L34.125,33.95 C34.125,34.3642136 34.4607864,34.7 34.875,34.7 C35.2892136,34.7 35.625,34.3642136 35.625,33.95 L35.625,29.45 L40.125,29.45 C40.5392136,29.45 40.875,29.1142136 40.875,28.7 C40.875,28.2857864 40.5392136,27.95 40.125,27.95 L35.625,27.95 L35.625,23.45 C35.625,23.0357864 35.2892136,22.7 34.875,22.7 Z"
+                      id="\u5F62\u72B6"
+                      fill="url(#linearGradient-3)"
+                      fillRule="nonzero"
+                      transform="translate(34.875000, 28.700000) rotate(-45.000000) translate(-34.875000, -28.700000) "
+                    />
+                    <rect
+                      id="\u77E9\u5F62"
+                      fill="#EDEDED"
+                      x="54.7321429"
+                      y="15.7"
+                      width="17.1428571"
+                      height="4"
+                      rx="2"
+                    />
+                    <rect
+                      id="\u77E9\u5F62\u5907\u4EFD-4"
+                      fill="#EDEDED"
+                      x="54.7321429"
+                      y="25.7"
+                      width="17.1428571"
+                      height="4"
+                      rx="2"
+                    />
+                    <rect
+                      id="\u77E9\u5F62\u5907\u4EFD-5"
+                      fill="#EDEDED"
+                      x="47.875"
+                      y="35.7"
+                      width="24"
+                      height="4"
+                      rx="2"
+                    />
+                  </g>
+                  <g id="\u7F16\u7EC4-5" transform="translate(8.475000, 0.000000)" />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+      <div style={{ margin: 4 }}>{errorMessage || '\u5F53\u524D\u670D\u52A1\u4E0D\u53EF\u7528\uFF0C\u7D27\u6025\u95EE\u9898\u53EF\u8054\u7CFB\u5E73\u53F0\u8D1F\u8D23\u4EBA'}</div>
+    </div>
+  );
+};
+
+export default AssistentError;
+`},3864:function(t,e){e.Z=`import * as React from 'react';
+
+const style: React.CSSProperties = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+  color: '#333',
+  height: '100%',
+};
+
+const ErrorBoundaryFallback = ({ errorMessage }) => {
+  return (
+    <div style={style}>
+      <svg width="90px" height="64px" viewBox="0 0 90 64" version="1.1">
+        <defs>
+          <linearGradient
+            x1="58.0750164%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-1"
+          >
+            <stop stopColor="#F3F3F3" offset="0%" />
+            <stop stopColor="#D3D4D6" offset="100%" />
+          </linearGradient>
+          <linearGradient
+            x1="77.7409531%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-2"
+          >
+            <stop stopColor="#F3F3F3" offset="0%" />
+            <stop stopColor="#D3D4D6" offset="100%" />
+          </linearGradient>
+          <linearGradient
+            x1="90.2501741%"
+            y1="7.63747166%"
+            x2="50%"
+            y2="81.2520898%"
+            id="linearGradient-3"
+          >
+            <stop stopColor="#737373" offset="0%" />
+            <stop stopColor="#A2A2A2" offset="100%" />
+          </linearGradient>
+        </defs>
+        <g id="\u5BA2\u670D\u5DE5\u4F5C\u53F0-\u9875\u9762\u51FA\u9519" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+          <g id="\u63A8\u8350\u5DE5\u5177" transform="translate(-1155.000000, -400.000000)">
+            <g id="\u7F16\u7EC4-9\u5907\u4EFD-16" transform="translate(1110.000000, 400.300000)">
+              <g id="\u7F16\u7EC4-20" transform="translate(45.000000, 0.000000)">
+                <rect id="\u77E9\u5F62" x="0" y="3.7" width="90" height="60" />
+                <g id="\u7F16\u7EC4-5" transform="translate(1.125000, 0.000000)">
+                  <g id="\u7F16\u7EC4-9">
+                    <ellipse
+                      id="\u692D\u5706\u5F62"
+                      fill="#EFEFEF"
+                      cx="44.4375"
+                      cy="52.2215909"
+                      rx="44.4375"
+                      ry="11.2215909"
+                    />
+                    <path
+                      d="M9.475,0 L30.5544646,0 C31.1067493,-1.35899025e-15 31.5544646,0.44771525 31.5544646,1 C31.5544646,1.16287199 31.5146822,1.32327899 31.4385761,1.46727599 L25.1521552,13.361525 C24.9912687,13.6659311 24.9982968,14.031695 25.1707586,14.3296958 L31.9429732,26.031566 C32.1121124,26.3238256 32.1223333,26.6817062 31.9701497,26.9831426 L25.1442867,40.5034205 C24.9883989,40.8121941 25.0031474,41.1796017 25.1832832,41.4748867 L31.2863295,51.4792156 C31.5739508,51.9506945 31.4249047,52.5660669 30.9534257,52.8536882 C30.7965692,52.9493771 30.6163812,53 30.4326413,53 L9.475,53 C8.92271525,53 8.475,52.5522847 8.475,52 L8.475,1 C8.475,0.44771525 8.92271525,1.01453063e-16 9.475,0 Z"
+                      id="\u77E9\u5F62"
+                      fill="url(#linearGradient-1)"
+                      fillRule="nonzero"
+                    />
+                    <path
+                      d="M34.893583,0 L69.9069335,0 C70.2762543,3.76246082e-16 70.615508,0.203557923 70.789298,0.529433486 L77.6308389,13.3580831 C77.7941363,13.6642839 77.7870128,14.0332538 77.6120182,14.3329234 L70.7823375,26.028413 C70.6107085,26.3223191 70.6003474,26.6833392 70.7548379,26.9866047 L77.6388049,40.4998693 C77.7970458,40.810497 77.7820983,41.1811132 77.5993559,41.4779885 L70.7998295,52.5242013 C70.6178177,52.8198896 70.2954524,53 69.948235,53 L34.893583,53 C34.3412983,53 33.893583,52.5522847 33.893583,52 L33.893583,1 C33.893583,0.44771525 34.3412983,1.01453063e-16 34.893583,0 Z"
+                      id="\u77E9\u5F62\u5907\u4EFD-3"
+                      fill="url(#linearGradient-2)"
+                      fillRule="nonzero"
+                      transform="translate(55.893583, 26.500000) scale(-1, 1) translate(-55.893583, -26.500000) "
+                    />
+                    <path
+                      d="M34.875,18.2 C40.674,18.2 45.375,22.901 45.375,28.7 C45.375,34.499 40.674,39.2 34.875,39.2 C29.076,39.2 24.375,34.499 24.375,28.7 C24.375,22.901 29.076,18.2 34.875,18.2 Z M34.875,22.7 C34.4607864,22.7 34.125,23.0357864 34.125,23.45 L34.125,27.95 L29.625,27.95 C29.2107864,27.95 28.875,28.2857864 28.875,28.7 C28.875,29.1142136 29.2107864,29.45 29.625,29.45 L34.125,29.45 L34.125,33.95 C34.125,34.3642136 34.4607864,34.7 34.875,34.7 C35.2892136,34.7 35.625,34.3642136 35.625,33.95 L35.625,29.45 L40.125,29.45 C40.5392136,29.45 40.875,29.1142136 40.875,28.7 C40.875,28.2857864 40.5392136,27.95 40.125,27.95 L35.625,27.95 L35.625,23.45 C35.625,23.0357864 35.2892136,22.7 34.875,22.7 Z"
+                      id="\u5F62\u72B6"
+                      fill="url(#linearGradient-3)"
+                      fillRule="nonzero"
+                      transform="translate(34.875000, 28.700000) rotate(-45.000000) translate(-34.875000, -28.700000) "
+                    />
+                    <rect
+                      id="\u77E9\u5F62"
+                      fill="#EDEDED"
+                      x="54.7321429"
+                      y="15.7"
+                      width="17.1428571"
+                      height="4"
+                      rx="2"
+                    />
+                    <rect
+                      id="\u77E9\u5F62\u5907\u4EFD-4"
+                      fill="#EDEDED"
+                      x="54.7321429"
+                      y="25.7"
+                      width="17.1428571"
+                      height="4"
+                      rx="2"
+                    />
+                    <rect
+                      id="\u77E9\u5F62\u5907\u4EFD-5"
+                      fill="#EDEDED"
+                      x="47.875"
+                      y="35.7"
+                      width="24"
+                      height="4"
+                      rx="2"
+                    />
+                  </g>
+                  <g id="\u7F16\u7EC4-5" transform="translate(8.475000, 0.000000)" />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+      {errorMessage || '\u5F53\u524D\u670D\u52A1\u4E0D\u53EF\u7528'}
+    </div>
+  );
+};
+
+export default ErrorBoundaryFallback;
+`},23566:function(t,e){e.Z=`import * as React from 'react';
+import ErrorBoundaryFallback from './ErrorBoundaryFallback';
+
+export interface IProps {
+  children?: React.ReactNode;
+  Fallback?: React.ComponentType<any>;
+  onError?: (error?: Error, componentStack?: string) => void;
+  onLog?: (error?: Error, componentStack?: string) => void;
+  errorMessage?: string | React.ReactElement;
+}
+
+export interface IErrorInfo {
+  componentStack: string;
+}
+
+export interface IState {
+  error?: Error | null;
+  info?: IErrorInfo;
+}
+
+class ErrorBoundary extends React.Component<IProps, IState> {
+  static defaultProps: IProps = {
+    Fallback: ErrorBoundaryFallback,
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: null,
+      info: {
+        componentStack: '',
+      },
+    };
+  }
+
+  componentDidCatch(error: Error, info: IErrorInfo): void {
+    const { onError, onLog } = this.props;
+
+    if (typeof onLog === 'function') {
+      onLog.call(this, error, info.componentStack);
+    }
+    if (typeof onError === 'function') {
+      try {
+        onError.call(this, error, info.componentStack);
+      } catch (ignoredError) {
+        // error\u5FFD\u7565
+      }
+    }
+
+    this.setState({ error, info });
+  }
+
+  render() {
+    const { children, Fallback, errorMessage } = this.props;
+    const { error, info } = this.state;
+
+    if (error !== null && typeof Fallback === 'function') {
+      return (
+        <Fallback
+          componentStack={info && info.componentStack}
+          error={error}
+          errorMessage={errorMessage}
+        />
+      );
+    }
+
+    return children || null;
+  }
+}
+
+export default ErrorBoundary;
+`},90550:function(t,e){e.Z=`import React, { useState } from 'react';
+import { customRequest } from '@alife/magic-request';
+// import { Button } from '@alife/magic-basic';
+import { Submit  } from '@formily/antd';
+import { CHAT_TYPE, REQUEST_SUCCESS_CODE } from '../../constants/common';
+import type { IChatCardBaseProps } from '../../interface/IChatCard';
+
+export interface IAgentCardSubmitProps extends IChatCardBaseProps {
+  agentId?: string;
+  label?: string;
+  // schema\u914D\u7F6E\u5C5E\u6027
+  submitConfig?: {
+    visible?: boolean;
+    url?: string;
+    text?: string;
+    style?: any;
+  };
+  // \u524D\u7AEF\u914D\u7F6E\u5C5E\u6027
+  onSubmitConfig?: {
+    url?: string;
+    text?: string;
+    style?: any;
+    onSubmit?: (v: any, enableSubmit?: () => void) => void;
+  };
+}
+const AgentCardSubmit = (props: IAgentCardSubmitProps) => {
+  const {
+    bizId,
+    bizDomain,
+    agentId,
+    submitConfig,
+
+    onSubmitConfig,
+    ...others
+  } = props || {};
+  const { dialogId, extInfo } = props?.ctx?.meta?.originData || {};
+  const [submitDisabled, setSubmitDisabled] = useState<boolean>(false);
+
+  const enableSubmit = () => {
+    setSubmitDisabled(false);
+  };
+
+  const onSubmitDefault = (inputForm) => {
+    const data = {
+      "subjectId": bizId,
+      "dialogId": dialogId,
+      "formData": inputForm
+      // "content": query,
+      // bizId,
+      // bizDomain,
+      // model: agentId,
+      // chatType: CHAT_TYPE.AGENT_REENTRANT,
+      // params: {
+      //   inputForm,
+      //   preMessageId: dialogId,
+      //   preRequestId: extInfo?.traceId,
+      // },
+    };
+    const url =
+      submitConfig?.url ||
+      onSubmitConfig?.url ||
+      '/cognipilot/api/assistant/chat';
+    customRequest({
+      method: 'POST',
+      url,
+      query: data,
+    })
+      .then((res: any) => {
+        if (res?.code !== REQUEST_SUCCESS_CODE) {
+          // \u8868\u5355\u63D0\u4EA4\u5931\u8D25
+        }
+      })
+      .catch(() => {
+        // \u8868\u5355\u63D0\u4EA4\u5931\u8D25
+      })
+      .finally(() => {
+        enableSubmit();
+      });
+  };
+  // \u63D0\u4EA4\u8868\u5355
+  const onSubmit = async (formValues) => {
+    setSubmitDisabled(true);
+    if (typeof onSubmitConfig?.onSubmit === 'function') {
+      onSubmitConfig?.onSubmit(formValues, enableSubmit);
+    } else {
+      onSubmitDefault(formValues);
+    }
+  };
+  return (
+    <Submit {...others} type="primary" disabled={submitDisabled} onSubmit={onSubmit}>
+      {props?.label || submitConfig?.text || onSubmitConfig?.text || '\u63D0\u4EA4'}
+    </Submit>
+  );
+};
+export default AgentCardSubmit;
+`},43828:function(t,e){e.Z=`// \u622A\u56FE\u6A21\u5F0F\u6837\u5F0F
+.agent-schema-form-screenshot-container {
+  position: relative;
+  width: 100%;
+
+  img {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+  }
+
+  &.agent-schema-form-error {
+    .agent-schema-form-error-tip {
+      width: 250px;
+      text-align: center;
+      margin-top: 10px;
+    }
+  }
+
+  .agent-schema-form-copy-text-wrapper {
+    position: absolute;
+    bottom: 12px;
+    right: 12px;
+    z-index: 10;
+
+    .agent-schema-form-copy-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      cursor: pointer;
+
+      .magic-icon {
+        color: #474a52;
+        font-size: 20px;
+
+        &:hover {
+          color: #1b58f4;
+        }
+      }
+    }
+  }
+}
+
+// \u7EAF\u6587\u5B57\u6A21\u5F0F\u6837\u5F0F
+.agent-schema-form-text-container {
+  padding: 16px;
+  background: #fafbfc;
+  border: 1px solid #e6e8eb;
+  border-radius: 6px;
+  line-height: 1.6;
+  color: #1f2329;
+
+  .agent-schema-form-text-item {
+    margin-bottom: 8px;
+    word-break: break-word;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+// \u6587\u672C\u5F39\u7A97\u5185\u5BB9\u6837\u5F0F
+.agent-schema-form-text-modal-content {
+  max-height: 400px;
+  overflow-y: auto;
+  padding: 16px;
+  background: #fafbfc;
+  border-radius: 4px;
+  line-height: 1.6;
+  color: #1f2329;
+  user-select: text;
+
+  .agent-schema-form-text-item {
+    margin-bottom: 12px;
+    word-break: break-word;
+    white-space: pre-wrap;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+`},48256:function(t,e){e.Z=`import React, { useEffect, useState } from 'react';
+import { Button, message, Modal, Tooltip } from '@alife/magic-basic';
+import { getPreviewUrl } from '@/utils/uploadImage';
+import { CSECustomIcon } from '../../utils/CSEIconTool';
+import './ScreenshotView.scss';
+
+interface ScreenshotViewProps {
+  fileKey?: string;
+  extractedTexts?: string[];
+}
+
+/**
+ * AgentSchemaForm \u622A\u56FE\u6A21\u5F0F\u89C6\u56FE\u7EC4\u4EF6
+ * \u5904\u7406\u622A\u56FE\u5C55\u793A\u3001\u9519\u8BEF\u63D0\u793A\u3001\u7EAF\u6587\u5B57\u5C55\u793A\u548C\u6587\u672C\u590D\u5236\u7B49\u529F\u80FD
+ */
+const ScreenshotView: React.FC<ScreenshotViewProps> = ({ fileKey, extractedTexts }) => {
+  const [textModalVisible, setTextModalVisible] = useState(false);
+  const [imageUrl, setImageUrl] = useState('');
+  const [imageLoading, setImageLoading] = useState(false);
+  const [imageError, setImageError] = useState(false);
+
+  const SCREENSHOT_ERROR_IMAGE =
+    'https://img.alicdn.com/imgextra/i4/O1CN0166R6uV1Do2s0myH8n_!!6000000000262-2-tps-386-308.png';
+
+  // \u5904\u7406\u590D\u5236\u6587\u672C
+  const handleCopyText = (text: string) => {
+    navigator.clipboard.writeText(text).then(() => {
+      message.success('\u590D\u5236\u6210\u529F');
+    });
+  };
+
+  useEffect(() => {
+    if (fileKey) {
+      setImageLoading(true);
+      setImageError(false);
+      // \u83B7\u53D6\u56FE\u7247\u94FE\u63A5
+      getPreviewUrl(fileKey)
+        .then((res: any) => {
+          setImageUrl(res?.data);
+          setImageLoading(false);
+          setImageError(false);
+        })
+        .catch((error) => {
+          console.error('Failed to get preview URL:', error);
+          setImageError(true);
+          setImageLoading(false);
+        });
+    }
+  }, [fileKey]);
+
+  const renderImageError = () => {
+    // \u56FE\u7247\u52A0\u8F7D\u5931\u8D25\uFF0C\u4F18\u5148\u5C55\u793A\u6587\u672C\u7684\u683C\u5F0F
+    if (extractedTexts && extractedTexts.length > 0) {
+      return (
+        <div className="agent-schema-form-text-container">
+          {extractedTexts.map((text, index) => (
+            <div key={index} className="agent-schema-form-text-item">
+              {text}
+            </div>
+          ))}
+        </div>
+      );
+    }
+
+    return (
+      <div className="agent-schema-form-error">
+        <img width={200} src={SCREENSHOT_ERROR_IMAGE} alt="\u622A\u56FE\u52A0\u8F7D\u5931\u8D25" />
+        <div
+          className="agent-schema-form-error-tip"
+          style={{ width: '200px', textAlign: 'center', marginTop: '10px' }}
+        >
+          \u5206\u4EAB\u5185\u5BB9\u65E0\u6CD5\u6B63\u5E38\u52A0\u8F7D
+        </div>
+      </div>
+    );
+  };
+
+  // \u60C5\u51B51: screenshot \u548C extractedTexts \u90FD\u4E3A\u7A7A - \u663E\u793A\u9519\u8BEF\u5360\u4F4D\u56FE
+  if (!fileKey && (!extractedTexts || extractedTexts.length === 0)) {
+    return (
+      <div className="agent-schema-form-screenshot-container agent-schema-form-error">
+        <img width={250} src={SCREENSHOT_ERROR_IMAGE} alt="\u622A\u56FE\u5931\u8D25" />
+        <div className="agent-schema-form-error-tip">\u5206\u4EAB\u51FA\u4E86\u95EE\u9898\uFF0C\u8BF7\u8054\u7CFB\u5206\u4EAB\u4EBA\u91CD\u65B0\u751F\u6210</div>
+      </div>
+    );
+  }
+
+  // \u60C5\u51B52: screenshot \u4E0D\u5B58\u5728\u4F46 extractedTexts \u5B58\u5728 - \u663E\u793A\u7EAF\u6587\u5B57\u7248\u672C
+  if (!fileKey && extractedTexts && extractedTexts.length > 0) {
+    return (
+      <div className="agent-schema-form-text-container">
+        {extractedTexts.map((text, index) => (
+          <div key={index} className="agent-schema-form-text-item">
+            {text}
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  // \u60C5\u51B53: screenshot \u548C extractedTexts \u90FD\u5B58\u5728 - \u663E\u793A\u622A\u56FE + \u590D\u5236\u6587\u672C icon
+  if (fileKey && extractedTexts && extractedTexts.length > 0) {
+    const fullText = extractedTexts.join('\\n');
+    return (
+      <div className="agent-schema-form-screenshot-container">
+        {imageLoading && <div style={{ textAlign: 'center', padding: '20px' }}>\u52A0\u8F7D\u4E2D...</div>}
+        {imageError && renderImageError()}
+        {!imageLoading && !imageError && imageUrl && (
+          <img width="100%" src={imageUrl} alt="Screenshot" onError={() => setImageError(true)} />
+        )}
+        {!imageError && !imageLoading && (
+          <div className="agent-schema-form-copy-text-wrapper">
+            <Tooltip title="\u590D\u5236\u6587\u672C">
+              <div
+                className="agent-schema-form-copy-icon"
+                onClick={() => setTextModalVisible(true)}
+              >
+                <CSECustomIcon type="iconfuzhi7" size="small" />
+              </div>
+            </Tooltip>
+          </div>
+        )}
+        <Modal
+          title="\u6587\u672C\u5185\u5BB9"
+          open={textModalVisible}
+          onCancel={() => setTextModalVisible(false)}
+          footer={[
+            <Button
+              key="copy"
+              type="primary"
+              onClick={() => {
+                handleCopyText(fullText);
+              }}
+            >
+              \u590D\u5236\u5168\u90E8
+            </Button>,
+            <Button key="close" onClick={() => setTextModalVisible(false)}>
+              \u5173\u95ED
+            </Button>,
+          ]}
+          width={600}
+        >
+          <div
+            className="agent-schema-form-text-modal-content"
+            onMouseUp={() => {
+              const selection = window.getSelection();
+              if (selection && selection.toString()) {
+                const selectedText = selection.toString();
+                navigator.clipboard.writeText(selectedText).then(() => {
+                  message.success('\u5DF2\u590D\u5236\u9009\u4E2D\u6587\u672C');
+                });
+              }
+            }}
+          >
+            {extractedTexts.map((text, index) => (
+              <div key={index} className="agent-schema-form-text-item">
+                {text}
+              </div>
+            ))}
+          </div>
+        </Modal>
+      </div>
+    );
+  }
+
+  // \u60C5\u51B54: \u53EA\u6709 screenshot\uFF0C\u6CA1\u6709 extractedTexts - \u4EC5\u663E\u793A\u622A\u56FE
+  if (fileKey) {
+    return (
+      <div className="agent-schema-form-screenshot-container">
+        {imageLoading && <div style={{ textAlign: 'center', padding: '20px' }}>\u52A0\u8F7D\u4E2D...</div>}
+        {imageError && renderImageError()}
+        {!imageLoading && !imageError && imageUrl && (
+          <img width="100%" src={imageUrl} alt="Screenshot" onError={() => setImageError(true)} />
+        )}
+      </div>
+    );
+  }
+
+  return null;
+};
+
+export default ScreenshotView;
+`},32669:function(t,e){e.Z=`import type { IChatCardBaseProps } from '../../interface/IChatCard';
+
+// \u8868\u5355\u72B6\u6001
+export const enum FORM_EDITABLE {
+  DISABLED = 0, // \u7981\u7528
+  EDITABLE = 1, // \u7F16\u8F91
+  READPRETTY = 2, // \u6587\u672C\u5C55\u793A
+  READONLY = 3, // \u53EA\u8BFB
+}
+
+export const PATTERN = {
+  0: 'disabled',
+  1: 'editable',
+  2: 'readPretty',
+  3: 'readOnly',
+};
+
+export interface IBaseAgentSchemaFormProps extends IChatCardBaseProps {
+  agentId?: string;
+  cardId?: string;
+  cardSchema?: any;
+  values?: any;
+  editable?: FORM_EDITABLE;
+  // schema\u914D\u7F6E\u5C5E\u6027
+  submitConfig?: {
+    visible?: boolean;
+    url?: string;
+    text?: string;
+    style?: any;
+  };
+  status?: any;
+}
+export interface AgentSchemaFormProps extends IBaseAgentSchemaFormProps {
+  // \u524D\u7AEF\u914D\u7F6E\u5C5E\u6027
+  onSubmitConfig?: {
+    url?: string;
+    text?: string;
+    style?: any;
+    // \u63D0\u4EA4\u8868\u5355\u56DE\u8C03
+    onSubmit?: (v: any, enableSubmit?: () => void) => void;
+  };
+  formComponentMap?: any;
+  MemoryMicroComponent?: any;
+}
+`},32772:function(t,e){e.Z=`/**
+ * @author linhuiw\u3001\u6D1B\u8428
+ * @description AgentSchemaForm \u6E32\u67D3\u8868\u5355
+ */
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { ButtonGroup, SchemaForm } from '@alife/magic-pro';
+import AssistentError from '../../AssistantChat/AssistentError';
+import ErrorBoundary from '../../ErrorBoundary';
+import { JsonParse, JsonStringify } from '../../utils/formatData';
+import { formDataFormat } from '../../utils/formDataFormat';
+import { AesCustomLogEventEnum } from '../../utils/log';
+import AgentCardSubmit from '../AgentCardSubmit';
+import AgentText from '../AgentText';
+import PaulButtonGroup from '../PaulButtonGroup';
+import { PATTERN } from './_interface';
+import type { AgentSchemaFormProps } from './_interface';
+import ScreenshotView from './ScreenshotView';
+import './index.scss';
+
+const AgentSchemaForm = (props: AgentSchemaFormProps) => {
+  const {
+    bizId,
+    bizDomain,
+    agentId,
+    cardId,
+    cardSchema,
+    values,
+    submitConfig,
+    editable,
+    onSubmitConfig,
+    formComponentMap,
+    MemoryMicroComponent,
+    ctx,
+  } = props || {};
+  const { commonLog } = props?.ctx || {};
+
+  const [schema, setSchema] = useState<any>();
+  const [formValues, setFormValues] = useState<any>(values);
+
+  const { imageUrl, fileKey, extractedTexts, needScreenshot } = cardSchema;
+
+  // \u83B7\u53D6\u8868\u5355\u7684\u5361\u7247\u5E03\u5C40\u7684 UI \u5F62\u6001
+  // const cardSchema = {
+  //   "properties": {
+  //   // key \u503C\u4E0D\u786E\u5B9A\uFF0C\u53EF\u80FD\u662F wut277nnzai \u4E5F\u53EF\u80FD\u662F\u5176\u4ED6\u503C
+  //     "wut277nnzai": {
+  //       "x-pattern": "readOnly" || "editable" || "disabled" || "readPretty"
+  //     }
+  //   }
+  // }
+  const cardSchemaPattern = useMemo(() => {
+    const properties = cardSchema?.['properties'];
+    if (!properties) return undefined;
+
+    // \u52A8\u6001\u83B7\u53D6\u7B2C\u4E00\u4E2A\u5C5E\u6027\u7684key\uFF0C\u800C\u4E0D\u662F\u5199\u6B7B 'wut277nnzai'
+    const firstPropertyKey = Object.keys(properties)[0];
+    return firstPropertyKey ? properties[firstPropertyKey]?.['x-pattern'] : undefined;
+  }, [cardSchema]);
+
+  const pattern: any = PATTERN[editable] || cardSchemaPattern || 'editable';
+
+  useEffect(() => {
+    if (cardSchema) {
+      const formatSchema = JsonParse(cardSchema);
+      setSchema(formatSchema);
+    } else if (cardId) {
+      fetch(\`https://query.aliyun.com/rest/card_market.getCard?id=\${cardId}\`, {
+        method: 'GET',
+      })
+        .then((response) => response.json())
+        .then((res) => {
+          if (res.success) {
+            setSchema(res?.data?.schema);
+          }
+        });
+    }
+  }, [cardId, JsonStringify(cardSchema)]);
+
+  useEffect(() => {
+    setFormValues(values);
+  }, [values]);
+
+  const getFormValues = useCallback(() => {
+    return formValues || values;
+  }, [formValues, values]);
+
+  const PaulButtonGroupCallback = useCallback(
+    (schemaProps) => (
+      <PaulButtonGroup
+        submitConfig={submitConfig}
+        onSubmitConfig={onSubmitConfig}
+        {...schemaProps}
+        bizId={bizId}
+        bizDomain={bizDomain}
+        agentId={agentId}
+        ctx={props?.ctx}
+        getFormValues={getFormValues}
+      />
+    ),
+    [bizId, bizDomain, agentId, getFormValues, JsonStringify(props?.ctx?.meta?.originData)],
+  );
+  const AgentCardSubmitCallback = useCallback(
+    (schemaProps) => (
+      <AgentCardSubmit
+        submitConfig={submitConfig}
+        onSubmitConfig={onSubmitConfig}
+        {...schemaProps}
+        bizId={bizId}
+        bizDomain={bizDomain}
+        agentId={agentId}
+        ctx={props?.ctx}
+      />
+    ),
+    [
+      bizId,
+      bizDomain,
+      agentId,
+      JsonStringify(submitConfig),
+      JsonStringify(onSubmitConfig),
+      JsonStringify(props?.ctx?.meta?.originData),
+    ],
+  );
+  const MemoryMicroComponentCallback = useCallback(
+    (schemaProps) => (
+      <MemoryMicroComponent
+        {...schemaProps}
+        bizId={bizId}
+        bizDomain={bizDomain}
+        agentId={agentId}
+        ctx={props?.ctx}
+      />
+    ),
+    [bizId, bizDomain, agentId, JsonStringify(props?.ctx?.meta?.originData)],
+  );
+
+  return (
+    <ErrorBoundary
+      errorMessage="\u8868\u5355\u6E32\u67D3\u5F02\u5E38\uFF0C\u7D27\u6025\u95EE\u9898\u8BF7\u8054\u7CFB\u5E73\u53F0\u8D1F\u8D23\u4EBA"
+      Fallback={AssistentError}
+      onLog={(error) => {
+        commonLog?.({
+          eventName: AesCustomLogEventEnum.CARD_RENDER_ERROR,
+          subEventName: 'AgentSchemaForm',
+          dataJson: error?.message,
+        });
+      }}
+    >
+      {needScreenshot ? (
+        <ScreenshotView fileKey={fileKey} extractedTexts={extractedTexts} />
+      ) : (
+        <div className={\`agent-schema-form-container\`}>
+          {schema && (
+            <SchemaForm
+              key={\`\${JsonStringify(schema)}-\${JsonStringify(values)}-\${pattern}\`}
+              pattern={pattern}
+              onChange={(data: any) => {
+                setFormValues(data);
+              }}
+              components={{
+                Text: AgentText,
+                PaulButtonGroup: PaulButtonGroupCallback,
+                Submit: AgentCardSubmitCallback,
+                MemoryMicroComponent: MemoryMicroComponentCallback,
+                // \u65B0\u589E\u7EC4\u4EF6\u6CE8\u5165\u903B\u8F91
+                ...(formComponentMap &&
+                  Object.entries(formComponentMap).reduce((acc, [key, Component]: any) => {
+                    acc[key] = (schemaProps: any) => (
+                      <Component
+                        {...schemaProps}
+                        bizId={bizId}
+                        bizDomain={bizDomain}
+                        agentId={agentId}
+                        editable={editable}
+                        ctx={props?.ctx}
+                      />
+                    );
+                    return acc;
+                  }, {} as Record<string, React.ComponentType<any>>)),
+              }}
+              schema={schema}
+              value={values}
+              effects={($, { setFieldState }) => {
+                formDataFormat($, { setFieldState });
+              }}
+              expressionScope={{
+                $agentId: agentId,
+              }}
+            >
+              {submitConfig?.visible && (
+                // @ts-ignore
+                <ButtonGroup className="agent-schema-form-submit-button">
+                  <AgentCardSubmit
+                    bizId={bizId}
+                    bizDomain={bizDomain}
+                    agentId={agentId}
+                    ctx={props?.ctx}
+                    submitConfig={submitConfig}
+                    onSubmitConfig={onSubmitConfig}
+                  />
+                </ButtonGroup>
+              )}
+            </SchemaForm>
+          )}
+        </div>
+      )}
+    </ErrorBoundary>
+  );
+};
+
+export default AgentSchemaForm;
+`},33810:function(t,e){e.Z=`import React from 'react';
+import './index.scss';
+
+const AgentText = (props) => {
+  return <div className="agent-tool-form-Agent-container">{props?.value}</div>;
+};
+
+export default AgentText;
+`},77526:function(t,e){e.Z=`.assist-chat-markdown-content {
+  position: relative;
+  overflow: auto;
+  line-height: 1.8;
+
+  table {
+    display: table;
+    border: unset !important;
+    padding: unset !important;
+    border-collapse: separate; // \u9700\u8981\u8BBE\u7F6E\u4E3A separate \u624D\u80FD\u5E94\u7528\u5706\u89D2
+    border-spacing: 0; // \u79FB\u9664\u5355\u5143\u683C\u95F4\u8DDD
+    border-radius: 8px; // \u4E3A\u6574\u4E2A\u8868\u683C\u8BBE\u7F6E\u5706\u89D2
+    overflow: hidden; // \u786E\u4FDD\u5706\u89D2\u6548\u679C\u53EF\u89C1
+
+    thead tr {
+      background: #f5f5f5;
+
+      th {
+        font-weight: 500;
+        font-size: 12px;
+        color: #474a52;
+        line-height: 18px;
+        padding: 9px 16px;
+
+        // \u4E3A\u8868\u5934\u5355\u5143\u683C\u8BBE\u7F6E\u5706\u89D2
+        &:first-child {
+          border-top-left-radius: 8px;
+        }
+
+        &:last-child {
+          border-top-right-radius: 8px;
+        }
+      }
+    }
+
+    tbody tr {
+      // \u4E3A\u6700\u540E\u4E00\u884C\u7684\u5355\u5143\u683C\u8BBE\u7F6E\u5E95\u90E8\u5706\u89D2
+      &:last-child {
+        td:first-child {
+          border-bottom-left-radius: 8px;
+        }
+
+        td:last-child {
+          border-bottom-right-radius: 8px;
+        }
+      }
+
+      td {
+        border-top: none;
+        font-weight: 400;
+        font-size: 12px;
+        color: #474a52;
+        line-height: 20px;
+        padding: 10px 16px;
+      }
+    }
+
+    tr,
+    td,
+    th {
+      border: 1px solid #e6e8eb;
+    }
+
+    thead tr th,
+    tbody tr td {
+      &:not(:first-child) {
+        border-left: none;
+      }
+    }
+
+    // \u786E\u4FDD\u6700\u540E\u4E00\u884C\u6709\u5E95\u90E8\u8FB9\u6846
+    tbody:last-child tr:last-child td {
+      border-bottom: 1px solid #e6e8eb;
+    }
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  b,
+  strong {
+    color: #1f2024;
+  }
+
+  h1 {
+    font-size: 24px;
+  }
+
+  h2 {
+    font-size: 20px;
+  }
+
+  h3 {
+    font-size: 18px;
+  }
+
+  h4 {
+    font-size: 16px;
+  }
+
+  h5,
+  h6 {
+    font-size: 14px;
+  }
+
+  ol {
+    padding-left: 20px;
+  }
+
+  blockquote {
+    margin: 0 0 1em;
+  }
+
+  li {
+    padding-left: 0;
+    margin: 4px 0;
+  }
+
+  hr {
+    background: #e6e8eb;
+    height: 1px;
+    border: none;
+    margin: 14px 0;
+  }
+
+  // Mermaid \u56FE\u8868\u6837\u5F0F
+  .mermaid-wrapper {
+    margin: 16px 0;
+    text-align: center;
+    background: transparent;
+
+    svg {
+      max-width: 100%;
+      height: auto;
+      display: inline-block;
+    }
+  }
+
+  // LaTeX \u4EE3\u7801\u5757\u6837\u5F0F\uFF08\`\`\`latex \u683C\u5F0F\uFF09
+  .latex-wrapper {
+    margin: 0;
+    padding: 0;
+    background: transparent;
+    text-align: center;
+    overflow-x: auto;
+
+    .katex {
+      font-size: 1.1em;
+    }
+  }
+
+  // \u79FB\u9664 LaTeX \u4EE3\u7801\u5757\u7236\u7EA7 pre \u6807\u7B7E\u7684 border \u548C\u80CC\u666F
+  pre:has(.latex-wrapper) {
+    border: none !important;
+    background: transparent !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+
+  // LaTeX \u516C\u5F0F\u6837\u5F0F\uFF08$...$ \u548C $$...$$ \u683C\u5F0F\uFF09
+  .katex-display {
+    margin: 16px 0;
+    overflow: auto hidden;
+
+    > .katex {
+      text-align: center;
+    }
+  }
+
+  .katex {
+    font-size: 1.1em;
+  }
+
+  // \u884C\u5185\u516C\u5F0F\u6837\u5F0F\u4F18\u5316
+  p .katex {
+    font-size: 1em;
+  }
+}
+`},12485:function(t,e){e.Z=`import React, { useEffect, useRef } from 'react';
+import { previewImg } from '@alife/goc-utils';
+import type { MarkDownProps } from '@alife/magic-chat-ui';
+import { MarkDown } from '@alife/magic-chat-ui';
+import katex from 'katex';
+import mermaid from 'mermaid';
+import rehypeHighlight from 'rehype-highlight';
+import rehypeKatex from 'rehype-katex';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import 'katex/dist/katex.min.css';
+import './index.scss';
+
+export interface IProps extends MarkDownProps {
+  logKey?: string;
+  logParams?: Record<string, any>;
+  [key: string]: any;
+}
+
+// LaTeX \u6E32\u67D3\u7EC4\u4EF6
+const LatexBlock = ({ children }: { children: string }) => {
+  const ref = useRef<HTMLDivElement>(null);
+  const [html, setHtml] = React.useState<string>('');
+
+  useEffect(() => {
+    try {
+      const trimmedContent = String(children).trim();
+
+      // \u4F7F\u7528 KaTeX \u6E32\u67D3 LaTeX \u516C\u5F0F\uFF08\u5757\u7EA7\u663E\u793A\uFF09
+      const renderedHtml = katex.renderToString(trimmedContent, {
+        displayMode: true, // \u5757\u7EA7\u663E\u793A
+        throwOnError: false, // \u9047\u5230\u9519\u8BEF\u4E0D\u629B\u51FA\u5F02\u5E38
+        output: 'html',
+      });
+
+      setHtml(renderedHtml);
+    } catch (error) {
+      console.error('[LatexBlock] \u6E32\u67D3\u5931\u8D25:', error);
+      setHtml(\`<div class="latex-error">LaTeX \u6E32\u67D3\u9519\u8BEF: \${error}</div>\`);
+    }
+  }, [children]);
+
+  return <div ref={ref} className="latex-wrapper" dangerouslySetInnerHTML={{ __html: html }} />;
+};
+
+// Mermaid \u6E32\u67D3\u7EC4\u4EF6
+const MermaidBlock = ({ children }: { children: string }) => {
+  const ref = useRef<HTMLDivElement>(null);
+  const [svg, setSvg] = React.useState<string>('');
+  const renderTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null); // \u9632\u6296\u5B9A\u65F6\u5668
+  const lastSuccessContentRef = useRef<string>(''); // \u4E0A\u6B21\u6210\u529F\u6E32\u67D3\u7684\u5185\u5BB9
+
+  useEffect(() => {
+    const trimmedContent = String(children).trim();
+
+    // \u6E05\u9664\u4E4B\u524D\u7684\u5B9A\u65F6\u5668
+    if (renderTimerRef.current) {
+      clearTimeout(renderTimerRef.current);
+    }
+
+    // \u9632\u6296\uFF1A\u5EF6\u8FDF\u6E32\u67D3\uFF0C\u907F\u514D\u6D41\u5F0F\u8F93\u51FA\u65F6\u7684\u9891\u7E41\u6E32\u67D3
+    // \u5982\u679C\u5185\u5BB9\u8FD8\u5728\u5FEB\u901F\u53D8\u5316\u4E2D\uFF08\u6D41\u5F0F\u8F93\u51FA\uFF09\uFF0C\u7B49\u5F85 300ms \u540E\u518D\u6E32\u67D3
+    renderTimerRef.current = setTimeout(() => {
+      const renderMermaid = async () => {
+        try {
+          mermaid.initialize({
+            startOnLoad: false,
+            theme: 'default',
+            securityLevel: 'loose',
+            suppressErrorRendering: true, // \u963B\u6B62 mermaid \u5728 DOM \u4E2D\u63D2\u5165\u9519\u8BEF SVG
+            fontFamily: 'inherit', // \u7EE7\u627F\u7236\u5143\u7D20\u5B57\u4F53
+            logLevel: 'error', // \u53EA\u8F93\u51FA\u9519\u8BEF\u65E5\u5FD7\uFF0C\u51CF\u5C11\u63A7\u5236\u53F0\u566A\u97F3
+          });
+
+          const id = \`mermaid-\${Date.now()}-\${Math.random().toString().replace('.', '')}\`;
+
+          const { svg: renderedSvg, bindFunctions } = await mermaid.render(id, trimmedContent);
+
+          // \u6E32\u67D3\u6210\u529F\uFF1A\u66F4\u65B0 SVG \u548C\u6210\u529F\u5185\u5BB9\u8BB0\u5F55
+          setSvg(renderedSvg);
+          lastSuccessContentRef.current = trimmedContent;
+
+          // \u7ED1\u5B9A\u4EA4\u4E92\u529F\u80FD\uFF08\u5982\u70B9\u51FB\u4E8B\u4EF6\u3001\u5DE5\u5177\u63D0\u793A\u7B49\uFF09
+          if (bindFunctions && ref.current) {
+            try {
+              bindFunctions(ref.current);
+            } catch (bindError) {
+              console.warn('[MermaidBlock] \u7ED1\u5B9A\u4EA4\u4E92\u529F\u80FD\u5931\u8D25:', bindError);
+            }
+          }
+        } catch (err) {
+          // \u6E32\u67D3\u5F02\u5E38\uFF1A\u4FDD\u6301\u4E4B\u524D\u6210\u529F\u7684\u6E32\u67D3\u7ED3\u679C
+          console.warn('[MermaidBlock] \u6E32\u67D3\u5931\u8D25\uFF08\u53EF\u80FD\u662F\u6D41\u5F0F\u8F93\u51FA\u4E2D\uFF09\uFF0C\u4FDD\u6301\u4E4B\u524D\u7684\u6E32\u67D3\u7ED3\u679C:', err);
+          // \u4E0D\u8C03\u7528 setSvg('')\uFF0C\u4FDD\u6301\u4E4B\u524D\u7684\u6E32\u67D3\u7ED3\u679C
+        }
+      };
+
+      renderMermaid();
+    }, 100); // 100ms \u9632\u6296\u5EF6\u8FDF
+
+    // \u6E05\u7406\u51FD\u6570\uFF1A\u6E05\u9664\u9632\u6296\u5B9A\u65F6\u5668
+    return () => {
+      if (renderTimerRef.current) {
+        clearTimeout(renderTimerRef.current);
+      }
+    };
+  }, [children]);
+
+  // \u53EA\u5728\u6709\u6709\u6548 SVG \u5185\u5BB9\u65F6\u624D\u6E32\u67D3
+  if (!svg) {
+    return null;
+  }
+
+  return <div ref={ref} className="mermaid-wrapper" dangerouslySetInnerHTML={{ __html: svg }} />;
+};
+
+// \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u7EC4\u4EF6
+const CodeBlock = ({ inline, className, children, ...props }: any) => {
+  const match = /language-(\\w+)/.exec(className || '');
+  const language = match ? match[1] : '';
+
+  // \u6E32\u67D3 LaTeX \u516C\u5F0F\u5757
+  if (language === 'latex' && !inline) {
+    return <LatexBlock>{children}</LatexBlock>;
+  }
+
+  // \u6E32\u67D3 Mermaid \u56FE\u8868
+  if (language === 'mermaid' && !inline) {
+    return <MermaidBlock>{children}</MermaidBlock>;
+  }
+
+  // \u666E\u901A\u4EE3\u7801\u5757\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u6E32\u67D3
+  return (
+    <code className={className} {...props}>
+      {children}
+    </code>
+  );
+};
+
+export default ({ data, linkTarget = '_blank', className = '', ...otherProps }: IProps) => {
+  // \u4ECE otherProps \u4E2D\u63D0\u53D6\u5E76\u6392\u9664\u5DF2\u5904\u7406\u7684 props
+  const {
+    remarkPlugins: extraRemarkPlugins,
+    rehypePlugins: extraRehypePlugins,
+    components: extraComponents,
+    ...restProps
+  } = otherProps;
+
+  const finalRemarkPlugins = [
+    [remarkGfm, { singleTilde: false }] as any, // \u7EE7\u627F\u9ED8\u8BA4\uFF1AGitHub Flavored Markdown
+    remarkMath as any, // \u65B0\u589E\uFF1ALaTeX \u6570\u5B66\u516C\u5F0F\u89E3\u6790
+    ...(extraRemarkPlugins || []),
+  ];
+
+  const finalRehypePlugins = [
+    [rehypeHighlight, { ignoreMissing: true, detect: true }] as any, // \u7EE7\u627F\u9ED8\u8BA4\uFF1A\u4EE3\u7801\u9AD8\u4EAE
+    rehypeRaw as any, // \u7EE7\u627F\u9ED8\u8BA4\uFF1A\u652F\u6301 HTML
+    rehypeKatex as any, // \u65B0\u589E\uFF1ALaTeX \u516C\u5F0F\u6E32\u67D3
+    ...(extraRehypePlugins || []),
+  ];
+
+  const finalComponents = {
+    code: CodeBlock, // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\uFF0C\u652F\u6301 Mermaid
+    ...(extraComponents || {}),
+  };
+
+  return (
+    <MarkDown
+      hasOptions
+      previewImg={previewImg}
+      linkTarget={linkTarget}
+      transformLinkUri={(url) => url}
+      className={\`assist-chat-markdown-content \${className}\`}
+      remarkPlugins={finalRemarkPlugins}
+      rehypePlugins={finalRehypePlugins}
+      components={finalComponents}
+      {...restProps}
+    >
+      {data}
+    </MarkDown>
+  );
+};
+`},66507:function(t,e){e.Z=`import React, { useState } from 'react';
+import { Select } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { useDebounceFn } from 'ahooks';
+import { get } from 'lodash';
+
+export default (props: any) => {
+  const { value, onChange, apiConfig, fieldMapping, ...restProps } = props;
+
+  const [loading, setLoading] = useState(false);
+  const [options, setOptions] = useState([]);
+
+  const fetchOptions = async (searchText: string) => {
+    if (!searchText) {
+      setOptions([]);
+      return;
+    }
+    setLoading(true);
+
+    try {
+      // 1. \u6784\u9020\u52A8\u6001\u641C\u7D22\u53C2\u6570
+      let dynamicSearchParam = {};
+      const { searchParamKey } = apiConfig;
+      if (typeof searchParamKey === 'object' && searchParamKey !== null) {
+        // \u5982\u679C\u662F\u5BF9\u8C61\u7C7B\u578B
+        const keyName = searchParamKey.name;
+        const val = searchParamKey.wrapAs === 'array' ? [searchText] : searchText;
+        dynamicSearchParam = { [keyName]: val };
+      } else if (typeof searchParamKey === 'string') {
+        // \u5982\u679C\u662F\u5B57\u7B26\u4E32\u7C7B\u578B
+        dynamicSearchParam = { [searchParamKey]: searchText };
+      }
+      // 1.1 \u5408\u5E76\u9759\u6001\u53C2\u6570\u548C\u52A8\u6001\u53C2\u6570
+      const params = { ...apiConfig.extraParams, ...dynamicSearchParam };
+
+      // 2. \u53D1\u8D77\u8BF7\u6C42
+      const response = await customRequest({
+        url: apiConfig.url,
+        method: apiConfig.method || 'GET',
+        query: params,
+      });
+
+      // 3. \u89E3\u6790\u6570\u636E
+      const userList = get(response, fieldMapping.dataPath, []);
+      const formattedOptions: any = userList.map((user) => ({
+        value: user[fieldMapping.valueField],
+        label: user[fieldMapping.labelField],
+      }));
+      setOptions(formattedOptions);
+    } catch (error) {
+      console.error('Failed to fetch options:', error);
+      setOptions([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const { run: debouncedFetchUsers } = useDebounceFn(fetchOptions, { wait: 500 });
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      onSearch={debouncedFetchUsers}
+      showSearch
+      filterOption={false}
+      {...restProps}
+    />
+  );
+};
+`},30725:function(t,e){e.Z=`.paul-button-group-modal {
+
+  .ant-modal-header {
+    border-bottom: 0;
+  }
+
+  .ant-modal-footer {
+    border-top: 0;
+  }
+
+  .ant-modal-body {
+    padding: 0 12px;
+  }
+
+  .ant-form-item {
+    margin-bottom: 12px;
+  }
+
+}
+`},16913:function(t,e){e.Z=`/**
+ * @author linhuiw\u3001\u6D1B\u8428
+ * @description \u6309\u94AE\u7EC4\u7EC4\u4EF6
+ * value: { {configId: 29, opType: 'createSubmit'}, title: "\u63D0\u4EA4" }
+ */
+import React, { useCallback, useMemo, useState } from 'react';
+import { Button, Form, Input, Modal, Space } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { REQUEST_SUCCESS_CODE } from '../../constants/common';
+import Select from './Select';
+import './index.scss';
+
+// \u7EC4\u4EF6\u6620\u5C04\u8868\uFF0C\u7528\u4E8E\u6839\u636E schema \u7684 component \u5B57\u7B26\u4E32\u52A8\u6001\u6E32\u67D3\u7EC4\u4EF6
+const componentMap: { [key: string]: React.ComponentType<any> } = {
+  'Input.TextArea': Input.TextArea,
+  Selector: Select,
+  // \u672A\u6765\u53EF\u4EE5\u6269\u5C55\u66F4\u591A\u81EA\u5B9A\u4E49\u8868\u5355\u7EC4\u4EF6
+};
+
+/**
+ * \u52A8\u6001\u6E32\u67D3\u8868\u5355\u9879
+ * @param fieldSchema - \u5355\u4E2A\u5B57\u6BB5\u7684 schema
+ */
+const renderFormItem = (fieldSchema: any) => {
+  const { name, label, component, componentProps, rules } = fieldSchema;
+  const FormComponent = componentMap[component];
+
+  if (!FormComponent) {
+    console.error(\`Component not found for type: \${component}\`);
+    return null;
+  }
+
+  return (
+    <Form.Item key={name} name={name} label={label} rules={rules}>
+      <FormComponent {...componentProps} />
+    </Form.Item>
+  );
+};
+
+// \u4E3A props \u5B9A\u4E49\u4E00\u4E2A\u66F4\u6E05\u6670\u7684\u63A5\u53E3
+interface PaulButtonGroupProps {
+  buttonGroupConfig: any[]; // ButtonGroup \u7684Schema\u7684\u914D\u7F6E
+  enterParamsConfig: any; // \u5165\u53C2\u89E3\u6790\u7684Schema\u914D\u7F6E
+  offset?: number;
+  getFormValues: any;
+  // \u53EF\u4EE5\u4ECE x-component-props \u7EE7\u627F\u5176\u4ED6\u5C5E\u6027
+  [key: string]: any;
+}
+
+export default (props: PaulButtonGroupProps) => {
+  const {
+    bizId,
+    value, // \u540E\u7AEF\u524D\u7F6E\u6B65\u9AA4\u5165\u53C2
+    buttonGroupConfig = [], // \u4ECE props \u83B7\u53D6\u6309\u94AE\u914D\u7F6E\uFF0C\u5E76\u63D0\u4F9B\u9ED8\u8BA4\u7A7A\u6570\u7EC4
+    enterParamsConfig = {}, // \u5165\u53C2\u914D\u7F6E
+    onSubmitConfig,
+  } = props;
+
+  const { dialogId } = props?.ctx?.meta?.originData || {};
+
+  const [modalVisible, setModalVisible] = useState(false);
+  const [currentButtonConfig, setCurrentButtonConfig] = useState<any>(null);
+  const [currentParams, setCurrentParams] = useState<any>(null);
+  const [submitDisabled, setSubmitDisabled] = useState<boolean>(false);
+
+  const [form] = Form.useForm();
+
+  const onSubmitDefault = useCallback(
+    (inputForm) => {
+      const data = {
+        subjectId: bizId,
+        dialogId: dialogId,
+        formData: inputForm,
+      };
+      const url = '/cognipilot/api/assistant/chat';
+      customRequest({
+        method: 'POST',
+        url,
+        query: data,
+      })
+        .then((res: any) => {
+          if (res?.code !== REQUEST_SUCCESS_CODE) {
+            // \u8868\u5355\u63D0\u4EA4\u5931\u8D25
+          }
+        })
+        .catch(() => {
+          // \u8868\u5355\u63D0\u4EA4\u5931\u8D25
+        })
+        .finally(() => {
+          setSubmitDisabled(false);
+        });
+    },
+    [bizId, dialogId],
+  );
+
+  // \u5904\u7406\u8868\u5355\u63D0\u4EA4
+  const onSubmit = useCallback(
+    async (formValues) => {
+      setSubmitDisabled(true);
+      if (typeof onSubmitConfig?.onSubmit === 'function') {
+        onSubmitConfig?.onSubmit(formValues, () => setSubmitDisabled(false));
+      } else {
+        onSubmitDefault(formValues);
+      }
+    },
+    [onSubmitDefault, onSubmitConfig],
+  );
+
+  // \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u6838\u5FC3\u5904\u7406\u903B\u8F91
+  const handleButtonClick = useCallback(
+    (buttonConfig: any, params: any) => {
+      setCurrentParams(params);
+
+      if (buttonConfig?.opType === 'createSubmit') {
+        const values = props.getFormValues();
+
+        onSubmit({ ...params, ...values });
+      } else if (buttonConfig.onClickAction) {
+        // \u5982\u679C\u6709 action\uFF0C\u5219\u8BBE\u7F6E\u5F53\u524D\u914D\u7F6E\u5E76\u663E\u793A\u5F39\u7A97
+        setCurrentButtonConfig(buttonConfig);
+        setModalVisible(true);
+      } else {
+        // \u5426\u5219\uFF0C\u76F4\u63A5\u63D0\u4EA4
+        onSubmit(params);
+      }
+    },
+    [onSubmit],
+  );
+
+  // \u5904\u7406\u5F39\u7A97\u786E\u8BA4\u4E8B\u4EF6
+  const handleOk = () => {
+    form
+      .validateFields()
+      .then((vals) => {
+        onSubmit({ ...currentParams, ...vals });
+        form.resetFields();
+        setModalVisible(false);
+        setCurrentButtonConfig(null);
+        setCurrentParams(null);
+      })
+      .catch(() => {
+        // \u8868\u5355\u6821\u9A8C\u5931\u8D25
+      });
+  };
+
+  // \u5904\u7406\u5F39\u7A97\u53D6\u6D88\u4E8B\u4EF6
+  const handleCancel = () => {
+    form.resetFields();
+    setModalVisible(false);
+    setCurrentButtonConfig(null);
+  };
+
+  // \u4F7F\u7528 useMemo \u6E32\u67D3\u6309\u94AE\u7EC4\uFF0C\u4EE5\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u91CD\u6E32\u67D3
+  const btns = useMemo(() => {
+    return (Array.isArray(value) ? value : [])
+      .map((btn: any) => {
+        let btnConfig: any = null;
+        if (btn?.useFrontConfig) {
+          btnConfig = buttonGroupConfig.find(
+            (item) => item.opType === btn?.[enterParamsConfig.path]?.opType,
+          );
+        } else if (btn?.submitParams) {
+          btnConfig = {
+            title: btn?.title,
+            ...btn?.submitParams,
+            'x-component-props': btn?.['x-component-props'] || {},
+          };
+        } else {
+          btnConfig = buttonGroupConfig.find(
+            (item) => item.opType === btn?.[enterParamsConfig.path]?.opType,
+          );
+        }
+
+        return (
+          btnConfig && (
+            <Button
+              key={btnConfig.opType}
+              onClick={() =>
+                handleButtonClick(btnConfig, btn?.[enterParamsConfig.path || 'submitParams'])
+              }
+              disabled={submitDisabled}
+              {...btnConfig?.['x-component-props']}
+            >
+              {btnConfig.title}
+            </Button>
+          )
+        );
+      })
+      .filter(Boolean);
+  }, [buttonGroupConfig, value, enterParamsConfig, submitDisabled, handleButtonClick]); // \u4F9D\u8D56\u9879\u662F buttonGroupConfig \u6570\u7EC4
+
+  const actionSchema = currentButtonConfig?.onClickAction;
+
+  return (
+    <>
+      <Space>{btns}</Space>
+
+      {/* \u4EC5\u5728 actionSchema \u5B58\u5728\u65F6\u6E32\u67D3 Modal\uFF0C\u786E\u4FDD\u5176\u5185\u5BB9\u662F\u6700\u65B0\u7684 */}
+      {actionSchema && (
+        <Modal
+          wrapClassName="paul-button-group-modal"
+          title={actionSchema.modalProps?.title || '\u64CD\u4F5C\u786E\u8BA4'}
+          open={modalVisible}
+          onOk={handleOk}
+          onCancel={handleCancel}
+          okText={actionSchema.modalProps?.okText || '\u786E\u5B9A'}
+          cancelText={actionSchema.modalProps?.cancelText || '\u53D6\u6D88'}
+          destroyOnClose // \u5173\u95ED\u65F6\u9500\u6BC1\u5185\u90E8\u7EC4\u4EF6\uFF0C\u907F\u514D\u72B6\u6001\u6B8B\u7559
+        >
+          <Form form={form} layout="vertical">
+            {Array.isArray(actionSchema.formSchema?.fields) &&
+              actionSchema.formSchema?.fields.map(renderFormItem)}
+          </Form>
+        </Modal>
+      )}
+    </>
+  );
+};
+`},4202:function(t,e){e.Z=`export const REQUERT_SUCCESS_CODE = 0;
+
+export const REQUEST_SUCCESS_CODE = '200';
+
+export const initPlaceholder = '\u8BF7\u8F93\u5165\uFF0C\u6362\u884C command+\u56DE\u8F66 / ctrl+\u56DE\u8F66';
+
+export const DEFAULT_AGENT_ICON = 'iconagent-tool-o';
+// \u56DE\u8F66
+export const ENTER_KEY_CODE = 13;
+
+export const CHAT_TYPE = {
+  GENERATE: 'GENERATE',
+  SEARCH: 'SEARCH',
+  TOOL: 'TOOL',
+  AGENT: 'AGENT',
+  AGENT_REENTRANT: 'AGENT_REENTRANT',
+};
+
+export const BIZ_DOMAIN_TYPE = {
+  /**
+   * \u5DE5\u5355
+   */
+  CSE: 'CSE',
+  /**
+   * \u70ED\u7EBF
+   */
+  CSE_HOTLINE_IM: 'CSE_HOTLINE_IM',
+  /**
+   * AES
+   */
+  AES: 'AES',
+  /**
+   * \u4E91\u53F0
+   */
+  YUN_TAI: 'YUN_TAI',
+  /**
+   * \u4E91\u4F01
+   */
+  PUBLIC_AES_YUNQI: 'PUBLIC_AES_YUNQI',
+};
+
+/**
+ * \u5DE5\u5177\u7C7B\u578B
+ */
+export const AGENT_TPYE = {
+  TOOL_V2: ['COMMON_TOOL_V2'], // \u5DE5\u5177 3
+  TOOL: ['COMMON_TOOL'], // \u5DE5\u5177 2
+  AGENT_SINGLE: ['AGENT_TASK'], // \u5355\u8F6E 0
+  AGENT_MULTI: ['AGENT_PLAN', 'AGENT_RULE'], // \u591A\u8F6E 1
+};
+
+/**
+ * \u667A\u80FD\u5DE5\u5177\u7C7B\u578B
+ */
+export const COPILOT_TOOL_TYPE_ENUM = {
+  // \u6211\u6536\u85CF\u7684
+  CUSTOM_AGENT: 'CUSTOM_AGENT',
+  // \u4E1A\u52A1\u6D41\u5E02\u573A
+  AGENT: 'AGENT',
+  // \u5DE5\u5177
+  TOOL: 'TOOL',
+  // \u56FA\u5B9A\u7684\u4E1A\u52A1\u6D41
+  SHOW_AGENT: 'SHOW_AGENT',
+  // \u4E1A\u52A1\u6D41\u5927\u8D5B
+  COMPETITION_AGENT: 'COMPETITION_AGENT',
+};
+/**
+ * \u5927\u6A21\u578B\u641C\u7D22\u7C7B\u578B
+ */
+export const SEARCH_TYPE = {
+  DOC_CHAT_SEARCH: 'DOC_CHAT_SEARCH', // \u6587\u6863\u70B9\u51FB\u751F\u6210\u65B9\u6848\u95EE\u7B54
+  COMMON_SEARCH: 'COMMON_SEARCH', // \u666E\u901A\u95EE\u7B54
+  REWRITE_SEARCH: 'REWRITE_SEARCH', // \u70B9\u51FB\u6539\u5199\u7684\u5185\u5BB9\u95EE\u7B54
+  INTELLIGENCE_CHAT_SEARCH: 'INTELLIGENCE_CHAT_SEARCH', // \u70B9\u51FB\u667A\u80FD\u641C\u7D22\u95EE\u7B54
+  ORIGINAL_SENTENCE_SEARCH: 'ORIGINAL_SENTENCE_SEARCH', // \u539F\u53E5\u641C\u7D22
+  GUESS_SEARCH: 'GUESS_SEARCH', // \u731C\u95EE
+  THIRD_PARTY_MODEL_SEARCH: 'THIRD_PARTY_MODEL_SEARCH', // \u4E09\u65B9\u6A21\u578B
+  SUB_PROBLEM_SEARCH: 'SUB_PROBLEM_SEARCH', // \u5B50\u95EE\u9898\u641C\u7D22
+};
+export enum ChatTypeEnum {
+  // \u804A\u5929\u6A21\u5F0F
+  Chat = 'chat',
+  // \u5DE5\u5177\u6A21\u5F0F
+  Tool = 'tool',
+  // \u5DE5\u5177\u5355\u5361\u7247\u6A21\u5F0F
+  ToolExecution = 'toolExecution',
+}
+`},39374:function(t,e){e.Z=`import { createFromIconfontCN } from '@alife/magic-icons';
+
+declare global {
+  interface Window {
+    uniqueIconfontSymbolUrl?: string;
+  }
+}
+
+const CSECustomIcon = createFromIconfontCN({
+  scriptUrl: window?.uniqueIconfontSymbolUrl || '//at.alicdn.com/t/a/font_2186508_s77dlziunf.js',
+});
+
+export { CSECustomIcon };
+`},46825:function(t,e){e.Z=`import { LifeCycleTypes } from '@alife/magic-pro';
+import moment from 'moment';
+
+const formatComponentsArr = ['datepicker', 'datepicker2', 'rangepicker', 'rangetimepicker']; // \u8868\u5355\u91CC\u7684\u65F6\u95F4\u7EC4\u4EF6
+const dateFormat = 'YYYY-MM-DD';
+const timeFormat = 'YYYY-MM-DD HH:mm:ss';
+
+// \u5904\u7406\u65F6\u95F4\u683C\u5F0F
+const handleFormat = (value, format = dateFormat) => {
+  if (value && Array.isArray(value)) {
+    return value?.map((tms) => {
+      return moment(tms).format(format);
+    });
+  }
+  if (value) {
+    return moment(value).format(format);
+  }
+};
+
+export const formDataFormat = ($, { setFieldState }) => {
+  $(LifeCycleTypes?.ON_FIELD_VALUE_CHANGE, '*').subscribe((_e) => {
+    const { props: eProps = {}, name, value } = _e || {};
+    const { 'x-component': xComponent, 'x-component-props': xComponentProps } = eProps || {};
+
+    // \u65F6\u95F4\u7EC4\u4EF6 \u540E\u7AEF\u5E0C\u671B\u63D0\u4EA4\u7684\u503C \u4F9D\u636Eformat\u4F20\u5165
+    // todo  \u53BB\u6389\u7279\u6B8A\u903B\u8F91\u6539\u4E3A\u5C01\u88C5\u7EC4\u4EF6
+    if (xComponent && formatComponentsArr.includes(xComponent)) {
+      let formatValue;
+      const showTimeFormat = xComponentProps?.showTime ? timeFormat : dateFormat;
+      switch (xComponent) {
+        case 'datepicker':
+        case 'datepicker2':
+          formatValue = handleFormat(value, showTimeFormat);
+          break;
+        case 'rangepicker':
+          formatValue = handleFormat(value, showTimeFormat);
+          break;
+        case 'rangetimepicker':
+          formatValue = handleFormat(value, timeFormat);
+          break;
+        default:
+          break;
+      }
+      setFieldState(name, (_state) => {
+        _state.value = formatValue;
+      });
+    }
+  });
+};
+`},69139:function(t,e){e.Z=`import React from 'react';
+import { urlToLink } from '@alife/goc-utils';
+
+/**
+ * markdown\u6570\u636E\u683C\u5F0F\u5316
+ * @param content - markdown\u5185\u5BB9
+ * @param apiHost - API\u4E3B\u673A\u5730\u5740\uFF0C\u7528\u4E8E\u8F6C\u6362XHS CDN\u56FE\u7247URL
+ */
+export const formatMarkdownData = (content, apiHost?: string) => {
+  if (content) {
+    const str = String(content)?.replace('[DONE]', '').replace(/~/g, '\uFF5E').replace(/\uFF5E\uFF5E/g, '~~');
+    /**
+     * .replace(/\\[\\[(\\d+)\\]\\((.*?)\\)\\]/g, '[$1]($2)') \u5339\u914Dmarkdown\u8BED\u6CD5\u5E26\u94FE\u63A5\u7684\u89D2\u6807,\u5E76\u4E14\u6709[]\u5B57\u7B26\u5305\u88F9\uFF0C
+     * \u5982\uFF1A[[1](\u94FE\u63A5)], \u66FF\u6362\u6210 "[[1]](\u94FE\u63A5)" \u683C\u5F0F, ReactMarkdown\u7EC4\u4EF6\u6E32\u67D3\u65F6\uFF0C\u4EE5\u6B64\u5224\u65AD\u4F9D\u636E\uFF0C\u4E3A\u89D2\u6807\u5199\u7279\u6B8A\u7684\u6837\u5F0F
+     */
+    const withReferenceLinks = str?.replace(/\\[\\[(\\d+)\\]\\((.*?)\\)\\]/g, '[[$1]]($2)');
+
+    /**
+     * Transform XHS CDN image URLs to use internal proxy
+     * Matches markdown image syntax: ![alt](url)
+     * Only enabled when window._grayConfig.cdnProxy is true
+     */
+    let withTransformedImages = withReferenceLinks;
+
+    // Check gray config before transforming images
+    if ((window as any)?._grayConfig?.cdnProxy === true) {
+      withTransformedImages = withReferenceLinks?.replace(
+        /!\\[([^\\]]*)\\]\\(([^)]+)\\)/g,
+        (match, altText, imageUrl) => {
+          // Check if URL contains XHS CDN host
+          if (imageUrl.includes('sns-webpic-qc.xhscdn.com') && apiHost) {
+            const encodedUrl = encodeURIComponent(imageUrl);
+            const proxyUrl = \`\${apiHost}/application/api/tools/image-view/viewImageContent?imageUrl=\${encodedUrl}\`;
+
+            return \`![\${altText}](\${proxyUrl})\`;
+          }
+          return match; // Keep original if not XHS CDN or no apiHost provided
+        }
+      );
+    }
+
+    return withTransformedImages;
+  } else {
+    return '';
+  }
+};
+
+/** \u6570\u636E\u683C\u5F0F\u5316\u4E3Ajson */
+export const JsonParse = (data) => {
+  let result = data;
+  try {
+    if (data) {
+      if (typeof data === 'string') {
+        result = JSON.parse(data);
+      } else if (typeof data === 'object') {
+        result = data;
+      }
+    }
+  } catch (error) {
+    console.error(error);
+  }
+  return result;
+};
+
+/** json\u6570\u636Estringify */
+export const JsonStringify = (obj) => {
+  let result = obj;
+  try {
+    if (obj) {
+      if (typeof obj === 'string') {
+        result = obj;
+      } else if (typeof obj === 'object') {
+        result = JSON.stringify(obj);
+      }
+    }
+  } catch (error) {
+    console.error(error);
+  }
+  return result;
+};
+
+// \u5339\u914DHTML\u6807\u7B7E
+export const htmlReg =
+  /<(br|basefont|hr|input|source|frame|param|area|meta|!--|col|link|option|base|img|wbr|!DOCTYPE).*?>|<(a|abbr|acronym|address|applet|article|aside|audio|b|bdi|bdo|big|blockquote|body|button|canvas|caption|center|cite|code|colgroup|command|datalist|dd|del|details|dfn|dialog|dir|div|dl|dt|em|embed|fieldset|figcaption|figure|font|footer|form|frameset|head|header|hgroup|h1|h2|h3|h4|h5|h6|html|i|iframe|ins|kbd|keygen|label|legend|li|map|mark|menu|meter|nav|noframes|noscript|object|ol|optgroup|output|p|pre|progress|q|rp|rt|ruby|s|samp|script|section|select|small|span|strike|strong|style|sub|summary|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|track|tt|u|ul|var|video).*?<\\/\\2>/i;
+
+// \u5339\u914DURL
+// eslint-disable-next-line no-useless-escape
+export const urlPattern = /\\b(?:https?|ftp):\\/\\/[a-z0-9-+&@#\\/%?=~_|!:,.;]*[a-z0-9-+&@#\\/%=~_|]/gim;
+
+// \u8BC6\u522BURL\u94FE\u63A5, \u8FD4\u56DEHtml
+export const formatTextContentHtml = (content, subset = ['<', '>', '&']) => {
+  if (!content) return null;
+
+  if (typeof content !== 'string') return content;
+
+  return (
+    <span
+      dangerouslySetInnerHTML={{
+        __html: urlToLink(content, subset),
+      }}
+    />
+  );
+};
+
+export const formatToLowerCase = (str) => {
+  try {
+    if (typeof str !== 'string') {
+      return str;
+    }
+    return str.toLowerCase();
+  } catch (error) {}
+};
+`},26678:function(t,e){e.Z=`import { isFunc } from '@alife/goc-utils';
+
+export enum AesCustomLogEventEnum {
+  APUSH_MSG = 'apush-msg',
+  APUSH_CONNECT = 'apush-connect',
+  APUSH_RECONNECT = 'apush-reconnect',
+  APUSH_DISCONNECT = 'apush-disconnect',
+  APUSH_CLOSE = 'apush-close',
+  COPILOT_COMMON_USAGE = 'copilot_common_usage',
+  LLM_COMMON_USAGE = 'llm_common_usage',
+  AGENT_COMMON_USAGE = 'agent_common_usage',
+  CARD_RENDER_ERROR = 'card_render_error',
+}
+
+type AesKeyList = 'et' | 'c1' | 'c2' | 'c3' | 'c4' | 'c5' | 'c6' | 'c7' | 'c8' | 'c9' | 'c10';
+
+type ICustomPayload = {
+  readonly [key in AesKeyList]?: any;
+};
+
+export const setAesCustomEvent = (eventName: string, payload: ICustomPayload = {}) => {
+  if (isFunc((window as any).AESPluginEvent)) {
+    (window as any).AESPluginEvent(eventName, {
+      et: 'OTHER',
+      ...(payload || {}),
+    });
+  }
+};
+
+export const setGoldLog = (logKey = '', action = '', param: Record<string, any> = {}) => {
+  if (logKey === '' || action === '') {
+    return;
+  }
+  let paramStr = '';
+  Object.keys(param || {}).forEach((key) => {
+    paramStr += \`\${key}=\${param[key]}&\`;
+  });
+  if ((window as any).goldlog) {
+    (window as any).goldlog.record(logKey, action, paramStr, 'GET');
+  }
+};
+`}}]);