@topthink/chat 1.1.34 → 1.1.36

package/es/index.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as n,css as i,formatSize as o,Tooltip as s,useAsync as a,isRequestError as l,Form as c,Toast as d,InfiniteScroller as h,Offcanvas as m,dayjs as u,RequestButton as p,useImmer as g,Lightbox as f,Clipboard as b,getAbsoluteUrl as v,isImageUrl as x,request as y}from"@topthink/components";import*as k from"react";import{createContext as w,useContext as N,useRef as E,useEffect as j,useCallback as C,useState as M,forwardRef as $,useMemo as q,useImperativeHandle as z,Fragment as S,memo as R}from"react";import A from"react-textarea-autosize";import*as F from"path";import I from"path";import{Spinner as D,Badge as L,CloseButton as O,OverlayTrigger as T,Popover as P}from"react-bootstrap";import B from"eventemitter3";import _ from"lodash/isEqual";import{toString as U}from"hast-util-to-string";import H from"react-markdown";import"katex/dist/katex.min.css";import J from"rehype-highlight";import K from"rehype-katex";import Q from"remark-breaks";import W from"remark-gfm";import X from"remark-math";import{codes as V,types as Y}from"micromark-util-symbol";import{markdownLineEnding as G}from"micromark-util-character";import{createPortal as Z}from"react-dom";import ee from"use-resize-observer";const te=function(e){let{ext:r}=e;const{result:n}=a((async e=>(await function(e){switch(e){case"../../images/file/docx.svg":return import("./docx-nWXnlyT_.js");case"../../images/file/jpg.svg":return import("./jpg-6tBxSzWk.js");case"../../images/file/md.svg":return import("./md-GZ3HJPcw.js");case"../../images/file/pdf.svg":return import("./pdf-pVX1_E6T.js");case"../../images/file/png.svg":return import("./png-u0o1NMqQ.js");case"../../images/file/pptx.svg":return import("./pptx-Hprz0cON.js");case"../../images/file/txt.svg":return import("./txt-eHeCpvNO.js");case"../../images/file/xlsx.svg":return import("./xlsx-uOft-SV2.js");default:return new Promise((function(t,r){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+e)))}))}}(`../../images/file/${e}.svg`)).default),[r]);return n?t("img",{width:30,height:30,src:n}):null};function re(r){let{className:n,name:i,size:a,loading:l,error:c,onRemove:d}=r;const h=I.extname(i).substring(1),m=e(se,{className:n,$error:!!c,children:[e(oe,{children:[t(te,{ext:h}),l&&t(D,{variant:"primary"})]}),e(ie,{children:[t("h4",{children:i}),t("p",{children:o(a,1)})]}),d&&t(ne,{onClick:e=>{e.preventDefault(),d()},children:t("i",{className:"bi bi-trash3"})})]});return c?t(s,{placement:"top",tooltip:c,children:m}):m}const ne=n.div`
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{styled as n,css as i,formatSize as o,Tooltip as a,useAsync as s,isRequestError as l,Form as c,Toast as d,InfiniteScroller as h,Offcanvas as u,dayjs as m,RequestButton as p,useImmer as g,getAbsoluteUrl as b,Lightbox as f,Clipboard as v,isImageUrl as x,request as y}from"@topthink/components";import*as k from"react";import{createContext as w,useContext as E,useEffect as $,useState as N,useRef as j,useCallback as C,forwardRef as M,useMemo as F,useImperativeHandle as z,Fragment as q,memo as S}from"react";import R from"react-textarea-autosize";import*as A from"path";import I from"path";import{Spinner as L,Badge as D,CloseButton as P,OverlayTrigger as O,Popover as T}from"react-bootstrap";import B from"eventemitter3";import _ from"lodash/isEqual";import{toString as U}from"hast-util-to-string";import H from"react-markdown";import"katex/dist/katex.min.css";import J from"rehype-highlight";import K from"rehype-katex";import Q from"remark-breaks";import W from"remark-gfm";import X from"remark-math";import{codes as V,types as Y}from"micromark-util-symbol";import{markdownLineEnding as G}from"micromark-util-character";import{createPortal as Z}from"react-dom";import ee from"use-resize-observer";const re=function(e){let{ext:t}=e;const{result:n}=s((async e=>(await function(e){switch(e){case"../../images/file/docx.svg":return import("./docx-nWXnlyT_.js");case"../../images/file/jpg.svg":return import("./jpg-6tBxSzWk.js");case"../../images/file/md.svg":return import("./md-GZ3HJPcw.js");case"../../images/file/pdf.svg":return import("./pdf-pVX1_E6T.js");case"../../images/file/png.svg":return import("./png-u0o1NMqQ.js");case"../../images/file/pptx.svg":return import("./pptx-Hprz0cON.js");case"../../images/file/txt.svg":return import("./txt-eHeCpvNO.js");case"../../images/file/xlsx.svg":return import("./xlsx-uOft-SV2.js");default:return new Promise((function(r,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+e)))}))}}(`../../images/file/${e}.svg`)).default),[t]);return n?r("img",{width:30,height:30,src:n}):null};function te(t){let{className:n,name:i,size:s,loading:l,error:c,onRemove:d}=t;const h=I.extname(i).substring(1),u=e(ae,{className:n,$error:!!c,children:[e(oe,{children:[r(re,{ext:h}),l&&r(L,{variant:"primary"})]}),e(ie,{children:[r("h4",{children:i}),r("p",{children:o(s,1)})]}),d&&r(ne,{onClick:e=>{e.preventDefault(),d()},children:r("i",{className:"bi bi-trash3"})})]});return c?r(a,{placement:"top",tooltip:c,children:u}):u}const ne=n.div`
     width: 1.75rem;
     height: 1.75rem;
     align-items: center;
@@ -48,7 +48,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         position: absolute;
     }
 
-`,se=n.div`
+`,ae=n.div`
     display: flex;
     gap: .5rem;
     padding: .5rem;
@@ -64,7 +64,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     ${e=>e.$error&&i`
         border-color: var(--bs-danger) !important;
     `}
-`,ae=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"],le=w(null);function ce(){const e=N(le);if(!e)throw new Error("useContext must be used within a Provider");return e}function de(e){let{children:r,...n}=e;return t(le.Provider,{value:n,children:r})}function he(e){let{variables:r,values:n,onSubmit:i,onChange:o,children:s}=e;const a={},l=[],d={};return r.forEach((e=>{a[e.key]={type:"string",title:e.label},"textarea"===e.type?d[e.key]={"ui:widget":"textarea"}:"select"===e.type&&e.options&&(a[e.key].enum=e.options,a[e.key].enumNames=e.options,e.options.length>0&&(a[e.key].default=e.options[0])),e.required&&l.push(e.key)})),t(c,{schema:{type:"object",properties:a,required:l},formData:n,omitExtraData:!0,uiSchema:d,submitText:"开始对话",onSubmit:i,onChange:o,children:s})}const me=n.button`
+`,se=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"],le=w(null);function ce(e){const r=E(le);if(!r)throw new Error("useContext must be used within a Provider");const{setHandles:t}=r;return $((()=>{if(e)return t(e),()=>{t({})}}),[e]),r}function de(e){let{children:t,...n}=e;const[i,o]=N({});return r(le.Provider,{value:{...n,handles:i,setHandles:o},children:t})}function he(){const{setMessages:e,setSuggestions:r,setLoading:t,conversationId:n,setConversationId:i,request:o,handles:a}=ce(),s=j(null),c=j(!1),d=j(n);$((()=>{d.current=n}),[n]);const{onSuccess:h,onComplete:u}=a,m=C((r=>{if(r.data)if("[DONE]"!=r.data)try{const t=JSON.parse(r.data);t.conversation?(d.current=t.conversation,i(t.conversation)):e((e=>{const r=e[e.length-1];if(t.chunks){if(r.chunks){const e=t.chunks.index;if(r.chunks[e]||(r.chunks[e]={content:"",reasoning:"",tools:[]}),t.chunks.error)r.chunks[e].error=t.chunks.error;else if(t.chunks.tools){r.chunks[e].tools||(r.chunks[e].tools=[]);const n=t.chunks.tools.index;"response"in t.chunks.tools?(r.chunks[e].tools[n].response=t.chunks.tools.response,r.chunks[e].tools[n].error=t.chunks.tools.error,r.chunks[e].tools[n].content=t.chunks.tools.content):r.chunks[e].tools[n]={name:t.chunks.tools.name,title:t.chunks.tools.title,arguments:t.chunks.tools.arguments}}else if(t.chunks.reasoning)r.chunks[e].reasoning+=t.chunks.reasoning;else if(t.chunks.content)if("object"==typeof t.chunks.content){Array.isArray(r.chunks[e].content)||(r.chunks[e].content=[]);const n=t.chunks.content.index,i=t.chunks.content.value;"string"==typeof i?(r.chunks[e].content[n]||(r.chunks[e].content[n]=""),r.chunks[e].content[n]+=i):r.chunks[e].content[n]=i}else r.chunks[e].content+=t.chunks.content;else t.chunks.node&&(r.chunks[e].node={...r.chunks[e].node,...t.chunks.node})}}else t.stats?r.stats=t.stats:t.id?r.id=t.id:t.suspend&&(c.current=!0)}))}catch(e){console.error(e)}else e((e=>{e[e.length-1].loading=!1}))}),[]),p=C((r=>{let t="未知错误";l(r)&&(t=401==r.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof r.errors?r.errors:Object.values(r.errors).join("\n")),e((e=>{const r=e[e.length-1];r.chunks&&(0===r.chunks.length?r.chunks=[{error:t}]:r.chunks[r.chunks.length-1].error=t),r.loading=!1}))}),[]),g=C((async function(n){if("string"==typeof n){for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=arguments[l];n={query:n,...a}}const{query:g,files:b=[],variables:f={},quote:v}=n;if(g||b.length>0){s.current&&s.current.abort(),c.current=!1,t(!0),r([]),e((e=>{e.push({query:g,quote:v,files:b,variables:f,chunks:[],loading:!0})}));try{let e={method:"post",data:{query:g,quote:v,files:b,variables:f,conversation:d.current},onMessage:m};await o(e),c.current||h?.()}catch(e){p(e)}t(!1),u?.()}}),[o,a]);return{send:g,resume:C((async r=>{try{s.current&&s.current.abort(),c.current=!1,t(!0),e((e=>{e[e.length-1].loading=!0}));let n={url:"resume",method:"post",data:{conversation:d.current,chunk:r.chunk,payload:r.payload},onMessage:m};await o(n),c.current||h?.()}catch(e){p(e)}t(!1),u?.()}),[o,a]),suggest:C((async()=>{s.current=new AbortController;try{let e={method:"post",url:"/suggestion",data:{conversation:d.current},signal:s.current.signal};const t=await o(e);r(t)}catch{}finally{s.current=null}}),[o])}}function ue(e){let{variables:t,values:n,onSubmit:i,onChange:o,children:a}=e;const s={},l=[],d={};return t.forEach((e=>{s[e.key]={type:"string",title:e.label},"textarea"===e.type?d[e.key]={"ui:widget":"textarea"}:"select"===e.type&&e.options&&(s[e.key].enum=e.options,s[e.key].enumNames=e.options,e.options.length>0&&(s[e.key].default=e.options[0])),e.required&&l.push(e.key)})),r(c,{schema:{type:"object",properties:s,required:l},formData:n,omitExtraData:!0,uiSchema:d,submitText:"开始对话",onSubmit:i,onChange:o,children:a})}const me=n.button`
     color: var(--bs-secondary);
     cursor: pointer;
     display: flex;
@@ -87,12 +87,12 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         background-color: var(--bs-gray-200);
     }
 
-`;let ue=class{#e;#t;constructor(){this.#t=new B}onResult(e){this.#t.on("result",e)}onRecording(e){this.#t.on("recording",e)}onTranscribing(e){this.#t.on("transcribing",e)}start(){if(!this.#e){const e=window.SpeechRecognition||window.webkitSpeechRecognition;if(!e)return void d.error("浏览器不支持语音识别");const t=new e;t.continuous=!0,t.lang=navigator.language,t.onresult=e=>{const t=Array.from(e.results).at(-1)?.item(0).transcript;t&&this.#t.emit("result",t)},t.onspeechend=()=>{this.#t.emit("recording",!1)},t.onerror=e=>{this.#t.emit("recording",!1),d.error(e.error)},this.#e=t}this.#t.emit("recording",!0),this.#e.start()}stop(){this.#e?.stop(),this.#t.emit("recording",!1)}},pe=class{#t;#r;#n;#i;constructor(e){this.#r=e,this.#t=new B}async start(){try{this.#n=await navigator.mediaDevices.getUserMedia({audio:!0}),this.#i=new AudioContext;const e=this.#i.createScriptProcessor(0,1,1);this.#i.createMediaStreamSource(this.#n).connect(e),e.connect(this.#i.destination);let t=[],r=0;const n=.01,i=1;e.onaudioprocess=e=>{const o=e.playbackTime,s=e.inputBuffer.getChannelData(0);let a=!0;for(let e=0;e<s.length;e++)if(Math.abs(s[e])>n){a=!1;break}if(a){const e=o-r;e>i&&(t.length>1&&(this.save(t),t=[]),e>10&&this.stop())}else t.push(new Float32Array(s)),r=o},this.#t.emit("recording",!0)}catch(e){d.error(e.message)}}convertBuffer(e){const t=new Float32Array(e),r=new Int16Array(e.length);for(let e=0;e<t.length;e++){const n=Math.max(-1,Math.min(1,t[e]));r[e]=n<0?32768*n:32767*n}return r}async encodeMP3(e){const{Mp3Encoder:t}=await import("@breezystack/lamejs"),r=new t(1,44100,128),n=[];for(const t of e){const e=this.convertBuffer(t),i=1152;let o=e.length;for(let t=0;o>=0;t+=i){const s=e.subarray(t,t+i),a=r.encodeBuffer(s);n.push(new Int8Array(a)),o-=i}}return n.push(r.flush()),new Blob(n,{type:"audio/mp3"})}async save(e){const t=await this.encodeMP3(e);try{this.#t.emit("transcribing",!0);const e=await this.#r(t);e&&this.#t.emit("result",e)}catch(e){}finally{this.#t.emit("transcribing",!1)}}stop(){this.#n&&(this.#n.getTracks().forEach((e=>e.stop())),this.#n=void 0),this.#i&&(this.#i.close(),this.#i=void 0),this.#t.emit("recording",!1)}onResult(e){this.#t.on("result",e)}onRecording(e){this.#t.on("recording",e)}onTranscribing(e){this.#t.on("transcribing",e)}};const ge=$(((r,n)=>{let{onResult:i,model:o="builtin"}=r;const{request:a}=ce(),l=q((()=>{if("builtin"!==o)return async e=>{const t=new FormData;t.append("file",e,"audio.mp3"),t.append("model",o);return(await a({url:"/transcriptions",method:"post",data:t})).text}}),[o]),{start:c,stop:d,recording:h,transcribing:m}=function(e){let{onResult:t,loader:r}=e;const n=E(),[i,o]=M(!1),[s,a]=M(!1);return j((()=>()=>{n.current&&(n.current.stop(),n.current=void 0)}),[]),{recording:i,transcribing:s,start:async()=>{n.current||(n.current=r?new pe(r):new ue,n.current.onRecording(o),n.current.onTranscribing(a),n.current.onResult(t)),n.current.start()},stop:()=>{n.current&&n.current.stop()}}}({onResult:i,loader:l});return z(n,(()=>({start:c,stop:d})),[c,d]),t(s,{tooltip:h?"停止":"语音输入",placement:"top",children:e(me,{onMouseDown:e=>{e.preventDefault(),h?d():c()},children:[m&&t(fe,{animation:"border",variant:"primary",size:"sm"}),t("i",h?{className:"bi bi-mic-fill text-danger"}:{className:"bi bi-mic"})]})})})),fe=n(D)`
+`;let pe=class{#e;#r;constructor(){this.#r=new B}onResult(e){this.#r.on("result",e)}onRecording(e){this.#r.on("recording",e)}onTranscribing(e){this.#r.on("transcribing",e)}start(){if(!this.#e){const e=window.SpeechRecognition||window.webkitSpeechRecognition;if(!e)return void d.error("浏览器不支持语音识别");const r=new e;r.continuous=!0,r.lang=navigator.language,r.onresult=e=>{const r=Array.from(e.results).at(-1)?.item(0).transcript;r&&this.#r.emit("result",r)},r.onspeechend=()=>{this.#r.emit("recording",!1)},r.onerror=e=>{this.#r.emit("recording",!1),d.error(e.error)},this.#e=r}this.#r.emit("recording",!0),this.#e.start()}stop(){this.#e?.stop(),this.#r.emit("recording",!1)}},ge=class{#r;#t;#n;#i;constructor(e){this.#t=e,this.#r=new B}async start(){try{this.#n=await navigator.mediaDevices.getUserMedia({audio:!0}),this.#i=new AudioContext;const e=this.#i.createScriptProcessor(0,1,1);this.#i.createMediaStreamSource(this.#n).connect(e),e.connect(this.#i.destination);let r=[],t=0;const n=.01,i=1;e.onaudioprocess=e=>{const o=e.playbackTime,a=e.inputBuffer.getChannelData(0);let s=!0;for(let e=0;e<a.length;e++)if(Math.abs(a[e])>n){s=!1;break}if(s){const e=o-t;e>i&&(r.length>1&&(this.save(r),r=[]),e>10&&this.stop())}else r.push(new Float32Array(a)),t=o},this.#r.emit("recording",!0)}catch(e){d.error(e.message)}}convertBuffer(e){const r=new Float32Array(e),t=new Int16Array(e.length);for(let e=0;e<r.length;e++){const n=Math.max(-1,Math.min(1,r[e]));t[e]=n<0?32768*n:32767*n}return t}async encodeMP3(e){const{Mp3Encoder:r}=await import("@breezystack/lamejs"),t=new r(1,44100,128),n=[];for(const r of e){const e=this.convertBuffer(r),i=1152;let o=e.length;for(let r=0;o>=0;r+=i){const a=e.subarray(r,r+i),s=t.encodeBuffer(a);n.push(new Int8Array(s)),o-=i}}return n.push(t.flush()),new Blob(n,{type:"audio/mp3"})}async save(e){const r=await this.encodeMP3(e);try{this.#r.emit("transcribing",!0);const e=await this.#t(r);e&&this.#r.emit("result",e)}catch(e){}finally{this.#r.emit("transcribing",!1)}}stop(){this.#n&&(this.#n.getTracks().forEach((e=>e.stop())),this.#n=void 0),this.#i&&(this.#i.close(),this.#i=void 0),this.#r.emit("recording",!1)}onResult(e){this.#r.on("result",e)}onRecording(e){this.#r.on("recording",e)}onTranscribing(e){this.#r.on("transcribing",e)}};const be=M(((t,n)=>{let{onResult:i,model:o="builtin"}=t;const{request:s}=ce(),l=F((()=>{if("builtin"!==o)return async e=>{const r=new FormData;r.append("file",e,"audio.mp3"),r.append("model",o);return(await s({url:"/transcriptions",method:"post",data:r})).text}}),[o]),{start:c,stop:d,recording:h,transcribing:u}=function(e){let{onResult:r,loader:t}=e;const n=j(),[i,o]=N(!1),[a,s]=N(!1);return $((()=>()=>{n.current&&(n.current.stop(),n.current=void 0)}),[]),{recording:i,transcribing:a,start:async()=>{n.current||(n.current=t?new ge(t):new pe,n.current.onRecording(o),n.current.onTranscribing(s),n.current.onResult(r)),n.current.start()},stop:()=>{n.current&&n.current.stop()}}}({onResult:i,loader:l});return z(n,(()=>({start:c,stop:d})),[c,d]),r(a,{tooltip:h?"停止":"语音输入",placement:"top",children:e(me,{onMouseDown:e=>{e.preventDefault(),h?d():c()},children:[u&&r(fe,{animation:"border",variant:"primary",size:"sm"}),r("i",h?{className:"bi bi-mic-fill text-danger"}:{className:"bi bi-mic"})]})})})),fe=n(L)`
     position: absolute;
     --bs-spinner-width: .75rem;
     --bs-spinner-height: .75rem;
     --bs-spinner-border-width: 0.1em;
-`,be=$(((e,r)=>{let{className:n,children:i,size:o,tooltip:a,placement:l,onClick:c,onMouseDown:d}=e;const h=t(ve,{ref:r,className:n,onClick:c,onMouseDown:d,$size:o,children:i});return a?t(s,{tooltip:a,placement:l,children:h}):h})),ve=n.div`
+`,ve=M(((e,t)=>{let{className:n,children:i,size:o,tooltip:s,placement:l,onClick:c,onMouseDown:d}=e;const h=r(xe,{ref:t,className:n,onClick:c,onMouseDown:d,$size:o,children:i});return s?r(a,{tooltip:s,placement:l,children:h}):h})),xe=n.div`
     width: 2rem;
     height: 2rem;
     align-items: center;
@@ -107,7 +107,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         font-size: 1.5rem;
     }
 
-    ${e=>{let{$size:t}=e;return"sm"===t&&i`
+    ${e=>{let{$size:r}=e;return"sm"===r&&i`
         width: 1.5rem;
         height: 1.5rem;
         font-size: 1rem;
@@ -116,10 +116,10 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     &:hover {
         background-color: var(--bs-secondary-bg-subtle);
     }
-`;function xe(){const{request:n,reset:i,conversationId:o}=ce(),[a,l]=M(!1);return e(r,{children:[t(be,{tooltip:"历史记录",placement:"top",onClick:()=>l(!0),children:t("i",{className:"bi bi-clock-history"})}),t(m,{show:a,onHide:()=>{l(!1)},placement:"end",header:"聊天历史记录",bodyAs:ye,children:a&&t(je,{children:t(Ee,{useWindow:!1,source:e=>n({url:"/conversation",params:e}),render:r=>{let{data:a,loading:c,setData:d}=r;return a.length||c?a.map(((r,a)=>{const c=r.messages?.reduce(((e,t)=>e+t.chunks.reduce(((e,t)=>e+(t.content||"")),"")),"");return e(S,{children:[a>0&&t("hr",{className:"mx-2 my-2"}),e(Ne,{onClick:()=>{i(r),l(!1)},children:[e(we,{children:[o===r.id&&t(L,{bg:"secondary",children:"当前"}),t("span",{className:"fw-bold overflow-hidden text-truncate me-auto",children:r.title||"未命名对话"}),t("span",{className:"text-body text-opacity-50 flex-shrink-0 ms-5",children:u(r.update_time).fromNow()})]}),e(ke,{children:[t("span",{className:"overflow-hidden text-truncate me-auto",children:c||" "}),t("span",{className:"ms-3",children:o!==r.id&&t(s,{tooltip:"删除",children:t(p,{as:"a",confirm:"确定要删除吗？",onRequest:()=>n({url:`/conversation/${r.id}`,method:"DELETE"}),onSuccess:()=>{d((e=>{const t=e.findIndex((e=>e.id===r.id));-1!==t&&e.splice(t,1)}))},children:t("i",{className:"bi bi-trash3"})})})})]})]})]},r.id)})):t("div",{className:"text-muted text-center py-5",children:"暂无对话记录"})}})})})]})}const ye=n.div`
+`;function ye(){const{request:n,reset:i,conversationId:o}=ce(),[s,l]=N(!1);return e(t,{children:[r(ve,{tooltip:"历史记录",placement:"top",onClick:()=>l(!0),children:r("i",{className:"bi bi-clock-history"})}),r(u,{show:s,onHide:()=>{l(!1)},placement:"end",header:"聊天历史记录",bodyAs:ke,children:s&&r(je,{children:r(Ne,{useWindow:!1,source:e=>n({url:"/conversation",params:e}),render:t=>{let{data:s,loading:c,setData:d}=t;return s.length||c?s.map(((t,s)=>{const c=t.messages?.reduce(((e,r)=>e+r.chunks.reduce(((e,r)=>e+(r.content||"")),"")),"");return e(q,{children:[s>0&&r("hr",{className:"mx-2 my-2"}),e($e,{onClick:()=>{i(t),l(!1)},children:[e(Ee,{children:[o===t.id&&r(D,{bg:"secondary",children:"当前"}),r("span",{className:"fw-bold overflow-hidden text-truncate me-auto",children:t.title||"未命名对话"}),r("span",{className:"text-body text-opacity-50 flex-shrink-0 ms-5",children:m(t.update_time).fromNow()})]}),e(we,{children:[r("span",{className:"overflow-hidden text-truncate me-auto",children:c||" "}),r("span",{className:"ms-3",children:o!==t.id&&r(a,{tooltip:"删除",children:r(p,{as:"a",confirm:"确定要删除吗？",onRequest:()=>n({url:`/conversation/${t.id}`,method:"DELETE"}),onSuccess:()=>{d((e=>{const r=e.findIndex((e=>e.id===t.id));-1!==r&&e.splice(r,1)}))},children:r("i",{className:"bi bi-trash3"})})})})]})]})]},t.id)})):r("div",{className:"text-muted text-center py-5",children:"暂无对话记录"})}})})})]})}const ke=n.div`
     padding: 0;
     overflow: hidden;
-`,ke=n.div`
+`,we=n.div`
     color: var(--bs-gray-600);
     font-weight: 400;
     line-height: 22px;
@@ -129,11 +129,11 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     & :last-child {
         display: none;
     }
-`,we=n.div`
+`,Ee=n.div`
     display: flex;
     align-items: center;
     gap: .25rem;
-`,Ne=n.div`
+`,$e=n.div`
     gap: .5rem;
     display: flex;
     flex-direction: column;
@@ -146,19 +146,19 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
 
 
         &:hover {
-            ${ke} :last-child {
+            ${we} :last-child {
                 display: initial;
             }
         }
     }
-`,Ee=n(h)`
+`,Ne=n(h)`
     display: flex;
     flex-direction: column;
     padding: .5rem;
 `,je=n.div`
     height: 100%;
     overflow-y: auto;
-`;var Ce;function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Me.apply(this,arguments)}const $e=e=>k.createElement("svg",Me({width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 256 256"},e),Ce||(Ce=k.createElement("path",{fillRule:"evenodd",d:"M128 22C69.458 22 22 69.458 22 128v96c0 5.523 4.477 10 10 10h96c58.542 0 106-47.458 106-106S186.542 22 128 22m0 56c5.523 0 10 4.477 10 10v30h30c5.523 0 10 4.477 10 10s-4.477 10-10 10h-30v30c0 5.523-4.477 10-10 10s-10-4.477-10-10v-30H88c-5.523 0-10-4.477-10-10s4.477-10 10-10h30V88c0-5.523 4.477-10 10-10",clipRule:"evenodd","data-follow-fill":"#000"})));function qe(){const{reset:e}=ce();return t(be,{className:"text-primary",tooltip:"新会话",placement:"top",onClick:e,children:t($e,{})})}function ze(r){let{children:n}=r;return e(Re,{children:[n,e(Se,{children:[t(xe,{}),t(qe,{})]})]})}const Se=n.div`
+`;var Ce;function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Me.apply(this,arguments)}const Fe=e=>k.createElement("svg",Me({width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 256 256"},e),Ce||(Ce=k.createElement("path",{fillRule:"evenodd",d:"M128 22C69.458 22 22 69.458 22 128v96c0 5.523 4.477 10 10 10h96c58.542 0 106-47.458 106-106S186.542 22 128 22m0 56c5.523 0 10 4.477 10 10v30h30c5.523 0 10 4.477 10 10s-4.477 10-10 10h-30v30c0 5.523-4.477 10-10 10s-10-4.477-10-10v-30H88c-5.523 0-10-4.477-10-10s4.477-10 10-10h30V88c0-5.523 4.477-10 10-10",clipRule:"evenodd","data-follow-fill":"#000"})));function ze(){const{reset:e}=ce();return r(ve,{className:"text-primary",tooltip:"新会话",placement:"top",onClick:e,children:r(Fe,{})})}function qe(t){let{children:n}=t;return e(Re,{children:[n,e(Se,{children:[r(ye,{}),r(ze,{})]})]})}const Se=n.div`
     display: flex;
     gap: .25rem;
     margin-left: auto;
@@ -166,14 +166,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     margin-bottom: .5rem;
     display: flex;
     padding: 0 .125rem;
-`;var Ae=$((function(r,n){let{suggestion:i,fileTypes:o,speech:a,scrollRef:c,variables:h,minRows:m,toolbar:u,disabled:p,autoFocus:f,placeholder:b="请输入你的问题, Enter+Shift换行, Enter发送"}=r;const v=E(null),x=E(null),y=E(null),[k,w]=M(""),[N,$]=M(""),[q,S]=g([]),[R,I]=M(!1),D=o&&o.length>0?o:ae,{messages:L,loading:T,request:P}=ce(),{send:B}=function(e){let{suggestion:t,onSuccess:r}=e;const{setMessages:n,setSuggestions:i,setLoading:o,conversationId:s,setConversationId:a,request:c}=ce(),d=E(null),h=E(s);j((()=>{h.current=s}),[s]);const m=C((async()=>{d.current=new AbortController;try{let e={method:"post",url:"/suggestion",data:{conversation:h.current},signal:d.current.signal};const t=await c(e);i(t)}catch{}finally{d.current=null}}),[c]),u=C((async function(e){if("string"==typeof e){for(var s=arguments.length,u=new Array(s>1?s-1:0),p=1;p<s;p++)u[p-1]=arguments[p];e={query:e,...u}}const{query:g,files:f=[],variables:b={},quote:v}=e;if(g||f.length>0){d.current&&d.current.abort(),o(!0),i([]),n((e=>{e.push({query:g,quote:v,files:f,variables:b,chunks:[],loading:!0})}));try{let e={method:"post",data:{query:g,quote:v,files:f,variables:b,conversation:h.current},onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const t=JSON.parse(e.data);t.conversation?(h.current=t.conversation,a(t.conversation)):n((e=>{const r=e[e.length-1];if(r.chunks)if(t.chunks){const e=t.chunks.index;if(r.chunks[e]||(r.chunks[e]={content:"",reasoning:"",tools:[]}),t.chunks.error)r.chunks[e].error=t.chunks.error;else if(t.chunks.tools){r.chunks[e].tools||(r.chunks[e].tools=[]);const n=t.chunks.tools.index;"response"in t.chunks.tools?(r.chunks[e].tools[n].response=t.chunks.tools.response,r.chunks[e].tools[n].error=t.chunks.tools.error,r.chunks[e].tools[n].content=t.chunks.tools.content):r.chunks[e].tools[n]={name:t.chunks.tools.name,title:t.chunks.tools.title,arguments:t.chunks.tools.arguments}}else if(t.chunks.reasoning)r.chunks[e].reasoning+=t.chunks.reasoning;else if(t.chunks.content)if("object"==typeof t.chunks.content){Array.isArray(r.chunks[e].content)||(r.chunks[e].content=[]);const n=t.chunks.content.index,i=t.chunks.content.value;"string"==typeof i?(r.chunks[e].content[n]||(r.chunks[e].content[n]=""),r.chunks[e].content[n]+=i):r.chunks[e].content[n]=i}else r.chunks[e].content+=t.chunks.content;else t.chunks.node&&(r.chunks[e].node={...r.chunks[e].node,...t.chunks.node})}else t.stats?r.stats=t.stats:t.id&&(r.id=t.id)}))}catch(e){console.error(e)}else n((e=>{e[e.length-1].loading=!1}))}};await c(e),t&&requestAnimationFrame(m)}catch(e){let t="未知错误";l(e)&&(t=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),n((e=>{const r=e[e.length-1];r.chunks&&(0===r.chunks.length?r.chunks=[{content:`[${t}]`,tools:[]}]:r.chunks[r.chunks.length-1].content=`[${t}]`),r.loading=!1}))}o(!1),r?.()}}),[c]);return{send:u}}({suggestion:i,onSuccess(){requestAnimationFrame((()=>{v.current?.focus()}))}}),[_,U]=M();j((()=>{const e=L.filter((e=>!!e.query));U(e.at(-1)?.variables)}),[L]),j((()=>{!o&&q.length>0&&S([])}),[o]),j((()=>{const e=c.current;if(e&&B){const t=e=>{if(e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash){e.preventDefault();const t={query:e.target.text};h&&(t.variables={..._,...h.values}),B(t)}};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}}),[h,_]);const H=C((e=>{let{target:t}=e;if(t.files){const e=Array.from(t.files).filter((e=>!!D.includes(F.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-q.length);S((t=>{t.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const t=new FormData;t.set("file",e);const r=await P({method:"POST",url:"/upload",data:t});S((t=>{const n=t.find((t=>t.file===e));n&&(n.path=r.path)}))}catch(t){const r=l(t)?t.message:"unknown error";S((t=>{const n=t.find((t=>t.file===e));n&&(n.error=r)}))}}))}t.value=""}),[q,D]),J=q.flatMap((e=>{let{file:t,path:r}=e;return r?[{name:t.name,size:t.size,path:r}]:[]})),K=C((()=>{if(k||J.length>0){const e={query:k,files:J};h&&(e.variables={..._,...h.values}),N&&(e.quote=N),B(e),w(""),$(""),S([]),y.current?.stop(!0)}}),[k,J,h,_,N]);if(z(n,(()=>({setQuery:w,setQuote:$,send:B,focus(){v.current?.focus()}}))),h){const e=h.config.filter((e=>!(e.key in(h.values||{})))),r=function(t){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!!t&&e.every((e=>{const n=!e.required||t?.[e.key];return!n&&r&&d.error("请完善必填信息"),n}))};if(e.length>0&&!r(_))return t(Ie,{children:t(Fe,{children:t(he,{values:_,variables:e,onSubmit:e=>{let{formData:t}=e;if(r(t,!0))return U(t),!0}})})})}return e(Be,{children:[u&&t(ze,{children:u}),e(Pe,{$focused:R&&!T,children:[q.length>0&&t(Le,{children:q.map(((e,r)=>{let{file:n,error:i,path:o}=e;const s=void 0===i&&void 0===o;return t(De,{name:n.name,size:n.size,error:i,loading:s,onRemove:()=>{S((e=>{const t=e.findIndex((e=>e.file===n));-1!==t&&e.splice(t,1)}))}},r)}))}),!!N&&e(Te,{children:[t("i",{className:"bi bi-quote"}),t("p",{children:N}),t(O,{onClick:()=>$("")})]}),e(Oe,{children:[t(A,{disabled:T||p,ref:v,placeholder:b,minRows:m,maxRows:5,value:k,onChange:e=>w(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),K())},autoFocus:f,onFocus:()=>I(!0),onBlur:()=>I(!1)}),o&&t(s,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:e(me,{disabled:q.length>=6,onClick:()=>x.current?.click(),children:[t("input",{onChange:H,multiple:!0,accept:D.join(","),ref:x,type:"file",hidden:!0}),t("i",{className:"bi bi-file-earmark-arrow-up"})]})}),a&&t(ge,{ref:y,model:a.model,onResult:e=>{v.current?.focus(),w((t=>t+e+" "))}}),t(me,{className:"text-primary",disabled:!k&&0===J.length,onClick:e=>{e.preventDefault(),K()},children:t("i",{className:"bi bi-send-fill"})})]})]})]})}));const Fe=n.div`
+`;var Ae=M((function(t,n){let{suggestion:i,fileTypes:o,speech:s,scrollRef:c,variables:h,minRows:u,toolbar:m,disabled:p,autoFocus:b,placeholder:f="请输入你的问题, Enter+Shift换行, Enter发送"}=t;const v=j(null),x=j(null),y=j(null),[k,w]=N(""),[E,M]=N(""),[q,S]=g([]),[I,L]=N(!1),D=o&&o.length>0?o:se,{send:O,resume:T,suggest:B}=he(),_=F((()=>({onSuccess(){i&&B()},onComplete(){requestAnimationFrame((()=>{v.current?.focus()}))}})),[i]),{messages:U,loading:H,request:J}=ce(_),[K,Q]=N();$((()=>{const e=U.filter((e=>!!e.query));Q(e.at(-1)?.variables)}),[U]),$((()=>{!o&&q.length>0&&S([])}),[o]),$((()=>{const e=c.current;if(e&&O){const r=e=>{if(e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash){e.preventDefault();const r={query:e.target.text};h&&(r.variables={...K,...h.values}),O(r)}};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[h,K]);const W=C((e=>{let{target:r}=e;if(r.files){const e=Array.from(r.files).filter((e=>!!D.includes(A.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-q.length);S((r=>{r.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const r=new FormData;r.set("file",e);const t=await J({method:"POST",url:"/upload",data:r});S((r=>{const n=r.find((r=>r.file===e));n&&(n.path=t.path)}))}catch(r){const t=l(r)?r.message:"unknown error";S((r=>{const n=r.find((r=>r.file===e));n&&(n.error=t)}))}}))}r.value=""}),[q,D]),X=q.flatMap((e=>{let{file:r,path:t}=e;return t?[{name:r.name,size:r.size,path:t}]:[]})),V=C((()=>{if(k||X.length>0){const e={query:k,files:X};h&&(e.variables={...K,...h.values}),E&&(e.quote=E),O(e),w(""),M(""),S([]),y.current?.stop(!0)}}),[k,X,h,K,E]);if(z(n,(()=>({setQuery:w,setQuote:M,send:O,resume:T,focus(){v.current?.focus()}}))),h){const e=h.config.filter((e=>!(e.key in(h.values||{})))),t=function(r){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!!r&&e.every((e=>{const n=!e.required||r?.[e.key];return!n&&t&&d.error("请完善必填信息"),n}))};if(e.length>0&&!t(K))return r(Le,{children:r(Ie,{children:r(ue,{values:K,variables:e,onSubmit:e=>{let{formData:r}=e;if(t(r,!0))return Q(r),!0}})})})}return e(_e,{children:[m&&r(qe,{children:m}),e(Be,{$focused:I&&!H,children:[q.length>0&&r(Pe,{children:q.map(((e,t)=>{let{file:n,error:i,path:o}=e;const a=void 0===i&&void 0===o;return r(De,{name:n.name,size:n.size,error:i,loading:a,onRemove:()=>{S((e=>{const r=e.findIndex((e=>e.file===n));-1!==r&&e.splice(r,1)}))}},t)}))}),!!E&&e(Te,{children:[r("i",{className:"bi bi-quote"}),r("p",{children:E}),r(P,{onClick:()=>M("")})]}),e(Oe,{children:[r(R,{disabled:H||p,ref:v,placeholder:f,minRows:u,maxRows:5,value:k,onChange:e=>w(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),V())},autoFocus:b,onFocus:()=>L(!0),onBlur:()=>L(!1)}),o&&r(a,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:e(me,{disabled:q.length>=6,onClick:()=>x.current?.click(),children:[r("input",{onChange:W,multiple:!0,accept:D.join(","),ref:x,type:"file",hidden:!0}),r("i",{className:"bi bi-file-earmark-arrow-up"})]})}),s&&r(be,{ref:y,model:s.model,onResult:e=>{v.current?.focus(),w((r=>r+e+" "))}}),r(me,{className:"text-primary",disabled:!k&&0===X.length,onClick:e=>{e.preventDefault(),V()},children:r("i",{className:"bi bi-send-fill"})})]})]})]})}));const Ie=n.div`
     border-radius: var(--bs-border-radius-lg);
     box-shadow: var(--bs-box-shadow-sm);
     margin: 1rem;
     padding: 1rem;
     width: 100%;
     max-width: 500px;
-`,Ie=n.div`
+`,Le=n.div`
     position: absolute;
     left: 0;
     right: 0;
@@ -183,9 +183,9 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     display: flex;
     justify-content: center;
     align-items: center;
-`,De=n(re)`
+`,De=n(te)`
     width: calc((100% - .75rem) / 2);
-`,Le=n.div`
+`,Pe=n.div`
     display: flex;
     flex-wrap: wrap;
     padding: .75rem;
@@ -229,14 +229,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         -webkit-box-orient: vertical;
         display: -webkit-box;
     }
-`,Pe=n.div`
+`,Be=n.div`
     background: #FFF;
     border: var(--bs-border-width) var(--bs-border-style) ${e=>e.$focused?"var(--bs-primary)":"var(--bs-border-color)"};
     border-radius: var(--bs-border-radius-lg);
     box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
-`,Be=n.div`
+`,_e=n.div`
     margin: 0 1rem 1rem;
-`;function _e(e){return e.map((e=>({id:e.id,query:e.query,quote:e.quote||void 0,files:e.files||void 0,variables:e.variables,chunks:e.chunks.map((e=>{let{content:t="",node:r,error:n,tools:i=[],reasoning:o}=e;return{content:t,reasoning:o,error:n,tools:i,node:r}})),annotation:e.annotation,stats:{usage:e.usage,latency:e.latency}})))}function Ue(e){if((e=e.filter((e=>!!e.trim()))).length>3){const t=[...e];let r=e.length-3;for(;r--;){let e=Math.floor(Math.random()*t.length);t.splice(e,1)}e=t}return e}var He,Je,Ke;function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Qe.apply(this,arguments)}const We=e=>k.createElement("svg",Qe({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},e),He||(He=k.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),Je||(Je=k.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),Ke||(Ke=k.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"})))),Xe=function(e,t,r){function n(t){return t!==V.leftSquareBracket?(e.exit("citeMarker"),e.enter("citeData"),e.enter(Y.chunkString,{contentType:"string"}),i(t)):(e.consume(t),n)}function i(n){return n===V.rightSquareBracket?(e.exit(Y.chunkString),e.exit("citeData"),e.enter("citeMarker"),function(n){if(n!==V.rightSquareBracket)return r(n);return e.consume(n),e.exit("citeMarker"),e.exit("cite"),t(n)}(n)):G(n)||n===V.eof||n>57||n<48?r(n):(e.consume(n),i)}return function(t){return t!==V.leftSquareBracket?r(t):(e.enter("cite"),e.enter("citeMarker"),n(t))}},Ve=function(){const e=this.data();e.micromarkExtensions.push({text:{[V.leftSquareBracket]:{tokenize:Xe}}}),e.fromMarkdownExtensions.push({enter:{cite:function(e){this.enter({type:"cite",data:{hName:"cite",hChildren:[{type:"text",value:""}]}},e)},citeData:function(){this.buffer()}},exit:{cite:function(e){this.exit(e)},citeData:function(){const e=this.resume();this.stack[this.stack.length-1].data.hChildren[0].value=e}}})},Ye=f.Image,Ge={pre:r=>{let{children:n,node:i}=r;const[o,s]=M(!1),a=q((()=>{const e=i.children[0];return"element"===(t=e).type&&"code"===t.tagName&&!!e.properties?.className?.includes("language-svg");var t}),[i]);j((()=>{a&&s(a)}),[a]);const l=q((()=>U(i)),[i]);return e(it,{children:[e(nt,{children:[!o&&t(b,{tooltip:!1,as:rt,content:l}),a&&o&&t(rt,{onClick:()=>{const e=new Blob([l],{type:"image/svg+xml"}),t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download="image.svg",r.click(),URL.revokeObjectURL(t)},children:"下载"}),a&&t(rt,{onClick:()=>s(!o),children:o?"源码":"预览"})]}),a&&o?t("div",{dangerouslySetInnerHTML:{__html:l}}):t("pre",{children:n})]})},a:e=>{let{node:r,href:n,...i}=e;const o=n?.startsWith("http")?"_blank":"_self";return t("a",{...i,href:n,target:o})},img:e=>{let{node:r,...n}=e;return t(Ye,{...n})}},Ze=[[X,{singleDollarTextMath:!1}],W,Q],et=[K,[J,{detect:!1,ignoreMissing:!0}]],tt=R((e=>{let{content:r,components:n,cite:i}=e;r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$");const o=q((()=>{const e={...Ge,...n};return i&&(e.cite=i),e}),[n,i]),s=q((()=>i?[...Ze,Ve]:Ze),[i]);return t(ot,{remarkPlugins:s,rehypePlugins:et,components:o,children:r})}),_),rt=n.div`
+`;function Ue(e){return e.map((e=>({id:e.id,query:e.query,quote:e.quote||void 0,files:e.files||void 0,variables:e.variables,chunks:e.chunks.map((e=>{let{content:r="",node:t,error:n,tools:i=[],reasoning:o}=e;return{content:r,reasoning:o,error:n,tools:i,node:t}})),annotation:e.annotation,stats:{usage:e.usage,latency:e.latency}})))}function He(e){if((e=e.filter((e=>!!e.trim()))).length>3){const r=[...e];let t=e.length-3;for(;t--;){let e=Math.floor(Math.random()*r.length);r.splice(e,1)}e=r}return e}var Je,Ke,Qe;function We(){return We=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},We.apply(this,arguments)}const Xe=e=>k.createElement("svg",We({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},e),Je||(Je=k.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),Ke||(Ke=k.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),Qe||(Qe=k.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},k.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),k.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))));function Ve(e){if(!e)return"";if("string"==typeof e)return e;if("image"===e.type){return`![](${b(e.image)})`}return""}const Ye=function(e,r,t){function n(r){return r!==V.leftSquareBracket?(e.exit("citeMarker"),e.enter("citeData"),e.enter(Y.chunkString,{contentType:"string"}),i(r)):(e.consume(r),n)}function i(n){return n===V.rightSquareBracket?(e.exit(Y.chunkString),e.exit("citeData"),e.enter("citeMarker"),function(n){if(n!==V.rightSquareBracket)return t(n);return e.consume(n),e.exit("citeMarker"),e.exit("cite"),r(n)}(n)):G(n)||n===V.eof||n>57||n<48?t(n):(e.consume(n),i)}return function(r){return r!==V.leftSquareBracket?t(r):(e.enter("cite"),e.enter("citeMarker"),n(r))}},Ge=function(){const e=this.data();e.micromarkExtensions.push({text:{[V.leftSquareBracket]:{tokenize:Ye}}}),e.fromMarkdownExtensions.push({enter:{cite:function(e){this.enter({type:"cite",data:{hName:"cite",hChildren:[{type:"text",value:""}]}},e)},citeData:function(){this.buffer()}},exit:{cite:function(e){this.exit(e)},citeData:function(){const e=this.resume();this.stack[this.stack.length-1].data.hChildren[0].value=e}}})},Ze=f.Image,er={pre:t=>{let{children:n,node:i}=t;const[o,a]=N(!1),s=F((()=>{const e=i.children[0];return"element"===(r=e).type&&"code"===r.tagName&&!!e.properties?.className?.includes("language-svg");var r}),[i]);$((()=>{s&&a(s)}),[s]);const l=F((()=>U(i)),[i]);return e(ar,{children:[e(or,{children:[!o&&r(v,{tooltip:!1,as:ir,content:l}),s&&o&&r(ir,{onClick:()=>{const e=new Blob([l],{type:"image/svg+xml"}),r=URL.createObjectURL(e),t=document.createElement("a");t.href=r,t.download="image.svg",t.click(),URL.revokeObjectURL(r)},children:"下载"}),s&&r(ir,{onClick:()=>a(!o),children:o?"源码":"预览"})]}),s&&o?r("div",{dangerouslySetInnerHTML:{__html:l}}):r("pre",{children:n})]})},a:e=>{let{node:t,href:n,...i}=e;const o=n?.startsWith("http")?"_blank":"_self";return r("a",{...i,href:n,target:o})},img:e=>{let{node:t,...n}=e;return r(Ze,{...n})}},rr=[[X,{singleDollarTextMath:!1}],W,Q],tr=[K,[J,{detect:!1,ignoreMissing:!0}]],nr=S((e=>{let{content:t,components:n,cite:i}=e;t=t.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$");const o=F((()=>{const e={...er,...n};return i&&(e.cite=i),e}),[n,i]),a=F((()=>i?[...rr,Ge]:rr),[i]);return r(sr,{remarkPlugins:a,rehypePlugins:tr,components:o,children:t})}),_),ir=n.div`
     cursor: pointer;
     padding: 2px 10px;
     background-color: #303030;
@@ -246,7 +246,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     font-size: 12px;
     font-family: initial;
     user-select: none;
-`,nt=n.div`
+`,or=n.div`
     position: absolute;
     right: 10px;
     top: 1em;
@@ -260,17 +260,17 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     &:hover {
         opacity: 1;
     }
-`,it=n.div`
+`,ar=n.div`
     position: relative;
 
     &:hover {
-        ${nt} {
+        ${or} {
             pointer-events: all;
             transform: translateX(0px);
             opacity: 0.7;
         }
     }
-`,ot=n(H)`
+`,sr=n(H)`
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     line-height: 1.8;
@@ -540,7 +540,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     .hljs-strong {
         font-weight: 700;
     }
-`;var st=$((function(e,r){let{children:n,tooltip:i,onClick:o,disabled:a,...l}=e;a&&(o=void 0);const c=t(at,{ref:r,onClick:o,$disabled:a,...l,children:n});return i?t(s,{tooltip:i,placement:"top",children:c}):c}));const at=n.div`
+`;var lr=M((function(e,t){let{children:n,tooltip:i,onClick:o,disabled:s,...l}=e;s&&(o=void 0);const c=r(cr,{ref:t,onClick:o,$disabled:s,...l,children:n});return i?r(a,{tooltip:i,placement:"top",children:c}):c}));const cr=n.div`
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
@@ -573,7 +573,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         `}
 
     }
-`,lt=f.Image;function ct(e){let{src:r,...n}=e;const{imageResolver:i}=ce();return i&&r&&(r=i(r)),t(dt,{children:t(lt,{src:r,...n})})}const dt=n.div`
+`,dr=w(null);var hr=dr.Provider;const ur=f.Image;function mr(e){let{src:t,...n}=e;const{imageResolver:i}=ce();return i&&t&&(t=i(t)),r(pr,{children:r(ur,{src:t,...n})})}const pr=n.div`
     margin-bottom: .5rem;
     margin-top: .5rem;
     border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
@@ -598,7 +598,133 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         max-height: 100%;
         max-width: 100%;
     }
-`;function ht(e){let{value:n,cite:i}=e;const o=e=>"string"==typeof e?t(tt,{content:e,cite:i}):"image"===e.type?t(ct,{src:e.image}):null;return Array.isArray(n)?t(r,{children:n.map(((e,r)=>t(S,{children:o(e)},r)))}):o(n)}const mt=R((r=>{let{reasoning:n,loading:i}=r;const[o,s]=M(i);return j((()=>{i||s(!1)}),[i]),t(S,{children:t("div",{className:"mb-2",children:e("div",o||i?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>s(i),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[i?t(D,{animation:"border",variant:"primary",size:"sm"}):t("i",{className:"bi bi-check-circle-fill text-success"}),t("span",{className:"text-muted",children:i?"思考中":"已思考"}),t("i",{className:"bi bi-caret-up-fill text-muted"})]}),t("div",{className:"border-top p-2 d-flex flex-column gap-2",children:t("div",{className:"border rounded bg-light p-2",children:t(tt,{content:n})})})]}:{onClick:()=>s(!0),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[i?t(D,{animation:"border",variant:"primary",size:"sm"}):t("i",{className:"bi bi-check-circle-fill text-success"}),t("span",{className:"text-muted",children:i?"思考中":"已思考"}),t("i",{className:"bi bi-caret-down-fill text-muted"})]})})})}));class ut{#t;#o=[];#s=0;constructor(){this.#t=new B}speak(){for(this.#t.emit("playing",!0);this.#s<this.#o.length;){const e=this.#o[this.#s],t=new SpeechSynthesisUtterance(e),r=++this.#s;t.onend=()=>{r>=this.#o.length&&this.clear()},t.onerror=()=>{this.clear()},window.speechSynthesis.speak(t)}}clear(){this.#t.emit("playing",!1)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.#o=Array.isArray(e)?e:[e],t||(window.speechSynthesis.cancel(),this.#s=0),this.speak()}stop(){window.speechSynthesis.cancel(),this.clear()}onPlaying(e){this.#t.on("playing",e)}onSpeaking(e){this.#t.on("speaking",e)}}const pt=new Map;class gt{#r;#t;#o=[];#a=new Map;#l=!1;#s=0;#c=!1;constructor(e){this.#r=e,this.#t=new B}createLoader(e){const t=new Promise((async t=>{try{const{type:r,data:n}=await this.#r(e),i=new Audio(`data:${r};base64,${n}`);this.#a.set(e,i),t(i)}catch{this.#a.delete(e),t(void 0)}}));return this.#a.set(e,t),t}async loadAudioData(){this.#c=!0,this.#t.emit("speaking",!0);let e=0;for(;e<this.#o.length;){const t=this.#o[e];!this.#a.has(t)&&this.#c&&await this.createLoader(t),e++}this.#t.emit("speaking",!1),this.#c=!1}waitForAudioLoaded(e){const t=this.#a.get(e);return t instanceof Promise?t:Promise.resolve(t)}async playAudio(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.#l=!0;const t=await this.waitForAudioLoaded(this.#o[e]);this.#t.emit("playing",!0),t?(pt.set(this,t),t.onpause=async()=>{t.ended?(this.#s++,this.#s<this.#o.length?await this.playAudio(this.#s):this.clear()):this.clear()},await t.play()):this.clear()}clear(){this.#l=!1,this.#c=!1,this.#t.emit("playing",!1),this.#t.emit("speaking",!1),pt.delete(this)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];pt.forEach(((e,t)=>{t!==this&&(e.pause(),e.currentTime=0)})),this.#o=Array.isArray(e)?e:[e],t||(this.#s=0),this.#c||this.loadAudioData(),this.#l||this.playAudio()}update(e){this.#o=Array.isArray(e)?e:[e]}stop(){const e=pt.get(this);e&&(e.pause(),e.currentTime=0)}onPlaying(e){this.#t.on("playing",e)}onSpeaking(e){this.#t.on("speaking",e)}}function ft(e){let{text:t,loading:r,loader:n}=e;const i=E(),[o,s]=M(!1),[a,l]=M(!1),c=E(r),d=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];i.current||(i.current=n?new gt(n):new ut,i.current.onSpeaking(s),i.current.onPlaying(l));let o="";"string"==typeof t?o=t:t.current&&(o=function(e){const t=e.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li:not(:has(p,h1, h2, h3, h4, h5, h6))");return Array.from(t).flatMap((e=>e.textContent?[e.textContent]:[]))}(t.current),r&&o.pop()),o&&0!==o.length&&i.current.start(o,e)};return j((()=>{if(c.current&&"string"!=typeof t&&t.current){if(r){const e={childList:!0,subtree:!0},r=new MutationObserver((function(){d(!0)}));return r.observe(t.current,e),d(),()=>{r.disconnect()}}d(!0)}}),[r]),j((()=>()=>{i.current&&(i.current.stop(),i.current=void 0)}),[]),{playing:a,speaking:o,start:d,stop:()=>{i.current&&i.current.stop()}}}function bt(r){let{model:n="builtin",voice:i,loading:o,autoplay:s,contentRef:a,avatarRef:l}=r;const{request:c}=ce(),d=q((()=>{if("builtin"!==n)return async e=>(await c({url:"/speech",method:"post",data:{model:n,voice:i,input:e}})).audio}),[n,i]),{playing:h,speaking:m,start:u,stop:p}=ft({loader:d,text:a,loading:s&&o});let g=null;return l.current&&(m&&(g=Z(t(vt,{children:t(D,{size:"sm",variant:"light"})}),l.current)),h&&(g=Z(t(vt,{children:t(xt,{className:"bi bi-volume-down-fill text-light"})}),l.current))),e(st,{disabled:o&&!h,onClick:()=>{h?p():u()},children:[h?t(xt,{className:"bi bi-volume-down-fill"}):m?t(D,{size:"sm",variant:"primary"}):t(xt,{className:"bi bi-volume-down"}),g]})}const vt=n.div`
+`,gr=w(null);function br(){const e=E(gr);if(!e)throw new Error("useContext must be used within a Provider");return e}function fr(e){let{children:t,...n}=e;return r(gr.Provider,{value:n,children:t})}function vr(t){let{description:n,options:i}=t;const{resume:o,disabled:a,output:s}=br(),[l,c]=N(s?.result),d=a||void 0!==l;return e(xr,{children:[n&&r(yr,{children:n}),i.map(((e,t)=>r(kr,{$selected:l===e,$disabled:d,onClick:()=>(e=>{d||(c(e),o(e))})(e),children:e},t)))]})}const xr=n.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    margin: 0.5rem 0;
+
+    &:first-child {
+        margin-top: 0;
+    }
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+`,yr=n.div`
+    color: var(--bs-secondary);
+    font-size: 0.9rem;
+    line-height: 1.5;
+`,kr=n.div`
+    padding: 0.25rem .75rem;
+    background-color: ${e=>e.$selected?"rgba(var(--bs-primary-rgb), 0.1)":"#FFFFFF"};
+    border: 1px solid ${e=>e.$selected?"rgba(var(--bs-primary-rgb), 0.3)":"var(--bs-border-color)"};
+    border-radius: var(--bs-border-radius-lg);
+    cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+    transition: all 0.2s ease;
+    color: ${e=>e.$selected?"var(--bs-primary)":"inherit"};
+    font-weight: ${e=>e.$selected?"500":"normal"};
+    opacity: ${e=>e.$disabled&&!e.$selected?.5:1};
+
+    &:hover {
+        background-color: ${e=>e.$disabled?e.$selected?"rgba(var(--bs-primary-rgb), 0.1)":"#FFFFFF":e.$selected?"rgba(var(--bs-primary-rgb), 0.15)":"rgba(var(--bs-gray-rgb), 0.05)"};
+        border-color: ${e=>e.$disabled?e.$selected?"rgba(var(--bs-primary-rgb), 0.3)":"var(--bs-border-color)":e.$selected?"rgba(var(--bs-primary-rgb), 0.4)":"var(--bs-gray-400)"};
+    }
+
+    &:active {
+        transform: ${e=>e.$disabled?"none":"scale(0.98)"};
+    }
+`;function wr(t){let{description:n,fields:i}=t;const{resume:o,disabled:a,output:s}=br(),[l,c]=N(s||{}),[d,h]=N({}),u=void 0!==s,m=a||u,p=(e,r)=>{m||(c((t=>({...t,[e]:r}))),d[e]&&h((r=>{const t={...r};return delete t[e],t})))};return e(Er,{children:[n&&r($r,{children:n}),r(Nr,{children:i.map((t=>{const n=l[t.name]||"",i=d[t.name];return e(jr,{children:[e(Cr,{children:[t.label,t.required&&r(Mr,{children:"*"})]}),"textarea"===t.type?r(qr,{value:n,onChange:e=>p(t.name,e.target.value),placeholder:t.placeholder,disabled:m,$hasError:!!i}):"select"===t.type?e(Sr,{value:n,onChange:e=>p(t.name,e.target.value),disabled:m,$hasError:!!i,children:[r("option",{value:"",children:t.placeholder||"请选择"}),t.options?.map(((e,t)=>r("option",{value:e,children:e},t)))]}):r(zr,{type:t.type,value:n,onChange:e=>p(t.name,e.target.value),placeholder:t.placeholder,disabled:m,$hasError:!!i}),i&&r(Rr,{children:i})]},t.name)}))}),r(Ar,{onClick:()=>{if(!m&&(()=>{const e={};for(const r of i){const t=l[r.name];if(!r.required||t&&""!==t.toString().trim()){if(t&&t.toString().trim())switch(r.type){case"email":/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)||(e[r.name]="请输入有效的邮箱地址");break;case"tel":/^[0-9\-\+\(\)\s]+$/.test(t)||(e[r.name]="请输入有效的电话号码");break;case"number":isNaN(Number(t))&&(e[r.name]="请输入有效的数字")}}else e[r.name]=`${r.label}为必填项`}return h(e),0===Object.keys(e).length})()){const e={...l};for(const r of i)"number"===r.type&&e[r.name]&&(e[r.name]=Number(e[r.name]));c(e),o(e)}},disabled:m,$submitted:u,children:u?"已提交":"提交"})]})}const Er=n.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 0.5rem 0;
+
+    &:first-child {
+        margin-top: 0;
+    }
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+`,$r=n.div`
+    color: var(--bs-secondary);
+    font-size: 0.9rem;
+    line-height: 1.5;
+`,Nr=n.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+`,jr=n.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+`,Cr=n.label`
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--bs-body-color);
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+`,Mr=n.span`
+    color: var(--bs-danger);
+`,Fr="\n    padding: 0.5rem 0.75rem;\n    border: 1px solid var(--bs-border-color);\n    border-radius: var(--bs-border-radius);\n    font-size: 0.875rem;\n    color: var(--bs-body-color);\n    background-color: #FFFFFF;\n    transition: all 0.2s ease;\n    outline: none;\n\n    &::placeholder {\n        color: var(--bs-secondary);\n        opacity: 0.6;\n    }\n\n    &:focus {\n        border-color: var(--bs-primary);\n        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);\n    }\n\n    &:disabled {\n        background-color: var(--bs-secondary-bg);\n        opacity: 0.65;\n        cursor: not-allowed;\n    }\n",zr=n.input`
+    ${Fr};
+    border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-border-color)"};
+
+    &:focus {
+        border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-primary)"};
+        box-shadow: 0 0 0 0.2rem ${e=>e.$hasError?"rgba(var(--bs-danger-rgb), 0.15)":"rgba(var(--bs-primary-rgb), 0.15)"};
+    }
+`,qr=n.textarea`
+    ${Fr};
+    min-height: 5rem;
+    resize: vertical;
+    border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-border-color)"};
+
+    &:focus {
+        border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-primary)"};
+        box-shadow: 0 0 0 0.2rem ${e=>e.$hasError?"rgba(var(--bs-danger-rgb), 0.15)":"rgba(var(--bs-primary-rgb), 0.15)"};
+    }
+`,Sr=n.select`
+    ${Fr};
+    border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-border-color)"};
+    cursor: pointer;
+
+    &:focus {
+        border-color: ${e=>e.$hasError?"var(--bs-danger)":"var(--bs-primary)"};
+        box-shadow: 0 0 0 0.2rem ${e=>e.$hasError?"rgba(var(--bs-danger-rgb), 0.15)":"rgba(var(--bs-primary-rgb), 0.15)"};
+    }
+
+    &:disabled {
+        cursor: not-allowed;
+    }
+`,Rr=n.div`
+    font-size: 0.75rem;
+    color: var(--bs-danger);
+    margin-top: -0.125rem;
+`,Ar=n.button`
+    padding: 0.5rem 1rem;
+    background-color: ${e=>e.$submitted?"rgba(var(--bs-success-rgb), 0.1)":"var(--bs-primary)"};
+    color: ${e=>e.$submitted?"var(--bs-success)":"#FFFFFF"};
+    border: 1px solid ${e=>e.$submitted?"rgba(var(--bs-success-rgb), 0.3)":"var(--bs-primary)"};
+    border-radius: var(--bs-border-radius-lg);
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
+    transition: all 0.2s ease;
+    opacity: ${e=>e.disabled&&!e.$submitted?.65:1};
+
+    &:hover {
+        background-color: ${e=>e.disabled?e.$submitted?"rgba(var(--bs-success-rgb), 0.1)":"var(--bs-primary)":e.$submitted?"rgba(var(--bs-success-rgb), 0.15)":"var(--bs-primary-hover, var(--bs-primary))"};
+        border-color: ${e=>e.disabled?e.$submitted?"rgba(var(--bs-success-rgb), 0.3)":"var(--bs-primary)":e.$submitted?"rgba(var(--bs-success-rgb), 0.4)":"var(--bs-primary-hover, var(--bs-primary))"};
+        filter: ${e=>e.disabled?"none":"brightness(0.95)"};
+    }
+
+    &:active {
+        transform: ${e=>e.disabled?"none":"scale(0.98)"};
+    }
+`;function Ir(e){let{suspend:t}=e;const{readonly:n}=ce(),{index:i,chunk:o,isLastMessage:a}=function(){const e=E(dr);if(!e)throw new Error("useContext must be used within a Provider");return e}(),{resume:s}=he(),l=C((e=>{s({chunk:i,payload:e})}),[]);let c=null;switch(t.type){case"select":c=r(vr,{...t.select});break;case"form":c=r(wr,{...t.form})}return r(fr,{resume:l,disabled:n||!!o.error||!a,output:o.node?.output,children:c})}function Lr(e){let{value:n,cite:i}=e;const o=e=>"string"==typeof e?r(nr,{content:e,cite:i}):"image"===e.type?r(mr,{src:e.image}):"suspend"===e.type?r(Ir,{suspend:e.suspend}):null;return Array.isArray(n)?r(t,{children:n.map(((e,t)=>r(q,{children:o(e)},t)))}):o(n)}const Dr=S((t=>{let{reasoning:n,loading:i}=t;const[o,a]=N(i);return $((()=>{i||a(!1)}),[i]),r(q,{children:r("div",{className:"mb-2",children:e("div",o||i?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>a(i),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[i?r(L,{animation:"border",variant:"primary",size:"sm"}):r("i",{className:"bi bi-check-circle-fill text-success"}),r("span",{className:"text-muted",children:i?"思考中":"已思考"}),r("i",{className:"bi bi-caret-up-fill text-muted"})]}),r("div",{className:"border-top p-2 d-flex flex-column gap-2",children:r("div",{className:"border rounded bg-light p-2",children:r(nr,{content:n})})})]}:{onClick:()=>a(!0),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[i?r(L,{animation:"border",variant:"primary",size:"sm"}):r("i",{className:"bi bi-check-circle-fill text-success"}),r("span",{className:"text-muted",children:i?"思考中":"已思考"}),r("i",{className:"bi bi-caret-down-fill text-muted"})]})})})}));class Pr{#r;#o=[];#a=0;constructor(){this.#r=new B}speak(){for(this.#r.emit("playing",!0);this.#a<this.#o.length;){const e=this.#o[this.#a],r=new SpeechSynthesisUtterance(e),t=++this.#a;r.onend=()=>{t>=this.#o.length&&this.clear()},r.onerror=()=>{this.clear()},window.speechSynthesis.speak(r)}}clear(){this.#r.emit("playing",!1)}start(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.#o=Array.isArray(e)?e:[e],r||(window.speechSynthesis.cancel(),this.#a=0),this.speak()}stop(){window.speechSynthesis.cancel(),this.clear()}onPlaying(e){this.#r.on("playing",e)}onSpeaking(e){this.#r.on("speaking",e)}}const Or=new Map;class Tr{#t;#r;#o=[];#s=new Map;#l=!1;#a=0;#c=!1;constructor(e){this.#t=e,this.#r=new B}createLoader(e){const r=new Promise((async r=>{try{const{type:t,data:n}=await this.#t(e),i=new Audio(`data:${t};base64,${n}`);this.#s.set(e,i),r(i)}catch{this.#s.delete(e),r(void 0)}}));return this.#s.set(e,r),r}async loadAudioData(){this.#c=!0,this.#r.emit("speaking",!0);let e=0;for(;e<this.#o.length;){const r=this.#o[e];!this.#s.has(r)&&this.#c&&await this.createLoader(r),e++}this.#r.emit("speaking",!1),this.#c=!1}waitForAudioLoaded(e){const r=this.#s.get(e);return r instanceof Promise?r:Promise.resolve(r)}async playAudio(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.#l=!0;const r=await this.waitForAudioLoaded(this.#o[e]);this.#r.emit("playing",!0),r?(Or.set(this,r),r.onpause=async()=>{r.ended?(this.#a++,this.#a<this.#o.length?await this.playAudio(this.#a):this.clear()):this.clear()},await r.play()):this.clear()}clear(){this.#l=!1,this.#c=!1,this.#r.emit("playing",!1),this.#r.emit("speaking",!1),Or.delete(this)}start(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];Or.forEach(((e,r)=>{r!==this&&(e.pause(),e.currentTime=0)})),this.#o=Array.isArray(e)?e:[e],r||(this.#a=0),this.#c||this.loadAudioData(),this.#l||this.playAudio()}update(e){this.#o=Array.isArray(e)?e:[e]}stop(){const e=Or.get(this);e&&(e.pause(),e.currentTime=0)}onPlaying(e){this.#r.on("playing",e)}onSpeaking(e){this.#r.on("speaking",e)}}function Br(e){let{text:r,loading:t,loader:n}=e;const i=j(),[o,a]=N(!1),[s,l]=N(!1),c=j(t),d=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];i.current||(i.current=n?new Tr(n):new Pr,i.current.onSpeaking(a),i.current.onPlaying(l));let o="";"string"==typeof r?o=r:r.current&&(o=function(e){const r=e.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li:not(:has(p,h1, h2, h3, h4, h5, h6))");return Array.from(r).flatMap((e=>e.textContent?[e.textContent]:[]))}(r.current),t&&o.pop()),o&&0!==o.length&&i.current.start(o,e)};return $((()=>{if(c.current&&"string"!=typeof r&&r.current){if(t){const e={childList:!0,subtree:!0},t=new MutationObserver((function(){d(!0)}));return t.observe(r.current,e),d(),()=>{t.disconnect()}}d(!0)}}),[t]),$((()=>()=>{i.current&&(i.current.stop(),i.current=void 0)}),[]),{playing:s,speaking:o,start:d,stop:()=>{i.current&&i.current.stop()}}}function _r(t){let{model:n="builtin",voice:i,loading:o,autoplay:a,contentRef:s,avatarRef:l}=t;const{request:c}=ce(),d=F((()=>{if("builtin"!==n)return async e=>(await c({url:"/speech",method:"post",data:{model:n,voice:i,input:e}})).audio}),[n,i]),{playing:h,speaking:u,start:m,stop:p}=Br({loader:d,text:s,loading:a&&o});let g=null;return l.current&&(u&&(g=Z(r(Ur,{children:r(L,{size:"sm",variant:"light"})}),l.current)),h&&(g=Z(r(Ur,{children:r(Hr,{className:"bi bi-volume-down-fill text-light"})}),l.current))),e(lr,{disabled:o&&!h,onClick:()=>{h?p():m()},children:[h?r(Hr,{className:"bi bi-volume-down-fill"}):u?r(L,{size:"sm",variant:"primary"}):r(Hr,{className:"bi bi-volume-down"}),g]})}const Ur=n.div`
     position: absolute;
     top: 0;
     left: 0;
@@ -608,20 +734,20 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, .3);
-`,xt=n.i`
+`,Hr=n.i`
 
     &::before {
         transform: scale(1.4)
     }
-`;function yt(r){let{tool:n,loading:i}=r;const[o,s]=M(!1),{logLevel:a="none"}=ce(),l="response"in n,c=!l&&!i;return e(S,{children:["stats"==a&&t("div",{className:"mb-2",children:e("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[c?t("i",{className:"bi bi-dash-circle-fill text-muted"}):l?n.error?t("i",{className:"bi bi-x-circle-fill text-danger"}):t("i",{className:"bi bi-check-circle-fill text-success"}):t(D,{animation:"border",variant:"primary",size:"sm"}),t("span",{className:"text-muted",children:c?"已取消":l?"已使用":"正在使用"}),t("span",{children:n.title})]})}),"all"==a&&t("div",{className:"mb-2",children:e("div",o&&l?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>s(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[n.error?t("i",{className:"bi bi-x-circle-fill text-danger"}):t("i",{className:"bi bi-check-circle-fill text-success"}),t("span",{className:"text-muted",children:"已使用"}),t("span",{children:n.title}),t("i",{className:"bi bi-caret-up-fill text-muted"})]}),e("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[e("div",{className:"border rounded bg-light",children:[t("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:t("span",{className:"text-muted",children:"参数"})}),t("div",{className:"border-top p-2 overflow-hidden",children:n.arguments})]}),e("div",{className:"border rounded bg-light",children:[t("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:t("span",{className:"text-muted",children:"响应"})}),t(kt,{className:"border-top p-2 overflow-hidden",children:n.response||"None"})]})]})]}:{onClick:()=>s(l),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[c?t("i",{className:"bi bi-dash-circle-fill text-muted"}):l?n.error?t("i",{className:"bi bi-x-circle-fill text-danger"}):t("i",{className:"bi bi-check-circle-fill text-success"}):t(D,{animation:"border",variant:"primary",size:"sm"}),t("span",{className:"text-muted",children:c?"已取消":l?"已使用":"正在使用"}),t("span",{children:n.title}),l&&t("i",{className:"bi bi-caret-down-fill text-muted"})]})}),n.content&&t(ht,{value:n.content})]})}const kt=n.div`
+`;function Jr(t){let{tool:n,loading:i}=t;const[o,a]=N(!1),{logLevel:s="none"}=ce(),l="response"in n,c=!l&&!i;return e(q,{children:["stats"==s&&r("div",{className:"mb-2",children:e("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[c?r("i",{className:"bi bi-dash-circle-fill text-muted"}):l?n.error?r("i",{className:"bi bi-x-circle-fill text-danger"}):r("i",{className:"bi bi-check-circle-fill text-success"}):r(L,{animation:"border",variant:"primary",size:"sm"}),r("span",{className:"text-muted",children:c?"已取消":l?"已使用":"正在使用"}),r("span",{children:n.title})]})}),"all"==s&&r("div",{className:"mb-2",children:e("div",o&&l?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>a(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[n.error?r("i",{className:"bi bi-x-circle-fill text-danger"}):r("i",{className:"bi bi-check-circle-fill text-success"}),r("span",{className:"text-muted",children:"已使用"}),r("span",{children:n.title}),r("i",{className:"bi bi-caret-up-fill text-muted"})]}),e("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[e("div",{className:"border rounded bg-light",children:[r("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:r("span",{className:"text-muted",children:"参数"})}),r("div",{className:"border-top p-2 overflow-hidden",children:n.arguments})]}),e("div",{className:"border rounded bg-light",children:[r("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:r("span",{className:"text-muted",children:"响应"})}),r(Kr,{className:"border-top p-2 overflow-hidden",children:n.response||"None"})]})]})]}:{onClick:()=>a(l),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[c?r("i",{className:"bi bi-dash-circle-fill text-muted"}):l?n.error?r("i",{className:"bi bi-x-circle-fill text-danger"}):r("i",{className:"bi bi-check-circle-fill text-success"}):r(L,{animation:"border",variant:"primary",size:"sm"}),r("span",{className:"text-muted",children:c?"已取消":l?"已使用":"正在使用"}),r("span",{children:n.title}),l&&r("i",{className:"bi bi-caret-down-fill text-muted"})]})}),n.content&&r(Lr,{value:n.content})]})}const Kr=n.div`
     white-space: pre-wrap;
-`;function wt(r){let{node:n}=r;const[i,o]=M(!1),{nodeIconResolver:s}=ce(),a=!("latency"in n),l=a?t(D,{animation:"border",variant:"primary",size:"sm"}):n.error?t("i",{className:"bi bi-x-circle-fill text-danger"}):t("i",{className:"bi bi-check-circle-fill text-success"});return e("div",{className:"shadow-sm rounded bg-white fs-7",children:[e(Et,{onClick:()=>o((e=>!e)),role:"button",className:"d-flex align-items-center p-1 px-2 gap-1",children:[t("i",{className:"bi bi-chevron-down text-muted"}),s?.(n.type),t(jt,{className:"me-2 text-truncate",children:n.title}),t("span",{className:"me-auto"}),!a&&t("span",{className:"text-nowrap text-muted",children:Nt(n.latency)}),t("span",{children:l})]}),i&&e("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[e("div",{className:"border rounded bg-light",children:[t("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:t("span",{className:"text-muted",children:"输入"})}),t("div",{className:"border-top p-2 overflow-hidden text-pre-wrap",children:n.input?JSON.stringify(n.input,null,4):"None"})]}),e("div",{className:"border rounded bg-light",children:[t("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:t("span",{className:"text-muted",children:"输出"})}),t("div",{className:"border-top p-2 overflow-hidden text-pre-wrap",children:n.output?JSON.stringify(n.output,null,4):"None"})]})]})]})}const Nt=e=>e<1?`${(1e3*e).toFixed(3)} ms`:e>60?`${parseInt(Math.round(e/60).toString())} m ${(e%60).toFixed(3)} s`:`${e.toFixed(3)} s`,Et=n.div`
+`;function Qr(t){let{node:n}=t;const[i,o]=N(!1),{nodeIconResolver:a}=ce(),s=!("latency"in n),l=s?r(L,{animation:"border",variant:"primary",size:"sm"}):n.error?r("i",{className:"bi bi-x-circle-fill text-danger"}):r("i",{className:"bi bi-check-circle-fill text-success"});return e("div",{className:"shadow-sm rounded bg-white fs-7",children:[e(Xr,{onClick:()=>o((e=>!e)),role:"button",className:"d-flex align-items-center p-1 px-2 gap-1",children:[r("i",{className:"bi bi-chevron-down text-muted"}),a?.(n.type),r(Vr,{className:"me-2 text-truncate",children:n.title}),r("span",{className:"me-auto"}),!s&&r("span",{className:"text-nowrap text-muted",children:Wr(n.latency)}),r("span",{children:l})]}),i&&e("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[e("div",{className:"border rounded bg-light",children:[r("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:r("span",{className:"text-muted",children:"输入"})}),r("div",{className:"border-top p-2 overflow-hidden text-pre-wrap",children:n.input?JSON.stringify(n.input,null,4):"None"})]}),e("div",{className:"border rounded bg-light",children:[r("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:r("span",{className:"text-muted",children:"输出"})}),r("div",{className:"border-top p-2 overflow-hidden text-pre-wrap",children:n.output?JSON.stringify(n.output,null,4):"None"})]})]})]})}const Wr=e=>e<1?`${(1e3*e).toFixed(3)} ms`:e>60?`${parseInt(Math.round(e/60).toString())} m ${(e%60).toFixed(3)} s`:`${e.toFixed(3)} s`,Xr=n.div`
     svg {
         flex-shrink: 0;
     }
-`,jt=n.span`
+`,Vr=n.span`
     display: inline-block;
-`;function Ct(r){let{nodes:n,loading:i}=r;const[o,s]=M(!1),a=n.some((e=>"error"in e)),l=i?t(D,{animation:"border",variant:"primary",size:"sm"}):t("i",a?{className:"bi bi-x-circle-fill text-danger"}:{className:"bi bi-check-circle-fill text-success"});return t("div",{className:"mb-2",children:e("div",o?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>s(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[l,t("span",{children:"工作流"}),t("i",{className:"bi bi-caret-up-fill text-muted"})]}),t("div",{className:"border-top p-2 d-flex flex-column gap-1 bg-light bg-opacity-50",children:n.map(((e,r)=>t(wt,{node:e},r)))})]}:{onClick:()=>s(!0),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[l,t("span",{children:"工作流"}),t("i",{className:"bi bi-caret-down-fill text-muted"})]})})}const Mt=R((n=>{let{message:i,actions:o,setMessage:s,cite:a,speech:l}=n;const{query:c,quote:d,files:h=[],chunks:m,annotation:u,loading:p}=i,{user:g,bot:f,logLevel:y="none",messages:k}=ce(),w=q((()=>m?m.reduce((function(e,t){return e+t.content+"\n"+(t.tools||[]).reduce(((e,t)=>{if(t.content){if("string"==typeof t.content)return e+t.content+"\n";if("image"===t.content.type){return e+`![](${v(t.content.image)})\n`}}return e}),"")}),""):""),[m]),N=E(null),j=E(null),C=E(null),M=q((()=>m?.flatMap((e=>e.node?[e.node]:[]))||[]),[m]);return e(r,{children:[(c||h.length>0)&&e(Ot,{$reverse:!0,children:[g&&t(It,{children:t("img",{src:g.avatar})}),t(Dt,{}),e(Lt,{ref:N,children:[c&&t(tt,{content:c}),d&&t(T,{trigger:"click",container:N,rootClose:!0,placement:"bottom",overlay:t($t,{body:!0,children:d}),children:t(zt,{children:t(qt,{children:d})})}),h.length>0&&h.map(((e,r)=>{let{name:n,size:i,path:o}=e;return x(o)?t(ct,{src:`/uploads/${o}`},r):t(Rt,{children:t(re,{name:n,size:i})},r)}))]})]}),m&&e(Ot,{children:[f&&t(It,{ref:j,children:t("img",{src:f.avatar})}),t(Dt,{}),e(Lt,{children:[(c||h.length>0)&&!1!==o&&e(At,{children:[t(b,{placement:"top",content:w,as:st,tooltip:!0}),l&&t(bt,{loading:i.loading,avatarRef:j,contentRef:C,...l}),o?.({Component:st,message:i,content:w,setMessage:s,messages:k})]}),t(Ft,{children:["stats","all"].includes(y)&&i.stats&&e(r,{children:[e("span",{children:["耗时 ",i.stats.latency/1e3," 秒"]}),e("span",{children:["花费 Token ",i.stats.usage]})]})}),e(St,{ref:C,$deleted:!!u,children:["all"===y&&M.length>0&&t(Ct,{loading:p,nodes:M}),m.length>0&&m.map(((r,n)=>e(S,{children:[r.reasoning&&["stats","all"].includes(y)&&t(mt,{reasoning:r.reasoning,loading:!r.content&&0===(r.tools||[]).length}),r.content&&t(ht,{cite:a,value:r.content}),(r.tools||[]).map(((e,r)=>t(yt,{tool:e,loading:p},r))),r.error&&t(tt,{content:`[${r.error}]`})]},n)))]}),u&&e("div",{children:[e("div",{className:"d-flex align-items-center",children:[t("span",{className:"fs-7 text-secondary me-2",children:"标注的答案"}),t("hr",{className:"flex-fill"})]}),t(tt,{content:u.answer})]}),i.loading&&t(We,{})]})]})]})})),$t=n(P)`
+`;function Yr(t){let{nodes:n,loading:i}=t;const[o,a]=N(!1),s=n.some((e=>"error"in e)),l=i?r(L,{animation:"border",variant:"primary",size:"sm"}):r("i",s?{className:"bi bi-x-circle-fill text-danger"}:{className:"bi bi-check-circle-fill text-success"});return r("div",{className:"mb-2",children:e("div",o?{className:"shadow-sm rounded bg-white fs-7",children:[e("div",{onClick:()=>a(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[l,r("span",{children:"工作流"}),r("i",{className:"bi bi-caret-up-fill text-muted"})]}),r("div",{className:"border-top p-2 d-flex flex-column gap-1 bg-light bg-opacity-50",children:n.map(((e,t)=>r(Qr,{node:e},t)))})]}:{onClick:()=>a(!0),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[l,r("span",{children:"工作流"}),r("i",{className:"bi bi-caret-down-fill text-muted"})]})})}const Gr=S((n=>{let{message:i,actions:o,setMessage:a,cite:s,speech:l,isLast:c}=n;const{query:d,quote:h,files:u=[],chunks:m,annotation:p,loading:g}=i,{user:b,bot:f,logLevel:y="none",messages:k}=ce(),w=F((()=>m?m.reduce((function(e,r){const t=Array.isArray(r.content)?r.content.reduce(((e,r)=>{const t=Ve(r);return t?e+t+"\n":e}),""):Ve(r.content);return e+t+"\n"+(r.tools||[]).reduce(((e,r)=>{if(r.content){const t=Ve(r.content);if(t)return e+t+"\n"}return e}),"")}),""):""),[m]),E=j(null),$=j(null),N=j(null),C=F((()=>m?.flatMap((e=>e.node?[e.node]:[]))||[]),[m]),M=d||u.length>0;return e(t,{children:[M&&e(ct,{$reverse:!0,children:[b&&r(at,{children:r("img",{src:b.avatar})}),r(st,{}),e(lt,{ref:E,children:[d&&r(nr,{content:d}),h&&r(O,{trigger:"click",container:E,rootClose:!0,placement:"bottom",overlay:r(Zr,{body:!0,children:h}),children:r(rt,{children:r(et,{children:h})})}),u.length>0&&u.map(((e,t)=>{let{name:n,size:i,path:o}=e;return x(o)?r(mr,{src:`/uploads/${o}`},t):r(nt,{children:r(te,{name:n,size:i})},t)}))]})]}),m&&e(ct,{children:[f&&r(at,{ref:$,children:r("img",{src:f.avatar})}),r(st,{}),e(lt,{children:[M&&!1!==o&&e(it,{children:[r(v,{placement:"top",content:w,as:lr,tooltip:!0}),l&&r(_r,{loading:i.loading,avatarRef:$,contentRef:N,...l}),o?.({Component:lr,message:i,content:w,setMessage:a,messages:k})]}),r(ot,{children:["stats","all"].includes(y)&&i.stats&&e(t,{children:[e("span",{children:["耗时 ",i.stats.latency/1e3," 秒"]}),e("span",{children:["花费 Token ",i.stats.usage]})]})}),e(tt,{ref:N,$deleted:!!p,children:["all"===y&&C.length>0&&r(Yr,{loading:g,nodes:C}),m.map(((t,n)=>e(hr,{value:{index:n,chunk:t,isLastMessage:c},children:[t.reasoning&&["stats","all"].includes(y)&&r(Dr,{reasoning:t.reasoning,loading:!t.content&&0===(t.tools||[]).length}),t.content&&r(Lr,{cite:s,value:t.content}),(t.tools||[]).map(((e,t)=>r(Jr,{tool:e,loading:g},t))),t.error&&r(nr,{content:`[${t.error}]`})]},n)))]}),p&&e("div",{children:[e("div",{className:"d-flex align-items-center",children:[r("span",{className:"fs-7 text-secondary me-2",children:"标注的答案"}),r("hr",{className:"flex-fill"})]}),r(nr,{content:p.answer})]}),i.loading&&r(Xe,{})]})]})]})})),Zr=n(T)`
     max-width: calc(100% - .875rem * 2);
     width: calc(100% - .875rem * 2);
     font-size: 1rem;
@@ -630,25 +756,25 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     .popover-body {
         padding: .5rem .75rem;
     }
-`,qt=n.div`
+`,et=n.div`
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
-`,zt=n.div`
+`,rt=n.div`
     padding: .5rem .75rem;
     color: var(--bs-secondary);
     border-radius: var(--bs-border-radius-lg);
     background: #FFFFFF;
     cursor: pointer;
-`,St=n.div`
+`,tt=n.div`
     ${e=>e.$deleted&&i`
         text-decoration-line: line-through;
         color: var(--bs-secondary);
     `}
-`,Rt=n.div`
+`,nt=n.div`
     width: 100%;
     margin-bottom: .5rem;
     margin-top: .5rem;
@@ -660,7 +786,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     &:last-child {
         margin-bottom: 0;
     }
-`,At=n.div`
+`,it=n.div`
     position: absolute;
     top: -1.1rem;
     right: 0;
@@ -668,7 +794,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     gap: .5rem;
     opacity: 0;
     z-index: 1;
-`,Ft=n.div`
+`,ot=n.div`
     position: absolute;
     bottom: -1.4rem;
     left: 0;
@@ -681,7 +807,7 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     display: flex;
     opacity: 0;
     z-index: 1;
-`,It=n.div`
+`,at=n.div`
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -692,14 +818,14 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
         width: 100%;
         height: 100%;
     }
-`,Dt=n.div`
+`,st=n.div`
     width: 0;
     height: 0;
     content: "";
     border: 5px solid transparent;
     border-right-color: #f3f3f3;
     transform: translateY(10px);
-`,Lt=n.div`
+`,lt=n.div`
     padding: .875rem;
     background-color: rgb(243, 243, 243);
     border-radius: var(--bs-border-radius-lg);
@@ -707,31 +833,31 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
     position: relative;
 
     &:hover {
-        ${Ft}, ${At} {
+        ${ot}, ${it} {
             opacity: 1;
         }
     }
-`,Ot=n.div`
+`,ct=n.div`
     display: flex;
     justify-content: flex-start;
     padding: 1rem 0 1rem 0;
     ${e=>e.$reverse&&i`
         flex-direction: row-reverse;
 
-        ${Dt} {
+        ${st} {
             border-left-color: rgba(var(--bs-primary-rgb), 0.1);
             border-right-color: transparent;
         }
 
-        ${Lt} {
+        ${lt} {
             background: rgba(var(--bs-primary-rgb), 0.1);
         }
     `};
-`;function Tt(r){const{placeholder:n,actions:i,cite:o,speech:s,renderItem:a,scrollRef:l}=r,{messages:c,setMessages:d,loading:h,suggestions:m,conversationId:u}=ce(),p=E(r.loaded),g=C((()=>{const e=l.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),f=E(null),{height:b}=ee({ref:f});return j((()=>{(h||!p.current)&&c.length>0&&(h&&(p.current=!0),g())}),[b,h,p,c]),j((()=>{m.length>0&&g()}),[m]),j((()=>{p.current=r.loaded}),[u]),j((()=>{const e=f.current;if(e){const t=()=>{p.current=!0};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}}),[f]),e(Pt,{ref:f,children:[0===c.length&&n,c.slice(-30).map(((e,r)=>{const n={actions:i,cite:o,speech:s,message:e,setMessage:t=>{d((r=>{const n=r.findIndex((t=>t.id===e.id));-1!==n&&t(r[n])}))}};return a?a({Component:Mt,props:n},r):t(Mt,{...n},r)})),m.length>0&&t(Bt,{children:m.map(((e,r)=>t("a",{href:"#!question",children:e},r)))})]})}const Pt=n.div`
+`;function dt(t){const{placeholder:n,actions:i,cite:o,speech:a,renderItem:s,scrollRef:l}=t,{messages:c,setMessages:d,loading:h,suggestions:u,conversationId:m}=ce(),p=j(t.loaded),g=C((()=>{const e=l.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),b=j(null),{height:f}=ee({ref:b});$((()=>{(h||!p.current)&&c.length>0&&(h&&(p.current=!0),g())}),[f,h,p,c]),$((()=>{u.length>0&&g()}),[u]),$((()=>{p.current=t.loaded}),[m]),$((()=>{const e=b.current;if(e){const r=()=>{p.current=!0};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[b]);const v=c.slice(-30);return e(ht,{ref:b,children:[0===v.length&&n,v.map(((e,t)=>{const n={actions:i,cite:o,speech:a,message:e,setMessage:r=>{d((t=>{const n=t.findIndex((r=>r.id===e.id));-1!==n&&r(t[n])}))},isLast:t===v.length-1};return s?s({Component:Gr,props:n},t):r(Gr,{...n},t)})),u.length>0&&r(ut,{children:u.map(((e,t)=>r("a",{href:"#!question",children:e},t)))})]})}const ht=n.div`
     display: flex;
     flex-direction: column;
     flex: 1;
-`,Bt=n.div`
+`,ut=n.div`
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -748,16 +874,16 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{styled as
             background: var(--bs-secondary-bg-subtle);
         }
     }
-`,_t=R($(((r,n)=>{let{className:i,bot:o,user:s,input:a,logLevel:l,imageResolver:c,nodeIconResolver:d,placeholder:h,actions:m,onboarding:u,conversation:p,cite:b,speech:v,renderItem:x,messages:k,request:w,transformMessages:N=_e}=r;const $=C((e=>{const t=[];if(u&&!1!==u.enable){const e=Ue(u.questions||[]);t.push({chunks:[{content:[u.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}],loading:u.loading})}return e?t.concat(N(e.messages||[])):k?t.concat(N(k)):t}),[u]),[S,R]=M(p?.id),[A,F]=g([]);j((()=>{F($(p))}),[u]);const[I,D]=M(!1),L=E(null),[O,T]=M([]),P=C((e=>{I||(R(e?.id),F($(e)),T([]))}),[I,$]);return z(n,(()=>({reset:P})),[P]),t(de,{request:q((()=>w?"string"==typeof w?y.create({baseURL:w}):w:y),[w]),bot:o,user:s,logLevel:l,imageResolver:c,nodeIconResolver:d,conversationId:S,setConversationId:R,messages:A,setMessages:F,suggestions:O,setSuggestions:T,loading:I,setLoading:D,reset:P,children:t(Ht,{className:i,children:e(f,{children:[t(Ut,{ref:L,children:t(Tt,{placeholder:h,cite:b,actions:m,loaded:!a,speech:v,renderItem:x,scrollRef:L})}),a&&t(Ae,{...a,scrollRef:L})]})})})})),_),Ut=n.div`
+`,mt=S(M(((t,n)=>{let{className:i,bot:o,user:a,input:s,logLevel:l,imageResolver:c,nodeIconResolver:d,placeholder:h,actions:u,onboarding:m,conversation:p,cite:b,speech:v,renderItem:x,messages:k,request:w,transformMessages:E=Ue}=t;const M=C((e=>{const r=[];if(m&&!1!==m.enable){const e=He(m.questions||[]);r.push({chunks:[{content:[m.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}],loading:m.loading})}return e?r.concat(E(e.messages||[])):k?r.concat(E(k)):r}),[m]),[q,S]=N(p?.id),[R,A]=g([]);$((()=>{A(M(p))}),[m]);const[I,L]=N(!1),D=j(null),[P,O]=N([]),T=C((e=>{I||(S(e?.id),A(M(e)),O([]))}),[I,M]);return z(n,(()=>({reset:T})),[T]),r(de,{request:F((()=>w?"string"==typeof w?y.create({baseURL:w}):w:y),[w]),bot:o,user:a,logLevel:l,imageResolver:c,nodeIconResolver:d,conversationId:q,setConversationId:S,messages:R,setMessages:A,suggestions:P,setSuggestions:O,loading:I,setLoading:L,reset:T,readonly:!s,children:r(gt,{className:i,children:e(f,{children:[r(pt,{ref:D,children:r(dt,{placeholder:h,cite:b,actions:u,loaded:!s,speech:v,renderItem:x,scrollRef:D})}),s&&r(Ae,{...s,scrollRef:D})]})})})})),_),pt=n.div`
     display: flex;
     flex-direction: column;
     flex: 1;
     overflow-y: auto;
     padding: 0 1rem;
     margin-bottom: .5rem;
-`,Ht=n.div`
+`,gt=n.div`
     display: flex;
     flex-direction: column;
     height: 100%;
     position: relative;
-`;export{be as ActionButton,tt as Markdown,_t as MessageBox,he as VariableForm,Ue as pickQuestions,ft as useSynthesis};
+`;export{ve as ActionButton,nr as Markdown,mt as MessageBox,ue as VariableForm,He as pickQuestions,Br as useSynthesis};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/chat",
-    "version": "1.1.34",
+    "version": "1.1.36",
     "scripts": {
         "prebuild": "rimraf es types",
         "build": "rollup -c --environment NODE_ENV:production",
@@ -18,7 +18,7 @@
     "dependencies": {
         "@babel/runtime": "^7.11.2",
         "@breezystack/lamejs": "^1.2.7",
-        "@topthink/components": "^1.1.21",
+        "@topthink/components": "^1.1.22",
         "@types/hast": "^2.0.0",
         "@types/mdast": "^4.0.4",
         "eventemitter3": "^5.0.1",
@@ -67,5 +67,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "58ecc3ffc296a70d0d03dcd14c9f04dbf7a3daaa"
+    "gitHead": "8c15e5e12e16b56e3bee47322959f3e5364e54ba"
 }

package/types/components/message-box/chunk-provider.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Chunk } from '../../types';
+interface ContextType {
+    index: number;
+    chunk: Chunk;
+    isLastMessage: boolean;
+}
+declare const _default: import("react").Provider<ContextType | null>;
+export default _default;
+export declare function useChunk(): ContextType;

package/types/components/message-box/context.d.ts

@@ -2,6 +2,10 @@ import { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 import { Conversation, LogLevel, Message } from '../../types';
 import { Updater } from '@topthink/components/types/hooks/use-immer';
 import { RequestInstance } from '@topthink/components';
+interface Handles {
+    onSuccess?: () => void;
+    onComplete?: () => void;
+}
 interface ContextType {
     bot?: {
         name: string;
@@ -24,7 +28,10 @@ interface ContextType {
     loading: boolean;
     setLoading: Dispatch<SetStateAction<boolean>>;
     reset: (conversation?: Conversation) => void;
+    readonly: boolean;
+    handles: Handles;
+    setHandles: Dispatch<SetStateAction<Handles>>;
 }
-export declare function useContext(): ContextType;
-export declare function Provider({ children, ...props }: PropsWithChildren<ContextType>): import("react/jsx-runtime").JSX.Element;
+export declare function useContext(handles?: Handles): ContextType;
+export declare function Provider({ children, ...props }: PropsWithChildren<Omit<ContextType, 'handles' | 'setHandles'>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/message-box/input-box/use-chat.d.ts

@@ -1,11 +1,9 @@
-export interface ChatOptions {
-    suggestion?: boolean;
-    onSuccess?: () => void;
-}
-export default function useChat({ suggestion, onSuccess, }: ChatOptions): {
-    send: (params: string | import("../../../types").ChatParams, files?: {
+export default function useChat(): {
+    send: (params: string | import("../../../types").SendParams, files?: {
         path: string;
         name: string;
         size: number;
-    }[] | undefined, variables?: Record<string, string> | undefined) => void;
+    }[] | undefined, variables?: Record<string, string> | undefined) => Promise<void>;
+    resume: (params: import("../../../types").ResumeParams) => Promise<void>;
+    suggest: () => Promise<void>;
 };

package/types/components/message-box/message-item.d.ts

@@ -19,6 +19,7 @@ export interface MessageItemProps {
         voice?: string;
         autoplay?: boolean;
     };
+    isLast: boolean;
 }
-declare const MessageItem: import("react").MemoExoticComponent<({ message, actions, setMessage, cite, speech }: MessageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MessageItem: import("react").MemoExoticComponent<({ message, actions, setMessage, cite, speech, isLast }: MessageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default MessageItem;

package/types/components/message-box/suspend/context.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+interface ContextType {
+    resume: (payload: any) => void;
+    disabled: boolean;
+    output: any;
+}
+export declare function useSuspend(): ContextType;
+export declare function Provider({ children, ...props }: PropsWithChildren<ContextType>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/message-box/suspend/form.d.ts

@@ -0,0 +1,7 @@
+import { FormField } from '../../../types';
+interface Props {
+    description: string;
+    fields: FormField[];
+}
+export default function Form({ description, fields }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/message-box/suspend/select.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    description: string;
+    options: string[];
+}
+export default function Select({ description, options }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/message-box/suspend-item.d.ts

@@ -0,0 +1,6 @@
+import { SuspendType } from '../../types';
+interface Props {
+    suspend: SuspendType;
+}
+export default function SuspendItem({ suspend }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/types.d.ts

@@ -1,9 +1,33 @@
+export interface FormField {
+    name: string;
+    label: string;
+    type: 'text' | 'textarea' | 'number' | 'email' | 'tel' | 'date' | 'select';
+    required: boolean;
+    placeholder?: string;
+    options?: string[];
+}
+export type SuspendType = {
+    type: 'select';
+    select: {
+        description: string;
+        options: string[];
+    };
+} | {
+    type: 'form';
+    form: {
+        description: string;
+        fields: FormField[];
+    };
+};
 export type ContentType = string | {
     type: 'image';
     image: string;
 } | {
     type: 'chart';
     chart: string;
+} | {
+    type: 'suspend';
+    suspend: SuspendType;
 };
 export interface ToolMessage {
     name: string;
@@ -22,6 +46,13 @@ export interface Node {
     output?: object;
     error?: string;
 }
+export interface Chunk {
+    content?: ContentType | ContentType[];
+    reasoning?: string;
+    tools?: ToolMessage[];
+    error?: string;
+    node?: Node;
+}
 export interface Message {
     id?: string;
     query?: string;
@@ -32,13 +63,7 @@ export interface Message {
         size: number;
     }[];
     variables?: Record<string, string>;
-    chunks?: {
-        content: string | ContentType[];
-        reasoning?: string;
-        tools?: ToolMessage[];
-        error?: string;
-        node?: Node;
-    }[];
+    chunks?: Chunk[];
     stats?: {
         usage: number;
         latency: number;
@@ -84,14 +109,19 @@ export interface ConversationMessage {
     };
     [key: string]: any;
 }
-export interface ChatParams {
+export interface SendParams {
     query: string;
     quote?: string;
     files?: Message['files'];
     variables?: Record<string, string>;
 }
+export interface ResumeParams {
+    chunk: number;
+    payload: any;
+}
 export interface Chat {
-    send(params: string | ChatParams, files?: Message['files'], variables?: Message['variables']): void;
+    send(params: string | SendParams, files?: Message['files'], variables?: Message['variables']): Promise<void>;
+    resume(params: ResumeParams): Promise<void>;
 }
 export interface MessageBoxType {
     reset(conversation?: Conversation): void;

package/types/utils/get-content-text.d.ts

@@ -0,0 +1,2 @@
+import { ContentType } from '../types';
+export default function getContentText(content?: ContentType): string;