@topthink/chat 1.0.22 → 1.0.23

package/es/index.js

@@ -1,4 +1,4 @@
-import*as e from"react";import{useCallback as r,useState as t,useImperativeHandle as o,memo as n,useMemo as i,useRef as a,createContext as s,useContext as l,Fragment as c,useEffect as d}from"react";import{useImmer as m,request as h,isRequestError as p,Lightbox as u,styled as g,Clipboard as f,css as b,formatSize as v,Tooltip as x,useAsync as y,isImageUrl as k}from"@topthink/components";import{jsx as w,jsxs as j,Fragment as N}from"react/jsx-runtime";import z from"react-markdown";import"katex/dist/katex.min.css";import $ from"remark-math";import M from"remark-breaks";import E from"remark-gfm";import q from"rehype-katex";import C from"rehype-highlight";import{Spinner as F}from"react-bootstrap";import*as R from"path";import _ from"path";import L from"react-textarea-autosize";import O from"use-resize-observer";function T(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}function D(e){return e.map((e=>({query:e.query,files:e.files||void 0,chunks:e.chunks.map((e=>{let{content:r="",error:t,tools:o=[]}=e;return{content:r,error:t,tools:o}})),stats:{usage:e.usage,latency:e.latency}})))}function A(e){let{url:n,onboarding:i,onSuccess:a,ref:s,transformRequest:l,...c}=e;const d=r((e=>{const r=[];if(i&&!1!==i.enable&&i.prologue){const e=T(i.questions);r.push({chunks:[{content:[i.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}]})}return e?r.concat(D(e.messages||[])):r}),[i]),[u,g]=m((()=>d(c.conversation))),[f,b]=t(!1),[v,x]=t(c.conversation?.id),y=r((async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e||r.length>0){b(!0),g((t=>{t.push({query:e,files:r,chunks:[],loading:!0})}));try{let t={method:"post",url:n,data:{query:e,files:r,conversation:v},onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const r=JSON.parse(e.data);r.conversation?x(r.conversation):g((e=>{const t=e[e.length-1];if(t.chunks)if(r.chunks){const e=r.chunks.index;if(t.chunks[e]||(t.chunks[e]={content:"",tools:[]}),r.chunks.error)t.chunks[e].error=r.chunks.error;else if(r.chunks.tools){const o=r.chunks.tools.index;"response"in r.chunks.tools?(t.chunks[e].tools[o].response=r.chunks.tools.response,t.chunks[e].tools[o].error=r.chunks.tools.error,t.chunks[e].tools[o].content=r.chunks.tools.content):t.chunks[e].tools[o]={name:r.chunks.tools.name,title:r.chunks.tools.title,arguments:r.chunks.tools.arguments}}else r.chunks.content&&(t.chunks[e].content+=r.chunks.content)}else r.stats&&(t.stats=r.stats)}))}catch(e){console.error(e)}else g((e=>{e[e.length-1].loading=!1}))}};l&&(t=l("chat",t)),await h(t)}catch(e){let r="未知错误";p(e)&&(r=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),g((e=>{const t=e[e.length-1];t.chunks&&(0===t.chunks.length?t.chunks=[{content:`[${r}]`,tools:[]}]:t.chunks[t.chunks.length-1].content=`[${r}]`),t.loading=!1}))}b(!1),a?.()}}),[l,v]),k=r((e=>{f||(x(e?.id),g(d(e)))}),[f,d]);return o(s,(()=>({reset:k,send:y}))),{messages:u,loading:f,send:y,reset:k}}const P=u.Image,S={pre:e=>{let{children:r}=e;const t=a(null);return j(K,{ref:t,children:[w(H,{tooltip:!1,content:()=>{const e=t.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),r]})},a:e=>{let{node:r,href:t,...o}=e;const n=t?.startsWith("http")?"_blank":"_self";return w("a",{...o,href:t,target:n})},img:e=>{let{node:r,...t}=e;return w(P,{...t})}},B=[[$,{singleDollarTextMath:!1}],E,M],U=[q,[C,{detect:!1,ignoreMissing:!0}]],I=n((e=>{let{content:r,components:t}=e;return r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$"),w(X,{remarkPlugins:B,rehypePlugins:U,components:i((()=>({...S,...t})),[t]),children:r})})),H=g(f)`
+import*as e from"react";import{useCallback as r,useState as t,useImperativeHandle as o,memo as n,useMemo as i,useRef as a,createContext as s,useContext as l,Fragment as c,forwardRef as d,useEffect as m}from"react";import{useImmer as h,request as p,isRequestError as u,Lightbox as g,styled as f,Clipboard as b,css as v,formatSize as x,Tooltip as y,useAsync as k,isImageUrl as w}from"@topthink/components";import{jsx as j,jsxs as N,Fragment as z}from"react/jsx-runtime";import $ from"react-markdown";import"katex/dist/katex.min.css";import M from"remark-math";import C from"remark-breaks";import E from"remark-gfm";import q from"rehype-katex";import F from"rehype-highlight";import{Spinner as R}from"react-bootstrap";import*as _ from"path";import L from"path";import O from"react-textarea-autosize";import T from"use-resize-observer";function D(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}function A(e){return e.map((e=>({id:e.id,query:e.query,files:e.files||void 0,chunks:e.chunks.map((e=>{let{content:r="",error:t,tools:o=[]}=e;return{content:r,error:t,tools:o}})),annotation:e.annotation,stats:{usage:e.usage,latency:e.latency}})))}function P(e){let{url:n,onboarding:i,onSuccess:a,ref:s,transformRequest:l,...c}=e;const d=r((e=>{const r=[];if(i&&!1!==i.enable&&i.prologue){const e=D(i.questions);r.push({chunks:[{content:[i.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}]})}return e?r.concat(A(e.messages||[])):r}),[i]),[m,g]=h((()=>d(c.conversation))),[f,b]=t(!1),[v,x]=t(c.conversation?.id),y=r((async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e||r.length>0){b(!0),g((t=>{t.push({query:e,files:r,chunks:[],loading:!0})}));try{let t={method:"post",url:n,data:{query:e,files:r,conversation:v},onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const r=JSON.parse(e.data);r.conversation?x(r.conversation):g((e=>{const t=e[e.length-1];if(t.chunks)if(r.chunks){const e=r.chunks.index;if(t.chunks[e]||(t.chunks[e]={content:"",tools:[]}),r.chunks.error)t.chunks[e].error=r.chunks.error;else if(r.chunks.tools){const o=r.chunks.tools.index;"response"in r.chunks.tools?(t.chunks[e].tools[o].response=r.chunks.tools.response,t.chunks[e].tools[o].error=r.chunks.tools.error,t.chunks[e].tools[o].content=r.chunks.tools.content):t.chunks[e].tools[o]={name:r.chunks.tools.name,title:r.chunks.tools.title,arguments:r.chunks.tools.arguments}}else r.chunks.content&&(t.chunks[e].content+=r.chunks.content)}else r.stats&&(t.stats=r.stats)}))}catch(e){console.error(e)}else g((e=>{e[e.length-1].loading=!1}))}};l&&(t=l("chat",t)),await p(t)}catch(e){let r="未知错误";u(e)&&(r=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),g((e=>{const t=e[e.length-1];t.chunks&&(0===t.chunks.length?t.chunks=[{content:`[${r}]`,tools:[]}]:t.chunks[t.chunks.length-1].content=`[${r}]`),t.loading=!1}))}b(!1),a?.()}}),[l,v]),k=r((e=>{f||(x(e?.id),g(d(e)))}),[f,d]);return o(s,(()=>({reset:k,send:y}))),{messages:m,loading:f,send:y,reset:k}}const S=g.Image,B={pre:e=>{let{children:r}=e;const t=a(null);return N(X,{ref:t,children:[j(K,{tooltip:!1,content:()=>{const e=t.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),r]})},a:e=>{let{node:r,href:t,...o}=e;const n=t?.startsWith("http")?"_blank":"_self";return j("a",{...o,href:t,target:n})},img:e=>{let{node:r,...t}=e;return j(S,{...t})}},I=[[M,{singleDollarTextMath:!1}],E,C],U=[q,[F,{detect:!1,ignoreMissing:!0}]],H=n((e=>{let{content:r,components:t}=e;return r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$"),j(J,{remarkPlugins:I,rehypePlugins:U,components:i((()=>({...B,...t})),[t]),children:r})})),K=f(b)`
     position: absolute;
     right: 10px;
     top: 1em;
@@ -18,17 +18,17 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     &:hover {
         opacity: 1;
     }
-`,K=g.pre`
+`,X=f.pre`
     position: relative;
 
     &:hover {
-        ${H} {
+        ${K} {
             pointer-events: all;
             transform: translateX(0px);
             opacity: 0.5;
         }
     }
-`,X=g(z)`
+`,J=f($)`
     -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 r,useState as t,useImperativeHandl
     .hljs-strong {
         font-weight: 700;
     }
-`,J=s(null);function W(){const e=l(J);if(!e)throw new Error("useContext must be used within a Provider");return e}function G(e){let{children:r,...t}=e;return w(J.Provider,{value:t,children:r})}const Q=u.Image;function V(e){let{src:r,...t}=e;const{imageResolver:o}=W();return o&&r&&(r=o(r)),w(Y,{children:w(Q,{src:r,...t})})}const Y=g.div`
+`,W=s(null);function G(){const e=l(W);if(!e)throw new Error("useContext must be used within a Provider");return e}function Q(e){let{children:r,...t}=e;return j(W.Provider,{value:t,children:r})}const V=g.Image;function Y(e){let{src:r,...t}=e;const{imageResolver:o}=G();return o&&r&&(r=o(r)),j(Z,{children:j(V,{src:r,...t})})}const Z=f.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 r,useState as t,useImperativeHandl
         max-height: 100%;
         max-width: 100%;
     }
-`;function Z(e){let{tool:r}=e;const[o,n]=t(!1),{logLevel:i="none"}=W();let a=null;r.content&&("string"==typeof r.content?a=w(I,{content:r.content}):"image"===r.content.type&&(a=w(V,{src:r.content.image})));const s="response"in r;return j(c,{children:["stats"==i&&w("div",{className:"mb-2",children:j("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?r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}):w(F,{animation:"border",variant:"primary",size:"sm"}),w("span",{className:"text-muted",children:s?"已使用":"正在使用"}),w("span",{children:r.title})]})}),"all"==i&&w("div",{className:"mb-2",children:j("div",o&&s?{className:"shadow-sm rounded bg-white fs-7",children:[j("div",{onClick:()=>n(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}),w("span",{className:"text-muted",children:"已使用"}),w("span",{children:r.title}),w("i",{className:"bi bi-caret-up-fill text-muted"})]}),j("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[j("div",{className:"border rounded bg-light",children:[w("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:w("span",{className:"text-muted",children:"参数"})}),w("div",{className:"border-top p-2 overflow-hidden",children:r.arguments})]}),j("div",{className:"border rounded bg-light",children:[w("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:w("span",{className:"text-muted",children:"响应"})}),w(ee,{className:"border-top p-2 overflow-hidden",children:r.response||"None"})]})]})]}:{onClick:()=>n(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?r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}):w(F,{animation:"border",variant:"primary",size:"sm"}),w("span",{className:"text-muted",children:s?"已使用":"正在使用"}),w("span",{children:r.title}),s&&w("i",{className:"bi bi-caret-down-fill text-muted"})]})}),a]})}const ee=g.div`
+`;function ee(e){let{tool:r}=e;const[o,n]=t(!1),{logLevel:i="none"}=G();let a=null;r.content&&("string"==typeof r.content?a=j(H,{content:r.content}):"image"===r.content.type&&(a=j(Y,{src:r.content.image})));const s="response"in r;return N(c,{children:["stats"==i&&j("div",{className:"mb-2",children:N("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?r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}):j(R,{animation:"border",variant:"primary",size:"sm"}),j("span",{className:"text-muted",children:s?"已使用":"正在使用"}),j("span",{children:r.title})]})}),"all"==i&&j("div",{className:"mb-2",children:N("div",o&&s?{className:"shadow-sm rounded bg-white fs-7",children:[N("div",{onClick:()=>n(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}),j("span",{className:"text-muted",children:"已使用"}),j("span",{children:r.title}),j("i",{className:"bi bi-caret-up-fill text-muted"})]}),N("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[N("div",{className:"border rounded bg-light",children:[j("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:j("span",{className:"text-muted",children:"参数"})}),j("div",{className:"border-top p-2 overflow-hidden",children:r.arguments})]}),N("div",{className:"border rounded bg-light",children:[j("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:j("span",{className:"text-muted",children:"响应"})}),j(re,{className:"border-top p-2 overflow-hidden",children:r.response||"None"})]})]})]}:{onClick:()=>n(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?r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}):j(R,{animation:"border",variant:"primary",size:"sm"}),j("span",{className:"text-muted",children:s?"已使用":"正在使用"}),j("span",{children:r.title}),s&&j("i",{className:"bi bi-caret-down-fill text-muted"})]})}),a]})}const re=f.div`
     white-space: pre-wrap;
-`;var re,te,oe;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},ne.apply(this,arguments)}const ie=r=>e.createElement("svg",ne({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},r),re||(re=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"}))),te||(te=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"}))),oe||(oe=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 ae=function(e){let{ext:r}=e;const{result:t}=y((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),[r]);return t?w("img",{width:30,height:30,src:t}):null};function se(e){let{className:r,name:t,size:o,loading:n,error:i,onRemove:a}=e;const s=_.extname(t).substring(1),l=j(me,{className:r,$error:!!i,children:[j(de,{children:[w(ae,{ext:s}),n&&w(F,{variant:"primary"})]}),j(ce,{children:[w("h4",{children:t}),w("p",{children:v(o,1)})]}),a&&w(le,{onClick:e=>{e.preventDefault(),a()},children:w("i",{className:"bi bi-trash3"})})]});return i?w(x,{placement:"top",tooltip:i,children:l}):l}const le=g.div`
+`;var te,oe,ne;function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},ie.apply(this,arguments)}const ae=r=>e.createElement("svg",ie({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},r),te||(te=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"}))),oe||(oe=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"}))),ne||(ne=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 se=function(e){let{ext:r}=e;const{result:t}=k((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),[r]);return t?j("img",{width:30,height:30,src:t}):null};function le(e){let{className:r,name:t,size:o,loading:n,error:i,onRemove:a}=e;const s=L.extname(t).substring(1),l=N(he,{className:r,$error:!!i,children:[N(me,{children:[j(se,{ext:s}),n&&j(R,{variant:"primary"})]}),N(de,{children:[j("h4",{children:t}),j("p",{children:x(o,1)})]}),a&&j(ce,{onClick:e=>{e.preventDefault(),a()},children:j("i",{className:"bi bi-trash3"})})]});return i?j(y,{placement:"top",tooltip:i,children:l}):l}const ce=f.div`
     width: 1.75rem;
     height: 1.75rem;
     align-items: center;
@@ -340,7 +340,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         color: var(--bs-danger);
         background-color: var(--bs-danger-bg-subtle);
     }
-`,ce=g.div`
+`,de=f.div`
     flex: 1;
     overflow: hidden;
 
@@ -361,7 +361,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         line-height: 20px;
         margin-bottom: 0;
     }
-`,de=g.div`
+`,me=f.div`
     position: relative;
     width: 3rem;
     height: 3rem;
@@ -375,7 +375,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         position: absolute;
     }
 
-`,me=g.div`
+`,he=f.div`
     display: flex;
     gap: .5rem;
     padding: .5rem;
@@ -388,22 +388,10 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         border-color: var(--bs-primary);
     }
 
-    ${e=>e.$error&&b`
+    ${e=>e.$error&&v`
         border-color: var(--bs-danger) !important;
     `}
-`,he=n((e=>{let{message:r}=e;const{query:t,files:o=[],chunks:n}=r,{user:i,bot:a,logLevel:s="none"}=W();return j(N,{children:[(t||o.length>0)&&j(xe,{$reverse:!0,children:[i&&w(be,{children:w("img",{src:i.avatar})}),j(ve,{children:[t&&w(I,{content:t}),o.length>0&&o.map(((e,r)=>{let{name:t,size:o,path:n}=e;return k(n)?w(V,{src:`/uploads/${n}`},r):w(pe,{children:w(se,{name:t,size:o})},r)}))]})]}),n&&j(xe,{children:[w(be,{children:w("img",{src:a.avatar})}),j(ve,{children:[r.query&&w(ge,{children:w(f,{placement:"top",content:n.reduce((function(e,r){return e+r.content+"\n"+r.tools.reduce(((e,r)=>r.content&&"string"==typeof r.content?e+r.content+"\n":e),"")}),""),as:ue})}),w(fe,{children:["stats","all"].includes(s)&&r.stats&&j(N,{children:[j("span",{children:["耗时 ",r.stats.latency/1e3," 秒"]}),j("span",{children:["花费 Token ",r.stats.usage]})]})}),n.length>0&&n.map(((e,r)=>j(c,{children:[e.content&&w(I,{content:e.content}),e.tools.map(((e,r)=>w(Z,{tool:e},r))),e.error&&w(I,{content:`[${e.error}]`})]},r))),r.loading&&w(ie,{})]})]})]})})),pe=g.div`
-    width: 100%;
-    margin-bottom: .5rem;
-    margin-top: .5rem;
-
-    &:first-child {
-        margin-top: 0;
-    }
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-`,ue=g.div`
+`;var pe=d((function(e,r){let{children:t,tooltip:o,onClick:n,...i}=e;const a=j(ue,{ref:r,onClick:n,...i,children:t});return o?j(y,{tooltip:o,placement:"top",children:a}):a}));const ue=f.div`
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
@@ -427,15 +415,32 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
             background-color: var(--bs-gray-200);
         }
     }
-`,ge=g.div`
+`,ge=n((e=>{let{message:r,actions:t,updater:o}=e;const{query:n,files:a=[],chunks:s,annotation:l}=r,{user:d,bot:m,logLevel:h="none"}=G(),p=i((()=>s?s.reduce((function(e,r){return e+r.content+"\n"+r.tools.reduce(((e,r)=>r.content&&"string"==typeof r.content?e+r.content+"\n":e),"")}),""):""),[s]);return N(z,{children:[(n||a.length>0)&&N(we,{$reverse:!0,children:[d&&j(ye,{children:j("img",{src:d.avatar})}),N(ke,{children:[n&&j(H,{content:n}),a.length>0&&a.map(((e,r)=>{let{name:t,size:o,path:n}=e;return w(n)?j(Y,{src:`/uploads/${n}`},r):j(be,{children:j(le,{name:t,size:o})},r)}))]})]}),s&&N(we,{children:[j(ye,{children:j("img",{src:m.avatar})}),N(ke,{children:[(n||a.length>0)&&N(ve,{children:[j(b,{placement:"top",content:p,as:pe,tooltip:!0}),t?.({Component:pe,message:r,content:p,setMessage:o})]}),j(xe,{children:["stats","all"].includes(h)&&r.stats&&N(z,{children:[N("span",{children:["耗时 ",r.stats.latency/1e3," 秒"]}),N("span",{children:["花费 Token ",r.stats.usage]})]})}),j(fe,{$deleted:!!l,children:s.length>0&&s.map(((e,r)=>N(c,{children:[e.content&&j(H,{content:e.content}),e.tools.map(((e,r)=>j(ee,{tool:e},r))),e.error&&j(H,{content:`[${e.error}]`})]},r)))}),l&&N("div",{children:[N("div",{className:"d-flex align-items-center",children:[j("span",{className:"fs-7 text-secondary me-2",children:"标注的答案"}),j("hr",{className:"flex-fill"})]}),j(H,{content:l.answer})]}),r.loading&&j(ae,{})]})]})]})})),fe=f.div`
+    ${e=>e.$deleted&&v`
+        text-decoration-line: line-through;
+        color: var(--bs-secondary);
+    `}
+`,be=f.div`
+    width: 100%;
+    margin-bottom: .5rem;
+    margin-top: .5rem;
+
+    &:first-child {
+        margin-top: 0;
+    }
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+`,ve=f.div`
     position: absolute;
     top: -1.1rem;
     right: 0;
     display: flex;
-    gap: .25rem;
+    gap: .5rem;
     opacity: 0;
     z-index: 1;
-`,fe=g.div`
+`,xe=f.div`
     position: absolute;
     bottom: -1.4rem;
     left: 0;
@@ -448,7 +453,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     display: flex;
     opacity: 0;
     z-index: 1;
-`,be=g.div`
+`,ye=f.div`
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -458,7 +463,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         width: 100%;
         height: 100%;
     }
-`,ve=g.div`
+`,ke=f.div`
     padding: .875rem;
     background-color: rgb(243, 243, 243);
     border-radius: var(--bs-border-radius-lg);
@@ -478,18 +483,18 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     }
 
     &:hover {
-        ${fe}, ${ge} {
+        ${xe}, ${ve} {
             opacity: 1;
         }
     }
-`,xe=g.div`
+`,we=f.div`
     display: flex;
     justify-content: flex-start;
     padding: 1rem 0 1rem 0;
-    ${e=>e.$reverse&&b`
+    ${e=>e.$reverse&&v`
         flex-direction: row-reverse;
 
-        ${ve} {
+        ${ke} {
             background: rgba(var(--bs-primary-rgb), 0.1);
             margin-right: 10px;
             margin-left: 0;
@@ -504,15 +509,15 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
             }
         }
     `};
-`,ye=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function ke(e){let{chat:o,fileTypes:n,scrollRef:i,onMessages:s,minRows:l,toolbar:c,disabled:u,onLoading:g}=e;const f=a(null),b=a(null),[v,y]=t(""),[k,N]=m([]),[z,$]=t(!1),M=n&&n.length>0?n:ye,{loading:E,messages:q,send:C}=A({...o,onSuccess(){requestAnimationFrame((()=>{f.current?.focus()})),o.onSuccess?.()}});d((()=>{s(q)}),[q]),d((()=>{g?.(E)}),[E]),d((()=>{!n&&k.length>0&&N([])}),[n]),d((()=>{const e=i.current;if(e&&C){const r=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),C(e.target.text))};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[i,C]);const F=r((e=>{let{target:r}=e;if(r.files){const e=Array.from(r.files).filter((e=>!!M.includes(R.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-k.length);N((r=>{r.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const r=new FormData;r.set("file",e);let t={method:"POST",url:`${o.url}/upload`,data:r};o.transformRequest&&(t=o.transformRequest("upload",t));const n=await h(t);N((r=>{const t=r.find((r=>r.file===e));t&&(t.path=n.path)}))}catch(r){const t=p(r)?r.message:"unknown error";N((r=>{const o=r.find((r=>r.file===e));o&&(o.error=t)}))}}))}r.value=""}),[k,M]),_=k.flatMap((e=>{let{file:r,path:t}=e;return t?[{name:r.name,size:r.size,path:t}]:[]})),O=()=>{(v||_.length>0)&&(C(v,_),y(""),N([]))};return j(Me,{children:[c,j($e,{$focused:z&&!E,children:[k.length>0&&w(je,{children:k.map(((e,r)=>{let{file:t,error:o,path:n}=e;const i=void 0===o&&void 0===n;return w(we,{name:t.name,size:t.size,error:o,loading:i,onRemove:()=>{N((e=>{const r=e.findIndex((e=>e.file===t));-1!==r&&e.splice(r,1)}))}},r)}))}),j(ze,{children:[w(L,{disabled:E||u,ref:f,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:l,maxRows:5,value:v,onChange:e=>y(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),O())},onFocus:()=>$(!0),onBlur:()=>$(!1)}),n&&w(x,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:j(Ne,{disabled:k.length>=6,onClick:()=>b.current?.click(),children:[w("input",{onChange:F,multiple:!0,accept:M.join(","),ref:b,type:"file",hidden:!0}),w("i",{className:"bi bi-file-earmark-arrow-up"})]})}),w(Ne,{className:"text-primary",disabled:!v&&0===_.length,onClick:e=>{e.preventDefault(),O()},children:w("i",{className:"bi bi-send-fill"})})]})]})]})}const we=g(se)`
+`,je=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function Ne(e){let{chat:o,fileTypes:n,scrollRef:i,onMessages:s,minRows:l,toolbar:c,disabled:d,onLoading:g}=e;const f=a(null),b=a(null),[v,x]=t(""),[k,w]=h([]),[z,$]=t(!1),M=n&&n.length>0?n:je,{loading:C,messages:E,send:q}=P({...o,onSuccess(){requestAnimationFrame((()=>{f.current?.focus()})),o.onSuccess?.()}});m((()=>{s(E)}),[E]),m((()=>{g?.(C)}),[C]),m((()=>{!n&&k.length>0&&w([])}),[n]),m((()=>{const e=i.current;if(e&&q){const r=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),q(e.target.text))};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[i,q]);const F=r((e=>{let{target:r}=e;if(r.files){const e=Array.from(r.files).filter((e=>!!M.includes(_.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-k.length);w((r=>{r.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const r=new FormData;r.set("file",e);let t={method:"POST",url:`${o.url}/upload`,data:r};o.transformRequest&&(t=o.transformRequest("upload",t));const n=await p(t);w((r=>{const t=r.find((r=>r.file===e));t&&(t.path=n.path)}))}catch(r){const t=u(r)?r.message:"unknown error";w((r=>{const o=r.find((r=>r.file===e));o&&(o.error=t)}))}}))}r.value=""}),[k,M]),R=k.flatMap((e=>{let{file:r,path:t}=e;return t?[{name:r.name,size:r.size,path:t}]:[]})),L=()=>{(v||R.length>0)&&(q(v,R),x(""),w([]))};return N(qe,{children:[c,N(Ee,{$focused:z&&!C,children:[k.length>0&&j($e,{children:k.map(((e,r)=>{let{file:t,error:o,path:n}=e;const i=void 0===o&&void 0===n;return j(ze,{name:t.name,size:t.size,error:o,loading:i,onRemove:()=>{w((e=>{const r=e.findIndex((e=>e.file===t));-1!==r&&e.splice(r,1)}))}},r)}))}),N(Ce,{children:[j(O,{disabled:C||d,ref:f,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:l,maxRows:5,value:v,onChange:e=>x(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),L())},onFocus:()=>$(!0),onBlur:()=>$(!1)}),n&&j(y,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:N(Me,{disabled:k.length>=6,onClick:()=>b.current?.click(),children:[j("input",{onChange:F,multiple:!0,accept:M.join(","),ref:b,type:"file",hidden:!0}),j("i",{className:"bi bi-file-earmark-arrow-up"})]})}),j(Me,{className:"text-primary",disabled:!v&&0===R.length,onClick:e=>{e.preventDefault(),L()},children:j("i",{className:"bi bi-send-fill"})})]})]})]})}const ze=f(le)`
     width: calc((100% - .75rem) / 2);
-`,je=g.div`
+`,$e=f.div`
     display: flex;
     flex-wrap: wrap;
     padding: .75rem;
     gap: .75rem;
     border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
-`,Ne=g.button`
+`,Me=f.button`
     color: var(--bs-secondary);
     cursor: pointer;
     display: flex;
@@ -534,7 +539,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         background-color: var(--bs-gray-200);
     }
 
-`,ze=g.div`
+`,Ce=f.div`
     display: flex;
     padding: .5rem .5rem .5rem 1rem;
     gap: .25rem;
@@ -551,26 +556,26 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
             color: rgba(54, 54, 54, .3);
         }
     }
-`,$e=g.div`
+`,Ee=f.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);
-`,Me=g.div`
+`,qe=f.div`
     margin: 0 1rem 1rem;
-`;function Ee(e){let{className:o,bot:n,user:i,input:s,logLevel:l,imageResolver:c,placeholder:m,...h}=e;const[p,g]=t((()=>D(h.messages||[]))),[f,b]=t(!1),v=a(!s),x=a(null),y=r((()=>{const e=x.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:k,height:N}=O();return d((()=>{!f&&v.current||(f&&(v.current=!0),y())}),[N,f,v]),w(G,{bot:n,user:i,logLevel:l,imageResolver:c,children:w(Fe,{className:o,children:j(u,{children:[w(qe,{ref:x,children:j(Ce,{ref:k,children:[0===p.length&&m,p.map(((e,r)=>w(he,{message:e},r)))]})}),s&&w(ke,{onMessages:g,scrollRef:x,onLoading:b,...s})]})})})}const qe=g.div`
+`;function Fe(e){let{className:o,bot:n,user:i,input:s,logLevel:l,imageResolver:c,placeholder:d,actions:p,...u}=e;const[f,b]=h((()=>A(u.messages||[]))),[v,x]=t(!1),y=a(!s),k=a(null),w=r((()=>{const e=k.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:z,height:$}=T();return m((()=>{!v&&y.current||(v&&(y.current=!0),w())}),[$,v,y]),j(Q,{bot:n,user:i,logLevel:l,imageResolver:c,children:j(Le,{className:o,children:N(g,{children:[j(Re,{ref:k,children:N(_e,{ref:z,children:[0===f.length&&d,f.map(((e,r)=>j(ge,{actions:p,message:e,updater:r=>{b((t=>{const o=t.findIndex((r=>r.id===e.id));-1!==o&&r(t[o])}))}},r)))]})}),s&&j(Ne,{onMessages:b,scrollRef:k,onLoading:x,...s})]})})})}const Re=f.div`
     display: flex;
     flex-direction: column;
     flex: 1;
     overflow-y: auto;
     padding: 0 1rem;
     margin-bottom: .5rem;
-`,Ce=g.div`
+`,_e=f.div`
     display: flex;
     flex-direction: column;
     flex: 1;
-`,Fe=g.div`
+`,Le=f.div`
     display: flex;
     flex-direction: column;
     height: 100%;
-`;export{Ee as MessageBox,T as pickQuestions,A as useChat};
+`;export{Fe as MessageBox,D as pickQuestions,P as useChat};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/chat",
-    "version": "1.0.22",
+    "version": "1.0.23",
     "scripts": {
         "prebuild": "rimraf es types",
         "build": "rollup -c --environment NODE_ENV:production",
@@ -17,7 +17,7 @@
     ],
     "dependencies": {
         "@babel/runtime": "^7.11.2",
-        "@topthink/components": "^1.0.90",
+        "@topthink/components": "^1.0.91",
         "katex": "^0.16.9",
         "react-markdown": "^8.0.7",
         "react-textarea-autosize": "^8.5.3",
@@ -56,5 +56,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "19b4c6e468817ec3530971831e8cbaf55fefb126"
+    "gitHead": "1e89b5360826160f813f37a2184aa4a5c51fe51b"
 }

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    tooltip?: string;
+    onClick?: () => void;
+}
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { ConversationMessage, LogLevel } from '../../types';
 import { ChatOptions } from '../../hooks/use-chat';
+import { MessageActions } from './message-item';
 interface Props {
     className?: string;
     bot: {
@@ -22,6 +23,7 @@ interface Props {
         chat: ChatOptions;
         toolbar?: ReactNode;
     };
+    actions?: MessageActions;
 }
-export default function MessageBox({ className, bot, user, input, logLevel, imageResolver, placeholder, ...props }: Props): JSX.Element;
+export default function MessageBox({ className, bot, user, input, logLevel, imageResolver, placeholder, actions, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,7 +1,16 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Message } from '../../types';
+import Action from './action';
+export type MessageActions = (props: {
+    Component: typeof Action;
+    message: Message;
+    content: string;
+    setMessage: (callback: (message: Message) => void) => void;
+}) => ReactNode;
 interface Props {
     message: Message;
+    actions?: MessageActions;
+    updater: (callback: (message: Message) => void) => void;
 }
-declare const MessageItem: import("react").MemoExoticComponent<({ message }: Props) => JSX.Element>;
+declare const MessageItem: import("react").MemoExoticComponent<({ message, actions, updater }: Props) => JSX.Element>;
 export default MessageItem;

package/types/types.d.ts

@@ -15,6 +15,7 @@ export interface ToolMessage {
 }
 export type LogLevel = 'stats' | 'all' | 'none';
 export interface Message {
+    id: string;
     query?: string;
     files?: {
         path: string;
@@ -31,12 +32,18 @@ export interface Message {
         latency: number;
     };
     loading?: boolean;
+    annotation?: {
+        id: string;
+        question: string;
+        answer: string;
+    };
 }
 export interface Conversation {
     id: string;
     messages?: ConversationMessage[];
 }
 export interface ConversationMessage {
+    id: string;
     query: string;
     files: [];
     chunks: {
@@ -46,4 +53,9 @@ export interface ConversationMessage {
     }[];
     usage: number;
     latency: number;
+    annotation?: {
+        id: string;
+        question: string;
+        answer: string;
+    };
 }