@katechat/ui 1.0.53 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -448,7 +448,7 @@ $$${n}$$`):""}function Ui(e,t=!1){return e?t?[Rk.parse(e,{renderer:Wr})]:(e=Uv(e
448
448
  </svg>
449
449
  <span class="action-btn-label">${ce.label}</span>
450
450
  </div>`:"";it.innerHTML=Te.replaceAll("<LANG>",Ne).replace("<EXECUTE_BTN>",tt).replace("<DOWNLOAD_TITLE>",z).replace("<COPY_TITLE>",Z),Xe.appendChild(it),ve.parentNode?.insertBefore(Xe,ve),Xe.appendChild(ve)}}),V.current.querySelectorAll("img").forEach(ve=>{if(!ve?.classList?.contains("message-image")){ve.classList.add("message-image");let it=ve.src.split("/").pop()||"";ve.setAttribute("data-file-name",it)}}),V.current.querySelectorAll("table").forEach(ve=>{if(!ve?.classList?.contains("message-table")){if(ve.classList.add("message-table"),!ve.tFoot){let Ne=document.createElement("tfoot");ve.appendChild(Ne);let Xe=document.createElement("tr");Xe.className="table-controls-row",Ne.appendChild(Xe);let ce=document.createElement("th");ce.classList.add("table-controls"),ce.colSpan=ve.querySelectorAll("th").length||1,Xe.appendChild(ce)}let it=ve.querySelector("tfoot tr .table-controls");it.innerHTML=fe.replace("<COPY_CSV_TITLE>",J).replace("<DOWNLOAD_CSV_TITLE>",ae);let We=0;ve.querySelectorAll("th").forEach(Ne=>{Ne.classList.contains("table-controls")||(Ne.classList.add("table-sort-btn"),Ne.setAttribute("data-col-index",String(We++)))})}}))},zi+10),[z,Z,J,ae,d]);(0,_e.useEffect)(()=>{if(!k&&V.current){let ve=new MutationObserver(ge);return ve.observe(V.current,{childList:!0,subtree:!0}),ge(),()=>ve.disconnect()}},[u,k,ge]);let Ce=()=>le(ve=>!ve),Ge=(0,_e.useMemo)(()=>s?s(t):null,[s,t]),Ye=(0,_e.useMemo)(()=>{let ve=o?o(t):null,it=l?.find(We=>We.modelId===t?.modelId);return _e.default.createElement(_e.default.Fragment,null,_e.default.createElement(vt.Group,{align:"center",pt:"sm"},_e.default.createElement(vt.Avatar,{color:"gray",radius:"xl",size:"md",src:De?t?.user?.avatarUrl:void 0},De?_e.default.createElement(Rn.IconUser,null):it?_e.default.createElement(qa,{apiProvider:it.apiProvider,provider:it.provider}):_e.default.createElement(Rn.IconRobot,null)),_e.default.createElement(vt.Group,{gap:"sm"},_e.default.createElement(vt.Text,{size:"sm",fw:500,c:De?"blue":"teal"},he),_e.default.createElement(vt.Text,{size:"sm",c:"dimmed"},Ee),G&&_e.default.createElement(Si,{status:G}),U&&G!=="reasoning"&&_e.default.createElement(vt.Text,{size:"sm",c:"dimmed"},U))),_e.default.createElement("div",{className:["katechat-message-content",k?"streaming":""].join(" ")},_e.default.createElement(Yi,{status:G,content:v,statusInfo:U,streaming:k}),R?R.map((We,Ne)=>_e.default.createElement("div",{key:Ne,dangerouslySetInnerHTML:{__html:We}})):_e.default.createElement("div",null,v),_e.default.createElement("div",{className:"katechat-message-footer"},_e.default.createElement(Xo,{messageId:p,messageIndex:n}),Ge&&_e.default.createElement(vt.Tooltip,{label:Q("Details"),position:"top",withArrow:!0},_e.default.createElement(vt.ActionIcon,{className:"edit-message-btn","data-message-id":p,size:"sm",variant:"subtle",color:"gray",disabled:a,onClick:Ce},$?_e.default.createElement(Rn.IconInfoSquareFilled,null):_e.default.createElement(Rn.IconInfoSquare,null))),ve),_e.default.createElement(vt.Collapse,{in:$},_e.default.createElement("div",{className:"katechat-message-content-details"},Ge))))},[u,he,Ee,v,R,p,E,b,l,n,Y,Ge,$,k,ie.language]),[He,ct]=_e.default.useState(0),[St,dt]=_e.default.useState("idle"),[Lt,Nt]=_e.default.useState(!1);(0,_e.useEffect)(()=>{if(!L||L.length===0)return;let ve=L.findIndex(it=>it.streaming);ve>=0&&ct(ve)},[L]);let an=(0,_e.useMemo)(()=>!L||L.length===0?[]:L.map(ve=>_e.default.createElement(Hs,{key:ve.id,message:ve,parentIndex:n,index:He,models:l,plugins:o?.(ve)})),[L,l,n,ie.language]),Ot=(0,_e.useMemo)(()=>{if(!L||L.length===0)return null;let ve=L.length,it=Xe=>{Xe.stopPropagation(),!Lt&&(Nt(!0),dt("exit-right"),setTimeout(()=>{ct(ce=>(ce-1+ve)%ve),dt("enter-left"),setTimeout(()=>{dt("idle"),Nt(!1)},zi)},zi))},We=Xe=>{Xe.stopPropagation(),!Lt&&(Nt(!0),dt("exit-left"),setTimeout(()=>{ct(ce=>(ce+1)%ve),dt("enter-right"),setTimeout(()=>{dt("idle"),Nt(!1)},zi)},zi))},Ne=an[He];return _e.default.createElement("div",{className:"katechat-message-carousel"},_e.default.createElement("div",{className:"message-carousel-header"},_e.default.createElement("div",{className:"message-carousel-controls"},ve>1&&_e.default.createElement(_e.default.Fragment,null,_e.default.createElement(vt.ActionIcon,{onClick:it,"aria-label":"Previous",radius:"xl",variant:"light"},_e.default.createElement(Rn.IconChevronLeft,null)),_e.default.createElement(vt.ActionIcon,{onClick:We,"aria-label":"Next",radius:"xl",variant:"light"},_e.default.createElement(Rn.IconChevronRight,null))))),_e.default.createElement("div",{className:`carousel-message-content animation-${St}`},Ne),ve>1&&_e.default.createElement(vt.Group,{className:"carousel-model-icons"},L.map((Xe,ce)=>{let tt=l?.find(Qe=>Qe.modelId===Xe.modelId),ut=ce===He;return _e.default.createElement(vt.Tooltip,{key:Xe.id,label:tt?.name||Q("AI"),position:"top"},_e.default.createElement(vt.Box,{key:Xe.id,c:ut?void 0:"dimmed",onClick:()=>ct(ce)},tt?_e.default.createElement(qa,{apiProvider:tt.apiProvider,provider:tt.provider,size:20}):_e.default.createElement(Rn.IconRobot,{size:20})))})))},[an,ie.language,He,St,Lt]);return Ot?_e.default.createElement("div",{id:`message-${t.id}`,className:["katechat-message",`katechat-message__${u||""}`].join(" "),ref:V},_e.default.createElement("div",{className:"katechat-message-linked-toggle"},_e.default.createElement(vt.Switch,{checked:q,onChange:ve=>te(ve.currentTarget.checked),label:Q(q?"Main":"Others"),size:"sm"})),_e.default.createElement("div",{className:["katechat-message-main",q?"":"hidden"].join(" ")},Ye),_e.default.createElement("div",{className:["katechat-message-linked",q?"hidden":""].join(" ")},Ot)):_e.default.createElement("div",{id:`message-${t.id}`,className:["katechat-message",`katechat-message__${u||""}`].join(" "),ref:V},_e.default.createElement("div",{className:"katechat-message-main"},Ye))});zs.displayName="ChatMessage";var Qa=wt(require("react"),1),Vv=require("@mantine/core");var Dk=({html:e,text:t})=>Qa.default.createElement(Vv.ScrollArea,{type:"hover",offsetScrollbars:!0,className:["katechat-message-content","katechat-message-preview"].join(" ")},t?Qa.default.createElement(Qa.default.Fragment,null,e?e.map((n,a)=>Qa.default.createElement("div",{key:a,dangerouslySetInnerHTML:{__html:n}})):Qa.default.createElement("div",null,t)):"...");var zt=wt(require("react"),1),ar=require("@mantine/core"),Wv=require("@tabler/icons-react");var rr=wt(require("react"),1),Wt=require("@tabler/icons-react"),qa=({apiProvider:e,provider:t,size:n=24})=>{switch(e){case"OPEN_AI":return rr.default.createElement(Wt.IconBrandOpenai,{size:n});case"AWS_BEDROCK":switch(t?.toLowerCase()){case"amazon":return rr.default.createElement(Wt.IconBrandAws,{size:n});case"anthropic":return rr.default.createElement(Wt.IconAi,{size:n});case"mistral ai":return rr.default.createElement(Wt.IconBrandMedium,{size:n});case"meta":return rr.default.createElement(Wt.IconBrandMeta,{size:n});default:return rr.default.createElement(Wt.IconBrandAws,{size:n})}case"YANDEX_FM":return rr.default.createElement(Wt.IconBrandYandex,{size:n});case"GOOGLE_VERTEX_AI":return rr.default.createElement(Wt.IconBrandGoogle,{size:n});default:return rr.default.createElement(Wt.IconMessageChatbot,{size:n})}};var Hs=({message:e,parentIndex:t,index:n,plugins:a,models:o})=>{let s=(0,zt.useMemo)(()=>o?.find(l=>l.modelId===e.modelId),[o,e.modelId]);return zt.default.createElement(ar.Box,{key:e.id},zt.default.createElement(ar.Group,{align:"center",pt:"sm"},zt.default.createElement(ar.Avatar,{radius:"xl",size:"md"},s?zt.default.createElement(qa,{apiProvider:s.apiProvider,provider:s.provider}):zt.default.createElement(Wv.IconRobot,null)),zt.default.createElement(ar.Group,{gap:"xs"},zt.default.createElement(ar.Text,{size:"sm",fw:500,c:"teal"},e.modelName),e.status&&zt.default.createElement(Si,{status:e.status}),e.statusInfo&&e.status!=="reasoning"&&zt.default.createElement(ar.Text,{size:"xs",c:"dimmed"},e.statusInfo))),zt.default.createElement("div",{className:"katechat-message-content"},zt.default.createElement(Yi,{status:e.status,content:e.content,statusInfo:e.statusInfo,streaming:e.streaming||!1}),e.html?e.html.map((l,d)=>zt.default.createElement("div",{key:d,dangerouslySetInnerHTML:{__html:l}})):zt.default.createElement("div",null,e.content),zt.default.createElement("div",{className:"katechat-message-footer"},zt.default.createElement(Xo,{messageId:e.id,messageIndex:t,linkedMessageIndex:n}),a)))};Hs.displayName="LinkedChatMessage";var xe=wt(require("react"),1),Ct=require("@mantine/core"),Qr=require("@tabler/icons-react"),pa=require("@mantine/notifications");var It=wt(require("react"),1),Rr=require("@mantine/core"),qv=require("@tabler/icons-react");var Qv=require("react-i18next");var Hi={dropzone:"_dropzone_16zca_1",dragging:"_dragging_16zca_8",disabled:"_disabled_16zca_12"};var $v=["image/jpeg","image/png","image/webp"],Vs=({onFilesAdd:e,disabled:t,uploadFormats:n=$v})=>{let[a,o]=(0,It.useState)(!1),s=(0,It.useRef)(null),l=(0,It.useRef)(null),{t:d}=(0,Qv.useTranslation)();(0,It.useEffect)(()=>{let R=I=>{if(!t&&I.clipboardData&&I.clipboardData.items){let N=Array.from(I.clipboardData.items).map(k=>k.getAsFile()).filter(Gi);N.length>0&&(I.preventDefault(),I.stopPropagation(),e(N))}};return document.addEventListener("paste",R),()=>{document.removeEventListener("paste",R)}},[e,t]);let u=(0,It.useCallback)(R=>{R.preventDefault(),R.stopPropagation(),o(!0)},[]),p=(0,It.useCallback)(R=>{R.preventDefault(),R.stopPropagation(),o(!1)},[]),E=(0,It.useCallback)(R=>{if(R.preventDefault(),R.stopPropagation(),o(!1),t)return;let I=R.dataTransfer.files&&R.dataTransfer.files.length>0?Array.from(R.dataTransfer.files).filter(N=>N.size>0):[];e(I)},[e]),b=(0,It.useCallback)(R=>{if(R.target.files&&R.target.files.length>0){let I=Array.from(R.target.files).filter(N=>N.size>0);I.length&&e(I),l.current&&(l.current.value="")}},[e]),v=()=>{t||l.current?.click()};return It.default.createElement(It.default.Fragment,null,It.default.createElement(Rr.Box,{ref:s,className:`drop-zone ${Hi.dropzone} ${a?Hi.dragging:""} ${t?Hi.disabled:""}`,onDragOver:u,onDragLeave:p,onDrop:E,onClick:v},It.default.createElement(Rr.Group,{justify:"start",className:"drop-zone-control",gap:"xs"},It.default.createElement(Rr.Tooltip,{label:d("Click or drop an image/document here to upload"),position:"top"},It.default.createElement(Rr.ActionIcon,{variant:"default",size:"lg"},It.default.createElement(qv.IconFileUpload,{size:"24"}))),It.default.createElement(Rr.Box,{hiddenFrom:"xs",pe:"sm"},d("Upload File")),It.default.createElement("input",{ref:l,type:"file",multiple:!0,accept:n?.join(","),onChange:b,className:Hi.fileInput,style:{display:"none"},disabled:t}))))};var Vi=wt(require("react"),1),Kv=require("@mantine/core"),Xv=require("@tabler/icons-react");var kd={overlay:"_overlay_vjudp_1",content:"_content_vjudp_16"};var Zv=require("react-i18next"),wk=({visible:e,message:t,onDragOver:n,onDragLeave:a,onDrop:o})=>{let{t:s}=(0,Zv.useTranslation)();return e?Vi.default.createElement("div",{className:kd.overlay,onDragOver:n,onDragLeave:a,onDrop:o},Vi.default.createElement("div",{className:kd.content},Vi.default.createElement(Xv.IconFileUpload,{size:48,color:"var(--mantine-color-blue-4)"}),Vi.default.createElement(Kv.Text,{size:"lg",fw:500,c:"blue.4"},t||s("Drop files here to upload")))):null};var Jv=require("react-i18next");var Kt={chatControlsContainer:"_chatControlsContainer_sg9gr_1",chatInputContainer:"_chatInputContainer_sg9gr_4",chatInputGroup:"_chatInputGroup_sg9gr_7",chatInput:"_chatInput_sg9gr_4",hidden:"_hidden_sg9gr_22",promptMode:"_promptMode_sg9gr_34",promptModeText:"_promptModeText_sg9gr_41",promptFadeInUp:"_promptFadeInUp_sg9gr_1",promptShimmer:"_promptShimmer_sg9gr_1",headerRow:"_headerRow_sg9gr_71",documentsInput:"_documentsInput_sg9gr_89",columned:"_columned_sg9gr_95",imagesList:"_imagesList_sg9gr_103",previewImage:"_previewImage_sg9gr_108",removeButton:"_removeButton_sg9gr_120"};var Mk=(0,xe.forwardRef)(({loadCompleted:e=!1,disabled:t=!1,promptMode:n=!1,promptText:a,uploadAllowed:o=!0,streaming:s,setSending:l,previousMessages:d=[],header:u,inputPlugins:p,uploadFormats:E,maxUploadFileSize:b=64*1024*1024,maxImagesCount:v=0,onSendMessage:R,onStopRequest:I,onDocumentsUpload:N},k)=>{let[L,G]=(0,xe.useState)(""),[U,V]=(0,xe.useState)([]),[Y,q]=(0,xe.useState)(0),[te,$]=(0,xe.useState)(!1),le=(0,xe.useRef)(null),{t:Q}=(0,Jv.useTranslation)();(0,xe.useImperativeHandle)(k,()=>({handleAddFiles:Z=>Te(Z)})),(0,xe.useEffect)(()=>{le.current?.focus()},[e,t]),(0,xe.useEffect)(()=>{q(d?.length?d.length:0)},[e,d]);let ie=async()=>{if(!(!L?.trim()&&!U.length)){l(!0);try{G(""),V([]),await R(L,U)}catch(Z){pa.notifications.show({title:"Error",message:Z instanceof Error?Z.message:Q("Failed to send message"),color:"red"})}finally{l(!1)}}},Ee=(0,xe.useCallback)(Z=>{let J=!L?.trim();if(Z.key==="Enter"&&!Z.shiftKey&&!Z.altKey)Z.preventDefault(),ie(),$(!1);else if(Z.key==="ArrowUp"&&(J||te)){let ae=Math.max(0,Y-1);G(d[ae]),q(ae),$(!0)}else if(Z.key==="ArrowDown"&&(J||te)){let ae=Math.min(d.length-1,Y+1);G(d[ae]),q(ae),$(!0)}else $(!1)},[ie,L,d,Y]),De=(0,xe.useCallback)(Z=>{G(Z.currentTarget.value)},[]),he=(0,xe.useMemo)(()=>t||s||!L?.trim()&&!U.length,[L,U,s,t]),Te=(0,xe.useCallback)(Z=>{let J=Z.filter(ge=>ge.size<b);J.length<Z.length&&pa.notifications.show({title:Q("Warning"),message:Q("Some files are too large and were not added (max size: {{size}} MB)",{size:b/(1024*1024)}),color:"yellow"});let ae=J.filter(ge=>ge.type?.startsWith("image/")),fe=J.filter(ge=>!ge.type?.startsWith("image/"));ae.length&&v<=0&&(pa.notifications.show({title:Q("Warning"),message:Q("Image uploads are not allowed in this chat."),color:"yellow"}),ae=[]),ae.length+U.length>v&&(pa.notifications.show({title:Q("Warning"),message:Q("You can only add up to {{count}} images at a time",{count:v}),color:"yellow"}),ae=ae.slice(0,v-U.length)),ae.length&&Promise.all(ae.map(ge=>new Promise((Ce,Ge)=>{let Ye=new FileReader;Ye.onload=He=>{if(He.target?.result){let ct=He.target.result;Ce({fileName:ge.name,mimeType:ge.type,bytesBase64:ct})}else Ge(new Error(Q("Failed to read file: {{fileName}}",{fileName:ge.name})))},Ye.onerror=He=>{Ge(new Error(Q("Failed to read file: {{fileName}}, error: {{error}}",{fileName:ge.name,error:He})))},Ye.readAsDataURL(ge)}))).then(ge=>{V(Ce=>[...Ce,...ge])}).catch(ge=>{pa.notifications.show({title:Q("Error"),message:ge.message||Q("Failed to read image files"),color:"red"})}),fe.length&&N?N(fe):fe.length&&pa.notifications.show({title:Q("Warning"),message:Q("Document upload is not available in this chat."),color:"orange"})},[U,N,v,b]),z=Z=>J=>{J.stopPropagation(),V(ae=>ae.filter(fe=>fe.fileName!==Z))};return xe.default.createElement("div",{className:[Kt.chatControlsContainer,n?Kt.promptMode:"",e?"":Kt.hidden].join(" ")},n?xe.default.createElement(Ct.Stack,{align:"center",justify:"center",gap:"md",mb:"lg"},xe.default.createElement(Ct.Text,{c:"dimmed",size:"lg",ta:"center",className:Kt.promptModeText},a||Q("Start the conversation by sending a message"))):null,xe.default.createElement("div",{className:Kt.chatControls},u&&xe.default.createElement(Ct.Group,{align:"center",gap:"xs",className:Kt.headerRow},u),xe.default.createElement("div",{className:[Kt.chatInputContainer,U.length?Kt.columned:""].join(" ")},o&&xe.default.createElement("div",{className:Kt.documentsInput},xe.default.createElement(Ct.Group,{visibleFrom:"xs",gap:"xs"},xe.default.createElement(Vs,{onFilesAdd:Te,uploadFormats:E}),p),U?.length>0&&xe.default.createElement("div",{className:Kt.imagesList},U.map(Z=>xe.default.createElement("div",{key:Z.fileName,className:Kt.previewImage},xe.default.createElement("img",{src:Z.bytesBase64,alt:Z.fileName}),xe.default.createElement(Ct.ActionIcon,{className:Kt.removeButton,color:"red.9",size:"xs",onClick:z(Z.fileName)},xe.default.createElement(Qr.IconX,{size:16})))))),xe.default.createElement("div",{className:Kt.chatInputGroup},o&&xe.default.createElement(Ct.Menu,{shadow:"md",width:"content"},xe.default.createElement(Ct.Menu.Target,null,xe.default.createElement(Ct.ActionIcon,{size:"lg",variant:"subtle",hiddenFrom:"xs"},xe.default.createElement(Ct.Tooltip,{label:Q("More..."),position:"right",withArrow:!0},xe.default.createElement(Qr.IconCirclePlus,{size:"24"})))),xe.default.createElement(Ct.Menu.Dropdown,null,xe.default.createElement(Vs,{onFilesAdd:Te,uploadFormats:E}),p)),xe.default.createElement(Ct.Textarea,{ref:le,className:Kt.chatInput,placeholder:Q("Type your message..."),value:L||"",autosize:!0,minRows:1,maxRows:7,onChange:De,onKeyDown:Ee,disabled:t}),I&&s?xe.default.createElement(Ct.Button,{onClick:I,disabled:t},xe.default.createElement(Qr.IconPlayerStopFilled,{size:24})," ",xe.default.createElement(Ct.Text,{visibleFrom:"md"},Q("Stop"))):xe.default.createElement(Ct.Button,{onClick:ie,disabled:he,className:I&&s?Kt.hidden:"",radius:"md"},xe.default.createElement(Qr.IconSend,{size:24})," ",xe.default.createElement(Ct.Text,{visibleFrom:"md",ml:"xs"},Q("Send")))))))});var At=wt(require("react"),1),dC=require("@mantine/core"),Qs=require("@mantine/notifications");var uC=require("react-i18next");var Ut=wt(require("react"),1),Ht=require("@mantine/core"),oC=require("@mantine/hooks"),sC=require("@tabler/icons-react");var Pd=wt(require("i18next"),1),rC=require("react-i18next"),aC=wt(require("i18next-browser-languagedetector"),1),iC=wt(Sc(),1);var jv={AI:"AI","Are you sure you want to delete this item? This action cannot be undone.":"Are you sure you want to delete this item? This action cannot be undone.",Cancel:"Cancel",Cancelled:"Cancelled","Click or drop an image/document here to upload":"Click or drop an image/document here to upload","Code block is empty":"Code block is empty","Code Interpreter":"Code Interpreter",Completed:"Completed","Confirm Deletion":"Confirm Deletion",Copy:"Copy","Copy CSV":"Copy CSV","Copy message":"Copy message",Delete:"Delete",Details:"Details","Document upload is not available in this chat.":"Document upload is not available in this chat.",Download:"Download","Download CSV":"Download CSV","Drop files here to upload":"Drop files here to upload",Error:"Error","Failed to copy message":"Failed to copy message","Failed to read file: {{fileName}}":"Failed to read file: {{fileName}}","Failed to read file: {{fileName}}, error: {{error}}":"Failed to read file: {{fileName}}, error: {{error}}","Failed to read image files":"Failed to read image files","Failed to send message":"Failed to send message","Image Preview":"Image Preview","Image uploads are not allowed in this chat.":"Image uploads are not allowed in this chat.","In Progress":"In Progress",language:{de:"Deutsch",en:"English",label:"Language",ru:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",zh:"\u4E2D\u6587"},"Language is not specified for this code block":"Language is not specified for this code block",Main:"Main","More...":"More...","Open image source":"Open image source",Others:"Others","RAG Search":"RAG Search",Reasoning:"Reasoning",Send:"Send","Some files are too large and were not added (max size: {{size}} MB)":"Some files are too large and were not added (max size: {{size}} MB)",source:"source","Start the conversation by sending a message":"Start the conversation by sending a message",Started:"Started",Stop:"Stop","Tool Call":"Tool Call","Tool Call Completed":"Tool Call Completed","Type your message...":"Type your message...","Upload File":"Upload File",Warning:"Warning","Web Search":"Web Search",You:"You","You can only add up to {{count}} images at a time":"You can only add up to {{count}} images at a time"};var eC={AI:"KI","Are you sure you want to delete this item? This action cannot be undone.":"M\xF6chten Sie dieses Element wirklich l\xF6schen? Diese Aktion kann nicht r\xFCckg\xE4ngig gemacht werden.",Cancel:"Abbrechen",Cancelled:"Abgebrochen","Click or drop an image/document here to upload":"Klicken oder Bild/Dokument hierher ziehen zum Hochladen","Code block is empty":"Codeblock ist leer","Code Interpreter":"Code-Interpreter",Completed:"Abgeschlossen","Confirm Deletion":"L\xF6schen best\xE4tigen",Copy:"Kopieren","Copy CSV":"CSV kopieren","Copy message":"Nachricht kopieren",Delete:"L\xF6schen",Details:"Details","Document upload is not available in this chat.":"Dokumenten-Upload ist in diesem Chat nicht verf\xFCgbar.",Download:"Herunterladen","Download CSV":"CSV herunterladen","Drop files here to upload":"Dateien zum Hochladen hier ablegen",Error:"Fehler","Failed to copy message":"Nachricht konnte nicht kopiert werden","Failed to read file: {{fileName}}":"Datei konnte nicht gelesen werden: {{fileName}}","Failed to read file: {{fileName}}, error: {{error}}":"Datei konnte nicht gelesen werden: {{fileName}}, Fehler: {{error}}","Failed to read image files":"Bilddateien konnten nicht gelesen werden","Failed to send message":"Nachricht konnte nicht gesendet werden","Image Preview":"Bildvorschau","Image uploads are not allowed in this chat.":"Bild-Uploads sind in diesem Chat nicht erlaubt.","In Progress":"In Bearbeitung",language:{de:"Deutsch",en:"English",label:"Sprache",ru:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",zh:"\u4E2D\u6587"},"Language is not specified for this code block":"F\xFCr diesen Codeblock ist keine Sprache angegeben",Main:"Haupt","More...":"Mehr...","Open image source":"Bildquelle \xF6ffnen",Others:"Andere","RAG Search":"RAG-Suche",Reasoning:"Argumentation",Send:"Senden","Some files are too large and were not added (max size: {{size}} MB)":"Einige Dateien sind zu gro\xDF und wurden nicht hinzugef\xFCgt (max. Gr\xF6\xDFe: {{size}} MB)",source:"Quelle","Start the conversation by sending a message":"Beginnen Sie das Gespr\xE4ch, indem Sie eine Nachricht senden",Started:"Gestartet",Stop:"Stopp","Tool Call":"Tool-Aufruf","Tool Call Completed":"Tool-Aufruf abgeschlossen","Type your message...":"Nachricht eingeben...","Upload File":"Datei hochladen",Warning:"Warnung","Web Search":"Websuche",You:"Sie","You can only add up to {{count}} images at a time":"Sie k\xF6nnen nur bis zu {{count}} Bilder gleichzeitig hinzuf\xFCgen"};var tC={AI:"\u0418\u0418","Are you sure you want to delete this item? This action cannot be undone.":"\u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u0442\u043E\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442? \u042D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0435\u043B\u044C\u0437\u044F \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C.",Cancel:"\u041E\u0442\u043C\u0435\u043D\u0430",Cancelled:"\u041E\u0442\u043C\u0435\u043D\u0435\u043D\u043E","Click or drop an image/document here to upload":"\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435/\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u0441\u044E\u0434\u0430 \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438","Code block is empty":"\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430 \u043F\u0443\u0441\u0442","Code Interpreter":"\u0418\u043D\u0442\u0435\u0440\u043F\u0440\u0435\u0442\u0430\u0442\u043E\u0440 \u043A\u043E\u0434\u0430",Completed:"\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043E","Confirm Deletion":"\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435",Copy:"\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C","Copy CSV":"\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C CSV","Copy message":"\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",Delete:"\u0423\u0434\u0430\u043B\u0438\u0442\u044C",Details:"\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u043E\u0441\u0442\u0438","Document upload is not available in this chat.":"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0432 \u044D\u0442\u043E\u043C \u0447\u0430\u0442\u0435.",Download:"\u0421\u043A\u0430\u0447\u0430\u0442\u044C","Download CSV":"\u0421\u043A\u0430\u0447\u0430\u0442\u044C CSV","Drop files here to upload":"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430 \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438",Error:"\u041E\u0448\u0438\u0431\u043A\u0430","Failed to copy message":"\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435","Failed to read file: {{fileName}}":"\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0444\u0430\u0439\u043B: {{fileName}}","Failed to read file: {{fileName}}, error: {{error}}":"\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0444\u0430\u0439\u043B: {{fileName}}, \u043E\u0448\u0438\u0431\u043A\u0430: {{error}}","Failed to read image files":"\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0444\u0430\u0439\u043B\u044B \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439","Failed to send message":"\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435","Image Preview":"\u041F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F","Image uploads are not allowed in this chat.":"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439 \u0432 \u044D\u0442\u043E\u043C \u0447\u0430\u0442\u0435 \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u0430.","In Progress":"\u0412 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u0435",language:{de:"Deutsch",en:"English",label:"\u042F\u0437\u044B\u043A",ru:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",zh:"\u4E2D\u6587"},"Language is not specified for this code block":"\u042F\u0437\u044B\u043A \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0431\u043B\u043E\u043A\u0430 \u043A\u043E\u0434\u0430",Main:"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439","More...":"\u0415\u0449\u0451...","Open image source":"\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F",Others:"\u0414\u0440\u0443\u0433\u0438\u0435","RAG Search":"RAG-\u043F\u043E\u0438\u0441\u043A",Reasoning:"\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043D\u0438\u0435",Send:"\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C","Some files are too large and were not added (max size: {{size}} MB)":"\u041D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u0438\u0435 \u0438 \u043D\u0435 \u0431\u044B\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u044B (\u043C\u0430\u043A\u0441. \u0440\u0430\u0437\u043C\u0435\u0440: {{size}} \u041C\u0411)",source:"\u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A","Start the conversation by sending a message":"\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0434\u0438\u0430\u043B\u043E\u0433, \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0432 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",Started:"\u041D\u0430\u0447\u0430\u0442\u043E",Stop:"\u0421\u0442\u043E\u043F","Tool Call":"\u0412\u044B\u0437\u043E\u0432 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0430","Tool Call Completed":"\u0412\u044B\u0437\u043E\u0432 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043D","Type your message...":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435...","Upload File":"\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B",Warning:"\u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435","Web Search":"\u0412\u0435\u0431-\u043F\u043E\u0438\u0441\u043A",You:"\u0412\u044B","You can only add up to {{count}} images at a time":"\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 {{count}} \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439 \u0437\u0430 \u0440\u0430\u0437"};var nC={AI:"AI","Are you sure you want to delete this item? This action cannot be undone.":"\u60A8\u786E\u5B9A\u8981\u5220\u9664\u6B64\u9879\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u6D88\u3002",Cancel:"\u53D6\u6D88",Cancelled:"\u5DF2\u53D6\u6D88","Click or drop an image/document here to upload":"\u70B9\u51FB\u6216\u62D6\u653E\u56FE\u7247/\u6587\u6863\u5230\u6B64\u5904\u4E0A\u4F20","Code block is empty":"\u4EE3\u7801\u5757\u4E3A\u7A7A","Code Interpreter":"\u4EE3\u7801\u89E3\u91CA\u5668",Completed:"\u5DF2\u5B8C\u6210","Confirm Deletion":"\u786E\u8BA4\u5220\u9664",Copy:"\u590D\u5236","Copy CSV":"\u590D\u5236 CSV","Copy message":"\u590D\u5236\u6D88\u606F",Delete:"\u5220\u9664",Details:"\u8BE6\u60C5","Document upload is not available in this chat.":"\u6B64\u804A\u5929\u4E0D\u652F\u6301\u6587\u6863\u4E0A\u4F20\u3002",Download:"\u4E0B\u8F7D","Download CSV":"\u4E0B\u8F7D CSV","Drop files here to upload":"\u5C06\u6587\u4EF6\u62D6\u653E\u5230\u6B64\u5904\u4E0A\u4F20",Error:"\u9519\u8BEF","Failed to copy message":"\u590D\u5236\u6D88\u606F\u5931\u8D25","Failed to read file: {{fileName}}":"\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25\uFF1A{{fileName}}","Failed to read file: {{fileName}}, error: {{error}}":"\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25\uFF1A{{fileName}}\uFF0C\u9519\u8BEF\uFF1A{{error}}","Failed to read image files":"\u8BFB\u53D6\u56FE\u7247\u6587\u4EF6\u5931\u8D25","Failed to send message":"\u53D1\u9001\u6D88\u606F\u5931\u8D25","Image Preview":"\u56FE\u7247\u9884\u89C8","Image uploads are not allowed in this chat.":"\u6B64\u804A\u5929\u4E0D\u5141\u8BB8\u4E0A\u4F20\u56FE\u7247\u3002","In Progress":"\u8FDB\u884C\u4E2D",language:{de:"Deutsch",en:"English",label:"\u8BED\u8A00",ru:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",zh:"\u4E2D\u6587"},"Language is not specified for this code block":"\u6B64\u4EE3\u7801\u5757\u672A\u6307\u5B9A\u8BED\u8A00",Main:"\u4E3B\u8981","More...":"\u66F4\u591A...","Open image source":"\u6253\u5F00\u56FE\u7247\u6765\u6E90",Others:"\u5176\u4ED6","RAG Search":"RAG \u641C\u7D22",Reasoning:"\u63A8\u7406",Send:"\u53D1\u9001","Some files are too large and were not added (max size: {{size}} MB)":"\u90E8\u5206\u6587\u4EF6\u8FC7\u5927\uFF0C\u672A\u88AB\u6DFB\u52A0\uFF08\u6700\u5927\uFF1A{{size}} MB\uFF09",source:"\u6765\u6E90","Start the conversation by sending a message":"\u53D1\u9001\u6D88\u606F\u5F00\u59CB\u5BF9\u8BDD",Started:"\u5DF2\u5F00\u59CB",Stop:"\u505C\u6B62","Tool Call":"\u5DE5\u5177\u8C03\u7528","Tool Call Completed":"\u5DE5\u5177\u8C03\u7528\u5B8C\u6210","Type your message...":"\u8F93\u5165\u6D88\u606F...","Upload File":"\u4E0A\u4F20\u6587\u4EF6",Warning:"\u8B66\u544A","Web Search":"\u7F51\u7EDC\u641C\u7D22",You:"\u4F60","You can only add up to {{count}} images at a time":"\u4E00\u6B21\u6700\u591A\u53EA\u80FD\u6DFB\u52A0 {{count}} \u5F20\u56FE\u7247"};var Ws=["en","de","ru","zh"],qs="ui-language";function Fk(e={}){return(0,iC.merge)({en:{translation:jv},de:{translation:eC},ru:{translation:tC},zh:{translation:nC}},e)}async function Uk({lookupLocalStorage:e=qs,supportedLngs:t=Ws,fallbackLng:n="en",resources:a={}}={}){return Pd.default.use(aC.default).use(rC.initReactI18next).init({resources:Fk(a),fallbackLng:n,supportedLngs:t,interpolation:{escapeValue:!1},detection:{order:["localStorage","navigator","htmlTag"],lookupLocalStorage:e,caches:["localStorage"]}})}function Bd(e){return(typeof e=="string"?new Date(e):e).toLocaleDateString(Pd.default.language||"ru-RU",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}var lC=require("react-i18next"),Fd=({fileName:e,fileUrl:t,mimeType:n,createdAt:a,onOpenSource:o,sourceTitle:s,onClose:l})=>{let[d,{open:u,close:p}]=(0,oC.useDisclosure)(!1);(0,Ut.useEffect)(()=>{t&&u()},[t,u]);let E=(0,Ut.useCallback)(()=>{l(),p()},[l,p]),b=(0,Ut.useCallback)(()=>{o?.(),E()},[o,E]),{t:v}=(0,lC.useTranslation)();return Ut.default.createElement(Ht.Drawer,{size:"xl",opened:d,onClose:E,title:v("Image Preview")},t&&Ut.default.createElement(Ht.Stack,{gap:"md"},Ut.default.createElement(Ht.Image,{src:t,alt:e,fit:"contain",mah:"70vh"}),Ut.default.createElement(Ht.Group,{justify:"space-between"},Ut.default.createElement("div",null,Ut.default.createElement(Ht.Text,{size:"sm",fw:500},e),Ut.default.createElement(Ht.Text,{size:"xs",c:"dimmed"},a?Bd(a)+" \u2022":""," ",n)),o&&Ut.default.createElement(Ht.Group,{gap:"xs"},Ut.default.createElement(Ht.Tooltip,{label:v("Open image source")},Ut.default.createElement(Ht.ActionIcon,{variant:"light",onClick:b},Ut.default.createElement(sC.IconExternalLink,{size:16}))))),o&&Ut.default.createElement(Ht.Text,{size:"sm",c:"dimmed"},"From:"," ",Ut.default.createElement(Ht.Text,{span:!0,c:"blue",style:{cursor:"pointer"},onClick:b},s||v("source")))))};var cC=e=>[...Array.from(e.tHead?.querySelectorAll("tr")??[]),...Array.from(e.tBodies[0]?.querySelectorAll("tr")??[])].map(n=>Array.from(n.querySelectorAll("th, td")).map(a=>`"${(a.textContent||"").replace(/"/g,'""')}"`).join(",")).join(`
451
- `),Ud=At.default.memo(({messages:e,onMessageDeleted:t,onAddMessage:n,plugins:a=[],detailsPlugins:o=[],codePlugins:s,models:l=[]})=>{let{t:d}=(0,uC.useTranslation)(),u=(0,At.useRef)(null),[p,E]=(0,At.useState)(),[b,v]=(0,At.useState)(),[R,I]=(0,At.useState)(new Set),N=(0,At.useCallback)(Y=>I(q=>new Set(q).add(Y)),[]),k=(0,At.useCallback)(Y=>{I(q=>{let te=new Set(q);return te.delete(Y),te})},[]),L=()=>{E(void 0),v(void 0)},G=(0,At.useCallback)(Y=>{if(!Y.target)return;let q=["code-run-btn","code-copy-btn","code-download-btn","code-toggle-all","copy-message-btn","code-header","message-image","table-sort-btn","table-copy-csv-btn","table-download-csv-btn"],te=Y.target;for(let Q of q){let ie=te.closest(`.${Q}`);if(ie){te=ie;break}}if(!te)return;let $=te,le=Q=>{let ie=Q?.parentElement;ie.classList.contains("collapsed")?(Q.classList.remove("collapsed"),ie&&ie.classList.remove("collapsed")):(Q.classList.add("collapsed"),ie&&ie.classList.add("collapsed"))};if($.classList.contains("code-run-btn")||$.classList.contains("code-download-btn")){let Q=$.dataset.lang,ie=$.classList.contains("code-run-btn"),De=$.closest(".code-header")?.parentElement?.querySelector(".code-data");if(De){let he=decodeURIComponent(De.dataset.code||"").trim();if(!he)return Qs.notifications.show({title:d("Error"),message:d("Code block is empty"),color:"red"});if(ie){if(!Q)return Qs.notifications.show({title:d("Error"),message:d("Language is not specified for this code block"),color:"red"});s?.[Q]?.execute(he,Q)}else{let Te=`code.${wd(Q||"txt")}`,z=new Blob([he],{type:"text/plain"}),Z=URL.createObjectURL(z),J=document.createElement("a");J.href=Z,J.download=Te,J.click(),URL.revokeObjectURL(Z)}}}else if($.classList.contains("code-copy-btn")){let Q=$.parentElement?.parentElement?.nextElementSibling?.querySelector(".code-data");if(Q){let De=decodeURIComponent(Q.dataset.code||"").trim();navigator.clipboard.writeText(De)}let ie=$.querySelector(".copy-icon"),Ee=$.querySelector(".check-icon");ie&&Ee&&(ie.style.display="none",Ee.style.display="block",setTimeout(()=>{ie.style.display="block",Ee.style.display="none"},2e3))}else if($.classList.contains("code-header"))le($);else if($.classList.contains("code-toggle-all"))u.current?.querySelectorAll(".code-header").forEach(Q=>{le(Q)});else if($.classList.contains("copy-message-btn")){if($.dataset.messageId){let Q=$.dataset.messageIndex,ie=$.dataset.messageLinkedIndex,Ee=$.dataset.messageId,De=Q!=null?e[Number(Q)]:e.find(Z=>Z.id===Ee);ie!=null&&(De=De?.linkedMessages?.[Number(ie)]),Md(De,"Message should exist to copy");let he=(De.content||"").trim(),Te=De.html||[];if(Te.length&&Te[0]){let Z=new Blob([Te.join("<br/>")],{type:"text/html"}),J=new Blob([he],{type:"text/plain"});navigator.clipboard.write([new ClipboardItem({[Z.type]:Z,[J.type]:J})]).catch(ae=>Qs.notifications.show({title:d("Error"),message:ae.message||d("Failed to copy message"),color:"red"}))}else navigator.clipboard.writeText(he);let z=$.parentElement?.querySelector(".check-icon");z&&($.style.display="none",z.style.display="inline-block",setTimeout(()=>{$.style.display="inline-block",z.style.display="none"},2e3))}}else if($.classList.contains("message-image")){let Q=$.dataset.fileName,ie=$.src;E(ie),v(Q)}else if($.classList.contains("table-sort-btn")){let Q=parseInt($.dataset.colIndex||"0"),ie=$.closest("table");if(!ie)return;let Ee=ie.querySelector("tbody");if(!Ee)return;let he=$.dataset.sortDir==="asc"?"desc":"asc";ie.querySelectorAll("th.table-sort-btn").forEach(z=>{delete z.dataset.sortDir,z.classList.remove("sort-asc","sort-desc")}),$.dataset.sortDir=he,$.classList.add(he==="asc"?"sort-asc":"sort-desc");let Te=Array.from(Ee.querySelectorAll("tr"));Te.sort((z,Z)=>{let J=z.querySelectorAll("td")[Q]?.textContent||"",ae=Z.querySelectorAll("td")[Q]?.textContent||"",fe=parseFloat(J),ge=parseFloat(ae);return!isNaN(fe)&&!isNaN(ge)?he==="asc"?fe-ge:ge-fe:he==="asc"?J.localeCompare(ae):ae.localeCompare(J)}),Te.forEach(z=>Ee.appendChild(z))}else if($.classList.contains("table-copy-csv-btn")){let Q=$.closest(".message-table");if(!Q)return;navigator.clipboard.writeText(cC(Q));let ie=$.querySelector(".copy-icon"),Ee=$.querySelector(".check-icon");ie&&Ee&&(ie.style.display="none",Ee.style.display="block",setTimeout(()=>{ie.style.display="block",Ee.style.display="none"},2e3))}else if($.classList.contains("table-download-csv-btn")){let Q=$.closest(".message-table");if(!Q)return;let ie=new Blob([cC(Q)],{type:"text/csv"}),Ee=URL.createObjectURL(ie),De=document.createElement("a");De.href=Ee,De.download="table.csv",De.click(),URL.revokeObjectURL(Ee)}},[e,s]),U=(0,At.useCallback)(Y=>At.default.createElement(At.default.Fragment,null,a.map((q,te)=>At.default.createElement(q,{key:te,message:Y,onAddMessage:n,onAction:N,onActionEnd:k,onMessageDeleted:t,disabled:R.has(Y.id)}))),[a,n,t,R,N,k]),V=(0,At.useCallback)(Y=>{let q=o.map((te,$)=>te(Y)).filter(Gi);return q.length?q:null},[a,o]);return At.default.createElement(At.default.Fragment,null,At.default.createElement(dC.Stack,{gap:"sm",ref:u,onClick:G},e.map((Y,q)=>At.default.createElement(zs,{key:Y.id,message:Y,index:q,disabled:R.has(Y.id),pluginsLoader:U,messageDetailsLoader:V,models:l,codePlugins:s}))),At.default.createElement(Fd,{fileName:b??"",fileUrl:p??"",onClose:L}))});var lt=wt(require("react"),1),Ks=require("@mantine/core"),mC=require("@tabler/icons-react");var Wi=require("react");function $s(e,t,n=0){let a=(0,Wi.useRef)(null),o=(0,Wi.useRef)(null);return(0,Wi.useEffect)(()=>{a.current?.disconnect();let s=setTimeout(()=>{a.current=new IntersectionObserver(l=>{l[0].isIntersecting&&e()}),o.current&&a.current.observe(o.current)},n);return()=>{clearTimeout(s),a.current?.disconnect()}},[t,e]),o}var Ir=wt(require("react"),1),_C=require("@mantine/hooks"),Gd=(0,Ir.createContext)(void 0),Gk=({children:e})=>{let[t,n]=(0,_C.useLocalStorage)({key:"ui-theme",defaultValue:"light"});(0,Ir.useEffect)(()=>{if(t==="auto"){let o=window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.dataset.mantine=o?"dark":"light"}else document.documentElement.dataset.mantine=t},[t]);let a=()=>{let o=t==="dark"?"light":"dark";n(o),document.documentElement.dataset.mantine=o};return(0,Ir.useEffect)(()=>{if(t==="auto"){let o=window.matchMedia("(prefers-color-scheme: dark)"),s=l=>{document.documentElement.dataset.mantine=l.matches?"dark":"light"};return o.addEventListener("change",s),()=>o.removeEventListener("change",s)}},[t]),Ir.default.createElement(Gd.Provider,{value:{colorScheme:t,setColorScheme:n,toggleColorScheme:a}},e)},Yk=()=>{let e=(0,Ir.useContext)(Gd);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e};var Yd=lt.default.forwardRef(({messages:e,models:t=[],addChatMessage:n,removeMessages:a,loadMoreMessages:o,plugins:s,detailsPlugins:l,codePlugins:d,streaming:u=!1,loadCompleted:p=!0,loading:E=!1,autoScroll:b=!0,id:v="chat"},R)=>{let[I,N]=(0,lt.useState)(!1),k=(0,lt.useRef)(null),L=(0,lt.useRef)(null),G=(0,lt.useCallback)(()=>{k.current?.scrollTo(0,k.current?.scrollHeight??0)},[k]);(0,lt.useImperativeHandle)(R,()=>({scrollToBottom:G}),[G]);let U=(0,lt.useCallback)(()=>{I||G()},[G,I]);(0,lt.useEffect)(()=>{if(b)U();else{let te=k.current;if(te){let{scrollTop:$,scrollHeight:le,clientHeight:Q}=te;le-$-Q<2||N(!0)}}},[e,U,b]);let V=(0,lt.useCallback)(te=>{let{scrollTop:$,scrollHeight:le,clientHeight:Q}=te.target;L.current&&clearTimeout(L.current),le-$-Q<2?N(!1):e?.length&&(u?L.current=setTimeout(()=>{N(!0)},100):N(!0))},[e?.length,u]),Y=(0,lt.useCallback)(()=>{N(!1),G()},[G]);(0,lt.useEffect)(()=>{p&&(N(!1),setTimeout(G,200))},[p,b]);let q=$s(()=>o?.(),[o],200);return lt.default.createElement("div",{className:["katechat-messages-container",p?"container--load-completed":"",p&&e?.length===0?"container--empty":""].join(" ")},lt.default.createElement("div",{className:"katechat-messages-container-scroller",ref:k,onScroll:V},lt.default.createElement("div",{ref:q,id:`${v}-first-message`}),E&&lt.default.createElement(Ks.Group,{justify:"center",align:"center",py:"xl"},lt.default.createElement(Ks.Loader,null)),lt.default.createElement("div",{className:"katechat-messages-list"},e&&lt.default.createElement(Ud,{messages:e,onMessageDeleted:a,onAddMessage:n,models:t,plugins:s,detailsPlugins:l,codePlugins:d}))),lt.default.createElement("div",{className:["katechat-anchor-container",I?"container--visible":""].join(" ")},lt.default.createElement("div",{className:"katechat-anchor"},lt.default.createElement(mC.IconCircleChevronDown,{size:32,color:"teal",onClick:Y}))))});Yd.displayName="ChatMessagesContainer";var ga=wt(require("react"),1),Hn=require("@mantine/core"),pC=require("react-i18next"),zk=({isOpen:e,onClose:t,onConfirm:n,title:a,message:o,confirmLabel:s,cancelLabel:l,isLoading:d=!1})=>{let{t:u}=(0,pC.useTranslation)();return ga.default.createElement(Hn.Modal,{opened:e,onClose:t,title:a||u("Confirm Deletion"),centered:!0},ga.default.createElement(Hn.Stack,null,ga.default.createElement(Hn.Text,{style:{wordBreak:"break-word"}},o||u("Are you sure you want to delete this item? This action cannot be undone.")),ga.default.createElement(Hn.Group,{mt:"md",justify:"flex-end"},ga.default.createElement(Hn.Button,{variant:"outline",onClick:t,disabled:d},l||u("Cancel")),ga.default.createElement(Hn.Button,{color:"red",onClick:n,loading:d},s||u("Delete")))))};var $r=wt(require("react"),1),Ar=require("@mantine/core"),gC=require("@tabler/icons-react"),EC=require("react-i18next");var Hk=({languages:e=Ws})=>{let{t,i18n:n}=(0,EC.useTranslation)(),a=o=>{n.changeLanguage(o),localStorage.setItem(qs,o)};return $r.default.createElement(Ar.Menu,{shadow:"md",width:150,position:"bottom-end"},$r.default.createElement(Ar.Menu.Target,null,$r.default.createElement(Ar.Tooltip,{label:t("language.label")},$r.default.createElement(Ar.ActionIcon,{variant:"subtle","aria-label":t("language.label")},$r.default.createElement(gC.IconLanguage,{size:18})))),$r.default.createElement(Ar.Menu.Dropdown,null,e.map(o=>$r.default.createElement(Ar.Menu.Item,{key:o,onClick:()=>a(o),fw:n.language===o?700:400},t(`language.${o}`)))))};
451
+ `),Ud=At.default.memo(({messages:e,onMessageDeleted:t,onAddMessage:n,plugins:a=[],detailsPlugins:o=[],codePlugins:s,models:l=[]})=>{let{t:d}=(0,uC.useTranslation)(),u=(0,At.useRef)(null),[p,E]=(0,At.useState)(),[b,v]=(0,At.useState)(),[R,I]=(0,At.useState)(new Set),N=(0,At.useCallback)(Y=>I(q=>new Set(q).add(Y)),[]),k=(0,At.useCallback)(Y=>{I(q=>{let te=new Set(q);return te.delete(Y),te})},[]),L=()=>{E(void 0),v(void 0)},G=(0,At.useCallback)(Y=>{if(!Y.target)return;let q=["code-run-btn","code-copy-btn","code-download-btn","code-toggle-all","copy-message-btn","code-header","message-image","table-sort-btn","table-copy-csv-btn","table-download-csv-btn"],te=Y.target;for(let Q of q){let ie=te.closest(`.${Q}`);if(ie){te=ie;break}}if(!te)return;let $=te,le=Q=>{let ie=Q?.parentElement;ie.classList.contains("collapsed")?(Q.classList.remove("collapsed"),ie&&ie.classList.remove("collapsed")):(Q.classList.add("collapsed"),ie&&ie.classList.add("collapsed"))};if($.classList.contains("code-run-btn")||$.classList.contains("code-download-btn")){let Q=$.dataset.lang,ie=$.classList.contains("code-run-btn"),De=$.closest(".code-header")?.parentElement?.querySelector(".code-data");if(De){let he=decodeURIComponent(De.dataset.code||"").trim();if(!he)return Qs.notifications.show({title:d("Error"),message:d("Code block is empty"),color:"red"});if(ie){if(!Q)return Qs.notifications.show({title:d("Error"),message:d("Language is not specified for this code block"),color:"red"});s?.[Q]?.execute(he,Q)}else{let Te=`code.${wd(Q||"txt")}`,z=new Blob([he],{type:"text/plain"}),Z=URL.createObjectURL(z),J=document.createElement("a");J.href=Z,J.download=Te,J.click(),URL.revokeObjectURL(Z)}}}else if($.classList.contains("code-copy-btn")){let Q=$.parentElement?.parentElement?.nextElementSibling?.querySelector(".code-data");if(Q){let De=decodeURIComponent(Q.dataset.code||"").trim();navigator.clipboard.writeText(De)}let ie=$.querySelector(".copy-icon"),Ee=$.querySelector(".check-icon");ie&&Ee&&(ie.style.display="none",Ee.style.display="block",setTimeout(()=>{ie.style.display="block",Ee.style.display="none"},2e3))}else if($.classList.contains("code-header"))le($);else if($.classList.contains("code-toggle-all"))u.current?.querySelectorAll(".code-header").forEach(Q=>{le(Q)});else if($.classList.contains("copy-message-btn")){if($.dataset.messageId){let Q=$.dataset.messageIndex,ie=$.dataset.messageLinkedIndex,Ee=$.dataset.messageId,De=Q!=null?e[Number(Q)]:e.find(Z=>Z.id===Ee);ie!=null&&(De=De?.linkedMessages?.[Number(ie)]),Md(De,"Message should exist to copy");let he=(De.content||"").trim(),Te=De.html||[];if(Te.length&&Te[0]){let Z=new Blob([Te.join("<br/>")],{type:"text/html"}),J=new Blob([he],{type:"text/plain"});navigator.clipboard.write([new ClipboardItem({[Z.type]:Z,[J.type]:J})]).catch(ae=>Qs.notifications.show({title:d("Error"),message:ae.message||d("Failed to copy message"),color:"red"}))}else navigator.clipboard.writeText(he);let z=$.parentElement?.querySelector(".check-icon");z&&($.style.display="none",z.style.display="inline-block",setTimeout(()=>{$.style.display="inline-block",z.style.display="none"},2e3))}}else if($.classList.contains("message-image")){let Q=$.dataset.fileName,ie=$.src;E(ie),v(Q)}else if($.classList.contains("table-sort-btn")){let Q=parseInt($.dataset.colIndex||"0"),ie=$.closest("table");if(!ie)return;let Ee=ie.querySelector("tbody");if(!Ee)return;let he=$.dataset.sortDir==="asc"?"desc":"asc";ie.querySelectorAll("th.table-sort-btn").forEach(z=>{delete z.dataset.sortDir,z.classList.remove("sort-asc","sort-desc")}),$.dataset.sortDir=he,$.classList.add(he==="asc"?"sort-asc":"sort-desc");let Te=Array.from(Ee.querySelectorAll("tr"));Te.sort((z,Z)=>{let J=z.querySelectorAll("td")[Q]?.textContent||"",ae=Z.querySelectorAll("td")[Q]?.textContent||"",fe=parseFloat(J),ge=parseFloat(ae);return!isNaN(fe)&&!isNaN(ge)?he==="asc"?fe-ge:ge-fe:he==="asc"?J.localeCompare(ae):ae.localeCompare(J)}),Te.forEach(z=>Ee.appendChild(z))}else if($.classList.contains("table-copy-csv-btn")){let Q=$.closest(".message-table");if(!Q)return;navigator.clipboard.writeText(cC(Q));let ie=$.querySelector(".copy-icon"),Ee=$.querySelector(".check-icon");ie&&Ee&&(ie.style.display="none",Ee.style.display="block",setTimeout(()=>{ie.style.display="block",Ee.style.display="none"},2e3))}else if($.classList.contains("table-download-csv-btn")){let Q=$.closest(".message-table");if(!Q)return;let ie=new Blob([cC(Q)],{type:"text/csv"}),Ee=URL.createObjectURL(ie),De=document.createElement("a");De.href=Ee,De.download="table.csv",De.click(),URL.revokeObjectURL(Ee)}},[e,s]),U=(0,At.useCallback)(Y=>At.default.createElement(At.default.Fragment,null,a.map((q,te)=>At.default.createElement(q,{key:te,message:Y,onAddMessage:n,onAction:N,onActionEnd:k,onMessageDeleted:t,disabled:R.has(Y.id)}))),[a,n,t,R,N,k]),V=(0,At.useCallback)(Y=>{let q=o.map((te,$)=>te(Y)).filter(Gi);return q.length?q:null},[a,o]);return At.default.createElement(At.default.Fragment,null,At.default.createElement(dC.Stack,{gap:"sm",ref:u,onClick:G},e.map((Y,q)=>At.default.createElement(zs,{key:Y.id,message:Y,index:q,disabled:R.has(Y.id),pluginsLoader:U,messageDetailsLoader:V,models:l,codePlugins:s}))),At.default.createElement(Fd,{fileName:b??"",fileUrl:p??"",onClose:L}))});var lt=wt(require("react"),1),Ks=require("@mantine/core"),mC=require("@tabler/icons-react");var Wi=require("react");function $s(e,t,n=0){let a=(0,Wi.useRef)(null),o=(0,Wi.useRef)(null);return(0,Wi.useEffect)(()=>{a.current?.disconnect();let s=setTimeout(()=>{a.current=new IntersectionObserver(l=>{l[0].isIntersecting&&e()}),o.current&&a.current.observe(o.current)},n);return()=>{clearTimeout(s),a.current?.disconnect()}},[t,e]),o}var Ir=wt(require("react"),1),_C=require("@mantine/hooks"),Gd=(0,Ir.createContext)(void 0),Gk=({children:e})=>{let[t,n]=(0,_C.useLocalStorage)({key:"ui-theme",defaultValue:"light"});(0,Ir.useEffect)(()=>{if(t==="auto"){let o=window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.dataset.mantine=o?"dark":"light"}else document.documentElement.dataset.mantine=t},[t]);let a=()=>{let o=t==="dark"?"light":"dark";n(o),document.documentElement.dataset.mantine=o};return(0,Ir.useEffect)(()=>{if(t==="auto"){let o=window.matchMedia("(prefers-color-scheme: dark)"),s=l=>{document.documentElement.dataset.mantine=l.matches?"dark":"light"};return o.addEventListener("change",s),()=>o.removeEventListener("change",s)}},[t]),Ir.default.createElement(Gd.Provider,{value:{colorScheme:t,setColorScheme:n,toggleColorScheme:a}},e)},Yk=()=>{let e=(0,Ir.useContext)(Gd);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e};var Yd=lt.default.forwardRef(({messages:e,models:t=[],addChatMessage:n,removeMessages:a,loadMoreMessages:o,plugins:s,detailsPlugins:l,codePlugins:d,streaming:u=!1,loadCompleted:p=!0,loading:E=!1,autoScroll:b=!0,id:v="chat"},R)=>{let[I,N]=(0,lt.useState)(!1),k=(0,lt.useRef)(null),L=(0,lt.useRef)(null),G=(0,lt.useCallback)(()=>{k.current?.scrollTo(0,k.current?.scrollHeight??0)},[k]);(0,lt.useImperativeHandle)(R,()=>({scrollToBottom:G}),[G]);let U=(0,lt.useCallback)(()=>{I||G()},[G,I]);(0,lt.useEffect)(()=>{if(b)U();else{let te=k.current;if(te){let{scrollTop:$,scrollHeight:le,clientHeight:Q}=te;le-$-Q<2||N(!0)}}},[e,U,b]);let V=(0,lt.useCallback)(te=>{let{scrollTop:$,scrollHeight:le,clientHeight:Q}=te.target;L.current&&clearTimeout(L.current),le-$-Q<2?N(!1):e?.length&&(u?L.current=setTimeout(()=>{N(!0)},100):N(!0))},[e?.length,u]),Y=(0,lt.useCallback)(()=>{N(!1),G()},[G]);(0,lt.useEffect)(()=>{p&&(N(!1),setTimeout(G,200))},[p,b]);let q=$s(()=>o?.(),[o],200);return lt.default.createElement("div",{className:["katechat-messages-container",p?"container--load-completed":"",p&&e?.length===0?"container--empty":""].join(" ")},lt.default.createElement("div",{className:"katechat-messages-container-scroller",ref:k,onScroll:V},lt.default.createElement("div",{ref:q,id:`${v}-first-message`}),E&&lt.default.createElement(Ks.Group,{justify:"center",align:"center",py:"xl"},lt.default.createElement(Ks.Loader,null)),lt.default.createElement("div",{className:"katechat-messages-list"},e&&lt.default.createElement(Ud,{messages:e,onMessageDeleted:a,onAddMessage:n,models:t,plugins:s,detailsPlugins:l,codePlugins:d}))),lt.default.createElement("div",{className:["katechat-anchor-container",I?"container--visible":""].join(" ")},lt.default.createElement("div",{className:"katechat-anchor"},lt.default.createElement(mC.IconCircleChevronDown,{size:32,color:"teal",onClick:Y}))))});Yd.displayName="ChatMessagesContainer";var ga=wt(require("react"),1),Hn=require("@mantine/core"),pC=require("react-i18next"),zk=({isOpen:e,onClose:t,onConfirm:n,title:a,message:o,confirmLabel:s,cancelLabel:l,isLoading:d=!1})=>{let{t:u}=(0,pC.useTranslation)();return ga.default.createElement(Hn.Modal,{opened:e,onClose:t,title:a||u("Confirm Deletion"),centered:!0},ga.default.createElement(Hn.Stack,null,ga.default.createElement(Hn.Text,{style:{wordBreak:"break-word"}},o||u("Are you sure you want to delete this item? This action cannot be undone.")),ga.default.createElement(Hn.Group,{mt:"md",justify:"flex-end"},ga.default.createElement(Hn.Button,{variant:"outline",onClick:t,disabled:d},l||u("Cancel")),ga.default.createElement(Hn.Button,{color:"red",onClick:n,loading:d},s||u("Delete")))))};var $r=wt(require("react"),1),Ar=require("@mantine/core"),gC=require("@tabler/icons-react"),EC=require("react-i18next");var Hk=({languages:e=Ws,size:t=20})=>{let{t:n,i18n:a}=(0,EC.useTranslation)(),o=s=>{a.changeLanguage(s),localStorage.setItem(qs,s)};return $r.default.createElement(Ar.Menu,{shadow:"md",width:150,position:"bottom-end"},$r.default.createElement(Ar.Menu.Target,null,$r.default.createElement(Ar.Tooltip,{label:n("language.label")},$r.default.createElement(Ar.ActionIcon,{variant:"subtle","aria-label":n("language.label")},$r.default.createElement(gC.IconLanguage,{size:t})))),$r.default.createElement(Ar.Menu.Dropdown,null,e.map(s=>$r.default.createElement(Ar.Menu.Item,{key:s,onClick:()=>o(s),fw:a.language===s?700:400},n(`language.${s}`)))))};
452
452
  /*! Bundled license information:
453
453
 
454
454
  lodash/lodash.js: