@topthink/chat 1.0.50 → 1.1.0

package/es/index.js

@@ -1,4 +1,4 @@
-import*as e from"react";import{useCallback as t,useEffect as r,useState as n,useRef as i,useImperativeHandle as o,memo as a,useMemo as s,createContext as l,useContext as c,Fragment as d,forwardRef as h}from"react";import{useImmer as u,request as m,isRequestError as p,Lightbox as g,styled as f,Clipboard as b,css as v,formatSize as x,Tooltip as y,useAsync as w,isImageUrl as k,Form as E,Toast as j}from"@topthink/components";import{jsx as N,jsxs as M,Fragment as $}from"react/jsx-runtime";import q from"react-markdown";import"katex/dist/katex.min.css";import C from"remark-math";import S from"remark-breaks";import z from"remark-gfm";import A from"rehype-katex";import F from"rehype-highlight";import{codes as R,types as D}from"micromark-util-symbol";import{markdownLineEnding as T}from"micromark-util-character";import I from"lodash/isEqual";import{Spinner as P,OverlayTrigger as B,Popover as L,CloseButton as O}from"react-bootstrap";import*as _ from"path";import U from"path";import H from"eventemitter3";import{createPortal as K}from"react-dom";import Q from"react-textarea-autosize";import X from"use-resize-observer";function J(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}function W(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="",error:r,tools:n=[]}=e;return{content:t,error:r,tools:n}})),annotation:e.annotation,stats:{usage:e.usage,latency:e.latency}})))}function Y(e){let{url:a,onboarding:s,suggestion:l,onSuccess:c,ref:d,transformRequest:h,...g}=e;const f=t((e=>{const t=[];if(s&&!1!==s.enable){const e=J(s.questions||[]);t.push({chunks:[{content:[s.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}],loading:s.loading})}return e?t.concat(W(e.messages||[])):t}),[s]),[b,v]=u((()=>f(g.conversation)));r((()=>{v(f(g.conversation))}),[s]);const[x,y]=n([]),[w,k]=n(!1),E=i(g.conversation?.id),j=i(null),N=t((async()=>{j.current=new AbortController;try{let e={method:"post",url:`${a}/suggestion`,data:{conversation:E.current},signal:j.current.signal};h&&(e=h("suggestion",e));const t=await m(e);y(t)}catch{}finally{j.current=null}}),[h,a]),M=t((async function(e){if("string"==typeof e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];e={query:e,...r}}const{query:i,files:o=[],variables:s={},quote:d}=e;if(i||o.length>0){j.current&&j.current.abort(),k(!0),y([]),v((e=>{e.push({query:i,quote:d,files:o,variables:s,chunks:[],loading:!0})}));try{let e={method:"post",url:a,data:{query:i,quote:d,files:o,variables:s,conversation:E.current},onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const t=JSON.parse(e.data);t.conversation?E.current=t.conversation:v((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:"",tools:[]}),t.chunks.error)r.chunks[e].error=t.chunks.error;else if(t.chunks.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 t.chunks.content&&(r.chunks[e].content+=t.chunks.content)}else t.stats&&(r.stats=t.stats)}))}catch(e){console.error(e)}else v((e=>{e[e.length-1].loading=!1}))}};h&&(e=h("chat",e)),await m(e),l?.enable&&N()}catch(e){let t="未知错误";p(e)&&(t=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),v((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}))}k(!1),c?.()}}),[h,a]),$=t((e=>{w||(E.current=e?.id,v(f(e)),y([]))}),[w,f]);return o(d,(()=>({reset:$,send:M}))),{messages:b,suggestions:x,loading:w,send:M,reset:$}}const G=function(e,t,r){function n(t){return t!==R.leftSquareBracket?(e.exit("citeMarker"),e.enter("citeData"),e.enter(D.chunkString,{contentType:"string"}),i(t)):(e.consume(t),n)}function i(n){return n===R.rightSquareBracket?(e.exit(D.chunkString),e.exit("citeData"),e.enter("citeMarker"),function(n){if(n!==R.rightSquareBracket)return r(n);return e.consume(n),e.exit("citeMarker"),e.exit("cite"),t(n)}(n)):T(n)||n===R.eof||n>57||n<48?r(n):(e.consume(n),i)}return function(t){return t!==R.leftSquareBracket?r(t):(e.enter("cite"),e.enter("citeMarker"),n(t))}},V=function(){const e=this.data();e.micromarkExtensions.push({text:{[R.leftSquareBracket]:{tokenize:G}}}),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}}})},Z=g.Image,ee={pre:e=>{let{children:t}=e;const r=i(null);return M(oe,{ref:r,children:[N(ie,{tooltip:!1,content:()=>{const e=r.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),t]})},a:e=>{let{node:t,href:r,...n}=e;const i=r?.startsWith("http")?"_blank":"_self";return N("a",{...n,href:r,target:i})},img:e=>{let{node:t,...r}=e;return N(Z,{...r})}},te=[[C,{singleDollarTextMath:!1}],z,S],re=[A,[F,{detect:!1,ignoreMissing:!0}]],ne=a((e=>{let{content:t,components:r,cite:n}=e;t=t.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$");const i=s((()=>{const e={...ee,...r};return n&&(e.cite=n),e}),[r,n]),o=s((()=>n?[...te,V]:te),[n]);return N(ae,{remarkPlugins:o,rehypePlugins:re,components:i,children:t})}),I),ie=f(b)`
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{Lightbox as n,styled as i,Clipboard as o,css as a,formatSize as s,Tooltip as l,useAsync as c,isImageUrl as d,isRequestError as h,Form as u,Toast as m,InfiniteScroller as p,Offcanvas as g,dayjs as f,RequestButton as b,useImmer as v,request as x}from"@topthink/components";import*as y from"react";import{memo as w,useMemo as k,useRef as E,createContext as j,useContext as N,useState as C,Fragment as M,forwardRef as q,useEffect as z,useCallback as $,useImperativeHandle as S}from"react";import A from"react-markdown";import"katex/dist/katex.min.css";import F from"remark-math";import R from"remark-breaks";import D from"remark-gfm";import I from"rehype-katex";import T from"rehype-highlight";import{codes as P,types as L}from"micromark-util-symbol";import{markdownLineEnding as B}from"micromark-util-character";import O from"lodash/isEqual";import{Spinner as _,OverlayTrigger as U,Popover as H,Badge as K,CloseButton as Q}from"react-bootstrap";import*as W from"path";import X from"path";import J from"eventemitter3";import{createPortal as V}from"react-dom";import Y from"react-textarea-autosize";import G from"use-resize-observer";const Z=function(e,t,r){function n(t){return t!==P.leftSquareBracket?(e.exit("citeMarker"),e.enter("citeData"),e.enter(L.chunkString,{contentType:"string"}),i(t)):(e.consume(t),n)}function i(n){return n===P.rightSquareBracket?(e.exit(L.chunkString),e.exit("citeData"),e.enter("citeMarker"),function(n){if(n!==P.rightSquareBracket)return r(n);return e.consume(n),e.exit("citeMarker"),e.exit("cite"),t(n)}(n)):B(n)||n===P.eof||n>57||n<48?r(n):(e.consume(n),i)}return function(t){return t!==P.leftSquareBracket?r(t):(e.enter("cite"),e.enter("citeMarker"),n(t))}},ee=function(){const e=this.data();e.micromarkExtensions.push({text:{[P.leftSquareBracket]:{tokenize:Z}}}),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}}})},te=n.Image,re={pre:r=>{let{children:n}=r;const i=E(null);return t(se,{ref:i,children:[e(ae,{tooltip:!1,content:()=>{const e=i.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),n]})},a:t=>{let{node:r,href:n,...i}=t;const o=n?.startsWith("http")?"_blank":"_self";return e("a",{...i,href:n,target:o})},img:t=>{let{node:r,...n}=t;return e(te,{...n})}},ne=[[F,{singleDollarTextMath:!1}],D,R],ie=[I,[T,{detect:!1,ignoreMissing:!0}]],oe=w((t=>{let{content:r,components:n,cite:i}=t;r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$");const o=k((()=>{const e={...re,...n};return i&&(e.cite=i),e}),[n,i]),a=k((()=>i?[...ne,ee]:ne),[i]);return e(le,{remarkPlugins:a,rehypePlugins:ie,components:o,children:r})}),O),ae=i(o)`
     position: absolute;
     right: 10px;
     top: 1em;
@@ -18,17 +18,17 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     &:hover {
         opacity: 1;
     }
-`,oe=f.pre`
+`,se=i.pre`
     position: relative;
 
     &:hover {
-        ${ie} {
+        ${ae} {
             pointer-events: all;
             transform: translateX(0px);
             opacity: 0.5;
         }
     }
-`,ae=f(q)`
+`,le=i(A)`
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     line-height: 1.8;
@@ -298,7 +298,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     .hljs-strong {
         font-weight: 700;
     }
-`,se=l(null);function le(){const e=c(se);if(!e)throw new Error("useContext must be used within a Provider");return e}function ce(e){let{children:t,...r}=e;return N(se.Provider,{value:r,children:t})}const de=g.Image;function he(e){let{src:t,...r}=e;const{imageResolver:n}=le();return n&&t&&(t=n(t)),N(ue,{children:N(de,{src:t,...r})})}const ue=f.div`
+`,ce=j(null);function de(){const e=N(ce);if(!e)throw new Error("useContext must be used within a Provider");return e}function he(t){let{children:r,...n}=t;return e(ce.Provider,{value:n,children:r})}const ue=n.Image;function me(t){let{src:r,...n}=t;const{imageResolver:i}=de();return i&&r&&(r=i(r)),e(pe,{children:e(ue,{src:r,...n})})}const pe=i.div`
     margin-bottom: .5rem;
     margin-top: .5rem;
     border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
@@ -323,9 +323,9 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         max-height: 100%;
         max-width: 100%;
     }
-`;function me(e){let{tool:t}=e;const[r,i]=n(!1),{logLevel:o="none"}=le();let a=null;t.content&&("string"==typeof t.content?a=N(ne,{content:t.content}):"image"===t.content.type&&(a=N(he,{src:t.content.image})));const s="response"in t;return M(d,{children:["stats"==o&&N("div",{className:"mb-2",children:M("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?t.error?N("i",{className:"bi bi-x-circle-fill text-danger"}):N("i",{className:"bi bi-check-circle-fill text-success"}):N(P,{animation:"border",variant:"primary",size:"sm"}),N("span",{className:"text-muted",children:s?"已使用":"正在使用"}),N("span",{children:t.title})]})}),"all"==o&&N("div",{className:"mb-2",children:M("div",r&&s?{className:"shadow-sm rounded bg-white fs-7",children:[M("div",{onClick:()=>i(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[t.error?N("i",{className:"bi bi-x-circle-fill text-danger"}):N("i",{className:"bi bi-check-circle-fill text-success"}),N("span",{className:"text-muted",children:"已使用"}),N("span",{children:t.title}),N("i",{className:"bi bi-caret-up-fill text-muted"})]}),M("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[M("div",{className:"border rounded bg-light",children:[N("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:N("span",{className:"text-muted",children:"参数"})}),N("div",{className:"border-top p-2 overflow-hidden",children:t.arguments})]}),M("div",{className:"border rounded bg-light",children:[N("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:N("span",{className:"text-muted",children:"响应"})}),N(pe,{className:"border-top p-2 overflow-hidden",children:t.response||"None"})]})]})]}:{onClick:()=>i(s),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?t.error?N("i",{className:"bi bi-x-circle-fill text-danger"}):N("i",{className:"bi bi-check-circle-fill text-success"}):N(P,{animation:"border",variant:"primary",size:"sm"}),N("span",{className:"text-muted",children:s?"已使用":"正在使用"}),N("span",{children:t.title}),s&&N("i",{className:"bi bi-caret-down-fill text-muted"})]})}),a]})}const pe=f.div`
+`;function ge(r){let{tool:n}=r;const[i,o]=C(!1),{logLevel:a="none"}=de();let s=null;n.content&&("string"==typeof n.content?s=e(oe,{content:n.content}):"image"===n.content.type&&(s=e(me,{src:n.content.image})));const l="response"in n;return t(M,{children:["stats"==a&&e("div",{className:"mb-2",children:t("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[l?n.error?e("i",{className:"bi bi-x-circle-fill text-danger"}):e("i",{className:"bi bi-check-circle-fill text-success"}):e(_,{animation:"border",variant:"primary",size:"sm"}),e("span",{className:"text-muted",children:l?"已使用":"正在使用"}),e("span",{children:n.title})]})}),"all"==a&&e("div",{className:"mb-2",children:t("div",i&&l?{className:"shadow-sm rounded bg-white fs-7",children:[t("div",{onClick:()=>o(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[n.error?e("i",{className:"bi bi-x-circle-fill text-danger"}):e("i",{className:"bi bi-check-circle-fill text-success"}),e("span",{className:"text-muted",children:"已使用"}),e("span",{children:n.title}),e("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",children:[e("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:e("span",{className:"text-muted",children:"参数"})}),e("div",{className:"border-top p-2 overflow-hidden",children:n.arguments})]}),t("div",{className:"border rounded bg-light",children:[e("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:e("span",{className:"text-muted",children:"响应"})}),e(fe,{className:"border-top p-2 overflow-hidden",children:n.response||"None"})]})]})]}:{onClick:()=>o(l),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[l?n.error?e("i",{className:"bi bi-x-circle-fill text-danger"}):e("i",{className:"bi bi-check-circle-fill text-success"}):e(_,{animation:"border",variant:"primary",size:"sm"}),e("span",{className:"text-muted",children:l?"已使用":"正在使用"}),e("span",{children:n.title}),l&&e("i",{className:"bi bi-caret-down-fill text-muted"})]})}),s]})}const fe=i.div`
     white-space: pre-wrap;
-`;var ge,fe,be;function ve(){return ve=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},ve.apply(this,arguments)}const xe=t=>e.createElement("svg",ve({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},t),ge||(ge=e.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),fe||(fe=e.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),be||(be=e.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))));const ye=function(e){let{ext:t}=e;const{result:r}=w((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),[t]);return r?N("img",{width:30,height:30,src:r}):null};function we(e){let{className:t,name:r,size:n,loading:i,error:o,onRemove:a}=e;const s=U.extname(r).substring(1),l=M(Ne,{className:t,$error:!!o,children:[M(je,{children:[N(ye,{ext:s}),i&&N(P,{variant:"primary"})]}),M(Ee,{children:[N("h4",{children:r}),N("p",{children:x(n,1)})]}),a&&N(ke,{onClick:e=>{e.preventDefault(),a()},children:N("i",{className:"bi bi-trash3"})})]});return o?N(y,{placement:"top",tooltip:o,children:l}):l}const ke=f.div`
+`;var be,ve,xe;function ye(){return ye=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},ye.apply(this,arguments)}const we=e=>y.createElement("svg",ye({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},e),be||(be=y.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},y.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),y.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),ve||(ve=y.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},y.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),y.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),xe||(xe=y.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},y.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),y.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))));const ke=function(t){let{ext:r}=t;const{result:n}=c((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?e("img",{width:30,height:30,src:n}):null};function Ee(r){let{className:n,name:i,size:o,loading:a,error:c,onRemove:d}=r;const h=X.extname(i).substring(1),u=t(Me,{className:n,$error:!!c,children:[t(Ce,{children:[e(ke,{ext:h}),a&&e(_,{variant:"primary"})]}),t(Ne,{children:[e("h4",{children:i}),e("p",{children:s(o,1)})]}),d&&e(je,{onClick:e=>{e.preventDefault(),d()},children:e("i",{className:"bi bi-trash3"})})]});return c?e(l,{placement:"top",tooltip:c,children:u}):u}const je=i.div`
     width: 1.75rem;
     height: 1.75rem;
     align-items: center;
@@ -340,7 +340,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         color: var(--bs-danger);
         background-color: var(--bs-danger-bg-subtle);
     }
-`,Ee=f.div`
+`,Ne=i.div`
     flex: 1;
     overflow: hidden;
 
@@ -361,7 +361,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         line-height: 20px;
         margin-bottom: 0;
     }
-`,je=f.div`
+`,Ce=i.div`
     position: relative;
     width: 3rem;
     height: 3rem;
@@ -375,7 +375,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         position: absolute;
     }
 
-`,Ne=f.div`
+`,Me=i.div`
     display: flex;
     gap: .5rem;
     padding: .5rem;
@@ -388,10 +388,10 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         border-color: var(--bs-primary);
     }
 
-    ${e=>e.$error&&v`
+    ${e=>e.$error&&a`
         border-color: var(--bs-danger) !important;
     `}
-`;var Me=h((function(e,t){let{children:r,tooltip:n,onClick:i,disabled:o,...a}=e;o&&(i=void 0);const s=N($e,{ref:t,onClick:i,$disabled:o,...a,children:r});return n?N(y,{tooltip:n,placement:"top",children:s}):s}));const $e=f.div`
+`;var qe=q((function(t,r){let{children:n,tooltip:i,onClick:o,disabled:a,...s}=t;a&&(o=void 0);const c=e(ze,{ref:r,onClick:o,$disabled:a,...s,children:n});return i?e(l,{tooltip:i,placement:"top",children:c}):c}));const ze=i.div`
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
@@ -406,7 +406,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     height: 1.875rem;
     overflow: hidden;
 
-    ${e=>e.$disabled&&v`
+    ${e=>e.$disabled&&a`
         color: var(--bs-gray-400) !important;
     `}
     .bi {
@@ -416,7 +416,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         line-height: 1.75rem;
         text-align: center;
 
-        ${e=>!e.$disabled&&v`
+        ${e=>!e.$disabled&&a`
             &:hover {
                 color: var(--bs-dark);
                 background-color: var(--bs-gray-200);
@@ -424,7 +424,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         `}
 
     }
-`;let qe=class{#e;#t=[];#r=0;constructor(){this.#e=new H}speak(){for(this.#e.emit("playing",!0);this.#r<this.#t.length;){const e=this.#t[this.#r],t=new SpeechSynthesisUtterance(e),r=++this.#r;t.onend=()=>{r>=this.#t.length&&this.clear()},t.onerror=()=>{this.clear()},window.speechSynthesis.speak(t)}}clear(){this.#e.emit("playing",!1)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.#t=Array.isArray(e)?e:[e],t||(window.speechSynthesis.cancel(),this.#r=0),this.speak()}stop(){window.speechSynthesis.cancel(),this.clear()}onPlaying(e){this.#e.on("playing",e)}onSpeaking(e){this.#e.on("speaking",e)}};const Ce=new Map;let Se=class{#n;#i;#o;#e;#t=[];#a=new Map;#s=!1;#r=0;#l=!1;constructor(e,t,r){this.#n=t,this.#i=e,this.#o=r,this.#e=new H}createLoader(e){const t=new Promise((async t=>{try{const r=await m({url:this.#i,method:"post",data:{model:this.#n,voice:this.#o,input:e}}),n=new Audio(`data:${r.audio.type};base64,${r.audio.data}`);this.#a.set(e,n),t(n)}catch{this.#a.delete(e),t(void 0)}}));return this.#a.set(e,t),t}async loadAudioData(){this.#l=!0,this.#e.emit("speaking",!0);let e=0;for(;e<this.#t.length;){const t=this.#t[e];!this.#a.has(t)&&this.#l&&await this.createLoader(t),e++}this.#e.emit("speaking",!1),this.#l=!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.#s=!0;const t=await this.waitForAudioLoaded(this.#t[e]);this.#e.emit("playing",!0),t?(Ce.set(this,t),t.onpause=async()=>{t.ended?(this.#r++,this.#r<this.#t.length?await this.playAudio(this.#r):this.clear()):this.clear()},await t.play()):this.clear()}clear(){this.#s=!1,this.#l=!1,this.#e.emit("playing",!1),this.#e.emit("speaking",!1),Ce.delete(this)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];Ce.forEach(((e,t)=>{t!==this&&(e.pause(),e.currentTime=0)})),this.#t=Array.isArray(e)?e:[e],t||(this.#r=0),this.#l||this.loadAudioData(),this.#s||this.playAudio()}update(e){this.#t=Array.isArray(e)?e:[e]}stop(){const e=Ce.get(this);e&&(e.pause(),e.currentTime=0)}onPlaying(e){this.#e.on("playing",e)}onSpeaking(e){this.#e.on("speaking",e)}};function ze(e){let{text:t,url:o,voice:a,loading:s,model:l="builtin"}=e;const c=i(),[d,h]=n(!1),[u,m]=n(!1),p=i(s),g=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];c.current||(c.current="builtin"===l?new qe:new Se(o,l,a),c.current.onSpeaking(h),c.current.onPlaying(m));let r="";"string"==typeof t?r=t:t.current&&(r=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),s&&r.pop()),r&&0!==r.length&&c.current.start(r,e)};return r((()=>{if(p.current&&"string"!=typeof t&&t.current){if(s){const e={childList:!0,subtree:!0},r=new MutationObserver((function(){g(!0)}));return r.observe(t.current,e),g(),()=>{r.disconnect()}}g(!0)}}),[s]),r((()=>()=>{c.current&&(c.current.stop(),c.current=void 0)}),[]),{playing:u,speaking:d,start:g,stop:()=>{c.current&&c.current.stop()}}}function Ae(e){let{url:t,model:r,voice:n,loading:i,autoplay:o,contentRef:a,avatarRef:s}=e;const{playing:l,speaking:c,start:d,stop:h}=ze({text:a,url:t,model:r,voice:n,loading:o&&i});let u=null;return s.current&&(c&&(u=K(N(Fe,{children:N(P,{size:"sm",variant:"light"})}),s.current)),l&&(u=K(N(Fe,{children:N(Re,{className:"bi bi-volume-down-fill text-light"})}),s.current))),M(Me,{disabled:i&&!l,onClick:()=>{l?h():d()},children:[l?N(Re,{className:"bi bi-volume-down-fill"}):c?N(P,{size:"sm",variant:"primary"}):N(Re,{className:"bi bi-volume-down"}),u]})}const Fe=f.div`
+`;let $e=class{#e;#t=[];#r=0;constructor(){this.#e=new J}speak(){for(this.#e.emit("playing",!0);this.#r<this.#t.length;){const e=this.#t[this.#r],t=new SpeechSynthesisUtterance(e),r=++this.#r;t.onend=()=>{r>=this.#t.length&&this.clear()},t.onerror=()=>{this.clear()},window.speechSynthesis.speak(t)}}clear(){this.#e.emit("playing",!1)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.#t=Array.isArray(e)?e:[e],t||(window.speechSynthesis.cancel(),this.#r=0),this.speak()}stop(){window.speechSynthesis.cancel(),this.clear()}onPlaying(e){this.#e.on("playing",e)}onSpeaking(e){this.#e.on("speaking",e)}};const Se=new Map;let Ae=class{#n;#e;#t=[];#i=new Map;#o=!1;#r=0;#a=!1;constructor(e){this.#n=e,this.#e=new J}createLoader(e){const t=new Promise((async t=>{try{const{type:r,data:n}=await this.#n(e),i=new Audio(`data:${r};base64,${n}`);this.#i.set(e,i),t(i)}catch{this.#i.delete(e),t(void 0)}}));return this.#i.set(e,t),t}async loadAudioData(){this.#a=!0,this.#e.emit("speaking",!0);let e=0;for(;e<this.#t.length;){const t=this.#t[e];!this.#i.has(t)&&this.#a&&await this.createLoader(t),e++}this.#e.emit("speaking",!1),this.#a=!1}waitForAudioLoaded(e){const t=this.#i.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.#o=!0;const t=await this.waitForAudioLoaded(this.#t[e]);this.#e.emit("playing",!0),t?(Se.set(this,t),t.onpause=async()=>{t.ended?(this.#r++,this.#r<this.#t.length?await this.playAudio(this.#r):this.clear()):this.clear()},await t.play()):this.clear()}clear(){this.#o=!1,this.#a=!1,this.#e.emit("playing",!1),this.#e.emit("speaking",!1),Se.delete(this)}start(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];Se.forEach(((e,t)=>{t!==this&&(e.pause(),e.currentTime=0)})),this.#t=Array.isArray(e)?e:[e],t||(this.#r=0),this.#a||this.loadAudioData(),this.#o||this.playAudio()}update(e){this.#t=Array.isArray(e)?e:[e]}stop(){const e=Se.get(this);e&&(e.pause(),e.currentTime=0)}onPlaying(e){this.#e.on("playing",e)}onSpeaking(e){this.#e.on("speaking",e)}};function Fe(e){let{text:t,loading:r,loader:n}=e;const i=E(),[o,a]=C(!1),[s,l]=C(!1),c=E(r),d=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];i.current||(i.current=n?new Ae(n):new $e,i.current.onSpeaking(a),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 z((()=>{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]),z((()=>()=>{i.current&&(i.current.stop(),i.current=void 0)}),[]),{playing:s,speaking:o,start:d,stop:()=>{i.current&&i.current.stop()}}}function Re(r){let{model:n="builtin",voice:i,loading:o,autoplay:a,contentRef:s,avatarRef:l}=r;const{request:c}=de(),d=k((()=>{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}=Fe({loader:d,text:s,loading:a&&o});let g=null;return l.current&&(u&&(g=V(e(De,{children:e(_,{size:"sm",variant:"light"})}),l.current)),h&&(g=V(e(De,{children:e(Ie,{className:"bi bi-volume-down-fill text-light"})}),l.current))),t(qe,{disabled:o&&!h,onClick:()=>{h?p():m()},children:[h?e(Ie,{className:"bi bi-volume-down-fill"}):u?e(_,{size:"sm",variant:"primary"}):e(Ie,{className:"bi bi-volume-down"}),g]})}const De=i.div`
     position: absolute;
     top: 0;
     left: 0;
@@ -434,12 +434,12 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, .3);
-`,Re=f.i`
+`,Ie=i.i`
 
     &::before {
         transform: scale(1.4)
     }
-`,De=a((e=>{let{message:t,actions:r,updater:n,cite:o,speech:a}=e;const{query:l,quote:c,files:h=[],chunks:u,annotation:m}=t,{user:p,bot:g,logLevel:f="none"}=le(),v=s((()=>u?u.reduce((function(e,t){return e+t.content+"\n"+t.tools.reduce(((e,t)=>t.content&&"string"==typeof t.content?e+t.content+"\n":e),"")}),""):""),[u]),x=i(null),y=i(null),w=i(null);return M($,{children:[(l||h.length>0)&&M(Qe,{$reverse:!0,children:[p&&N(Ue,{children:N("img",{src:p.avatar})}),N(He,{}),M(Ke,{ref:x,children:[l&&N(ne,{content:l}),c&&N(B,{trigger:"click",container:x,rootClose:!0,placement:"bottom",overlay:N(Te,{body:!0,children:c}),children:N(Pe,{children:N(Ie,{children:c})})}),h.length>0&&h.map(((e,t)=>{let{name:r,size:n,path:i}=e;return k(i)?N(he,{src:`/uploads/${i}`},t):N(Le,{children:N(we,{name:r,size:n})},t)}))]})]}),u&&M(Qe,{children:[N(Ue,{ref:y,children:N("img",{src:g.avatar})}),N(He,{}),M(Ke,{children:[(l||h.length>0)&&M(Oe,{children:[N(b,{placement:"top",content:v,as:Me,tooltip:!0}),a&&N(Ae,{loading:t.loading,avatarRef:y,contentRef:w,...a}),r?.({Component:Me,message:t,content:v,setMessage:n})]}),N(_e,{children:["stats","all"].includes(f)&&t.stats&&M($,{children:[M("span",{children:["耗时 ",t.stats.latency/1e3," 秒"]}),M("span",{children:["花费 Token ",t.stats.usage]})]})}),N(Be,{ref:w,$deleted:!!m,children:u.length>0&&u.map(((e,t)=>M(d,{children:[e.content&&N(ne,{cite:o,content:e.content}),e.tools.map(((e,t)=>N(me,{tool:e},t))),e.error&&N(ne,{content:`[${e.error}]`})]},t)))}),m&&M("div",{children:[M("div",{className:"d-flex align-items-center",children:[N("span",{className:"fs-7 text-secondary me-2",children:"标注的答案"}),N("hr",{className:"flex-fill"})]}),N(ne,{content:m.answer})]}),t.loading&&N(xe,{})]})]})]})})),Te=f(L)`
+`,Te=w((n=>{let{message:i,actions:a,updater:s,cite:l,speech:c}=n;const{query:h,quote:u,files:m=[],chunks:p,annotation:g}=i,{user:f,bot:b,logLevel:v="none"}=de(),x=k((()=>p?p.reduce((function(e,t){return e+t.content+"\n"+t.tools.reduce(((e,t)=>t.content&&"string"==typeof t.content?e+t.content+"\n":e),"")}),""):""),[p]),y=E(null),w=E(null),j=E(null);return t(r,{children:[(h||m.length>0)&&t(Xe,{$reverse:!0,children:[f&&e(Ke,{children:e("img",{src:f.avatar})}),e(Qe,{}),t(We,{ref:y,children:[h&&e(oe,{content:h}),u&&e(U,{trigger:"click",container:y,rootClose:!0,placement:"bottom",overlay:e(Pe,{body:!0,children:u}),children:e(Be,{children:e(Le,{children:u})})}),m.length>0&&m.map(((t,r)=>{let{name:n,size:i,path:o}=t;return d(o)?e(me,{src:`/uploads/${o}`},r):e(_e,{children:e(Ee,{name:n,size:i})},r)}))]})]}),p&&t(Xe,{children:[e(Ke,{ref:w,children:e("img",{src:b.avatar})}),e(Qe,{}),t(We,{children:[(h||m.length>0)&&t(Ue,{children:[e(o,{placement:"top",content:x,as:qe,tooltip:!0}),c&&e(Re,{loading:i.loading,avatarRef:w,contentRef:j,...c}),a?.({Component:qe,message:i,content:x,setMessage:s})]}),e(He,{children:["stats","all"].includes(v)&&i.stats&&t(r,{children:[t("span",{children:["耗时 ",i.stats.latency/1e3," 秒"]}),t("span",{children:["花费 Token ",i.stats.usage]})]})}),e(Oe,{ref:j,$deleted:!!g,children:p.length>0&&p.map(((r,n)=>t(M,{children:[r.content&&e(oe,{cite:l,content:r.content}),r.tools.map(((t,r)=>e(ge,{tool:t},r))),r.error&&e(oe,{content:`[${r.error}]`})]},n)))}),g&&t("div",{children:[t("div",{className:"d-flex align-items-center",children:[e("span",{className:"fs-7 text-secondary me-2",children:"标注的答案"}),e("hr",{className:"flex-fill"})]}),e(oe,{content:g.answer})]}),i.loading&&e(we,{})]})]})]})})),Pe=i(H)`
     max-width: calc(100% - .875rem * 2);
     width: calc(100% - .875rem * 2);
     font-size: 1rem;
@@ -448,25 +448,25 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     .popover-body {
         padding: .5rem .75rem;
     }
-`,Ie=f.div`
+`,Le=i.div`
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
-`,Pe=f.div`
+`,Be=i.div`
     padding: .5rem .75rem;
     color: var(--bs-secondary);
     border-radius: var(--bs-border-radius-lg);
     background: #FFFFFF;
     cursor: pointer;
-`,Be=f.div`
-    ${e=>e.$deleted&&v`
+`,Oe=i.div`
+    ${e=>e.$deleted&&a`
         text-decoration-line: line-through;
         color: var(--bs-secondary);
     `}
-`,Le=f.div`
+`,_e=i.div`
     width: 100%;
     margin-bottom: .5rem;
     margin-top: .5rem;
@@ -478,7 +478,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     &:last-child {
         margin-bottom: 0;
     }
-`,Oe=f.div`
+`,Ue=i.div`
     position: absolute;
     top: -1.1rem;
     right: 0;
@@ -486,7 +486,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     gap: .5rem;
     opacity: 0;
     z-index: 1;
-`,_e=f.div`
+`,He=i.div`
     position: absolute;
     bottom: -1.4rem;
     left: 0;
@@ -499,7 +499,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     display: flex;
     opacity: 0;
     z-index: 1;
-`,Ue=f.div`
+`,Ke=i.div`
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -510,14 +510,14 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         width: 100%;
         height: 100%;
     }
-`,He=f.div`
+`,Qe=i.div`
     width: 0;
     height: 0;
     content: "";
     border: 5px solid transparent;
     border-right-color: #f3f3f3;
     transform: translateY(10px);
-`,Ke=f.div`
+`,We=i.div`
     padding: .875rem;
     background-color: rgb(243, 243, 243);
     border-radius: var(--bs-border-radius-lg);
@@ -525,27 +525,27 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     position: relative;
 
     &:hover {
-        ${_e}, ${Oe} {
+        ${He}, ${Ue} {
             opacity: 1;
         }
     }
-`,Qe=f.div`
+`,Xe=i.div`
     display: flex;
     justify-content: flex-start;
     padding: 1rem 0 1rem 0;
-    ${e=>e.$reverse&&v`
+    ${e=>e.$reverse&&a`
         flex-direction: row-reverse;
 
-        ${He} {
+        ${Qe} {
             border-left-color: rgba(var(--bs-primary-rgb), 0.1);
             border-right-color: transparent;
         }
 
-        ${Ke} {
+        ${We} {
             background: rgba(var(--bs-primary-rgb), 0.1);
         }
     `};
-`,Xe=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function Je(e){let{variables:t,values:r,onSubmit:n,onChange:i,children:o}=e;const a={},s=[],l={};return t.forEach((e=>{a[e.key]={type:"string",title:e.label},"textarea"===e.type?l[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&&s.push(e.key)})),N(E,{schema:{type:"object",properties:a,required:s},formData:r,omitExtraData:!0,uiSchema:l,submitText:"开始对话",onSubmit:n,onChange:i,children:o})}const We=f.button`
+`,Je=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function Ve(t){let{variables:r,values:n,onSubmit:i,onChange:o,children:a}=t;const s={},l=[],c={};return r.forEach((e=>{s[e.key]={type:"string",title:e.label},"textarea"===e.type?c[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)})),e(u,{schema:{type:"object",properties:s,required:l},formData:n,omitExtraData:!0,uiSchema:c,submitText:"开始对话",onSubmit:i,onChange:o,children:a})}const Ye=i.button`
     color: var(--bs-secondary);
     cursor: pointer;
     display: flex;
@@ -568,19 +568,93 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         background-color: var(--bs-gray-200);
     }
 
-`;class Ye{#c;#e;constructor(){this.#e=new H}onResult(e){this.#e.on("result",e)}onRecording(e){this.#e.on("recording",e)}onTranscribing(e){this.#e.on("transcribing",e)}start(){if(!this.#c){const e=window.SpeechRecognition||window.webkitSpeechRecognition;if(!e)return void j.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.#e.emit("result",t)},t.onspeechend=()=>{this.#e.emit("recording",!1)},t.onerror=()=>{this.#e.emit("recording",!1)},this.#c=t}this.#e.emit("recording",!0),this.#c.start()}stop(){this.#c?.stop(),this.#e.emit("recording",!1)}}class Ge{#e;#i;#n;#d;#h;constructor(e,t){this.#i=e,this.#n=t,this.#e=new H}async start(){this.#d=await navigator.mediaDevices.getUserMedia({audio:!0}),this.#h=new AudioContext;const e=this.#h.createScriptProcessor(0,1,1);this.#h.createMediaStreamSource(this.#d).connect(e),e.connect(this.#h.destination);let t=[],r=0;e.onaudioprocess=e=>{const n=e.playbackTime,i=e.inputBuffer.getChannelData(0);let o=!0;for(let e=0;e<i.length;e++)if(Math.abs(i[e])>.01){o=!1;break}if(o){const e=n-r;e>1&&(t.length>1&&(this.save(t),t=[]),e>10&&this.stop())}else t.push(new Float32Array(i)),r=n},this.#e.emit("recording",!0)}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 a=e.subarray(t,t+i),s=r.encodeBuffer(a);n.push(new Int8Array(s)),o-=i}}return n.push(r.flush()),new Blob(n,{type:"audio/mp3"})}async save(e){const t=await this.encodeMP3(e),r=new FormData;r.append("file",t,"audio.mp3"),r.append("model",this.#n);try{this.#e.emit("transcribing",!0);const e=await m({url:this.#i,method:"post",data:r});e.text&&this.#e.emit("result",e.text)}catch(e){}finally{this.#e.emit("transcribing",!1)}}stop(){this.#d&&(this.#d.getTracks().forEach((e=>e.stop())),this.#d=void 0),this.#h&&(this.#h.close(),this.#h=void 0),this.#e.emit("recording",!1)}onResult(e){this.#e.on("result",e)}onRecording(e){this.#e.on("recording",e)}onTranscribing(e){this.#e.on("transcribing",e)}}const Ve=h(((e,t)=>{let{onResult:a,url:s,model:l="builtin"}=e;const{start:c,stop:d,recording:h,transcribing:u}=function(e){let{onResult:t,url:o,model:a="builtin"}=e;const s=i(),[l,c]=n(!1),[d,h]=n(!1);return r((()=>()=>{s.current&&(s.current.stop(),s.current=void 0)}),[]),{recording:l,transcribing:d,start:async()=>{s.current||(s.current="builtin"===a?new Ye:new Ge(o,a),s.current.onRecording(c),s.current.onTranscribing(h),s.current.onResult(t)),s.current.start()},stop:()=>{s.current&&s.current.stop()}}}({model:l,url:s,onResult:a});return o(t,(()=>({start:c,stop:d})),[c,d]),N(y,{tooltip:h?"停止":"语音输入",placement:"top",children:M(We,{onMouseDown:e=>{e.preventDefault(),h?d():c()},children:[u&&N(Ze,{animation:"border",variant:"primary",size:"sm"}),N("i",h?{className:"bi bi-mic-fill text-danger"}:{className:"bi bi-mic"})]})})})),Ze=f(P)`
+`;class Ge{#s;#e;constructor(){this.#e=new J}onResult(e){this.#e.on("result",e)}onRecording(e){this.#e.on("recording",e)}onTranscribing(e){this.#e.on("transcribing",e)}start(){if(!this.#s){const e=window.SpeechRecognition||window.webkitSpeechRecognition;if(!e)return void m.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.#e.emit("result",t)},t.onspeechend=()=>{this.#e.emit("recording",!1)},t.onerror=()=>{this.#e.emit("recording",!1)},this.#s=t}this.#e.emit("recording",!0),this.#s.start()}stop(){this.#s?.stop(),this.#e.emit("recording",!1)}}class Ze{#e;#n;#l;#c;constructor(e){this.#n=e,this.#e=new J}async start(){try{this.#l=await navigator.mediaDevices.getUserMedia({audio:!0}),this.#c=new AudioContext;const e=this.#c.createScriptProcessor(0,1,1);this.#c.createMediaStreamSource(this.#l).connect(e),e.connect(this.#c.destination);let t=[],r=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-r;e>i&&(t.length>1&&(this.save(t),t=[]),e>10&&this.stop())}else t.push(new Float32Array(a)),r=o},this.#e.emit("recording",!0)}catch(e){m.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 a=e.subarray(t,t+i),s=r.encodeBuffer(a);n.push(new Int8Array(s)),o-=i}}return n.push(r.flush()),new Blob(n,{type:"audio/mp3"})}async save(e){const t=await this.encodeMP3(e);try{this.#e.emit("transcribing",!0);const e=await this.#n(t);e&&this.#e.emit("result",e)}catch(e){}finally{this.#e.emit("transcribing",!1)}}stop(){this.#l&&(this.#l.getTracks().forEach((e=>e.stop())),this.#l=void 0),this.#c&&(this.#c.close(),this.#c=void 0),this.#e.emit("recording",!1)}onResult(e){this.#e.on("result",e)}onRecording(e){this.#e.on("recording",e)}onTranscribing(e){this.#e.on("transcribing",e)}}const et=q(((r,n)=>{let{onResult:i,model:o="builtin"}=r;const{request:a}=de(),s=k((()=>{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:u}=function(e){let{onResult:t,loader:r}=e;const n=E(),[i,o]=C(!1),[a,s]=C(!1);return z((()=>()=>{n.current&&(n.current.stop(),n.current=void 0)}),[]),{recording:i,transcribing:a,start:async()=>{n.current||(n.current=r?new Ze(r):new Ge,n.current.onRecording(o),n.current.onTranscribing(s),n.current.onResult(t)),n.current.start()},stop:()=>{n.current&&n.current.stop()}}}({onResult:i,loader:s});return S(n,(()=>({start:c,stop:d})),[c,d]),e(l,{tooltip:h?"停止":"语音输入",placement:"top",children:t(Ye,{onMouseDown:e=>{e.preventDefault(),h?d():c()},children:[u&&e(tt,{animation:"border",variant:"primary",size:"sm"}),e("i",h?{className:"bi bi-mic-fill text-danger"}:{className:"bi bi-mic"})]})})})),tt=i(_)`
     position: absolute;
     --bs-spinner-width: .75rem;
     --bs-spinner-height: .75rem;
     --bs-spinner-border-width: 0.1em;
-`;var et=h((function(e,a){let{chat:s,fileTypes:l,speech:c,scrollRef:d,onMessages:h,onSuggestions:g,variables:f,minRows:b,toolbar:v,disabled:x,onLoading:w,autoFocus:k}=e;const E=i(null),$=i(null),q=i(null),[C,S]=n(""),[z,A]=n(""),[F,R]=u([]),[D,T]=n(!1),I=l&&l.length>0?l:Xe,{loading:P,messages:B,suggestions:L,send:U,reset:H}=Y({...s,onSuccess(){requestAnimationFrame((()=>{E.current?.focus()})),s.onSuccess?.()}}),[K,X]=n((()=>{const e=B.filter((e=>!!e.query));if(e.length>0){return e[e.length-1].variables}}));r((()=>{h(B)}),[B]),r((()=>{g(L)}),[L]),r((()=>{w?.(P)}),[P]),r((()=>{!l&&F.length>0&&R([])}),[l]),r((()=>{const e=d.current;if(e&&U){const t=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),U(e.target.text))};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}}),[d,U]);const J=t((e=>{let{target:t}=e;if(t.files){const e=Array.from(t.files).filter((e=>!!I.includes(_.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-F.length);R((t=>{t.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const t=new FormData;t.set("file",e);let r={method:"POST",url:`${s.url}/upload`,data:t};s.transformRequest&&(r=s.transformRequest("upload",r));const n=await m(r);R((t=>{const r=t.find((t=>t.file===e));r&&(r.path=n.path)}))}catch(t){const r=p(t)?t.message:"unknown error";R((t=>{const n=t.find((t=>t.file===e));n&&(n.error=r)}))}}))}t.value=""}),[F,I]),W=F.flatMap((e=>{let{file:t,path:r}=e;return r?[{name:t.name,size:t.size,path:r}]:[]})),G=t((()=>{if(C||W.length>0){const e={query:C,files:W};f&&(e.variables={...K,...f.values}),z&&(e.quote=z),U(e),S(""),A(""),R([]),q.current?.stop(!0)}}),[C,W,f,z]);if(o(a,(()=>({setQuery:S,setQuote:A,reset:H,send:U,focus(){E.current?.focus()}}))),f){const e=f.config.filter((e=>!(e.key in(f.values||{})))),t=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&&j.error("请完善必填信息"),n}))};if(e.length>0&&!t(K))return N(rt,{children:N(tt,{children:N(Je,{values:K,variables:e,onSubmit:e=>{let{formData:r}=e;if(t(r,!0))return X(r),!0}})})})}return M(lt,{children:[v,M(st,{$focused:D&&!P,children:[F.length>0&&N(it,{children:F.map(((e,t)=>{let{file:r,error:n,path:i}=e;const o=void 0===n&&void 0===i;return N(nt,{name:r.name,size:r.size,error:n,loading:o,onRemove:()=>{R((e=>{const t=e.findIndex((e=>e.file===r));-1!==t&&e.splice(t,1)}))}},t)}))}),!!z&&M(at,{children:[N("i",{className:"bi bi-quote"}),N("p",{children:z}),N(O,{onClick:()=>A("")})]}),M(ot,{children:[N(Q,{disabled:P||x,ref:E,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:b,maxRows:5,value:C,onChange:e=>S(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),G())},autoFocus:k,onFocus:()=>T(!0),onBlur:()=>T(!1)}),l&&N(y,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:M(We,{disabled:F.length>=6,onClick:()=>$.current?.click(),children:[N("input",{onChange:J,multiple:!0,accept:I.join(","),ref:$,type:"file",hidden:!0}),N("i",{className:"bi bi-file-earmark-arrow-up"})]})}),c&&N(Ve,{ref:q,url:`${s.url}/transcriptions`,model:c.model,onResult:e=>{E.current?.focus(),S((t=>t+e+" "))}}),N(We,{className:"text-primary",disabled:!C&&0===W.length,onClick:e=>{e.preventDefault(),G()},children:N("i",{className:"bi bi-send-fill"})})]})]})]})}));const tt=f.div`
+`,rt=q(((t,r)=>{let{className:n,children:i,size:o,tooltip:a,placement:s,onClick:c,onMouseDown:d}=t;const h=e(nt,{ref:r,className:n,onClick:c,onMouseDown:d,$size:o,children:i});return a?e(l,{tooltip:a,placement:s,children:h}):h})),nt=i.div`
+    width: 2rem;
+    height: 2rem;
+    align-items: center;
+    justify-content: center;
+    border-radius: .375rem;
+    cursor: pointer;
+    font-size: 1.2rem;
+    color: var(--bs-secondary);
+    display: flex;
+
+    svg {
+        font-size: 1.5rem;
+    }
+
+    ${e=>{let{$size:t}=e;return"sm"===t&&a`
+        width: 1.5rem;
+        height: 1.5rem;
+        font-size: 1rem;
+    `}};
+
+    &:hover {
+        background-color: var(--bs-secondary-bg-subtle);
+    }
+`;function it(){const{request:n,reset:i,conversationId:o}=de(),[a,s]=C(!1);return t(r,{children:[e(rt,{tooltip:"历史记录",placement:"top",onClick:()=>s(!0),children:e("i",{className:"bi bi-clock-history"})}),e(g,{show:a,onHide:()=>{C(!1)},placement:"end",header:"聊天历史记录",bodyAs:ot,children:a&&e(dt,{children:e(ct,{useWindow:!1,source:e=>n({url:"/conversation",params:e}),render:r=>{let{data:a,loading:s,setData:c}=r;return a.length||s?a.map(((r,a)=>{const s=r.messages?.reduce(((e,t)=>e+t.chunks.reduce(((e,t)=>e+(t.content||"")),"")),"");return t(M,{children:[a>0&&e("hr",{className:"mx-2 my-2"}),t(lt,{onClick:()=>{i(r)},children:[t(st,{children:[o===r.id&&e(K,{bg:"secondary",children:"当前"}),e("span",{className:"fw-bold overflow-hidden text-truncate me-auto",children:r.title||"未命名对话"}),e("span",{className:"text-body text-opacity-50 flex-shrink-0 ms-5",children:f(r.update_time).fromNow()})]}),t(at,{children:[e("span",{className:"overflow-hidden text-truncate me-auto",children:s||" "}),e("span",{className:"ms-3",children:o!==r.id&&e(l,{tooltip:"删除",children:e(b,{as:"a",confirm:"确定要删除吗？",onRequest:()=>n({url:`/conversation/${r.id}`,method:"DELETE"}),onSuccess:()=>{c((e=>{const t=e.findIndex((e=>e.id===r.id));-1!==t&&e.splice(t,1)}))},children:e("i",{className:"bi bi-trash3"})})})})]})]})]},r.id)})):e("div",{className:"text-muted text-center py-5",children:"暂无对话记录"})}})})})]})}const ot=i.div`
+    padding: 0;
+    overflow: hidden;
+`,at=i.div`
+    color: var(--bs-gray-600);
+    font-weight: 400;
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+
+    & :last-child {
+        display: none;
+    }
+`,st=i.div`
+    display: flex;
+    align-items: center;
+    gap: .25rem;
+`,lt=i.div`
+    gap: .5rem;
+    display: flex;
+    flex-direction: column;
+    cursor: pointer;
+    padding: .5rem;
+    border-radius: var(--bs-border-radius-lg);
+
+    &:hover {
+        background-color: var(--bs-gray-200);
+
+
+        &:hover {
+            ${at} :last-child {
+                display: initial;
+            }
+        }
+    }
+`,ct=i(p)`
+    display: flex;
+    flex-direction: column;
+    padding: .5rem;
+`,dt=i.div`
+    height: 100%;
+    overflow-y: auto;
+`;var ht;function ut(){return ut=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},ut.apply(this,arguments)}const mt=e=>y.createElement("svg",ut({width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 256 256"},e),ht||(ht=y.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 pt(){const{reset:t}=de();return e(rt,{className:"text-primary",tooltip:"新会话",placement:"top",onClick:t,children:e(mt,{})})}function gt(r){let{children:n}=r;return t(bt,{children:[n,t(ft,{children:[e(it,{}),e(pt,{})]})]})}const ft=i.div`
+    display: flex;
+    gap: .25rem;
+    margin-left: auto;
+`,bt=i.div`
+    margin-bottom: .5rem;
+    display: flex;
+    padding: 0 .125rem;
+`;var vt=q((function(r,n){let{suggestion:i,fileTypes:o,speech:a,scrollRef:s,variables:c,minRows:d,toolbar:u,disabled:p,autoFocus:g}=r;const f=E(null),b=E(null),x=E(null),[y,w]=C(""),[k,j]=C(""),[N,M]=v([]),[q,A]=C(!1),F=o&&o.length>0?o:Je,{messages:R,loading:D,request:I}=de(),{send:T}=function(e){let{suggestion:t,onSuccess:r}=e;const{setMessages:n,setSuggestions:i,setLoading:o,conversationId:a,setConversationId:s,request:l}=de(),c=E(null),d=$((async()=>{c.current=new AbortController;try{let e={method:"post",url:"/suggestion",data:{conversation:a},signal:c.current.signal};const t=await l(e);i(t)}catch{}finally{c.current=null}}),[a]),u=$((async function(e){if("string"==typeof e){for(var u=arguments.length,m=new Array(u>1?u-1:0),p=1;p<u;p++)m[p-1]=arguments[p];e={query:e,...m}}const{query:g,files:f=[],variables:b={},quote:v}=e;if(g||f.length>0){c.current&&c.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:a},onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const t=JSON.parse(e.data);t.conversation?s(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:"",tools:[]}),t.chunks.error)r.chunks[e].error=t.chunks.error;else if(t.chunks.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 t.chunks.content&&(r.chunks[e].content+=t.chunks.content)}else t.stats&&(r.stats=t.stats)}))}catch(e){console.error(e)}else n((e=>{e[e.length-1].loading=!1}))}};await l(e),t&&d()}catch(e){let t="未知错误";h(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?.()}}),[]);return{send:u}}({suggestion:i,onSuccess(){requestAnimationFrame((()=>{f.current?.focus()}))}}),[P,L]=C((()=>{const e=R.filter((e=>!!e.query));if(e.length>0){return e[e.length-1].variables}}));z((()=>{!o&&N.length>0&&M([])}),[o]),z((()=>{const e=s.current;if(e&&T){const t=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),T(e.target.text))};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}}),[s,T]);const B=$((e=>{let{target:t}=e;if(t.files){const e=Array.from(t.files).filter((e=>!!F.includes(W.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-N.length);M((t=>{t.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const t=new FormData;t.set("file",e);const r=await I({method:"POST",url:"/upload",data:t});M((t=>{const n=t.find((t=>t.file===e));n&&(n.path=r.path)}))}catch(t){const r=h(t)?t.message:"unknown error";M((t=>{const n=t.find((t=>t.file===e));n&&(n.error=r)}))}}))}t.value=""}),[N,F]),O=N.flatMap((e=>{let{file:t,path:r}=e;return r?[{name:t.name,size:t.size,path:r}]:[]})),_=$((()=>{if(y||O.length>0){const e={query:y,files:O};c&&(e.variables={...P,...c.values}),k&&(e.quote=k),T(e),w(""),j(""),M([]),x.current?.stop(!0)}}),[y,O,c,k]);if(S(n,(()=>({setQuery:w,setQuote:j,send:T,focus(){f.current?.focus()}}))),c){const t=c.config.filter((e=>!(e.key in(c.values||{})))),r=function(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!!e&&t.every((t=>{const n=!t.required||e?.[t.key];return!n&&r&&m.error("请完善必填信息"),n}))};if(t.length>0&&!r(P))return e(yt,{children:e(xt,{children:e(Ve,{values:P,variables:t,onSubmit:e=>{let{formData:t}=e;if(r(t,!0))return L(t),!0}})})})}return t(Ct,{children:[u&&e(gt,{children:u}),t(Nt,{$focused:q&&!D,children:[N.length>0&&e(kt,{children:N.map(((t,r)=>{let{file:n,error:i,path:o}=t;const a=void 0===i&&void 0===o;return e(wt,{name:n.name,size:n.size,error:i,loading:a,onRemove:()=>{M((e=>{const t=e.findIndex((e=>e.file===n));-1!==t&&e.splice(t,1)}))}},r)}))}),!!k&&t(jt,{children:[e("i",{className:"bi bi-quote"}),e("p",{children:k}),e(Q,{onClick:()=>j("")})]}),t(Et,{children:[e(Y,{disabled:D||p,ref:f,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:d,maxRows:5,value:y,onChange:e=>w(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),_())},autoFocus:g,onFocus:()=>A(!0),onBlur:()=>A(!1)}),o&&e(l,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:t(Ye,{disabled:N.length>=6,onClick:()=>b.current?.click(),children:[e("input",{onChange:B,multiple:!0,accept:F.join(","),ref:b,type:"file",hidden:!0}),e("i",{className:"bi bi-file-earmark-arrow-up"})]})}),a&&e(et,{ref:x,model:a.model,onResult:e=>{f.current?.focus(),w((t=>t+e+" "))}}),e(Ye,{className:"text-primary",disabled:!y&&0===O.length,onClick:e=>{e.preventDefault(),_()},children:e("i",{className:"bi bi-send-fill"})})]})]})]})}));const xt=i.div`
     border-radius: var(--bs-border-radius-lg);
     box-shadow: var(--bs-box-shadow-sm);
     margin: 1rem;
     padding: 1rem;
     width: 100%;
     max-width: 500px;
-`,rt=f.div`
+`,yt=i.div`
     position: absolute;
     left: 0;
     right: 0;
@@ -590,15 +664,15 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
     display: flex;
     justify-content: center;
     align-items: center;
-`,nt=f(we)`
+`,wt=i(Ee)`
     width: calc((100% - .75rem) / 2);
-`,it=f.div`
+`,kt=i.div`
     display: flex;
     flex-wrap: wrap;
     padding: .75rem;
     gap: .75rem;
     border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
-`,ot=f.div`
+`,Et=i.div`
     display: flex;
     padding: .5rem .5rem .5rem 1rem;
     gap: .25rem;
@@ -615,7 +689,7 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
             color: rgba(54, 54, 54, .3);
         }
     }
-`,at=f.div`
+`,jt=i.div`
     margin: .75rem .75rem 0 .75rem;
     padding: 4px 8px;
     display: flex;
@@ -636,14 +710,14 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
         -webkit-box-orient: vertical;
         display: -webkit-box;
     }
-`,st=f.div`
+`,Nt=i.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);
-`,lt=f.div`
+`,Ct=i.div`
     margin: 0 1rem 1rem;
-`,ct=a((e=>{let{className:o,bot:a,user:s,input:l,logLevel:c,imageResolver:d,placeholder:h,actions:m,messages:p=[],cite:f,speech:b}=e;const[v,x]=u((()=>W(p))),[y,w]=n(!1),k=i(!l),E=i(null),j=t((()=>{const e=E.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:$,height:q}=X(),[C,S]=n([]);return r((()=>{(y||!k.current)&&v.length>0&&(y&&(k.current=!0),j())}),[q,y,k,v]),r((()=>{C.length>0&&j()}),[C]),N(ce,{bot:a,user:s,logLevel:c,imageResolver:d,children:N(mt,{className:o,children:M(g,{children:[N(ht,{ref:E,children:M(ut,{ref:$,children:[0===v.length&&h,v.slice(-30).map(((e,t)=>N(De,{actions:m,cite:f,speech:b?.model&&(b?.url||l)?{url:b.url||`${l?.chat.url}/speech`,model:b.model,voice:b.voice,autoplay:b.autoplay}:void 0,message:e,updater:t=>{x((r=>{const n=r.findIndex((t=>t.id===e.id));-1!==n&&t(r[n])}))}},t))),C.length>0&&N(dt,{children:C.map(((e,t)=>N("a",{href:"#!question",children:e},t)))})]})}),l&&N(et,{...l,onMessages:x,onSuggestions:S,scrollRef:E,onLoading:w})]})})})}),I),dt=f.div`
+`;function Mt(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}const qt=w(q(((r,i)=>{let{className:o,bot:a,user:s,input:l,logLevel:c,imageResolver:d,placeholder:h,actions:u,onboarding:m,conversation:p,cite:g,speech:f,request:b}=r;const y=$((e=>{const t=[];if(m&&!1!==m.enable){const e=Mt(m.questions||[]);t.push({chunks:[{content:[m.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}],loading:m.loading})}return e?t.concat(function(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="",error:r,tools:n=[]}=e;return{content:t,error:r,tools:n}})),annotation:e.annotation,stats:{usage:e.usage,latency:e.latency}})))}(e.messages||[])):t}),[m]),[w,j]=C(p?.id),[N,M]=v([]);z((()=>{M(y(p))}),[m]);const[q,A]=C(!1),F=E(!l),R=E(null),D=$((()=>{const e=R.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:I,height:T}=G(),[P,L]=C([]);z((()=>{(q||!F.current)&&N.length>0&&(q&&(F.current=!0),D())}),[T,q,F,N]),z((()=>{P.length>0&&D()}),[P]);const B=$((e=>{q||(j(e?.id),M(y(e)),L([]))}),[q,y]);return S(i,(()=>({reset:B})),[B]),e(he,{request:k((()=>b?"string"==typeof b?x.create({baseURL:b}):b:x),[b]),bot:a,user:s,logLevel:c,imageResolver:d,conversationId:w,setConversationId:j,messages:N,setMessages:M,suggestions:P,setSuggestions:L,loading:q,setLoading:A,reset:B,children:e(At,{className:o,children:t(n,{children:[e($t,{ref:R,children:t(St,{ref:I,children:[0===N.length&&h,N.slice(-30).map(((t,r)=>e(Te,{actions:u,cite:g,speech:f,message:t,updater:e=>{M((r=>{const n=r.findIndex((e=>e.id===t.id));-1!==n&&e(r[n])}))}},r))),P.length>0&&e(zt,{children:P.map(((t,r)=>e("a",{href:"#!question",children:t},r)))})]})}),l&&e(vt,{...l,scrollRef:R})]})})})})),O),zt=i.div`
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -660,20 +734,20 @@ import*as e from"react";import{useCallback as t,useEffect as r,useState as n,use
             background: var(--bs-secondary-bg-subtle);
         }
     }
-`,ht=f.div`
+`,$t=i.div`
     display: flex;
     flex-direction: column;
     flex: 1;
     overflow-y: auto;
     padding: 0 1rem;
     margin-bottom: .5rem;
-`,ut=f.div`
+`,St=i.div`
     display: flex;
     flex-direction: column;
     flex: 1;
-`,mt=f.div`
+`,At=i.div`
     display: flex;
     flex-direction: column;
     height: 100%;
     position: relative;
-`;export{ne as Markdown,ct as MessageBox,Je as VariableForm,J as pickQuestions,Y as useChat,ze as useSynthesis};
+`;export{rt as ActionButton,oe as Markdown,qt as MessageBox,Ve as VariableForm,Mt as pickQuestions,Fe as useSynthesis};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/chat",
-    "version": "1.0.50",
+    "version": "1.1.0",
     "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.0.107",
+        "@topthink/components": "^1.1.0",
         "@types/mdast": "^4.0.4",
         "eventemitter3": "^5.0.1",
         "katex": "^0.16.9",
@@ -65,5 +65,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "ca05f7a3e414fa94f903581dffeffd2f2dfd5bab"
+    "gitHead": "60aa34ea284af9a97a531a1ab5589d38f4792ee5"
 }

package/types/components/action-button.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    tooltip?: string;
+    placement?: 'top' | 'bottom';
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onMouseDown?: MouseEventHandler<HTMLDivElement>;
+    className?: string;
+    size?: 'sm';
+}
+declare const ActionButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default ActionButton;

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

@@ -1,5 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { LogLevel } from '../../types';
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { Conversation, LogLevel, Message } from '../../types';
+import { Updater } from '@topthink/components/types/hooks/use-immer';
+import { RequestInstance } from '@topthink/components';
 interface ContextType {
     bot: {
         name: string;
@@ -9,8 +11,18 @@ interface ContextType {
         name: string;
         avatar: string;
     };
+    request: RequestInstance;
     imageResolver?: (url: string) => string;
     logLevel?: LogLevel;
+    conversationId?: string;
+    setConversationId: Dispatch<SetStateAction<string | undefined>>;
+    messages: Message[];
+    setMessages: Updater<Message[]>;
+    suggestions: string[];
+    setSuggestions: Dispatch<SetStateAction<string[]>>;
+    loading: boolean;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    reset: (conversation?: Conversation) => void;
 }
 export declare function useContext(): ContextType;
 export declare function Provider({ children, ...props }: PropsWithChildren<ContextType>): JSX.Element;

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

@@ -1,6 +1,6 @@
+import { RequestInstance } from '@topthink/components';
 import { MutableRefObject, ReactNode } from 'react';
-import { ConversationMessage, Input, LogLevel, Variable } from '../../types';
-import { ChatOptions } from '../../hooks/use-chat';
+import { Conversation, ConversationMessage, Input, LogLevel, MessageBoxType, Variable } from '../../types';
 import { MessageActions } from './message-item';
 import { Components } from 'react-markdown';
 interface Props {
@@ -14,11 +14,17 @@ interface Props {
         avatar: string;
     };
     messages?: ConversationMessage[];
+    conversation?: Conversation;
     speech?: {
         model?: string;
         voice?: string;
         autoplay?: boolean;
-        url?: string;
+    };
+    onboarding?: {
+        enable?: boolean;
+        prologue: string;
+        questions?: string[];
+        loading?: boolean;
     };
     placeholder?: ReactNode;
     logLevel?: LogLevel;
@@ -30,7 +36,7 @@ interface Props {
             model?: string;
         };
         minRows?: number;
-        chat: ChatOptions;
+        suggestion?: boolean;
         toolbar?: ReactNode;
         autoFocus?: boolean;
         variables?: {
@@ -39,8 +45,9 @@ interface Props {
         };
         ref?: MutableRefObject<Input | null>;
     };
+    request?: RequestInstance | string;
     actions?: MessageActions;
     cite?: Components['cite'];
 }
-declare const MessageBox: import("react").MemoExoticComponent<({ className, bot, user, input, logLevel, imageResolver, placeholder, actions, messages: initMessages, cite, speech, }: Props) => JSX.Element>;
+declare const MessageBox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<MessageBoxType>>>;
 export default MessageBox;

package/types/components/message-box/input-box/index.d.ts

@@ -1,8 +1,7 @@
 import { MutableRefObject, ReactNode } from 'react';
-import { Input, Message, Variable } from '../../../types';
-import { ChatOptions } from '../../../hooks/use-chat';
+import { Input, Variable } from '../../../types';
 interface Props {
-    chat: ChatOptions;
+    suggestion?: boolean;
     variables?: {
         config: Variable[];
         values?: Record<string, string>;
@@ -13,11 +12,8 @@ interface Props {
     };
     minRows?: number;
     scrollRef: MutableRefObject<HTMLDivElement | null>;
-    onMessages: (messages: Message[]) => void;
-    onSuggestions: (suggestions: string[]) => void;
-    toolbar?: ReactNode;
+    toolbar?: ReactNode | true;
     disabled?: boolean;
-    onLoading?: (loading: boolean) => void;
     autoFocus?: boolean;
 }
 declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<Input>>;

package/types/components/message-box/input-box/mic-button.d.ts

@@ -5,7 +5,6 @@ export interface Mic {
 }
 interface Props {
     model?: string;
-    url: string;
     onResult: (transcript: string) => void;
 }
 declare const MicButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<Mic>>;

package/types/components/message-box/input-box/toolbar/history.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function History(): JSX.Element;

package/types/components/message-box/input-box/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+}
+export default function Toolbar({ children }: Props): JSX.Element;
+export {};

package/types/components/message-box/input-box/toolbar/reset.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Reset(): JSX.Element;

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

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

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

@@ -14,7 +14,6 @@ interface Props {
     updater: (callback: (message: Message) => void) => void;
     cite?: Components['cite'];
     speech?: {
-        url: string;
         model?: string;
         voice?: string;
         autoplay?: boolean;

package/types/components/message-box/speech-action.d.ts

@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
 interface Props {
-    url: string;
     model?: string;
     voice?: string;
     loading?: boolean;
@@ -8,5 +7,5 @@ interface Props {
     contentRef: RefObject<HTMLDivElement>;
     autoplay?: boolean;
 }
-export default function SpeechAction({ url, model, voice, loading, autoplay, contentRef, avatarRef }: Props): JSX.Element;
+export default function SpeechAction({ model, voice, loading, autoplay, contentRef, avatarRef }: Props): JSX.Element;
 export {};

package/types/index.d.ts

@@ -1,6 +1,6 @@
 export * from './types';
-export { default as useChat } from './hooks/use-chat';
 export { default as MessageBox } from './components/message-box';
+export { default as ActionButton } from './components/action-button';
 export { default as Markdown } from './components/markdown';
 export { default as VariableForm } from './components/variable-form';
 export { default as pickQuestions } from './utils/pick-questions';

package/types/speech/recognition/custom.d.ts

@@ -1,7 +1,10 @@
 import { Recognition } from '../../types';
+export interface Loader {
+    (blob: Blob): Promise<string | undefined>;
+}
 export default class Custom implements Recognition {
     #private;
-    constructor(url: string, model: string);
+    constructor(loader: Loader);
     start(): Promise<void>;
     private convertBuffer;
     private encodeMP3;

package/types/speech/synthesis/custom.d.ts

@@ -1,7 +1,13 @@
 import { Synthesis } from '../../types';
+export interface Loader {
+    (text: string): Promise<{
+        type: string;
+        data: string;
+    }>;
+}
 export default class Custom implements Synthesis {
     #private;
-    constructor(url: string, model: string, voice?: string);
+    constructor(loader: Loader);
     protected createLoader(text: string): Promise<HTMLAudioElement | undefined>;
     protected loadAudioData(): Promise<void>;
     protected waitForAudioLoaded(text: string): Promise<HTMLAudioElement | undefined>;

package/types/speech/use-recognition.d.ts

@@ -1,9 +1,9 @@
+import { Loader } from './recognition/custom';
 interface Config {
-    model?: string;
-    url: string;
     onResult: (transcript: string) => void;
+    loader?: Loader;
 }
-export default function useRecognition({ onResult, url, model }: Config): {
+export default function useRecognition({ onResult, loader }: Config): {
     recording: boolean;
     transcribing: boolean;
     start: () => Promise<void>;

package/types/speech/use-synthesis.d.ts

@@ -1,12 +1,11 @@
 import { RefObject } from 'react';
+import { Loader } from './synthesis/custom';
 interface Config {
     text: string | RefObject<HTMLDivElement>;
-    model?: string;
-    voice?: string;
+    loader?: Loader;
     loading?: boolean;
-    url: string;
 }
-export default function useSynthesis({ text, url, voice, loading, model }: Config): {
+export default function useSynthesis({ text, loading, loader }: Config): {
     playing: boolean;
     speaking: boolean;
     start: (append?: boolean) => Promise<void>;

package/types/types.d.ts

@@ -78,9 +78,11 @@ export interface ChatParams {
     variables?: Record<string, string>;
 }
 export interface Chat {
-    reset(conversation?: Conversation): void;
     send(params: string | ChatParams, files?: Message['files'], variables?: Message['variables']): void;
 }
+export interface MessageBoxType {
+    reset(conversation?: Conversation): void;
+}
 export interface Input extends Chat {
     setQuery(query: string): void;
     setQuote(quote: string): void;

package/types/hooks/use-chat.d.ts

@@ -1,30 +0,0 @@
-import { MutableRefObject } from 'react';
-import { Chat, Conversation, Message } from '../types';
-import { RequestConfig } from '@topthink/components';
-export interface ChatOptions {
-    url: string;
-    transformRequest?: (scene: 'chat' | 'upload' | 'suggestion', config: Exclude<RequestConfig, string>) => Exclude<RequestConfig, string>;
-    onSuccess?: () => void;
-    onboarding?: {
-        enable?: boolean;
-        prologue: string;
-        questions?: string[];
-        loading?: boolean;
-    };
-    suggestion?: {
-        enable?: boolean;
-    };
-    conversation?: Conversation;
-    ref?: MutableRefObject<Chat | null>;
-}
-export default function useChat({ url, onboarding, suggestion, onSuccess, ref, transformRequest, ...props }: ChatOptions): {
-    messages: Message[];
-    suggestions: string[];
-    loading: boolean;
-    send: (params: string | import("../types").ChatParams, files?: {
-        path: string;
-        name: string;
-        size: number;
-    }[] | undefined, variables?: Record<string, string> | undefined) => void;
-    reset: (conversation?: Conversation) => void;
-};