@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/features/IL-OTJ/_components/ChatComponents/ChatComponent.js

@@ -1,2 +1,1338 @@
-import{__makeTemplateObject as e,__spreadArray as n,__assign as t,__awaiter as o,__generator as r,__rest as i}from"tslib";import{jsx as a,jsxs as s,Fragment as l}from"react/jsx-runtime";import{useRef as c,useState as d,useMemo as u,useEffect as v,useCallback as m,useLayoutEffect as h}from"react";import{keyframes as g,Dialog as p,Box as f}from"@mui/material";import C from"@mui/material/Tooltip";import b from"react-markdown";import y from"rehype-raw";import{http as S}from"../../../../api/transport.js";import{v4 as w}from"uuid";import{stopStreaming as x,startChatStream as k}from"@e-llm-studio/streaming-response";import{WatchMeWork as I}from"@e-llm-studio/watch-me-work";import T from"./ChatHeader.js";import _ from"../MessageRendering/MessageRendering.js";import{Skeleton as E}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{ActionableButton as M}from"../MessageRendering/ClickableChatComponents.js";import R from"../AudioWaveform.js";import D from"./ChatComponent.module.css.js";import N from"../../InstantLearning.module.css.js";import{ScrollToBottom as q}from"../_svg/ScrollToBottom.js";import{useHeaderObserver as F,extractTextFromChildren as L}from"../../helpers/utils.js";import{SendButton as A}from"../_svg/SendButton.js";import W from"../_svg/SparkleIcon.js";import{UserIcon as P}from"../_svg/UserIcon.js";var z,j=function(e,n){return S.post("".concat(e||"https://devllmstudio.creativeworkspace.ai","/api/chat/chatResponse"),{name:"ilggcautopromptgen",organizationName:"techolution",prompt:n||"Generate a query"},{headers:{"Content-Type":"application/json"},withCredentials:!0}).then(function(e){return e.data}).catch(function(e){throw console.error("Error calling auto-generate API:",e),e})},B=function(j){var B=j.chatAssistantName,O=j.organizationName,H=j.baseUrl,U=j.baseWebsocketUrl,G=j.setIsNewChatClicked;j.ThinkingBulbIconComponent;var Z=j.isFormSaveClicked,K=j.setIsFormSavedClicked,V=j.onResetLearningData,Q=j.sendMessageInChat,J=j.setSendMessageInChat,$=j.isFormValidating,X=j.chatTitle,Y=j.customMetaData,ee=j.headerMessageHandlers;j.aiResponse;var ne=j.setAIResponse,te=j.onResetChat,oe=j.initialChatMessage,re=void 0===oe?"":oe,ie=j.onSave,ae=j.chatSize,se=j.setChatSize,le=j.movingTowards,ce=j.setCitations,de=j.textareaPlaceholder,ue=void 0===de?"Tell me more about this learning...":de,ve=j.setCurrentRequestId,me=j.showSavedMessage,he=void 0!==me&&me,ge=j.savedMessage,pe=j.isError,fe=void 0!==pe&&pe,Ce=j.errorMessage,be=void 0===Ce?"There was an error saving your changes.":Ce;j.isSaving;var ye=j.isHighlighted,Se=void 0!==ye&&ye,we=j.onStreamingStateChange,xe=j.onViewComparison;j.isCopyEnabled;var ke=j.onComparisonLinkClick,Ie=j.onSubmitFeedback,Te=j.userDetails,_e=j.isGlobalEditActive,Ee=j.socketTimeOutInMilliSeconds,Me=j.initialDraftMessage,Re=void 0===Me?"":Me,De=j.onValidateSession,Ne=j.onCloseSessionModal,qe=j.fieldLabelMap,Fe=j.enableChatLogs,Le=void 0!==Fe&&Fe,Ae=B,We=c("".concat(Ae,"-").concat(O,"-").concat(w())),Pe=c("".concat(w())),ze=H,je=c(null),Be=c(!0),Oe=c(null),He=c(null),Ue=d(Re),Ge=Ue[0],Ze=Ue[1],Ke=d([]),Ve=Ke[0],Qe=Ke[1],Je=d(!1),$e=Je[0],Xe=Je[1],Ye=d(!1);Ye[0];var en=Ye[1],nn=d(!0),tn=nn[0],on=nn[1],rn=d(!0);rn[0];var an=rn[1],sn=d("");sn[0];var ln=sn[1],cn=d(""),dn=cn[0],un=cn[1],vn=d(!1),mn=vn[0],hn=vn[1],gn=d(!1),pn=gn[0],fn=gn[1],Cn=d(!0),bn=Cn[0],yn=Cn[1],Sn=d("100%");Sn[0];var wn=Sn[1],xn=d(null),kn=xn[0],In=xn[1],Tn=d(!1);Tn[0];var _n=Tn[1],En=d(!1),Mn=En[0],Rn=En[1],Dn=c(null),Nn=c(new Set),qn=d(null),Fn=qn[0],Ln=qn[1],An=d(!1),Wn=An[0],Pn=An[1],zn=d(!1);zn[0],zn[1];var jn=d(null);jn[0],jn[1],c(null),c(null);var Bn=c(new Map),On=c(""),Hn=c(new Set),Un=c(0),Gn=c(!0),Zn=c(new Map),Kn=c(!1),Vn=c(0),Qn=c(new Map),Jn=c(null),$n=d(!1),Xn=$n[0],Yn=$n[1];g(z||(z=e(["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "],["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "])));var et=u(function(){return""===(null==Ge?void 0:Ge.trim())||mn},[Ge,mn]),nt=u(function(){return $},[$]),tt=u(function(){var e;return Ve.length>0&&"user"===(null===(e=Ve[Ve.length-1])||void 0===e?void 0:e.role)},[Ve]),ot=u(function(){return et||$||!!_e||tt},[et,$,_e,tt]);v(function(){Re&&!Ge&&(Ze(Re),fn(!0),setTimeout(function(){if(He.current){He.current.focus();var e=Re.length;He.current.setSelectionRange(e,e)}},400))},[Re]),v(function(){null==we||we(mn)},[mn,we]),v(function(){return Gn.current=!0,function(){Gn.current=!1,Un.current+=1,Qn.current.forEach(function(e){return clearTimeout(e)}),Qn.current.clear(),On.current&&U&&x(On.current,U,!1)}},[U]),v(function(){var e=je.current,n=function(){if(e){var n=e.scrollTop,t=e.scrollHeight,o=e.clientHeight;yn(t-n-o<=20)}};return e&&(e.addEventListener("scroll",n),n()),function(){e&&e.removeEventListener("scroll",n)}},[Ve]);var rt=F({handlers:ee,setResult:ne}).processHeaderMessage;v(function(){he&&Rn(!0)},[he]),v(function(){if(Wn){var e=setTimeout(function(){Pn(!1)},3e3);return function(){return clearTimeout(e)}}},[Wn]),v(function(){Z&&!_e&&(mt(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),K(!1))},[Z]),v(function(){if(Q)try{if(Q.startsWith("__SKELETON__:")){var e=Q.split(":"),o=e[1],r=e.slice(2).join(":"),i={role:"user",content:"",id:o,time:new Date,isSkeleton:!0,skeletonContent:r};return Qe(function(e){return n(n([],e,!0),[i],!1)}),mt(new KeyboardEvent("keydown",{key:"Enter"}),!1,r,!1,o),Ln(o),J&&J(""),void setTimeout(function(){Ln(null)},2e3)}if(Q.startsWith("__SKELETON_END__::")){var a=Q.split("::")[1]||"";return Qe(function(e){return e.map(function(e){return e.isSkeleton?t(t({},e),{isSkeleton:!1,content:e.skeletonContent||a}):e})}),void(J&&J(""))}var s=w();mt(new KeyboardEvent("keydown",{key:"Enter"}),!1,Q,!1,s),Ln(s),J&&J(""),setTimeout(function(){return Ln(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[Q]),v(function(){at(),st();var e=function(){var e,n=(null===(e=null==Dn?void 0:Dn.current)||void 0===e?void 0:e.clientHeight)||0,t="calc(100% - ".concat(n,"px - 10px)");wn(t)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var it=m(function(e){var n="string"==typeof e?e:"smooth";Oe.current&&Oe.current.scrollIntoView({behavior:n,block:"end"}),Be.current&&setTimeout(function(){Oe.current&&Be.current&&Oe.current.scrollIntoView({behavior:n,block:"end"})},100)},[]);v(function(){if(!mn){var e="";if(Mn?e=ge||"Thank you teacher for teaching me, your rule has been saved successfully.":fe&&(e=be||"I'm sorry, I couldn't save your changes. Please try again."),e){var t={role:"assistant",content:e,id:w(),citations:[],time:new Date};Qe(function(e){return n(n([],e,!0),[t],!1)}),Rn(!1),setTimeout(function(){return it("smooth")},100)}}},[Mn,fe,mn,ge,be,it]),v(function(){Be.current&&it("smooth")},[it]);var at=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(ze,"/api/chatbot/getChatSettings?name=").concat(Ae,"&organizationName=").concat(O),headers:{}};S.request(e).then(function(e){var n,t,o;(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)&&""!==(null===(o=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)||void 0===o?void 0:o.chatInitialMessage)&&an(!0)}).catch(function(e){console.error(e)})},st=function(){return o(void 0,void 0,void 0,function(){var e,n;return r(this,function(t){e="".concat(ze,"/api/chat/history?name=").concat(Ae,"&organizationName=").concat(O);try{n={method:"GET",params:{guestSessionId:We.current},withCredentials:!0},S.get(e,n).then(function(e){var n=e.data;n.length>0?(Qe(n),it()):an(!0)}).catch(function(e){console.error(e)})}catch(e){Xe(!1),console.error(e)}return[2]})})},lt=function(){var e="".concat(ze,"/api/chat/resetHistory?name=").concat(Ae,"&organizationName=").concat(O);try{var n={method:"GET",params:{guestSessionId:We.current},withCredentials:!0};S.get(e,n).then(function(){G(!0),ln(""),In(null),Nn.current.clear(),Zn.current.clear(),Pe.current="".concat(w()),Qe([]),an(!0),Jn.current=null,null==te||te(),V&&V()}).catch(function(e){console.error(e)}).finally(function(){We.current="".concat(Ae,"-").concat(O,"-").concat(w())})}catch(e){Xe(!1),console.error(e)}};function ct(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var dt=function(e,o,r,i,a,s,l){var c,d,u,v,m,h,g,p,f,C,b,y,S,x,k,I,T,_,E,M,R,D,N,q,F,L,A,W,P,z;if(null===(d=null===(c=null==e?void 0:e.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===d?void 0:d.header_message){var j={header_message:e.chatStream.continueChatResult.header_message,responsedata:null===(m=null===(v=null===(u=null==e?void 0:e.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===v?void 0:v.message)||void 0===m?void 0:m.content};rt(j)}var B=null===(h=null==e?void 0:e.chatStream)||void 0===h?void 0:h.continueChatResult,O=null==B?void 0:B.isEnd,H=(null===(g=null==B?void 0:B.message)||void 0===g?void 0:g.citations)||[];O&&H.length>0&&ce&&ce(H);var U={role:"assistant",content:"",id:w()};if(null===(b=null===(C=null===(f=null===(p=null==e?void 0:e.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===f?void 0:f.message)||void 0===C?void 0:C.content)||void 0===b?void 0:b.includes("WaitMessage: "))en(!0),U.content=function(e){var n="WaitMessage: ",t=e.indexOf(n);if(-1!==t){var o=e.substring(t+13);return null==o?void 0:o.replaceAll("WaitMessage: ","")}return""}((null===(x=null===(S=null===(y=null==e?void 0:e.chatStream)||void 0===y?void 0:y.continueChatResult)||void 0===S?void 0:S.message)||void 0===x?void 0:x.content)+"\n\n"),""!==U.content&&(Xe(!1),Qe(n(n([],Ve,!0),[{role:"user",content:a,time:i,isFirstQuestionSent:s||!1,id:l||(null===(I=null===(k=null==e?void 0:e.chatStream)||void 0===k?void 0:k.continueChatResult)||void 0===I?void 0:I.requestId)||"",reply:""},U],!1)));else{en(!1);var G=null===(_=null===(T=null==e?void 0:e.chatStream)||void 0===T?void 0:T.continueChatResult)||void 0===_?void 0:_.requestId;"string"==typeof G&&G&&ve&&ve(G);var Z=function(e,o,r,i){var a,s,l,c,d,u,v,m={role:"assistant",content:"",id:w(),time:new Date,citations:[]},h=(null===(a=null==e?void 0:e.chatStream)||void 0===a?void 0:a.continueChatResult)||{},g=null==h?void 0:h.requestId,p=null==h?void 0:h.preserve_message,f=null==h?void 0:h.isEnd,C=(null===(s=null==h?void 0:h.message)||void 0===s?void 0:s.content)||"",b=null==h?void 0:h.is_orchestrator,y=null==h?void 0:h.thinking_break,S=(null===(l=null==h?void 0:h.message)||void 0===l?void 0:l.citations)||[];if(g&&p&&C&&!f){var x=i.current.get(g)||[];x[x.length-1]!==C&&(x.push(C),i.current.set(g,x))}var k=(g&&i.current.get(g)||[]).join("\n\n"),I="";if(f)I=k&&""!==k.trim()?k:C;else if(p)I=k;else{var T=C.replace(/<!--(?![\s\S]*-->)[\s\S]*$/,"").trimEnd(),_=!1===b||y||0!==S.length?"":T;I=k?"".concat(k,"\n\n").concat(_):_}if(m.content=ct(I),!0===(null==h?void 0:h.thinking_break)&&!0===(null==h?void 0:h.is_orchestrator)&&!1===(null==h?void 0:h.isEnd)&&o.push({responsedata:C,responseFrom:h.responded_by,header_message:h.header_message,finalResponseStatus:!1}),!1===(null==h?void 0:h.thinking_break)&&!1===(null==h?void 0:h.is_orchestrator)&&!1===(null==h?void 0:h.isEnd)){if(h.explainability_id&&h.responded_by){var E=h.explainability_id,M=h.responded_by;r.has(E)||r.set(E,{responded_by:M,index:o.length})}r.has(h.explainability_id)?o[null==(R=r.get(h.explainability_id))?void 0:R.index]={responsedata:C,responseFrom:h.responded_by,header_message:h.header_message,finalResponseStatus:!0,explainability_id:null!==(c=h.explainability_id)&&void 0!==c?c:"",isParallelToolResponse:!0}:o=n(n([],o,!0),[{responsedata:C,responseFrom:h.responded_by,header_message:h.header_message,finalResponseStatus:!0,explainability_id:null!==(d=h.explainability_id)&&void 0!==d?d:"",isParallelToolResponse:!1}],!1)}if(!0===(null==h?void 0:h.thinking_break)&&!1===(null==h?void 0:h.is_orchestrator)&&!1===(null==h?void 0:h.isEnd)){var R;h.explainability_id&&h.responded_by&&(E=h.explainability_id,M=h.responded_by,r.has(E)||r.set(E,{responded_by:M,index:o.length})),r.has(h.explainability_id)?o[null==(R=r.get(h.explainability_id))?void 0:R.index]={responsedata:C,responseFrom:h.responded_by,header_message:h.header_message,finalResponseStatus:!1,explainability_id:null!==(u=h.explainability_id)&&void 0!==u?u:"",isParallelToolResponse:!0}:o.push({responsedata:C,responseFrom:h.responded_by,header_message:h.header_message,finalResponseStatus:!1,explainability_id:null!==(v=h.explainability_id)&&void 0!==v?v:"",isParallelToolResponse:!1})}return t({orchestratorAndAgentsMessages:o},m)}(e,r,o,Zn);Z.time=new Date,Z.citations=H,Z.isEnd=null===(M=null===(E=null==e?void 0:e.chatStream)||void 0===E?void 0:E.continueChatResult)||void 0===M?void 0:M.isEnd,Z.requestId=null===(D=null===(R=null==e?void 0:e.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===D?void 0:D.requestId,Z.sessionId=We.current,null===(N=Z.orchestratorAndAgentsMessages)||void 0===N||N.forEach(function(e){e&&e.header_message&&rt(e)}),(""!==(null==Z?void 0:Z.content)||(null==Z?void 0:Z.orchestratorAndAgentsMessages)&&(null==Z?void 0:Z.orchestratorAndAgentsMessages.length)>0)&&(Xe(!1),Qe(n(n([],Ve,!0),[{role:"user",content:a||"",time:i,isFirstQuestionSent:s||!1,id:l||(null===(F=null===(q=null==e?void 0:e.chatStream)||void 0===q?void 0:q.continueChatResult)||void 0===F?void 0:F.requestId)||"",requestId:null!==(W=null===(A=null===(L=null==e?void 0:e.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===A?void 0:A.requestId)&&void 0!==W?W:""},Z],!1))),on(null===(z=null===(P=null==e?void 0:e.chatStream)||void 0===P?void 0:P.continueChatResult)||void 0===z?void 0:z.isEnd)}},ut=m(function(e,t){void 0===t&&(t="inactivity"),console.error("🛑 Stream failed or timed out due to:reason=".concat(t," requestId=").concat(e," at ").concat((new Date).toISOString()));var o=Qn.current.get(e);o&&(clearTimeout(o),Qn.current.delete(e)),e&&U&&(x(e,U,!1),Zn.current.delete(e)),e===On.current?(Kn.current=!1,on(!0),hn(!1),_n(!1),Xe(!1),en(!1),Qe(function(e){var o=n([],e,!0).reverse().find(function(e){return"user"===e.role}),r=((null==o?void 0:o.content)||"").replace(/"/g,"&quot;"),i=n([],e,!0),a=i[i.length-1];a&&"assistant"===a.role&&!a.isEnd&&i.pop();var s="I ran into an unexpected issue while trying to process this learning.";return"inactivity"===t?s="Something went wrong—teaching is taking longer than expected.":"websocket_error"===t&&(s="I lost connection to the server while working on that."),n(n([],i,!0),[{role:"assistant",content:"".concat(s,' Please try again.\n\n<button class="clickable-button" data-value="').concat(r,'">Retry</button>'),id:w(),time:new Date,isEnd:!0,citations:[]}],!1)})):console.warn("🛑 [handleStreamTimeout] Ignoring stale timeout for superseded requestId=".concat(e,"; active=").concat(On.current))},[Ee,U]),vt=m(function(e){var n=Qn.current.get(e);if(n&&clearTimeout(n),Ee&&Ee>0){console.log("⏱️ [Timeout armed] requestId=".concat(e," timeout=").concat(Ee,"ms at ").concat((new Date).toISOString()));var t=setTimeout(function(){console.warn("⏱️ [Timeout FIRED — auto stop] requestId=".concat(e," at ").concat((new Date).toISOString())),ut(e,"inactivity")},Ee);Qn.current.set(e,t)}},[ut,Ee]),mt=function(e,i,a,s,l,c){return o(void 0,void 0,void 0,function(){var o,s,d,u,v,m,h,g,p,f,C,b,y,S,x,I,T;return r(this,function(r){switch(r.label){case 0:if(o=(void 0!==a?a:Ge||"").trim(),(s="Enter"===(null==e?void 0:e.key)&&!(null==e?void 0:e.shiftKey)&&!_e)&&(null===(b=null==e?void 0:e.preventDefault)||void 0===b||b.call(e)),d="user"===(null===(y=Ve[Ve.length-1])||void 0===y?void 0:y.role),!o||mn||Kn.current||d||(null==e?void 0:e.key)&&!s)return[2];if(Jn.current||(Jn.current=(new Date).toISOString(),console.log("Session start time set to ".concat(Jn.current))),!De)return[3,5];Xe(!0),un("Validating session..."),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,De(Jn.current)];case 2:return r.sent()?[3,4]:(Yn(!0),Xe(!1),c&&c(!1),[2]);case 3:return u=r.sent(),console.error("Validation error:",u),Yn(!0),Xe(!1),c&&c(!1),[2];case 4:Xe(!1),r.label=5;case 5:return Kn.current=!0,"I want to add a rule description"===o?(on(!1),Be.current=!0,hn(!0),!kn&&o&&In(a||"manual_entry"),v=new Date,Qe(function(e){return n(n([],e.map(function(e,n){var o;return t(t({},e),{content:null===(o=ct(e.content))||void 0===o?void 0:o.replace("WaitMessage: ","")})}),!0),[{role:"user",content:o,time:v,isFirstQuestionSent:!1,id:l||w()}],!1)}),it("smooth"),setTimeout(function(){Qe(function(e){return n(n([],e,!0),[{role:"assistant",content:"I'd be happy to help you set up a new rule! To get started, could you tell me what kind of behavior or logic you would like this rule to follow?",id:w(),citations:[],time:new Date}],!1)}),it("smooth"),setTimeout(function(){hn(!1),on(!0)},500)},500),[2]):(on(!1),Be.current=!0,hn(!0),!kn&&o&&In(a||"manual_entry"),m=new Date,h=Un.current,Qe(function(e){var r=e.map(function(e){var n;return t(t({},e),{content:null===(n=ct(e.content))||void 0===n?void 0:n.replace("WaitMessage: ","")})});return l&&r.some(function(e){return e.id===l})?r.map(function(e){return e.id===l?t(t({},e),{content:o}):e}):n(n([],r,!0),[{role:"user",content:o,time:m,isFirstQuestionSent:!1,id:l||w()}],!1)}),it("smooth"),g=new Map,p=[],f=function(e){var n;if(!e)return{};var t=Object.keys(e);return 1===t.length&&"current"===t[0]?null!==(n=e.current)&&void 0!==n?n:{}:e},C={WEBSOCKET_URL:U,organizationName:O,chatAssistantName:Ae,selectedAIModel:"gpt-4",replyMessage:"",userName:null!==(S=null==Te?void 0:Te.name)&&void 0!==S?S:"Guest User",userEmailId:null!==(x=null==Te?void 0:Te.email)&&void 0!==x?x:"guestUser@example.com",userId:null!==(I=null==Te?void 0:Te.id)&&void 0!==I?I:"Guest User",query:o,requestId:"requestId-".concat(w()),customPrompt:"",enableForBackend:!1,guestSessionId:We.current,chatPreviewId:Pe.current,customMetaData:f(Y),aiModel:"",enableLogs:!0,logControls:{infoLogs:Le,debugLogs:Le},onStreamEvent:function(e){var n,t,r,a,s,c;if(Gn.current&&Un.current===h){var d=null===(t=null===(n=null==e?void 0:e.chatStream)||void 0===n?void 0:n.continueChatResult)||void 0===t?void 0:t.requestId,u=null===(a=null===(r=null==e?void 0:e.chatStream)||void 0===r?void 0:r.continueChatResult)||void 0===a?void 0:a.header_message;console.log("📦 [Stream Chunk Received] With  RequestID and header_message: ".concat(d,",").concat(u)),vt(C.requestId);var v=null===(c=null===(s=null==e?void 0:e.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===c?void 0:c.error_state;if(Array.isArray(v)&&v.length>0)return console.error("⚠️ Agent returned an error_state during stream:",{requestId:d,errorState:v}),void ut(C.requestId,"agent_error");dt(e,g,p,m,o,i,l)}},onStreamEnd:function(e){var o,r;if(Gn.current&&Un.current===h){var i=null===(r=null===(o=null==e?void 0:e.chatStream)||void 0===o?void 0:o.continueChatResult)||void 0===r?void 0:r.requestId;Hn.current.add(C.requestId),console.log("✅ [Stream Completed] RequestID: ".concat(i));var a=Qn.current.get(C.requestId);a&&(clearTimeout(a),Qn.current.delete(C.requestId)),Kn.current=!1,on(!0),hn(!1),_n(!1);var s=Date.now(),l=Bn.current.get(C.requestId);if(l){var c=Math.round((s-l)/1e3).toFixed(1);Qe(function(e){var o=n([],e,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===o)return e;var r=e.length-1-o;return e.map(function(e,n){return n===r?t(t({},e),{finalTimeTaken:c}):e})})}}},onError:function(e){if(Gn.current&&Un.current===h){var n=Qn.current.get(C.requestId);if(n&&(clearTimeout(n),Qn.current.delete(C.requestId)),Hn.current.has(C.requestId))return console.warn("Ignoring post-completion error for already-finished request:",C.requestId),void Hn.current.delete(C.requestId);console.error("Stream error:",e),ut(C.requestId,"websocket_error")}}},o&&(Xe(!0),null===(T=He.current)||void 0===T||T.blur(),Ze(""),it(),un(l?"Just a moment, processing your request...":"Okay, got it. Let me take a moment to work on this and I'll get back to you shortly."),Bn.current.set(C.requestId,Date.now()),On.current=C.requestId,console.log("Chat Stream Params:",C),vt(C.requestId),Vn.current+=1,console.log("🚀 [UI Action] stream started (Total UI invocations: ".concat(Vn.current,") | RequestID: ").concat(C.requestId,' | Query: "').concat(o,'"')),k(C)),c&&c(!1),[2])}})})},ht=c(null);h(function(){ht.current=mt});var gt=m(function(){for(var e,t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return null===(e=ht.current)||void 0===e?void 0:e.call.apply(e,n([ht],t,!1))},[]),pt=u(function(){return{p:function(e){e.node;var n=e.children;return i(e,["node","children"]),a("div",t({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:n}))},button:function(e){e.node;var n=e.className,o=e.children,r=i(e,["node","className","children"]),l=L(o),c=r["data-value"],d="Tester Genie"===l;return a(M,t({},r,{className:n,handleStream:gt,isStreamEnd:tn,disabled:!!kn||!!_e,isLastMessage:!0,style:{margin:0},isTesterGenie:d,"data-selected":kn===l||kn===c?"true":kn?"false":void 0},{children:s("span",t({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[o,d&&s("svg",t({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[a("path",{d:"M7.20368 8.94768e-06C7.48895 -0.00208639 7.69331 0.364327 7.83856 0.57465C8.14381 1.01633 8.38012 1.87909 7.71077 2.14118C8.57167 2.21011 9.70406 2.93098 10.1785 3.64699C10.5932 4.27286 10.4559 5.16037 9.80301 5.56007L9.9502 7.16593C9.97671 7.44871 10.0265 7.87092 10.0299 8.14457C10.4213 8.23046 11.0787 8.55391 11.326 8.87592C11.5979 8.75656 11.9189 8.76963 12.1688 8.93469C12.3563 8.67751 12.5598 8.41456 12.7507 8.15787C12.3283 7.45155 12.5047 6.57745 13.2143 6.13784C13.5375 5.9377 13.9264 5.87277 14.2971 5.95705C14.0961 6.30964 13.8775 6.72182 13.6593 7.05857C13.7906 7.2436 13.9184 7.44225 14.044 7.63194L14.8022 7.63198C15.0349 7.30106 15.2515 6.90827 15.4835 6.59349C15.8623 7.0712 15.8156 7.79671 15.4734 8.28241C15.1318 8.76741 14.4886 8.9899 13.9118 8.88251C13.758 9.12108 13.5577 9.39243 13.3941 9.63201C13.7143 9.9316 13.7725 10.364 13.4067 10.6594C13.5231 10.8889 13.5309 11.1613 13.447 11.402C13.1502 12.2523 12.1724 12.5645 11.3474 12.5025C11.1171 12.4852 10.939 12.4698 10.7197 12.3953C10.8724 13.1271 10.7744 14.2031 10.5132 14.9051C10.1688 15.8304 9.43632 16.5569 8.54503 16.9655C7.90465 17.2706 7.21222 17.3607 6.50472 17.4505C5.74445 17.5471 4.75801 17.4362 4.08533 17.825C3.9327 17.9132 3.86566 18.0173 3.82943 18.1792C3.94996 18.5982 4.47858 18.6063 4.78474 18.8897C5.20191 19.2758 4.90716 19.9663 4.36611 19.9908C4.31476 19.9931 4.26867 19.9867 4.23186 19.9493C4.23089 19.8303 4.47587 19.7199 4.49787 19.5262C4.55075 19.0604 3.70014 19.0078 3.37835 18.8374C3.13013 18.706 2.99537 18.6309 2.82242 18.4021C2.63795 18.1579 2.58428 17.835 2.63138 17.5392C2.74868 16.7847 3.47123 16.393 4.12184 16.1497C4.61314 15.9659 5.46304 15.7158 5.52019 15.0793C5.58589 14.348 4.97543 13.5523 4.57739 12.9807C4.44275 12.7875 4.3039 12.579 4.16309 12.3919C4.18987 12.365 4.21049 12.3463 4.23916 12.3212C4.59619 12.6218 5.21209 12.6421 5.55038 12.2979C5.70457 12.144 5.78974 11.9342 5.78642 11.7164C5.78121 11.4493 5.63382 11.2002 5.4454 11.019C5.44704 10.9932 5.44824 10.9676 5.449 10.9419C5.4566 10.6648 5.37505 10.4902 5.1892 10.2943C5.18398 10.2538 5.17776 10.2134 5.17053 10.1732C5.08123 9.69297 4.71708 9.34182 4.23415 9.27108C4.16418 9.26083 3.96108 9.26105 3.92071 9.23344C3.90485 9.1828 3.9059 9.20792 3.91904 9.15527C4.22103 8.90139 4.14407 8.78214 4.31107 8.4846C4.42301 8.28513 4.73047 8.15239 4.95452 8.10701C4.96167 7.51076 5.03684 6.88562 5.10036 6.29144C5.12451 6.0655 5.12531 5.75046 5.1511 5.55257C4.11108 4.86747 4.39091 3.75946 5.25465 3.06391C5.84978 2.58469 6.34496 2.31002 7.10143 2.14517C7.01589 2.10416 6.93842 2.04811 6.87269 1.97972C6.77021 1.87349 6.70248 1.73857 6.67853 1.59293C6.60568 1.12096 7.04104 0.914625 7.18759 0.526392C7.26428 0.323403 7.03925 0.146075 7.20368 8.94768e-06Z",fill:"#475569"}),a("path",{d:"M7.459 4.5C7.48797 4.50312 7.71949 4.61154 7.76205 4.63061C8.27062 4.85835 8.87051 5.09164 9.35658 5.3582C9.36602 6.03495 9.37016 6.56625 8.70573 6.91519C8.6633 6.80883 8.63019 6.72409 8.56332 6.63044C8.43786 6.45568 8.24656 6.33963 8.03354 6.30909C7.8434 6.28211 7.65146 6.3197 7.49586 6.43503C7.21897 6.21256 6.76265 6.28197 6.5229 6.52486C6.39308 6.65639 6.34815 6.75074 6.28902 6.92344C5.59702 6.5957 5.58761 6.04267 5.60583 5.35582C5.89882 5.23844 6.21318 5.0724 6.50153 4.941C6.82145 4.79522 7.14482 4.6574 7.459 4.5Z",fill:"#D1EDFD"}),a("path",{d:"M11.0756 10.6406C11.1037 10.6701 11.1324 10.7706 11.1535 10.8145C11.2818 11.0817 11.4922 11.1945 11.7498 11.2977C11.5607 11.63 11.4567 11.8797 11.1034 12.0466L11.0839 12.0517C10.9262 12.0927 10.7996 12.0968 10.651 12.0135C10.4755 11.915 10.3807 11.6614 10.4792 11.478C10.6388 11.1809 10.8877 10.9272 11.0756 10.6406Z",fill:"#D1EDFD"}),a("path",{d:"M11.6036 9.1377C11.6993 9.11763 11.8391 9.16378 11.9294 9.19593C11.6952 9.50644 11.4706 9.81614 11.2327 10.1261L11.1572 10.2255C10.7581 9.73539 11.0333 9.24481 11.6036 9.1377Z",fill:"#D1EDFD"}),a("path",{d:"M7.49681 0.882812C7.53691 0.925159 7.61244 1.08523 7.63598 1.14156C7.74243 1.39673 7.75769 1.76908 7.38596 1.77504C7.28236 1.75599 7.15628 1.68938 7.13517 1.5783C7.0843 1.3107 7.35609 1.09964 7.48737 0.897583L7.49681 0.882812Z",fill:"#D1EDFD"}),a("path",{d:"M1.68305 6.17249C1.71659 6.1673 1.8134 6.16478 1.84892 6.16432C2.34052 6.15616 2.81496 6.34495 3.16655 6.68866C3.50847 7.01806 3.70349 7.47119 3.70765 7.94596C3.70896 8.42345 3.54045 8.85284 3.20281 9.19025C3.34033 9.28068 3.5321 9.52219 3.6543 9.65748C4.17158 9.39073 4.91447 9.69339 4.79675 10.3444C5.08751 10.5485 5.19656 10.8288 5.0585 11.1674C5.15418 11.2375 5.25595 11.3205 5.32383 11.4186C5.40228 11.5303 5.4309 11.6695 5.40291 11.8031C5.32228 12.1857 4.90085 12.3286 4.57669 12.1236C4.51367 12.0838 4.42258 11.9595 4.35299 11.9431C4.30669 11.9557 4.28453 11.9584 4.23644 11.9644C4.22885 11.9742 4.22118 11.9841 4.21343 11.9938C3.93597 12.3413 3.49234 12.4682 3.06933 12.5157C2.85285 12.518 2.70432 12.5146 2.49066 12.4609C1.80785 12.2892 1.50808 11.6167 1.70723 10.9639C1.829 10.5648 2.11891 10.2506 2.48939 10.0518C2.54655 10.132 2.57559 10.2191 2.64066 10.303C2.73571 10.2223 2.82048 10.1482 2.92363 10.0773C2.81023 9.95313 2.66811 9.7693 2.55817 9.63584C2.38871 9.6878 2.23026 9.72879 2.05298 9.74653C1.54239 9.80228 1.03118 9.64711 0.637735 9.31695C0.269964 9.01018 0.0453493 8.54827 0.00544736 8.07322C-0.0309495 7.60988 0.116099 7.15077 0.414918 6.79478C0.742554 6.41198 1.18728 6.21393 1.68305 6.17249Z",fill:"#475569"}),a("path",{d:"M1.79616 6.5951C2.54894 6.5619 3.18687 7.14364 3.22301 7.8963C3.25915 8.64894 2.67989 9.28913 1.92739 9.3282C1.17073 9.3675 0.526231 8.78435 0.489885 8.02753C0.45354 7.27071 1.03921 6.62849 1.79616 6.5951Z",fill:"#D1EDFD"}),a("path",{d:"M4.93607 11.4844C5.12839 11.6261 5.22049 11.9085 4.91876 11.9419C4.8067 11.8805 4.78491 11.8646 4.71094 11.7561C4.81572 11.6752 4.862 11.5925 4.93607 11.4844Z",fill:"#FEFEFD"}),a("path",{d:"M12.5164 3.58594L12.5715 3.59466C12.6589 3.65863 12.6908 3.94434 12.7882 4.05193C12.8789 4.15216 12.9155 4.17816 13.0326 4.24929C13.1363 4.31224 13.3325 4.34025 13.384 4.43124C13.3643 4.56218 13.0693 4.54857 12.9127 4.69344C12.6903 4.89898 12.7114 5.06971 12.5892 5.28622C12.5669 5.28439 12.5368 5.2868 12.5261 5.27346C12.4336 5.15843 12.4072 4.9308 12.3099 4.81465C12.1627 4.63903 11.9972 4.60054 11.7981 4.51372C11.7544 4.49467 11.7266 4.47099 11.7129 4.42649C11.7867 4.31876 12.0509 4.34309 12.2376 4.14892C12.43 3.94901 12.4155 3.72208 12.5164 3.58594Z",fill:"#475569"}),a("path",{d:"M2.13644 3.72656C2.24401 3.77084 2.29712 4.1268 2.431 4.25226C2.60327 4.41371 2.7311 4.41949 2.93246 4.52449C2.96024 4.53897 2.97173 4.56042 2.97671 4.58878C2.89584 4.6981 2.61854 4.70721 2.4596 4.85659C2.26275 5.04156 2.27341 5.29132 2.17022 5.42088C2.16192 5.41849 2.11671 5.40232 2.1156 5.40043C2.01291 5.21216 1.9836 5.04909 1.84812 4.87273C1.73599 4.72675 1.36534 4.69959 1.32812 4.56939C1.3835 4.47941 1.67823 4.44211 1.82291 4.30563C2.02737 4.11274 2.0042 3.8372 2.13644 3.72656Z",fill:"#475569"})]}))]}))}))}}},[gt,tn,kn,_e]),ft=u(function(){return Ve.some(function(e){return e.isSkeleton})},[Ve]),Ct=function(e){return o(void 0,void 0,void 0,function(){return r(this,function(t){switch(t.label){case 0:return Ie?[4,Ie(e)]:[3,2];case 1:t.sent(),Qe(function(e){return n(n([],e,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:w(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return it("smooth")},100),t.label=2;case 2:return[2]}})})};return s("div",t({className:"".concat(N.customFont," ").concat(D.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:Se&&!ft?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[s("div",t({ref:je,className:D.scrollWrapper},{children:[a("div",t({ref:Dn,className:D.stickyHeader},{children:a(T,{resetChatHistory:lt,isStreamEnd:tn,chatTitle:X,onResize:se,chatSize:ae,movingTowards:le})})),s("div",t({className:D.messagesList},{children:[s("div",t({className:D.initialMessageRow},{children:[a("div",t({className:D.iconWrapper},{children:a(W,{})})),a("div",t({className:D.welcomeTextWrapper},{children:a("div",t({className:D.welcomeMarkdownWrapper},{children:a("span",{children:a(b,t({rehypePlugins:[y],components:pt},{children:re}))})}))}))]})),Ve.length>0&&Ve.map(function(e,n){var o,r;return s("div",t({className:D.messageRow},{children:["assistant"===e.role?a("div",t({className:D.assistantIconContainer},{children:a(W,{})})):a("div",{className:D.userSpacer}),a("div",t({className:D.messageContent},{children:"assistant"===e.role?s(l,{children:[e.orchestratorAndAgentsMessages&&e.orchestratorAndAgentsMessages.length>0&&a(I,{orchestratorAndAgentsMessages:null==e?void 0:e.orchestratorAndAgentsMessages,isStreamEnd:tn,finalTimeTaken:null==e?void 0:e.finalTimeTaken},null!==(o=null==e?void 0:e.finalTimeTaken)&&void 0!==o?o:null==e?void 0:e.id),a(_,{index:n,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:Ve,handleStream:gt,isLastMessage:n===Ve.length-1,onSave:ie,citations:null==e?void 0:e.citations,setChatSize:se,chatSize:ae,isStreamEnd:tn,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:xe,onTypeResponseClick:function(){var e;Pn(!0),null===(e=He.current)||void 0===e||e.focus()},onComparisonLinkClick:ke,baseURL:ze,onFeedbackSubmit:Ct,isGlobalEditActive:_e,fieldLabelMap:qe}),e.hasOwnProperty("isEnd")&&!(null==e?void 0:e.isEnd)&&(null===(r=null==e?void 0:e.content)||void 0===r?void 0:r.length)>0&&s(l,{children:[a(E,{variant:"text",width:"50%",height:20}),a("div",{style:{marginTop:"10px"}}),a(E,{variant:"text",width:"100%",height:40})]}),a("div",t({className:D.timestamp},{children:e.time&&!isNaN(new Date(e.time).getTime())?new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):s("div",t({className:D.userMessageWrapper},{children:[s("div",t({className:D.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:e.isSkeleton||ft||e.id!==Fn?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[e.isSkeleton?s("div",t({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[a(E,{variant:"text",width:"100%",height:16}),a(E,{variant:"text",width:"80%",height:16})]})):a(_,{index:n,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:Ve,handleStream:gt,isLastMessage:n===Ve.length-1,onSave:ie,citations:null==e?void 0:e.citations,isStreamEnd:tn,isGlobalEditActive:_e,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:xe,onComparisonLinkClick:ke,baseURL:ze,onFeedbackSubmit:Ct,fieldLabelMap:qe}),a("div",t({style:{marginTop:"0.5rem"}},{children:a(P,{})}))]})),a("div",t({className:D.userTimestamp},{children:new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),e.id)}),$e&&s("div",t({className:D.loadingRow},{children:[a("div",t({className:D.iconWrapper,style:{marginTop:"0.2rem"}},{children:a(W,{})})),a("div",t({className:D.loadingTextWrapper},{children:a("span",{children:dn})}))]})),a("div",{ref:Oe,style:{float:"left",clear:"both"}})]}))]})),a("div",t({className:D.inputAreaWrapper},{children:a(C,t({title:$?"Please wait for the validation to be completed.":""},{children:s("div",t({className:"".concat(D.inputBoxContainer," ").concat(nt?D.disabled:""),style:Wn?{boxShadow:"0 0 15px 3px rgba(37, 99, 235, 0.5)",borderColor:"#2563eb",transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}:{transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}},{children:[Ve.length>0&&!bn&&a("div",t({onMouseDown:function(e){e.preventDefault(),it("smooth")},className:D.scrollToBottomBtn},{children:a(q,{})})),s("div",t({style:{width:"100%",display:"flex"}},{children:[a("textarea",{ref:He,placeholder:ue,value:Ge||"",onChange:function(e){Ze(e.target.value)},onFocus:function(){return fn(!0)},onBlur:function(){return fn(!1)},onKeyDown:function(e){return mt(e)},disabled:nt,className:"no-scrollbar ".concat(D.chatTextarea),style:{minHeight:pn||Ge&&Ge.length>40?"120px":"50px",height:pn||Ge&&Ge.length>40?"120px":"50px",maxHeight:"120px"}}),a("span",t({className:D.sendButtonWrapper},{children:a("button",t({onClick:function(e){ot||mt(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:ot,className:"".concat(D.sendButton," ").concat(ot?D.disabled:D.active)},{children:a(A,{})}))}))]}))]}))}))})),s("div",t({className:D.footerTools},{children:[a(C,t({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:a("span",t({className:D.footerToolItem},{children:a(R,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),a(C,t({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:a("span",t({className:D.footerToolItem},{children:a(R,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]})),a(p,t({open:Xn,onClose:function(){},PaperProps:{sx:{borderRadius:"12px",padding:"8px",maxWidth:"400px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-foreground, #0F172A)"}}},{children:s(f,t({sx:{p:3,textAlign:"center",fontFamily:"'Plus Jakarta Sans', sans-serif"}},{children:[a("h3",t({style:{fontSize:"18px",fontWeight:600,color:"var(--il-foreground, #0F172A)",marginBottom:"10px"}},{children:"Session Expired"})),a("p",t({style:{fontSize:"14px",color:"var(--il-muted, #64748B)",lineHeight:"1.5",marginBottom:"20px"}},{children:"Changes were made to the learnings in this scope while you were editing. To avoid conflicts, concurrent edits aren’t allowed."})),s(f,t({sx:{display:"flex",gap:2,justifyContent:"center"}},{children:[a("button",t({onClick:function(){Yn(!1),lt()},style:{flex:1,padding:"10px 16px",cursor:"pointer",backgroundColor:"var(--il-secondary-bg, white)",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",fontSize:"14px",fontWeight:500,color:"var(--il-secondary-fg, #475569)",transition:"all 0.2s"},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="var(--il-hover, #F8FAFC)"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="var(--il-secondary-bg, white)"}},{children:"Reset Session"})),a("button",t({onClick:function(){Yn(!1),null==Ne||Ne()},style:{flex:1,padding:"10px 16px",backgroundColor:"var(--il-danger, #EF4444)",color:"var(--il-primary-fg, white)",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:500,cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="var(--il-danger-hover, #DC2626)"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="var(--il-danger, #EF4444)"}},{children:"Discard & Close"}))]}))]}))}))]}))};export{j as autoGeneratePrompt,B as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
+import { keyframes, Dialog, Box } from '@mui/material';
+import Tooltip from '@mui/material/Tooltip';
+import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import { http } from '../../../../api/transport.js';
+import { v4 } from 'uuid';
+import { stopStreaming, startChatStream } from '@e-llm-studio/streaming-response';
+import { WatchMeWork } from '@e-llm-studio/watch-me-work';
+import ChatHeader from './ChatHeader.js';
+import MessageRendering from '../MessageRendering/MessageRendering.js';
+import { Skeleton } from '../atoms/SkeletonLoader/SkeletonLoader.js';
+import { ActionableButton } from '../MessageRendering/ClickableChatComponents.js';
+import AudioWaveform from '../AudioWaveform.js';
+import styles from './ChatComponent.module.css.js';
+import defaultStyles from '../../InstantLearning.module.css.js';
+import { ScrollToBottom } from '../_svg/ScrollToBottom.js';
+import { extractTextFromChildren, useHeaderObserver } from '../../helpers/utils.js';
+import { SendButton } from '../_svg/SendButton.js';
+import SparkleIcon from '../_svg/SparkleIcon.js';
+import { UserIcon } from '../_svg/UserIcon.js';
+import useAuthStore from '../../../LearningManagement/store/useAuthStore.js';
+
+const autoGeneratePrompt = (baseUrl, userInput) => {
+  return http.post(
+    `${baseUrl || "https://devllmstudio.creativeworkspace.ai"}/api/chat/chatResponse`,
+    {
+      name: "ilggcautopromptgen",
+      organizationName: "techolution",
+      prompt: userInput || "Generate a query"
+    },
+    {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      withCredentials: true
+    }
+  ).then((response) => {
+    return response.data;
+  }).catch((error) => {
+    console.error("Error calling auto-generate API:", error);
+    throw error;
+  });
+};
+const ChatComponent = ({
+  chatAssistantName,
+  organizationName,
+  baseUrl,
+  baseWebsocketUrl,
+  setIsNewChatClicked,
+  ThinkingBulbIconComponent,
+  isFormSaveClicked,
+  setIsFormSavedClicked,
+  onResetLearningData,
+  sendMessageInChat,
+  setSendMessageInChat,
+  isFormValidating,
+  chatTitle,
+  customMetaData,
+  headerMessageHandlers,
+  aiResponse,
+  setAIResponse,
+  onResetChat,
+  initialChatMessage = "",
+  onSave,
+  chatSize,
+  setChatSize,
+  movingTowards,
+  setCitations,
+  textareaPlaceholder = "Tell me more about this learning...",
+  setCurrentRequestId,
+  showSavedMessage = false,
+  savedMessage,
+  isError = false,
+  errorMessage = "There was an error saving your changes.",
+  isSaving = false,
+  isHighlighted = false,
+  onStreamingStateChange,
+  onViewComparison,
+  isCopyEnabled = true,
+  onComparisonLinkClick,
+  onSubmitFeedback,
+  userDetails,
+  isGlobalEditActive,
+  socketTimeOutInMilliSeconds,
+  initialDraftMessage = "",
+  onValidateSession,
+  onCloseSessionModal,
+  fieldLabelMap,
+  enableChatLogs = false
+}) => {
+  const chatAssistant = chatAssistantName;
+  const user = useAuthStore((state) => state.user);
+  const guestSessionIdRef = useRef(`${chatAssistant}-${organizationName}-${v4()}`);
+  const chatPreviewIdRef = useRef(`${v4()}`);
+  const url = baseUrl;
+  const scrollContainerRef = useRef(null);
+  const shouldAutoScrollRef = useRef(true);
+  const messagesEndRef = useRef(null);
+  const textAreaRef = useRef(null);
+  const [userInput, setUserInput] = useState(initialDraftMessage);
+  const [messages, setMessages] = useState([]);
+  const [messageLoading, setMessageLoading] = useState(false);
+  const [waitMessageLoading, setWaitMessageLoading] = useState(false);
+  const [isStreamEnd, setIsStreamEnd] = useState(true);
+  const [showWelcomeMessage, setShowWelcomeMessage] = useState(true);
+  const [chatInitialMessage, setChatInitialMessage] = useState("");
+  const [initialLoadingMessage, setInitialLoadingMessage] = useState("");
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  const [availableHeight, setAvailableHeight] = useState("100%");
+  const [initialSelection, setInitialSelection] = useState(null);
+  const [isAwaitingValidationResponse, setIsAwaitingValidationResponse] = useState(false);
+  const [pendingSuccessMessage, setPendingSuccessMessage] = useState(false);
+  const chatHeaderRef = useRef(null);
+  const processedWtaWntaRef = useRef(/* @__PURE__ */ new Set());
+  const [highlightedMessageId, setHighlightedMessageId] = useState(null);
+  const [isInputGlowing, setIsInputGlowing] = useState(false);
+  useState(false);
+  useState(null);
+  useRef(null);
+  useRef(null);
+  const streamStartTimesRef = useRef(/* @__PURE__ */ new Map());
+  const currentStreamRequestIdRef = useRef("");
+  const streamCompletedRef = useRef(/* @__PURE__ */ new Set());
+  const streamGenerationRef = useRef(0);
+  const isMountedRef = useRef(true);
+  const preservedMessagesRef = useRef(/* @__PURE__ */ new Map());
+  const isRequestInFlightRef = useRef(false);
+  const streamInvocationCountRef = useRef(0);
+  const streamTimeoutRefsMap = useRef(/* @__PURE__ */ new Map());
+  const sessionStartTimeRef = useRef(null);
+  const [sessionInvalidPopupOpen, setSessionInvalidPopupOpen] = useState(false);
+  keyframes`
+      0%, 80%, 100% {
+        transform: scale(0);
+      }
+      40% {
+        transform: scale(1.0);
+      }
+    `;
+  const isInputEmpty = useMemo(() => {
+    return (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming;
+  }, [userInput, isStreaming]);
+  const isTextareaDisabled = useMemo(
+    () => isFormValidating,
+    [isFormValidating]
+  );
+  const isLastMessageUser = useMemo(
+    () => {
+      var _a;
+      return messages.length > 0 && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) === "user";
+    },
+    [messages]
+  );
+  const isSendButtonDisabled = useMemo(
+    () => isInputEmpty || isFormValidating || !!isGlobalEditActive || isLastMessageUser,
+    [isInputEmpty, isFormValidating, isGlobalEditActive, isLastMessageUser]
+  );
+  useEffect(() => {
+    if (initialDraftMessage && !userInput) {
+      setUserInput(initialDraftMessage);
+      setIsFocused(true);
+      setTimeout(() => {
+        if (textAreaRef.current) {
+          textAreaRef.current.focus();
+          const textLength = initialDraftMessage.length;
+          textAreaRef.current.setSelectionRange(textLength, textLength);
+        }
+      }, 400);
+    }
+  }, [initialDraftMessage]);
+  useEffect(() => {
+    onStreamingStateChange == null ? void 0 : onStreamingStateChange(isStreaming);
+  }, [isStreaming, onStreamingStateChange]);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+      streamGenerationRef.current += 1;
+      streamTimeoutRefsMap.current.forEach((timer) => clearTimeout(timer));
+      streamTimeoutRefsMap.current.clear();
+      if (currentStreamRequestIdRef.current && baseWebsocketUrl) {
+        stopStreaming(currentStreamRequestIdRef.current, baseWebsocketUrl, false);
+      }
+    };
+  }, [baseWebsocketUrl]);
+  useEffect(() => {
+    const scrollContainer = scrollContainerRef.current;
+    const handleManualScroll = () => {
+      if (scrollContainer) {
+        const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
+        const distanceToBottom = scrollHeight - scrollTop - clientHeight;
+        const reachedBottom = distanceToBottom <= 20;
+        setIsAtBottom(reachedBottom);
+      }
+    };
+    if (scrollContainer) {
+      scrollContainer.addEventListener("scroll", handleManualScroll);
+      handleManualScroll();
+    }
+    return () => {
+      if (scrollContainer) {
+        scrollContainer.removeEventListener("scroll", handleManualScroll);
+      }
+    };
+  }, [messages]);
+  const { processHeaderMessage } = useHeaderObserver({
+    handlers: headerMessageHandlers,
+    setResult: setAIResponse
+  });
+  useEffect(() => {
+    if (showSavedMessage) {
+      setPendingSuccessMessage(true);
+    }
+  }, [showSavedMessage]);
+  useEffect(() => {
+    if (isInputGlowing) {
+      const timer = setTimeout(() => {
+        setIsInputGlowing(false);
+      }, 3e3);
+      return () => clearTimeout(timer);
+    }
+  }, [isInputGlowing]);
+  useEffect(() => {
+    if (isFormSaveClicked && !isGlobalEditActive) {
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, "Save this Learning");
+      setIsFormSavedClicked(false);
+    }
+  }, [isFormSaveClicked]);
+  useEffect(() => {
+    if (!sendMessageInChat) return;
+    try {
+      if (sendMessageInChat.startsWith("__SKELETON__:")) {
+        const parts = sendMessageInChat.split(":");
+        const skId = parts[1];
+        const message = parts.slice(2).join(":");
+        const skeletonMsg = {
+          role: "user",
+          content: "",
+          id: skId,
+          time: /* @__PURE__ */ new Date(),
+          isSkeleton: true,
+          skeletonContent: message
+        };
+        setMessages((prev) => [...prev, skeletonMsg]);
+        handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, message, false, skId);
+        setHighlightedMessageId(skId);
+        setSendMessageInChat && setSendMessageInChat("");
+        setTimeout(() => {
+          setHighlightedMessageId(null);
+        }, 2e3);
+        return;
+      }
+      if (sendMessageInChat.startsWith("__SKELETON_END__::")) {
+        const message = sendMessageInChat.split("::")[1] || "";
+        setMessages((prev) => prev.map((m) => {
+          if (m.isSkeleton) {
+            return { ...m, isSkeleton: false, content: m.skeletonContent || message };
+          }
+          return m;
+        }));
+        setSendMessageInChat && setSendMessageInChat("");
+        return;
+      }
+      const newMsgId = v4();
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, sendMessageInChat, false, newMsgId);
+      setHighlightedMessageId(newMsgId);
+      setSendMessageInChat && setSendMessageInChat("");
+      setTimeout(() => setHighlightedMessageId(null), 2e3);
+    } catch (err) {
+      console.error("Error handling sendMessageInChat signal", err);
+    }
+  }, [sendMessageInChat]);
+  useEffect(() => {
+    getChatSettings();
+    getChatHistory();
+    const updateHeight = () => {
+      var _a;
+      const headerHeight = ((_a = chatHeaderRef == null ? void 0 : chatHeaderRef.current) == null ? void 0 : _a.clientHeight) || 0;
+      const newHeight = `calc(100% - ${headerHeight}px - 10px)`;
+      setAvailableHeight(newHeight);
+    };
+    updateHeight();
+    window.addEventListener("resize", updateHeight);
+    return () => window.removeEventListener("resize", updateHeight);
+  }, []);
+  const scrollToBottom = useCallback((behavior) => {
+    const scrollBehavior = typeof behavior === "string" ? behavior : "smooth";
+    if (messagesEndRef.current) {
+      messagesEndRef.current.scrollIntoView({
+        behavior: scrollBehavior,
+        block: "end"
+      });
+    }
+    if (shouldAutoScrollRef.current) {
+      setTimeout(() => {
+        if (messagesEndRef.current && shouldAutoScrollRef.current) {
+          messagesEndRef.current.scrollIntoView({
+            behavior: scrollBehavior,
+            block: "end"
+          });
+        }
+      }, 100);
+    }
+  }, []);
+  useEffect(() => {
+    if (!isStreaming) {
+      let content = "";
+      if (pendingSuccessMessage) {
+        content = savedMessage || "Thank you teacher for teaching me, your rule has been saved successfully.";
+      } else if (isError) {
+        content = errorMessage || "I'm sorry, I couldn't save your changes. Please try again.";
+      }
+      if (content) {
+        const systemMsg = {
+          role: "assistant",
+          content,
+          id: v4(),
+          citations: [],
+          time: /* @__PURE__ */ new Date()
+        };
+        setMessages((prev) => [...prev, systemMsg]);
+        setPendingSuccessMessage(false);
+        setTimeout(() => scrollToBottom("smooth"), 100);
+      }
+    }
+  }, [pendingSuccessMessage, isError, isStreaming, savedMessage, errorMessage, scrollToBottom]);
+  useEffect(() => {
+    if (shouldAutoScrollRef.current) {
+      scrollToBottom("smooth");
+    }
+  }, [scrollToBottom]);
+  const getChatSettings = () => {
+    let config = {
+      method: "get",
+      maxBodyLength: Infinity,
+      url: `${url}/api/chatbot/getChatSettings?name=${chatAssistant}&organizationName=${organizationName}`,
+      headers: {}
+    };
+    http.request(config).then((response) => {
+      var _a, _b, _c;
+      if ((_a = response == null ? void 0 : response.data) == null ? void 0 : _a.chatSettings) {
+        if (((_c = (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.chatSettings) == null ? void 0 : _c.chatInitialMessage) !== "") {
+          setShowWelcomeMessage(true);
+        }
+      }
+    }).catch((error) => {
+      console.error(error);
+    });
+  };
+  const getChatHistory = async () => {
+    const getHistoryURL = `${url}/api/chat/history?name=${chatAssistant}&organizationName=${organizationName}`;
+    try {
+      const requestOptions = {
+        method: "GET",
+        params: { guestSessionId: guestSessionIdRef.current },
+        withCredentials: true
+      };
+      http.get(getHistoryURL, requestOptions).then((response) => {
+        const data = response.data;
+        if (data.length > 0) {
+          setMessages(data);
+          scrollToBottom();
+        } else {
+          setShowWelcomeMessage(true);
+        }
+      }).catch((error) => {
+        console.error(error);
+      });
+    } catch (error) {
+      setMessageLoading(false);
+      console.error(error);
+    }
+  };
+  const resetChatHistory = () => {
+    const resetChatHistoryURL = `${url}/api/chat/resetHistory?name=${chatAssistant}&organizationName=${organizationName}`;
+    try {
+      const requestOptions = {
+        method: "GET",
+        params: { guestSessionId: guestSessionIdRef.current },
+        withCredentials: true
+      };
+      http.get(resetChatHistoryURL, requestOptions).then(() => {
+        setIsNewChatClicked(true);
+        setChatInitialMessage("");
+        setInitialSelection(null);
+        processedWtaWntaRef.current.clear();
+        preservedMessagesRef.current.clear();
+        chatPreviewIdRef.current = `${v4()}`;
+        setMessages([]);
+        setShowWelcomeMessage(true);
+        sessionStartTimeRef.current = null;
+        onResetChat == null ? void 0 : onResetChat();
+        if (onResetLearningData) {
+          onResetLearningData();
+        }
+      }).catch((error) => {
+        console.error(error);
+      }).finally(() => {
+        guestSessionIdRef.current = `${chatAssistant}-${organizationName}-${v4()}`;
+      });
+    } catch (error) {
+      setMessageLoading(false);
+      console.error(error);
+    }
+  };
+  function replaceAsteriskInAnchor(inputString) {
+    const regex = /<a [^>]*>.*?<\/a>/g;
+    const replacedString = inputString == null ? void 0 : inputString.replace(regex, (match) => {
+      return match == null ? void 0 : match.replace(/\*/g, "&ast;");
+    });
+    return replacedString;
+  }
+  const getAssistantObj2 = (data, accordianMessageArray, explainabilityMap, preservedMessagesRef2) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    let streamedresponse = {
+      role: "assistant",
+      content: "",
+      id: v4(),
+      time: /* @__PURE__ */ new Date(),
+      citations: []
+    };
+    const continueResult = ((_a = data == null ? void 0 : data.chatStream) == null ? void 0 : _a.continueChatResult) || {};
+    const requestId = continueResult == null ? void 0 : continueResult.requestId;
+    const isPreserve = continueResult == null ? void 0 : continueResult.preserve_message;
+    const isEnd = continueResult == null ? void 0 : continueResult.isEnd;
+    const currentContent = ((_b = continueResult == null ? void 0 : continueResult.message) == null ? void 0 : _b.content) || "";
+    const isOrchestrator = continueResult == null ? void 0 : continueResult.is_orchestrator;
+    const isThinkingBreak = continueResult == null ? void 0 : continueResult.thinking_break;
+    const isCitationsPresent = ((_c = continueResult == null ? void 0 : continueResult.message) == null ? void 0 : _c.citations) || [];
+    if (requestId && isPreserve && currentContent && !isEnd) {
+      let preservedList2 = preservedMessagesRef2.current.get(requestId) || [];
+      if (preservedList2[preservedList2.length - 1] !== currentContent) {
+        preservedList2.push(currentContent);
+        preservedMessagesRef2.current.set(requestId, preservedList2);
+      }
+    }
+    const preservedList = requestId ? preservedMessagesRef2.current.get(requestId) || [] : [];
+    const preservedBlock = preservedList.join("\n\n");
+    let finalContent = "";
+    if (isEnd) {
+      if (preservedBlock && preservedBlock.trim() !== "") {
+        finalContent = preservedBlock;
+      } else {
+        finalContent = currentContent;
+      }
+    } else if (isPreserve) {
+      finalContent = preservedBlock;
+    } else {
+      const stripped = currentContent.replace(/<!--(?![\s\S]*-->)[\s\S]*$/, "").trimEnd();
+      const liveContent = isOrchestrator !== false && !isThinkingBreak && isCitationsPresent.length === 0 ? stripped : "";
+      finalContent = preservedBlock ? `${preservedBlock}
+
+${liveContent}` : liveContent;
+    }
+    streamedresponse.content = replaceAsteriskInAnchor(finalContent);
+    if ((continueResult == null ? void 0 : continueResult.thinking_break) === true && (continueResult == null ? void 0 : continueResult.is_orchestrator) === true && (continueResult == null ? void 0 : continueResult.isEnd) === false) {
+      accordianMessageArray.push({
+        responsedata: currentContent,
+        responseFrom: continueResult.responded_by,
+        header_message: continueResult.header_message,
+        finalResponseStatus: false
+      });
+    }
+    if ((continueResult == null ? void 0 : continueResult.thinking_break) === false && (continueResult == null ? void 0 : continueResult.is_orchestrator) === false && (continueResult == null ? void 0 : continueResult.isEnd) === false) {
+      if (continueResult.explainability_id && continueResult.responded_by) {
+        const explainabilityId = continueResult.explainability_id;
+        const respondedBy = continueResult.responded_by;
+        if (!explainabilityMap.has(explainabilityId)) {
+          explainabilityMap.set(explainabilityId, {
+            responded_by: respondedBy,
+            index: accordianMessageArray.length
+          });
+        }
+      }
+      if (explainabilityMap.has(continueResult.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get(continueResult.explainability_id);
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: currentContent,
+          responseFrom: continueResult.responded_by,
+          header_message: continueResult.header_message,
+          finalResponseStatus: true,
+          explainability_id: (_d = continueResult.explainability_id) != null ? _d : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray = [
+          ...accordianMessageArray,
+          {
+            responsedata: currentContent,
+            responseFrom: continueResult.responded_by,
+            header_message: continueResult.header_message,
+            finalResponseStatus: true,
+            explainability_id: (_e = continueResult.explainability_id) != null ? _e : "",
+            isParallelToolResponse: false
+          }
+        ];
+      }
+    }
+    if ((continueResult == null ? void 0 : continueResult.thinking_break) === true && (continueResult == null ? void 0 : continueResult.is_orchestrator) === false && (continueResult == null ? void 0 : continueResult.isEnd) === false) {
+      if (continueResult.explainability_id && continueResult.responded_by) {
+        const explainabilityId = continueResult.explainability_id;
+        const respondedBy = continueResult.responded_by;
+        if (!explainabilityMap.has(explainabilityId)) {
+          explainabilityMap.set(explainabilityId, {
+            responded_by: respondedBy,
+            index: accordianMessageArray.length
+          });
+        }
+      }
+      if (explainabilityMap.has(continueResult.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get(continueResult.explainability_id);
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: currentContent,
+          responseFrom: continueResult.responded_by,
+          header_message: continueResult.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_f = continueResult.explainability_id) != null ? _f : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray.push({
+          responsedata: currentContent,
+          responseFrom: continueResult.responded_by,
+          header_message: continueResult.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_g = continueResult.explainability_id) != null ? _g : "",
+          isParallelToolResponse: false
+        });
+      }
+    }
+    let assistantObj = {
+      orchestratorAndAgentsMessages: accordianMessageArray,
+      ...streamedresponse
+    };
+    return assistantObj;
+  };
+  function extractWaitMessage(inputString) {
+    const prefix = "WaitMessage: ";
+    const startIndex = inputString.indexOf(prefix);
+    if (startIndex !== -1) {
+      const extractedString = inputString.substring(startIndex + prefix.length);
+      return extractedString == null ? void 0 : extractedString.replaceAll("WaitMessage: ", "");
+    } else {
+      return "";
+    }
+  }
+  const handleMessages = (data, explainabilityMap, accordianMessageArray, userQuestionTime, userInputParam, isFirstQuestionSent, customId) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
+    if ((_b = (_a = data == null ? void 0 : data.chatStream) == null ? void 0 : _a.continueChatResult) == null ? void 0 : _b.header_message) {
+      const headerMsg = {
+        header_message: data.chatStream.continueChatResult.header_message,
+        responsedata: (_e = (_d = (_c = data == null ? void 0 : data.chatStream) == null ? void 0 : _c.continueChatResult) == null ? void 0 : _d.message) == null ? void 0 : _e.content
+      };
+      processHeaderMessage(headerMsg);
+    }
+    const continueResult = (_f = data == null ? void 0 : data.chatStream) == null ? void 0 : _f.continueChatResult;
+    const isEnd = continueResult == null ? void 0 : continueResult.isEnd;
+    const citations = ((_g = continueResult == null ? void 0 : continueResult.message) == null ? void 0 : _g.citations) || [];
+    if (isEnd && citations.length > 0 && setCitations) {
+      setCitations(citations);
+    }
+    let streamedresponse = { role: "assistant", content: "", id: v4() };
+    if ((_k = (_j = (_i = (_h = data == null ? void 0 : data.chatStream) == null ? void 0 : _h.continueChatResult) == null ? void 0 : _i.message) == null ? void 0 : _j.content) == null ? void 0 : _k.includes("WaitMessage: ")) {
+      setWaitMessageLoading(true);
+      streamedresponse.content = extractWaitMessage(
+        ((_n = (_m = (_l = data == null ? void 0 : data.chatStream) == null ? void 0 : _l.continueChatResult) == null ? void 0 : _m.message) == null ? void 0 : _n.content) + "\n\n"
+      );
+      if (streamedresponse.content !== "") {
+        setMessageLoading(false);
+        setMessages([
+          ...messages,
+          {
+            role: "user",
+            content: userInputParam,
+            time: userQuestionTime,
+            isFirstQuestionSent: isFirstQuestionSent || false,
+            id: customId || ((_p = (_o = data == null ? void 0 : data.chatStream) == null ? void 0 : _o.continueChatResult) == null ? void 0 : _p.requestId) || "",
+            reply: ""
+          },
+          streamedresponse
+        ]);
+      }
+    } else {
+      setWaitMessageLoading(false);
+      const incomingRequestId = (_r = (_q = data == null ? void 0 : data.chatStream) == null ? void 0 : _q.continueChatResult) == null ? void 0 : _r.requestId;
+      if (typeof incomingRequestId === "string" && incomingRequestId && setCurrentRequestId) {
+        setCurrentRequestId(incomingRequestId);
+      }
+      const assistantObject = getAssistantObj2(
+        data,
+        accordianMessageArray,
+        explainabilityMap,
+        preservedMessagesRef
+      );
+      assistantObject.time = /* @__PURE__ */ new Date();
+      assistantObject.citations = citations;
+      assistantObject.isEnd = (_t = (_s = data == null ? void 0 : data.chatStream) == null ? void 0 : _s.continueChatResult) == null ? void 0 : _t.isEnd;
+      assistantObject.requestId = (_v = (_u = data == null ? void 0 : data.chatStream) == null ? void 0 : _u.continueChatResult) == null ? void 0 : _v.requestId;
+      assistantObject.sessionId = guestSessionIdRef.current;
+      (_w = assistantObject.orchestratorAndAgentsMessages) == null ? void 0 : _w.forEach((msg) => {
+        if (msg && msg.header_message) {
+          processHeaderMessage(msg);
+        }
+      });
+      if ((assistantObject == null ? void 0 : assistantObject.content) !== "" || (assistantObject == null ? void 0 : assistantObject.orchestratorAndAgentsMessages) && (assistantObject == null ? void 0 : assistantObject.orchestratorAndAgentsMessages.length) > 0) {
+        setMessageLoading(false);
+        setMessages([
+          ...messages,
+          {
+            role: "user",
+            content: userInputParam || "",
+            time: userQuestionTime,
+            isFirstQuestionSent: isFirstQuestionSent || false,
+            id: customId || ((_y = (_x = data == null ? void 0 : data.chatStream) == null ? void 0 : _x.continueChatResult) == null ? void 0 : _y.requestId) || "",
+            requestId: (_B = (_A = (_z = data == null ? void 0 : data.chatStream) == null ? void 0 : _z.continueChatResult) == null ? void 0 : _A.requestId) != null ? _B : ""
+          },
+          assistantObject
+        ]);
+      }
+      setIsStreamEnd((_D = (_C = data == null ? void 0 : data.chatStream) == null ? void 0 : _C.continueChatResult) == null ? void 0 : _D.isEnd);
+    }
+  };
+  const handleStreamTimeout = useCallback((requestId, reason = "inactivity") => {
+    console.error(`\u{1F6D1} Stream failed or timed out due to:reason=${reason} requestId=${requestId} at ${( new Date()).toISOString()}`);
+    const timer = streamTimeoutRefsMap.current.get(requestId);
+    if (timer) {
+      clearTimeout(timer);
+      streamTimeoutRefsMap.current.delete(requestId);
+    }
+    if (requestId && baseWebsocketUrl) {
+      stopStreaming(requestId, baseWebsocketUrl, false);
+      preservedMessagesRef.current.delete(requestId);
+    }
+    const isStillActiveStream = requestId === currentStreamRequestIdRef.current;
+    if (!isStillActiveStream) {
+      console.warn(`\u{1F6D1} [handleStreamTimeout] Ignoring stale timeout for superseded requestId=${requestId}; active=${currentStreamRequestIdRef.current}`);
+      return;
+    }
+    isRequestInFlightRef.current = false;
+    setIsStreamEnd(true);
+    setIsStreaming(false);
+    setIsAwaitingValidationResponse(false);
+    setMessageLoading(false);
+    setWaitMessageLoading(false);
+    setMessages((prev) => {
+      const lastUserMessage = [...prev].reverse().find((msg) => msg.role === "user");
+      const retryQuery = (lastUserMessage == null ? void 0 : lastUserMessage.content) || "";
+      const safeRetryQuery = retryQuery.replace(/"/g, "&quot;");
+      const updatedMessages = [...prev];
+      const lastMessage = updatedMessages[updatedMessages.length - 1];
+      if (lastMessage && lastMessage.role === "assistant" && !lastMessage.isEnd) {
+        updatedMessages.pop();
+      }
+      let errorText = "I ran into an unexpected issue while trying to process this learning.";
+      if (reason === "inactivity") {
+        errorText = "Something went wrong\u2014teaching is taking longer than expected.";
+      } else if (reason === "websocket_error") {
+        errorText = "I lost connection to the server while working on that.";
+      }
+      return [
+        ...updatedMessages,
+        {
+          role: "assistant",
+          content: `${errorText} Please try again.
+
+<button class="clickable-button" data-value="${safeRetryQuery}">Retry</button>`,
+          id: v4(),
+          time: /* @__PURE__ */ new Date(),
+          isEnd: true,
+          citations: []
+        }
+      ];
+    });
+  }, [socketTimeOutInMilliSeconds, baseWebsocketUrl]);
+  const resetStreamTimeout = useCallback((requestId) => {
+    const existing = streamTimeoutRefsMap.current.get(requestId);
+    if (existing) clearTimeout(existing);
+    if (socketTimeOutInMilliSeconds && socketTimeOutInMilliSeconds > 0) {
+      console.log(`\u23F1\uFE0F [Timeout armed] requestId=${requestId} timeout=${socketTimeOutInMilliSeconds}ms at ${( new Date()).toISOString()}`);
+      const timer = setTimeout(() => {
+        console.warn(`\u23F1\uFE0F [Timeout FIRED \u2014 auto stop] requestId=${requestId} at ${( new Date()).toISOString()}`);
+        handleStreamTimeout(requestId, "inactivity");
+      }, socketTimeOutInMilliSeconds);
+      streamTimeoutRefsMap.current.set(requestId, timer);
+    }
+  }, [handleStreamTimeout, socketTimeOutInMilliSeconds]);
+  const handleStream = async (event, isFirstQuestionSent, userInputParam, isValidationFailure = false, customId, setIsLoading) => {
+    var _a, _b, _c, _d, _e, _f;
+    const contentSource = userInputParam !== void 0 ? userInputParam : userInput || "";
+    const finalInput = contentSource.trim();
+    const isEnterKey = (event == null ? void 0 : event.key) === "Enter" && !(event == null ? void 0 : event.shiftKey) && !isGlobalEditActive;
+    if (isEnterKey) {
+      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
+    }
+    const isLastMessageUser2 = ((_b = messages[messages.length - 1]) == null ? void 0 : _b.role) === "user";
+    if (!finalInput || isStreaming || isRequestInFlightRef.current || isLastMessageUser2 || (event == null ? void 0 : event.key) && !isEnterKey) {
+      return;
+    }
+    if (!sessionStartTimeRef.current) {
+      sessionStartTimeRef.current = (/* @__PURE__ */ new Date()).toISOString();
+      console.log(`Session start time set to ${sessionStartTimeRef.current}`);
+    }
+    if (onValidateSession) {
+      setMessageLoading(true);
+      setInitialLoadingMessage("Validating session...");
+      try {
+        const isValid = await onValidateSession(sessionStartTimeRef.current);
+        if (!isValid) {
+          setSessionInvalidPopupOpen(true);
+          setMessageLoading(false);
+          setIsLoading && setIsLoading(false);
+          return;
+        }
+      } catch (error) {
+        console.error("Validation error:", error);
+        setSessionInvalidPopupOpen(true);
+        setMessageLoading(false);
+        setIsLoading && setIsLoading(false);
+        return;
+      }
+      setMessageLoading(false);
+    }
+    isRequestInFlightRef.current = true;
+    const isEnterRuleDescriptionFlow = finalInput === "I want to add a rule description";
+    if (isEnterRuleDescriptionFlow) {
+      setIsStreamEnd(false);
+      shouldAutoScrollRef.current = true;
+      setIsStreaming(true);
+      if (!initialSelection && finalInput) {
+        setInitialSelection(userInputParam || "manual_entry");
+      }
+      const userQuestionTime2 = /* @__PURE__ */ new Date();
+      setMessages((prev) => [
+        ...prev.map((m, index) => {
+          var _a2;
+          return {
+            ...m,
+            content: (_a2 = replaceAsteriskInAnchor(m.content)) == null ? void 0 : _a2.replace("WaitMessage: ", "")
+          };
+        }),
+        { role: "user", content: finalInput, time: userQuestionTime2, isFirstQuestionSent: false, id: customId || v4() }
+      ]);
+      scrollToBottom("smooth");
+      setTimeout(() => {
+        const AssistantMessage = "I'd be happy to help you set up a new rule! To get started, could you tell me what kind of behavior or logic you would like this rule to follow?";
+        setMessages((prev) => [
+          ...prev,
+          {
+            role: "assistant",
+            content: AssistantMessage,
+            id: v4(),
+            citations: [],
+            time: /* @__PURE__ */ new Date()
+          }
+        ]);
+        scrollToBottom("smooth");
+        setTimeout(() => {
+          setIsStreaming(false);
+          setIsStreamEnd(true);
+        }, 500);
+      }, 500);
+      return;
+    }
+    setIsStreamEnd(false);
+    shouldAutoScrollRef.current = true;
+    setIsStreaming(true);
+    if (!initialSelection && finalInput) {
+      setInitialSelection(userInputParam || "manual_entry");
+    }
+    const userQuestionTime = /* @__PURE__ */ new Date();
+    const streamGeneration = streamGenerationRef.current;
+    setMessages((prev) => {
+      const mapped = prev.map((m) => {
+        var _a2;
+        return {
+          ...m,
+          content: (_a2 = replaceAsteriskInAnchor(m.content)) == null ? void 0 : _a2.replace("WaitMessage: ", "")
+        };
+      });
+      if (customId && mapped.some((m) => m.id === customId)) {
+        return mapped.map((m) => m.id === customId ? { ...m, content: finalInput } : m);
+      }
+      return [
+        ...mapped,
+        { role: "user", content: finalInput, time: userQuestionTime, isFirstQuestionSent: false, id: customId || v4() }
+      ];
+    });
+    scrollToBottom("smooth");
+    const explainabilityMap = /* @__PURE__ */ new Map();
+    let accordianMessageArray = [];
+    const resolveMetaData = (meta) => {
+      var _a2;
+      if (!meta) return {};
+      const keys = Object.keys(meta);
+      if (keys.length === 1 && keys[0] === "current") {
+        return (_a2 = meta.current) != null ? _a2 : {};
+      }
+      return meta;
+    };
+    const params = {
+      WEBSOCKET_URL: baseWebsocketUrl,
+      organizationName,
+      chatAssistantName: chatAssistant,
+      selectedAIModel: "gpt-4",
+      replyMessage: "",
+      userName: (_c = userDetails == null ? void 0 : userDetails.name) != null ? _c : "Guest User",
+      userEmailId: (_d = userDetails == null ? void 0 : userDetails.email) != null ? _d : "guestUser@example.com",
+      userId: (_e = userDetails == null ? void 0 : userDetails.id) != null ? _e : "Guest User",
+      query: finalInput,
+      requestId: `requestId-${v4()}`,
+      customPrompt: "",
+      enableForBackend: false,
+      guestSessionId: guestSessionIdRef.current,
+      chatPreviewId: chatPreviewIdRef.current,
+      customMetaData: resolveMetaData(customMetaData),
+      aiModel: "",
+      additionalHeaders: (user == null ? void 0 : user.accessToken) ? {
+        Authorization: `Bearer ${user.accessToken}`
+      } : void 0,
+      enableLogs: true,
+      logControls: {
+        infoLogs: enableChatLogs,
+        debugLogs: enableChatLogs
+      },
+      onStreamEvent: (data) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        if (!isMountedRef.current || streamGenerationRef.current !== streamGeneration) return;
+        const incomingRequestId = (_b2 = (_a2 = data == null ? void 0 : data.chatStream) == null ? void 0 : _a2.continueChatResult) == null ? void 0 : _b2.requestId;
+        const headerMsg = (_d2 = (_c2 = data == null ? void 0 : data.chatStream) == null ? void 0 : _c2.continueChatResult) == null ? void 0 : _d2.header_message;
+        console.log(`\u{1F4E6} [Stream Chunk Received] With  RequestID and header_message: ${incomingRequestId},${headerMsg}`);
+        resetStreamTimeout(params.requestId);
+        const errorState = (_f2 = (_e2 = data == null ? void 0 : data.chatStream) == null ? void 0 : _e2.continueChatResult) == null ? void 0 : _f2.error_state;
+        if (Array.isArray(errorState) && errorState.length > 0) {
+          console.error("\u26A0\uFE0F Agent returned an error_state during stream:", { requestId: incomingRequestId, errorState });
+          handleStreamTimeout(params.requestId, "agent_error");
+          return;
+        }
+        handleMessages(
+          data,
+          explainabilityMap,
+          accordianMessageArray,
+          userQuestionTime,
+          finalInput,
+          isFirstQuestionSent,
+          customId
+        );
+      },
+      onStreamEnd: (data) => {
+        var _a2, _b2;
+        if (!isMountedRef.current || streamGenerationRef.current !== streamGeneration) return;
+        const incomingRequestId = (_b2 = (_a2 = data == null ? void 0 : data.chatStream) == null ? void 0 : _a2.continueChatResult) == null ? void 0 : _b2.requestId;
+        streamCompletedRef.current.add(params.requestId);
+        console.log(`\u2705 [Stream Completed] RequestID: ${incomingRequestId}`);
+        const timer = streamTimeoutRefsMap.current.get(params.requestId);
+        if (timer) {
+          clearTimeout(timer);
+          streamTimeoutRefsMap.current.delete(params.requestId);
+        }
+        isRequestInFlightRef.current = false;
+        setIsStreamEnd(true);
+        setIsStreaming(false);
+        setIsAwaitingValidationResponse(false);
+        const endTime = Date.now();
+        const startTime = streamStartTimesRef.current.get(params.requestId);
+        if (startTime) {
+          const timeTaken = Math.round((endTime - startTime) / 1e3).toFixed(1);
+          setMessages((prev) => {
+            const lastAssistantIdx = [...prev].reverse().findIndex((m) => m.role === "assistant");
+            if (lastAssistantIdx === -1) return prev;
+            const realIdx = prev.length - 1 - lastAssistantIdx;
+            return prev.map((m, i) => i === realIdx ? { ...m, finalTimeTaken: timeTaken } : m);
+          });
+        }
+      },
+      onError: (error) => {
+        if (!isMountedRef.current || streamGenerationRef.current !== streamGeneration) return;
+        const timer = streamTimeoutRefsMap.current.get(params.requestId);
+        if (timer) {
+          clearTimeout(timer);
+          streamTimeoutRefsMap.current.delete(params.requestId);
+        }
+        if (streamCompletedRef.current.has(params.requestId)) {
+          console.warn("Ignoring post-completion error for already-finished request:", params.requestId);
+          streamCompletedRef.current.delete(params.requestId);
+          return;
+        }
+        console.error("Stream error:", error);
+        handleStreamTimeout(params.requestId, "websocket_error");
+      }
+    };
+    if (finalInput) {
+      setMessageLoading(true);
+      (_f = textAreaRef.current) == null ? void 0 : _f.blur();
+      setUserInput("");
+      scrollToBottom();
+      const loadingMessage = customId ? `Just a moment, processing your request...` : `Okay, got it. Let me take a moment to work on this and I'll get back to you shortly.`;
+      setInitialLoadingMessage(loadingMessage);
+      streamStartTimesRef.current.set(params.requestId, Date.now());
+      currentStreamRequestIdRef.current = params.requestId;
+      console.log("Chat Stream Params:", params);
+      resetStreamTimeout(params.requestId);
+      streamInvocationCountRef.current += 1;
+      console.log(`\u{1F680} [UI Action] stream started (Total UI invocations: ${streamInvocationCountRef.current}) | RequestID: ${params.requestId} | Query: "${finalInput}"`);
+      startChatStream(params);
+    }
+    setIsLoading && setIsLoading(false);
+  };
+  const handleStreamRef = useRef(null);
+  useLayoutEffect(() => {
+    handleStreamRef.current = handleStream;
+  });
+  const stableHandleStream = useCallback(
+    (...args) => {
+      var _a;
+      return (_a = handleStreamRef.current) == null ? void 0 : _a.call(handleStreamRef, ...args);
+    },
+    []
+  );
+  const initialMarkdownComponents = useMemo(() => ({
+    p: ({ node, children, ...props }) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          margin: 0,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "flex-start",
+          gap: "10px",
+          fontFamily: "inherit"
+        },
+        children
+      }
+    ),
+    button: ({ node, className, children, ...props }) => {
+      const label = extractTextFromChildren(children);
+      const hiddenValue = props["data-value"];
+      const isSelected = initialSelection === label || initialSelection === hiddenValue;
+      const isDisabled = !!initialSelection || !!isGlobalEditActive;
+      const isTesterGenie = label === "Tester Genie";
+      return /* @__PURE__ */ jsx(
+        ActionableButton,
+        {
+          ...props,
+          className,
+          handleStream: stableHandleStream,
+          isStreamEnd,
+          disabled: isDisabled,
+          isLastMessage: true,
+          style: { margin: 0 },
+          isTesterGenie,
+          "data-selected": isSelected ? "true" : initialSelection ? "false" : void 0,
+          children: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            children,
+            isTesterGenie && /* @__PURE__ */ jsxs("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsx("path", { d: "M7.20368 8.94768e-06C7.48895 -0.00208639 7.69331 0.364327 7.83856 0.57465C8.14381 1.01633 8.38012 1.87909 7.71077 2.14118C8.57167 2.21011 9.70406 2.93098 10.1785 3.64699C10.5932 4.27286 10.4559 5.16037 9.80301 5.56007L9.9502 7.16593C9.97671 7.44871 10.0265 7.87092 10.0299 8.14457C10.4213 8.23046 11.0787 8.55391 11.326 8.87592C11.5979 8.75656 11.9189 8.76963 12.1688 8.93469C12.3563 8.67751 12.5598 8.41456 12.7507 8.15787C12.3283 7.45155 12.5047 6.57745 13.2143 6.13784C13.5375 5.9377 13.9264 5.87277 14.2971 5.95705C14.0961 6.30964 13.8775 6.72182 13.6593 7.05857C13.7906 7.2436 13.9184 7.44225 14.044 7.63194L14.8022 7.63198C15.0349 7.30106 15.2515 6.90827 15.4835 6.59349C15.8623 7.0712 15.8156 7.79671 15.4734 8.28241C15.1318 8.76741 14.4886 8.9899 13.9118 8.88251C13.758 9.12108 13.5577 9.39243 13.3941 9.63201C13.7143 9.9316 13.7725 10.364 13.4067 10.6594C13.5231 10.8889 13.5309 11.1613 13.447 11.402C13.1502 12.2523 12.1724 12.5645 11.3474 12.5025C11.1171 12.4852 10.939 12.4698 10.7197 12.3953C10.8724 13.1271 10.7744 14.2031 10.5132 14.9051C10.1688 15.8304 9.43632 16.5569 8.54503 16.9655C7.90465 17.2706 7.21222 17.3607 6.50472 17.4505C5.74445 17.5471 4.75801 17.4362 4.08533 17.825C3.9327 17.9132 3.86566 18.0173 3.82943 18.1792C3.94996 18.5982 4.47858 18.6063 4.78474 18.8897C5.20191 19.2758 4.90716 19.9663 4.36611 19.9908C4.31476 19.9931 4.26867 19.9867 4.23186 19.9493C4.23089 19.8303 4.47587 19.7199 4.49787 19.5262C4.55075 19.0604 3.70014 19.0078 3.37835 18.8374C3.13013 18.706 2.99537 18.6309 2.82242 18.4021C2.63795 18.1579 2.58428 17.835 2.63138 17.5392C2.74868 16.7847 3.47123 16.393 4.12184 16.1497C4.61314 15.9659 5.46304 15.7158 5.52019 15.0793C5.58589 14.348 4.97543 13.5523 4.57739 12.9807C4.44275 12.7875 4.3039 12.579 4.16309 12.3919C4.18987 12.365 4.21049 12.3463 4.23916 12.3212C4.59619 12.6218 5.21209 12.6421 5.55038 12.2979C5.70457 12.144 5.78974 11.9342 5.78642 11.7164C5.78121 11.4493 5.63382 11.2002 5.4454 11.019C5.44704 10.9932 5.44824 10.9676 5.449 10.9419C5.4566 10.6648 5.37505 10.4902 5.1892 10.2943C5.18398 10.2538 5.17776 10.2134 5.17053 10.1732C5.08123 9.69297 4.71708 9.34182 4.23415 9.27108C4.16418 9.26083 3.96108 9.26105 3.92071 9.23344C3.90485 9.1828 3.9059 9.20792 3.91904 9.15527C4.22103 8.90139 4.14407 8.78214 4.31107 8.4846C4.42301 8.28513 4.73047 8.15239 4.95452 8.10701C4.96167 7.51076 5.03684 6.88562 5.10036 6.29144C5.12451 6.0655 5.12531 5.75046 5.1511 5.55257C4.11108 4.86747 4.39091 3.75946 5.25465 3.06391C5.84978 2.58469 6.34496 2.31002 7.10143 2.14517C7.01589 2.10416 6.93842 2.04811 6.87269 1.97972C6.77021 1.87349 6.70248 1.73857 6.67853 1.59293C6.60568 1.12096 7.04104 0.914625 7.18759 0.526392C7.26428 0.323403 7.03925 0.146075 7.20368 8.94768e-06Z", fill: "#475569" }),
+              /* @__PURE__ */ jsx("path", { d: "M7.459 4.5C7.48797 4.50312 7.71949 4.61154 7.76205 4.63061C8.27062 4.85835 8.87051 5.09164 9.35658 5.3582C9.36602 6.03495 9.37016 6.56625 8.70573 6.91519C8.6633 6.80883 8.63019 6.72409 8.56332 6.63044C8.43786 6.45568 8.24656 6.33963 8.03354 6.30909C7.8434 6.28211 7.65146 6.3197 7.49586 6.43503C7.21897 6.21256 6.76265 6.28197 6.5229 6.52486C6.39308 6.65639 6.34815 6.75074 6.28902 6.92344C5.59702 6.5957 5.58761 6.04267 5.60583 5.35582C5.89882 5.23844 6.21318 5.0724 6.50153 4.941C6.82145 4.79522 7.14482 4.6574 7.459 4.5Z", fill: "#D1EDFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M11.0756 10.6406C11.1037 10.6701 11.1324 10.7706 11.1535 10.8145C11.2818 11.0817 11.4922 11.1945 11.7498 11.2977C11.5607 11.63 11.4567 11.8797 11.1034 12.0466L11.0839 12.0517C10.9262 12.0927 10.7996 12.0968 10.651 12.0135C10.4755 11.915 10.3807 11.6614 10.4792 11.478C10.6388 11.1809 10.8877 10.9272 11.0756 10.6406Z", fill: "#D1EDFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M11.6036 9.1377C11.6993 9.11763 11.8391 9.16378 11.9294 9.19593C11.6952 9.50644 11.4706 9.81614 11.2327 10.1261L11.1572 10.2255C10.7581 9.73539 11.0333 9.24481 11.6036 9.1377Z", fill: "#D1EDFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M7.49681 0.882812C7.53691 0.925159 7.61244 1.08523 7.63598 1.14156C7.74243 1.39673 7.75769 1.76908 7.38596 1.77504C7.28236 1.75599 7.15628 1.68938 7.13517 1.5783C7.0843 1.3107 7.35609 1.09964 7.48737 0.897583L7.49681 0.882812Z", fill: "#D1EDFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M1.68305 6.17249C1.71659 6.1673 1.8134 6.16478 1.84892 6.16432C2.34052 6.15616 2.81496 6.34495 3.16655 6.68866C3.50847 7.01806 3.70349 7.47119 3.70765 7.94596C3.70896 8.42345 3.54045 8.85284 3.20281 9.19025C3.34033 9.28068 3.5321 9.52219 3.6543 9.65748C4.17158 9.39073 4.91447 9.69339 4.79675 10.3444C5.08751 10.5485 5.19656 10.8288 5.0585 11.1674C5.15418 11.2375 5.25595 11.3205 5.32383 11.4186C5.40228 11.5303 5.4309 11.6695 5.40291 11.8031C5.32228 12.1857 4.90085 12.3286 4.57669 12.1236C4.51367 12.0838 4.42258 11.9595 4.35299 11.9431C4.30669 11.9557 4.28453 11.9584 4.23644 11.9644C4.22885 11.9742 4.22118 11.9841 4.21343 11.9938C3.93597 12.3413 3.49234 12.4682 3.06933 12.5157C2.85285 12.518 2.70432 12.5146 2.49066 12.4609C1.80785 12.2892 1.50808 11.6167 1.70723 10.9639C1.829 10.5648 2.11891 10.2506 2.48939 10.0518C2.54655 10.132 2.57559 10.2191 2.64066 10.303C2.73571 10.2223 2.82048 10.1482 2.92363 10.0773C2.81023 9.95313 2.66811 9.7693 2.55817 9.63584C2.38871 9.6878 2.23026 9.72879 2.05298 9.74653C1.54239 9.80228 1.03118 9.64711 0.637735 9.31695C0.269964 9.01018 0.0453493 8.54827 0.00544736 8.07322C-0.0309495 7.60988 0.116099 7.15077 0.414918 6.79478C0.742554 6.41198 1.18728 6.21393 1.68305 6.17249Z", fill: "#475569" }),
+              /* @__PURE__ */ jsx("path", { d: "M1.79616 6.5951C2.54894 6.5619 3.18687 7.14364 3.22301 7.8963C3.25915 8.64894 2.67989 9.28913 1.92739 9.3282C1.17073 9.3675 0.526231 8.78435 0.489885 8.02753C0.45354 7.27071 1.03921 6.62849 1.79616 6.5951Z", fill: "#D1EDFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M4.93607 11.4844C5.12839 11.6261 5.22049 11.9085 4.91876 11.9419C4.8067 11.8805 4.78491 11.8646 4.71094 11.7561C4.81572 11.6752 4.862 11.5925 4.93607 11.4844Z", fill: "#FEFEFD" }),
+              /* @__PURE__ */ jsx("path", { d: "M12.5164 3.58594L12.5715 3.59466C12.6589 3.65863 12.6908 3.94434 12.7882 4.05193C12.8789 4.15216 12.9155 4.17816 13.0326 4.24929C13.1363 4.31224 13.3325 4.34025 13.384 4.43124C13.3643 4.56218 13.0693 4.54857 12.9127 4.69344C12.6903 4.89898 12.7114 5.06971 12.5892 5.28622C12.5669 5.28439 12.5368 5.2868 12.5261 5.27346C12.4336 5.15843 12.4072 4.9308 12.3099 4.81465C12.1627 4.63903 11.9972 4.60054 11.7981 4.51372C11.7544 4.49467 11.7266 4.47099 11.7129 4.42649C11.7867 4.31876 12.0509 4.34309 12.2376 4.14892C12.43 3.94901 12.4155 3.72208 12.5164 3.58594Z", fill: "#475569" }),
+              /* @__PURE__ */ jsx("path", { d: "M2.13644 3.72656C2.24401 3.77084 2.29712 4.1268 2.431 4.25226C2.60327 4.41371 2.7311 4.41949 2.93246 4.52449C2.96024 4.53897 2.97173 4.56042 2.97671 4.58878C2.89584 4.6981 2.61854 4.70721 2.4596 4.85659C2.26275 5.04156 2.27341 5.29132 2.17022 5.42088C2.16192 5.41849 2.11671 5.40232 2.1156 5.40043C2.01291 5.21216 1.9836 5.04909 1.84812 4.87273C1.73599 4.72675 1.36534 4.69959 1.32812 4.56939C1.3835 4.47941 1.67823 4.44211 1.82291 4.30563C2.02737 4.11274 2.0042 3.8372 2.13644 3.72656Z", fill: "#475569" })
+            ] })
+          ] })
+        }
+      );
+    }
+  }), [stableHandleStream, isStreamEnd, initialSelection, isGlobalEditActive]);
+  const anySkeletonActive = useMemo(() => {
+    return messages.some((m) => m.isSkeleton);
+  }, [messages]);
+  const handleFeedbackSubmit = async (payload) => {
+    if (onSubmitFeedback) {
+      await onSubmitFeedback(payload);
+      setMessages((prev) => [
+        ...prev,
+        {
+          role: "assistant",
+          content: "Thanks for your feedback \u2014 this will help improve future suggestions.",
+          id: v4(),
+          citations: [],
+          time: /* @__PURE__ */ new Date(),
+          isEnd: true
+        }
+      ]);
+      setTimeout(() => scrollToBottom("smooth"), 100);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `${defaultStyles.customFont} ${styles.chatContainer}`,
+      style: {
+        transition: "box-shadow 0.3s ease-in-out",
+        boxShadow: isHighlighted && !anySkeletonActive ? "0 0 20px 5px rgba(37, 99, 235, 0.5)" : "none"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { ref: scrollContainerRef, className: styles.scrollWrapper, children: [
+          /* @__PURE__ */ jsx("div", { ref: chatHeaderRef, className: styles.stickyHeader, children: /* @__PURE__ */ jsx(
+            ChatHeader,
+            {
+              resetChatHistory,
+              isStreamEnd,
+              chatTitle,
+              onResize: setChatSize,
+              chatSize,
+              movingTowards
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: styles.messagesList, children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.initialMessageRow, children: [
+              /* @__PURE__ */ jsx("div", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+              /* @__PURE__ */ jsx("div", { className: styles.welcomeTextWrapper, children: /* @__PURE__ */ jsx("div", { className: styles.welcomeMarkdownWrapper, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                ReactMarkdown,
+                {
+                  rehypePlugins: [rehypeRaw],
+                  components: initialMarkdownComponents,
+                  children: initialChatMessage
+                }
+              ) }) }) })
+            ] }),
+            messages.length > 0 && messages.map((message, index) => {
+              var _a, _b;
+              return /* @__PURE__ */ jsxs("div", { className: styles.messageRow, children: [
+                message.role === "assistant" ? /* @__PURE__ */ jsx("div", { className: styles.assistantIconContainer, children: /* @__PURE__ */ jsx(SparkleIcon, {}) }) : /* @__PURE__ */ jsx("div", { className: styles.userSpacer }),
+                /* @__PURE__ */ jsx("div", { className: styles.messageContent, children: message.role === "assistant" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  message.orchestratorAndAgentsMessages && message.orchestratorAndAgentsMessages.length > 0 && /* @__PURE__ */ jsx(
+                    WatchMeWork,
+                    {
+                      orchestratorAndAgentsMessages: message == null ? void 0 : message.orchestratorAndAgentsMessages,
+                      isStreamEnd,
+                      finalTimeTaken: message == null ? void 0 : message.finalTimeTaken
+                    },
+                    (_a = message == null ? void 0 : message.finalTimeTaken) != null ? _a : message == null ? void 0 : message.id
+                  ),
+                  /* @__PURE__ */ jsx(
+                    MessageRendering,
+                    {
+                      index,
+                      content: message == null ? void 0 : message.content,
+                      role: message == null ? void 0 : message.role,
+                      messages,
+                      handleStream: stableHandleStream,
+                      isLastMessage: index === messages.length - 1,
+                      onSave,
+                      citations: message == null ? void 0 : message.citations,
+                      setChatSize,
+                      chatSize,
+                      isStreamEnd,
+                      messageIsEnd: message == null ? void 0 : message.isEnd,
+                      onViewComparison,
+                      onTypeResponseClick: () => {
+                        var _a2;
+                        setIsInputGlowing(true);
+                        (_a2 = textAreaRef.current) == null ? void 0 : _a2.focus();
+                      },
+                      onComparisonLinkClick,
+                      baseURL: url,
+                      onFeedbackSubmit: handleFeedbackSubmit,
+                      isGlobalEditActive,
+                      fieldLabelMap
+                    }
+                  ),
+                  message.hasOwnProperty("isEnd") && !(message == null ? void 0 : message.isEnd) && ((_b = message == null ? void 0 : message.content) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%", height: 20 }),
+                    /* @__PURE__ */ jsx("div", { style: { marginTop: "10px" } }),
+                    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: 40 })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: styles.timestamp, children: message.time && !isNaN(new Date(message.time).getTime()) ? new Date(message.time).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+                ] }) : /* @__PURE__ */ jsxs("div", { className: styles.userMessageWrapper, children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: styles.userMessageBubble,
+                      style: {
+                        transition: "box-shadow 0.3s ease-in-out",
+                        boxShadow: !message.isSkeleton && !anySkeletonActive && message.id === highlightedMessageId ? "0 0 15px 3px rgba(37, 99, 235, 0.6)" : "none"
+                      },
+                      children: [
+                        message.isSkeleton ? /* @__PURE__ */ jsxs("div", { style: {
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: "12px",
+                          minWidth: "280px",
+                          padding: "8px 0"
+                        }, children: [
+                          /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: 16 }),
+                          /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "80%", height: 16 })
+                        ] }) : /* @__PURE__ */ jsx(
+                          MessageRendering,
+                          {
+                            index,
+                            content: message == null ? void 0 : message.content,
+                            role: message == null ? void 0 : message.role,
+                            messages,
+                            handleStream: stableHandleStream,
+                            isLastMessage: index === messages.length - 1,
+                            onSave,
+                            citations: message == null ? void 0 : message.citations,
+                            isStreamEnd,
+                            isGlobalEditActive,
+                            messageIsEnd: message == null ? void 0 : message.isEnd,
+                            onViewComparison,
+                            onComparisonLinkClick,
+                            baseURL: url,
+                            onFeedbackSubmit: handleFeedbackSubmit,
+                            fieldLabelMap
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("div", { style: { marginTop: "0.5rem" }, children: /* @__PURE__ */ jsx(UserIcon, {}) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: styles.userTimestamp, children: new Date(message.time).toLocaleTimeString([], {
+                    hour: "2-digit",
+                    minute: "2-digit"
+                  }) })
+                ] }) })
+              ] }, message.id);
+            }),
+            messageLoading && /* @__PURE__ */ jsxs("div", { className: styles.loadingRow, children: [
+              /* @__PURE__ */ jsx("div", { className: styles.iconWrapper, style: { marginTop: "0.2rem" }, children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+              /* @__PURE__ */ jsx("div", { className: styles.loadingTextWrapper, children: /* @__PURE__ */ jsx("span", { children: initialLoadingMessage }) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { ref: messagesEndRef, style: { float: "left", clear: "both" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles.inputAreaWrapper, children: /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: isFormValidating ? "Please wait for the validation to be completed." : "",
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${styles.inputBoxContainer} ${isTextareaDisabled ? styles.disabled : ""}`,
+                style: isInputGlowing ? {
+                  boxShadow: "0 0 15px 3px rgba(37, 99, 235, 0.5)",
+                  borderColor: "#2563eb",
+                  transition: "box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"
+                } : {
+                  transition: "box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"
+                },
+                children: [
+                  messages.length > 0 && !isAtBottom && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        scrollToBottom("smooth");
+                      },
+                      className: styles.scrollToBottomBtn,
+                      children: /* @__PURE__ */ jsx(ScrollToBottom, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex" }, children: [
+                    /* @__PURE__ */ jsx(
+                      "textarea",
+                      {
+                        ref: textAreaRef,
+                        placeholder: textareaPlaceholder,
+                        value: userInput || "",
+                        onChange: (e) => {
+                          setUserInput(e.target.value);
+                        },
+                        onFocus: () => setIsFocused(true),
+                        onBlur: () => setIsFocused(false),
+                        onKeyDown: (e) => handleStream(e),
+                        disabled: isTextareaDisabled,
+                        className: `no-scrollbar ${styles.chatTextarea}`,
+                        style: {
+                          // Change: Check if focused OR if there's a long draft
+                          minHeight: isFocused || userInput && userInput.length > 40 ? "120px" : "50px",
+                          height: isFocused || userInput && userInput.length > 40 ? "120px" : "50px",
+                          maxHeight: "120px"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: styles.sendButtonWrapper, children: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          if (isSendButtonDisabled) return;
+                          handleStream(new KeyboardEvent("keydown", { key: "Enter" }));
+                        },
+                        disabled: isSendButtonDisabled,
+                        className: `${styles.sendButton} ${isSendButtonDisabled ? styles.disabled : styles.active}`,
+                        children: /* @__PURE__ */ jsx(SendButton, {})
+                      }
+                    ) })
+                  ] })
+                ]
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: styles.footerTools, children: [
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: "Coming soon",
+              placement: "top",
+              arrow: true,
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "0.875rem",
+                    padding: "0.5rem",
+                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx("span", { className: styles.footerToolItem, children: /* @__PURE__ */ jsx(
+                AudioWaveform,
+                {
+                  amplitude: 1,
+                  variant: "speaker",
+                  isActive: false,
+                  onClick: () => null,
+                  disabled: false
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: "Coming soon",
+              placement: "top",
+              arrow: true,
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "0.875rem",
+                    padding: "0.5rem",
+                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx("span", { className: styles.footerToolItem, children: /* @__PURE__ */ jsx(
+                AudioWaveform,
+                {
+                  amplitude: 1,
+                  variant: "microphone",
+                  isActive: false,
+                  onClick: () => null,
+                  disabled: false
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Dialog,
+          {
+            open: sessionInvalidPopupOpen,
+            onClose: () => {
+            },
+            PaperProps: {
+              sx: {
+                borderRadius: "12px",
+                padding: "8px",
+                maxWidth: "400px",
+                backgroundColor: "var(--il-surface, #ffffff)",
+                color: "var(--il-foreground, #0F172A)"
+              }
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { p: 3, textAlign: "center", fontFamily: "'Plus Jakarta Sans', sans-serif" }, children: [
+              /* @__PURE__ */ jsx("h3", { style: { fontSize: "18px", fontWeight: 600, color: "var(--il-foreground, #0F172A)", marginBottom: "10px" }, children: "Session Expired" }),
+              /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: "var(--il-muted, #64748B)", lineHeight: "1.5", marginBottom: "20px" }, children: "Changes were made to the learnings in this scope while you were editing. To avoid conflicts, concurrent edits aren\u2019t allowed." }),
+              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, justifyContent: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      setSessionInvalidPopupOpen(false);
+                      resetChatHistory();
+                    },
+                    style: {
+                      flex: 1,
+                      padding: "10px 16px",
+                      cursor: "pointer",
+                      backgroundColor: "var(--il-secondary-bg, white)",
+                      border: "1px solid var(--il-border, #E2E8F0)",
+                      borderRadius: "8px",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      color: "var(--il-secondary-fg, #475569)",
+                      transition: "all 0.2s"
+                    },
+                    onMouseOver: (e) => e.currentTarget.style.backgroundColor = "var(--il-hover, #F8FAFC)",
+                    onMouseOut: (e) => e.currentTarget.style.backgroundColor = "var(--il-secondary-bg, white)",
+                    children: "Reset Session"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      setSessionInvalidPopupOpen(false);
+                      onCloseSessionModal == null ? void 0 : onCloseSessionModal();
+                    },
+                    style: {
+                      flex: 1,
+                      padding: "10px 16px",
+                      backgroundColor: "var(--il-danger, #EF4444)",
+                      color: "var(--il-primary-fg, white)",
+                      border: "none",
+                      borderRadius: "8px",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      cursor: "pointer",
+                      transition: "background-color 0.2s"
+                    },
+                    onMouseOver: (e) => e.currentTarget.style.backgroundColor = "var(--il-danger-hover, #DC2626)",
+                    onMouseOut: (e) => e.currentTarget.style.backgroundColor = "var(--il-danger, #EF4444)",
+                    children: "Discard & Close"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+var ChatComponent$1 = ChatComponent;
+
+export { autoGeneratePrompt, ChatComponent$1 as default };
 //# sourceMappingURL=ChatComponent.js.map