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

package/dist/cjs/features/IL-OTJ/_components/ChatComponents/NormalChat.js

@@ -1,2 +1,1109 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("@mui/material"),s=require("@mui/material/Tooltip"),i=require("react-markdown"),o=require("rehype-raw"),r=require("../../../../api/transport.js"),l=require("uuid"),u=require("@e-llm-studio/streaming-response"),d=require("@e-llm-studio/watch-me-work"),c=require("./ChatHeader.js"),h=require("../MessageRendering/MessageRendering.js"),v=require("../atoms/SkeletonLoader/SkeletonLoader.js"),m=require("../MessageRendering/ClickableChatComponents.js"),f=require("../AudioWaveform.js"),g=require("./ChatComponent.module.css.js"),p=require("../../InstantLearning.module.css.js"),C=require("../_svg/ScrollToBottom.js"),_=require("../../helpers/utils.js"),x=require("../_svg/SendButton.js"),S=require("../_svg/SparkleIcon.js"),y=require("../_svg/UserIcon.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R,j=b(s),w=b(i),k=b(o);exports.default=function(s){var i=s.chatAssistantName,o=s.organizationName,b=s.baseUrl,E=s.baseWebsocketUrl,M=s.setIsNewChatClicked;s.ThinkingBulbIconComponent;var T=s.isFormSaveClicked,I=s.setIsFormSavedClicked,A=s.onResetLearningData,N=s.sendMessageInChat,D=s.setSendMessageInChat,q=s.isFormValidating,L=s.chatTitle,F=s.customMetaData,W=s.headerMessageHandlers;s.aiResponse;var B=s.setAIResponse,z=s.onResetChat,P=s.initialChatMessage,H=void 0===P?"":P,U=s.onSave,Z=s.chatSize,K=s.setChatSize,O=s.movingTowards,G=s.setCitations,V=s.textareaPlaceholder,J=void 0===V?"Tell me more about this learning...":V,Q=s.setCurrentRequestId,X=s.showSavedMessage,Y=void 0!==X&&X,$=s.savedMessage,ee=s.isError,te=void 0!==ee&&ee,ne=s.errorMessage,ae=void 0===ne?"There was an error saving your changes.":ne;s.isSaving;var se=s.isHighlighted,ie=void 0!==se&&se,oe=s.onStreamingStateChange,re=s.onViewComparison;s.isCopyEnabled;var le=s.onComparisonLinkClick,ue=s.onSubmitFeedback,de=i,ce=n.useRef("".concat(de,"-").concat(o,"-").concat(l.v4())),he=n.useRef("".concat(l.v4())),ve=b,me=n.useRef(null),fe=n.useRef(!0),ge=n.useRef(null),pe=n.useRef(null),Ce=n.useState(""),_e=Ce[0],xe=Ce[1],Se=n.useState([]),ye=Se[0],be=Se[1],Re=n.useState(!1),je=Re[0],we=Re[1],ke=n.useState(!1);ke[0];var Ee=ke[1],Me=n.useState(!0),Te=Me[0],Ie=Me[1],Ae=n.useState(!0);Ae[0];var Ne=Ae[1],De=n.useState("");De[0];var qe=De[1],Le=n.useState(""),Fe=Le[0],We=Le[1],Be=n.useState(!1),ze=Be[0],Pe=Be[1],He=n.useState(!1),Ue=He[0],Ze=He[1],Ke=n.useState(!0),Oe=Ke[0],Ge=Ke[1],Ve=n.useState("100%");Ve[0];var Je=Ve[1],Qe=n.useState(null),Xe=Qe[0],Ye=Qe[1],$e=n.useState(!1);$e[0];var et=$e[1],tt=n.useState(!1),nt=tt[0],at=tt[1],st=n.useRef(null),it=n.useRef(new Set),ot=n.useState(null),rt=ot[0],lt=ot[1],ut=n.useState(!1),dt=ut[0],ct=ut[1],ht=n.useState(!1);ht[0],ht[1];var vt=n.useState(null);vt[0],vt[1],n.useRef(null),n.useRef(null);var mt=n.useRef(new Map),ft=n.useRef(""),gt=n.useRef(0),pt=n.useRef(!0),Ct=a.keyframes(R||(R=e.__makeTemplateObject(["\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    "]))),_t=n.useMemo(function(){return""===(null==_e?void 0:_e.trim())||ze},[_e,ze]),xt=n.useMemo(function(){return q},[q]),St=n.useMemo(function(){return _t||ze||q},[_t,ze,q]);n.useEffect(function(){null==oe||oe(ze)},[ze,oe]),n.useEffect(function(){return pt.current=!0,function(){pt.current=!1,gt.current+=1,ft.current&&E&&u.stopStreaming(ft.current,E,!1)}},[E]),n.useEffect(function(){var e=me.current,t=function(){if(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;Ge(n-t-a<=20)}};return e&&(e.addEventListener("scroll",t),t()),function(){e&&e.removeEventListener("scroll",t)}},[ye]);var yt=_.useHeaderObserver({handlers:W,setResult:B}).processHeaderMessage;n.useEffect(function(){Y&&at(!0)},[Y]),n.useEffect(function(){if(dt){var e=setTimeout(function(){ct(!1)},3e3);return function(){return clearTimeout(e)}}},[dt]),n.useEffect(function(){T&&(Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),I(!1))},[T]),n.useEffect(function(){if(N)try{if(N.startsWith("__SKELETON__:")){var t=N.split(":"),n=t[1],a=t.slice(2).join(":"),s={role:"user",content:"",id:n,time:new Date,isSkeleton:!0,skeletonContent:a};return be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[s],!1)}),Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,a,!1,n),lt(n),D&&D(""),void setTimeout(function(){lt(null)},2e3)}if(N.startsWith("__SKELETON_END__::")){var i=N.split("::")[1]||"";return be(function(t){return t.map(function(t){return t.isSkeleton?e.__assign(e.__assign({},t),{isSkeleton:!1,content:t.skeletonContent||i}):t})}),void(D&&D(""))}var o=l.v4();Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,N,!1,o),lt(o),D&&D(""),setTimeout(function(){return lt(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[N]),n.useEffect(function(){Rt(),jt();var e=function(){var e,t=(null===(e=null==st?void 0:st.current)||void 0===e?void 0:e.clientHeight)||0,n="calc(100% - ".concat(t,"px - 10px)");Je(n)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var bt=n.useCallback(function(e){var t="string"==typeof e?e:"smooth";ge.current&&ge.current.scrollIntoView({behavior:t,block:"end"}),fe.current&&setTimeout(function(){ge.current&&fe.current&&ge.current.scrollIntoView({behavior:t,block:"end"})},100)},[]);n.useEffect(function(){if(!ze){var t="";if(nt?t=$||"Thank you teacher for teaching me, your rule has been saved successfully.":te&&(t=ae||"I'm sorry, I couldn't save your changes. Please try again."),t){var n={role:"assistant",content:t,id:l.v4(),citations:[],time:new Date};be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[n],!1)}),at(!1),setTimeout(function(){return bt("smooth")},100)}}},[nt,te,ze,$,ae,bt]),n.useEffect(function(){fe.current&&bt("smooth")},[bt]);var Rt=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(ve,"/api/chatbot/getChatSettings?name=").concat(de,"&organizationName=").concat(o),headers:{}};r.http.request(e).then(function(e){var t,n,a;(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)&&""!==(null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)||void 0===a?void 0:a.chatInitialMessage)&&Ne(!0)}).catch(function(e){console.error(e)})},jt=function(){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(e){t="".concat(ve,"/api/chat/history?name=").concat(de,"&organizationName=").concat(o);try{n={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0},r.http.get(t,n).then(function(e){var t=e.data;t.length>0?(be(t),bt()):Ne(!0)}).catch(function(e){console.error(e)})}catch(e){we(!1),console.error(e)}return[2]})})};function wt(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var kt=function(t,n,a,s,i,o,r){var u,d,c,h,v,m,f,g,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B,z,P,H;if(null===(d=null===(u=null==t?void 0:t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.header_message){var U={header_message:t.chatStream.continueChatResult.header_message,responsedata:null===(v=null===(h=null===(c=null==t?void 0:t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.message)||void 0===v?void 0:v.content};yt(U)}var Z=null===(m=null==t?void 0:t.chatStream)||void 0===m?void 0:m.continueChatResult,K=null==Z?void 0:Z.isEnd,O=(null===(f=null==Z?void 0:Z.message)||void 0===f?void 0:f.citations)||[];K&&O.length>0&&G&&G(O);var V={role:"assistant",content:"",id:l.v4()};if(null===(_=null===(C=null===(p=null===(g=null==t?void 0:t.chatStream)||void 0===g?void 0:g.continueChatResult)||void 0===p?void 0:p.message)||void 0===C?void 0:C.content)||void 0===_?void 0:_.includes("WaitMessage: "))Ee(!0),V.content=function(e){var t="WaitMessage: ",n=e.indexOf(t);if(-1!==n){var a=e.substring(n+13);return null==a?void 0:a.replaceAll("WaitMessage: ","")}return""}((null===(y=null===(S=null===(x=null==t?void 0:t.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===S?void 0:S.message)||void 0===y?void 0:y.content)+"\n\n"),""!==V.content&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i,time:s,isFirstQuestionSent:o||!1,id:r||(null===(R=null===(b=null==t?void 0:t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.requestId)||"",reply:""},V],!1)));else{Ee(!1),V.content=null===(E=wt(null===(k=null===(w=null===(j=null==t?void 0:t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.message)||void 0===k?void 0:k.content))||void 0===E?void 0:E.replaceAll("WaitMessage: ","");var J=null===(T=null===(M=null==t?void 0:t.chatStream)||void 0===M?void 0:M.continueChatResult)||void 0===T?void 0:T.requestId;"string"==typeof J&&J&&Q&&Q(J);var X=function(t,n,a){var s,i,o,r,u,d,c,h,v,m,f,g,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B={role:"assistant",content:"",id:l.v4(),time:new Date,citations:[]};if(!1===(null===(i=null===(s=t.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===i?void 0:i.thinking_break)&&!0===(null===(r=null===(o=t.chatStream)||void 0===o?void 0:o.continueChatResult)||void 0===r?void 0:r.is_orchestrator)&&!1===(null===(d=null===(u=t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.isEnd)&&(B.content=wt(t.chatStream.continueChatResult.message.content||"")),!0===(null===(h=null===(c=t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.thinking_break)&&!0===(null===(m=null===(v=t.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===m?void 0:m.is_orchestrator)&&!1===(null===(g=null===(f=t.chatStream)||void 0===f?void 0:f.continueChatResult)||void 0===g?void 0:g.isEnd)&&(B.content="",n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1})),!1===(null===(C=null===(p=t.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===C?void 0:C.thinking_break)&&!0===(null===(x=null===(_=t.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===x?void 0:x.is_orchestrator)&&!0===(null===(y=null===(S=t.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===y?void 0:y.isEnd)&&(B.content=wt(t.chatStream.continueChatResult.message.content)),!1===(null===(R=null===(b=t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.thinking_break)&&!1===(null===(w=null===(j=t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.is_orchestrator)&&!1===(null===(E=null===(k=t.chatStream)||void 0===k?void 0:k.continueChatResult)||void 0===E?void 0:E.isEnd)){if((H=t.chatStream.continueChatResult).explainability_id&&H.responded_by){var z=H.explainability_id,P=H.responded_by;a.has(z)||a.set(z,{responded_by:P,index:n.length})}a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(M=t.chatStream.continueChatResult.explainability_id)&&void 0!==M?M:"",isParallelToolResponse:!0}:n=e.__spreadArray(e.__spreadArray([],n,!0),[{responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(T=t.chatStream.continueChatResult.explainability_id)&&void 0!==T?T:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(A=null===(I=t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.thinking_break)&&!1===(null===(D=null===(N=t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.is_orchestrator)&&!1===(null===(L=null===(q=t.chatStream)||void 0===q?void 0:q.continueChatResult)||void 0===L?void 0:L.isEnd)){var H,U;(H=t.chatStream.continueChatResult).explainability_id&&H.responded_by&&(z=H.explainability_id,P=H.responded_by,a.has(z)||a.set(z,{responded_by:P,index:n.length})),a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(F=t.chatStream.continueChatResult.explainability_id)&&void 0!==F?F:"",isParallelToolResponse:!0}:n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(W=t.chatStream.continueChatResult.explainability_id)&&void 0!==W?W:"",isParallelToolResponse:!1})}return e.__assign({orchestratorAndAgentsMessages:n},B)}(t,a,n);X.time=new Date,X.citations=O,X.isEnd=null===(A=null===(I=null==t?void 0:t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.isEnd,X.requestId=null===(D=null===(N=null==t?void 0:t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.requestId,X.sessionId=ce.current,null===(q=X.orchestratorAndAgentsMessages)||void 0===q||q.forEach(function(e){e&&e.header_message&&yt(e)}),(""!==(null==X?void 0:X.content)||(null==X?void 0:X.orchestratorAndAgentsMessages)&&(null==X?void 0:X.orchestratorAndAgentsMessages.length)>0)&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i||"",time:s,isFirstQuestionSent:o||!1,id:r||(null===(F=null===(L=null==t?void 0:t.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===F?void 0:F.requestId)||"",requestId:null!==(z=null===(B=null===(W=null==t?void 0:t.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===B?void 0:B.requestId)&&void 0!==z?z:""},X],!1))),Ie(null===(H=null===(P=null==t?void 0:t.chatStream)||void 0===P?void 0:P.continueChatResult)||void 0===H?void 0:H.isEnd)}},Et=function(t,n,a,s,i,r){var d,c,h=(void 0!==a?a:_e||"").trim(),v="Enter"===(null==t?void 0:t.key)&&!(null==t?void 0:t.shiftKey);if(v&&(null===(d=null==t?void 0:t.preventDefault)||void 0===d||d.call(t)),!(!h||ze&&!a||(null==t?void 0:t.key)&&!v)){if("I want to add a rule description"===h){Ie(!1),fe.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var m=new Date;return be(function(t){return e.__spreadArray(e.__spreadArray([],t.map(function(t,n){var a;return e.__assign(e.__assign({},t),{content:null===(a=wt(t.content))||void 0===a?void 0:a.replace("WaitMessage: ","")})}),!0),[{role:"user",content:h,time:m,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),bt("smooth"),void setTimeout(function(){be(function(t){return e.__spreadArray(e.__spreadArray([],t,!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:l.v4(),citations:[],time:new Date}],!1)}),bt("smooth"),setTimeout(function(){Pe(!1),Ie(!0)},500)},500)}Ie(!1),fe.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var f=new Date,g=gt.current;be(function(t){var n=t.map(function(t){var n;return e.__assign(e.__assign({},t),{content:null===(n=wt(t.content))||void 0===n?void 0:n.replace("WaitMessage: ","")})});return i&&n.some(function(e){return e.id===i})?n.map(function(t){return t.id===i?e.__assign(e.__assign({},t),{content:h}):t}):e.__spreadArray(e.__spreadArray([],n,!0),[{role:"user",content:h,time:f,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),bt("smooth");var p=new Map,C=[],_={WEBSOCKET_URL:E,organizationName:o,chatAssistantName:de,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:h,requestId:"requestId-".concat(l.v4()),customPrompt:"",enableForBackend:!1,guestSessionId:ce.current,chatPreviewId:he.current,customMetaData:F,aiModel:"",onStreamEvent:function(e){pt.current&&gt.current===g&&kt(e,p,C,f,h,n,i)},onStreamEnd:function(t){if(pt.current&&gt.current===g){Ie(!0),Pe(!1),et(!1);var n=Date.now(),a=mt.current.get(ft.current);if(a){var s=Math.round((n-a)/1e3).toFixed(1);be(function(t){var n=e.__spreadArray([],t,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===n)return t;var a=t.length-1-n;return t.map(function(t,n){return n===a?e.__assign(e.__assign({},t),{finalTimeTaken:s}):t})})}}},onError:function(e){pt.current&&gt.current===g&&(console.error("Stream error:",e),Ie(!0),Pe(!1),et(!1))}};if(h)we(!0),null===(c=pe.current)||void 0===c||c.blur(),xe(""),bt(),We(i?"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."),mt.current.set(_.requestId,Date.now()),ft.current=_.requestId,u.startChatStream(_);r&&r(!1)}},Mt=n.useRef(null);n.useLayoutEffect(function(){Mt.current=Et});var Tt=n.useCallback(function(){for(var t,n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];return null===(t=Mt.current)||void 0===t?void 0:t.call.apply(t,e.__spreadArray([Mt],n,!1))},[]),It=n.useMemo(function(){return{p:function(n){n.node;var a=n.children;return e.__rest(n,["node","children"]),t.jsx("div",e.__assign({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:a}))},button:function(n){n.node;var a=n.className,s=n.children,i=e.__rest(n,["node","className","children"]),o=_.extractTextFromChildren(s),r=i["data-value"],l=Xe===o||Xe===r,u=!!Xe,d="Tester Genie"===o;return t.jsx(m.ActionableButton,e.__assign({},i,{className:a,handleStream:Tt,isStreamEnd:Te,disabled:u,isLastMessage:!0,style:{margin:0},isTesterGenie:d,"data-selected":l?"true":Xe?"false":void 0},{children:t.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[s,d&&t.jsxs("svg",e.__assign({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"})]}))]}))}))}}},[Tt,Te,Xe]),At=n.useMemo(function(){return ye.some(function(e){return e.isSkeleton})},[ye]),Nt=function(t){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(n){switch(n.label){case 0:return ue?[4,ue(t)]:[3,2];case 1:n.sent(),be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:l.v4(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return bt("smooth")},100),n.label=2;case 2:return[2]}})})};return console.log(ye,"rendering messages"),t.jsxs("div",e.__assign({className:"".concat(p.default.customFont," ").concat(g.default.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:ie&&!At?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[t.jsxs("div",e.__assign({ref:me,className:g.default.scrollWrapper},{children:[t.jsx("div",e.__assign({ref:st,className:g.default.stickyHeader},{children:t.jsx(c.default,{resetChatHistory:function(){var e="".concat(ve,"/api/chat/resetHistory?name=").concat(de,"&organizationName=").concat(o);try{var t={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0};r.http.get(e,t).then(function(){M(!0),qe(""),Ye(null),it.current.clear(),he.current="".concat(l.v4()),be([]),Ne(!0),null==z||z(),A&&A()}).catch(function(e){console.error(e)}).finally(function(){ce.current="".concat(de,"-").concat(o,"-").concat(l.v4())})}catch(e){we(!1),console.error(e)}},isStreamEnd:Te,chatTitle:L,onResize:K,chatSize:Z,movingTowards:O})})),t.jsxs("div",e.__assign({className:g.default.messagesList},{children:[t.jsxs("div",e.__assign({className:g.default.initialMessageRow},{children:[t.jsx("div",e.__assign({className:g.default.iconWrapper},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:g.default.welcomeTextWrapper},{children:t.jsx("div",e.__assign({className:g.default.welcomeMarkdownWrapper},{children:t.jsx("span",{children:t.jsx(w.default,e.__assign({rehypePlugins:[k.default],components:It},{children:H}))})}))}))]})),ye.length>0&&ye.map(function(n,a){return t.jsxs("div",e.__assign({className:g.default.messageRow},{children:["assistant"===n.role?t.jsx("div",e.__assign({className:g.default.assistantIconContainer},{children:t.jsx(S.default,{})})):t.jsx("div",{className:g.default.userSpacer}),t.jsx("div",e.__assign({className:g.default.messageContent},{children:"assistant"===n.role?t.jsxs(t.Fragment,{children:[n.orchestratorAndAgentsMessages&&n.orchestratorAndAgentsMessages.length>0&&t.jsx(d.WatchMeWork,{orchestratorAndAgentsMessages:null==n?void 0:n.orchestratorAndAgentsMessages,isStreamEnd:Te,finalTimeTaken:null==n?void 0:n.finalTimeTaken},null==n?void 0:n.id),t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:Et,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,setChatSize:K,chatSize:Z,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onTypeResponseClick:function(){var e;ct(!0),null===(e=pe.current)||void 0===e||e.focus()},onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:Nt}),t.jsx("div",e.__assign({className:g.default.timestamp},{children:n.time&&!isNaN(new Date(n.time).getTime())?new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):t.jsxs("div",e.__assign({className:g.default.userMessageWrapper},{children:[t.jsxs("div",e.__assign({className:g.default.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:n.isSkeleton||At||n.id!==rt?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[n.isSkeleton?t.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[t.jsx(v.Skeleton,{variant:"text",width:"100%",height:16}),t.jsx(v.Skeleton,{variant:"text",width:"80%",height:16})]})):t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:Et,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:Nt}),t.jsx("div",e.__assign({style:{marginTop:"0.5rem"}},{children:t.jsx(y.UserIcon,{})}))]})),t.jsx("div",e.__assign({className:g.default.userTimestamp},{children:new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),n.id)}),je&&t.jsxs("div",e.__assign({className:g.default.loadingRow},{children:[t.jsx("div",e.__assign({className:g.default.iconWrapper,style:{marginTop:"0.2rem"}},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:g.default.loadingTextWrapper},{children:t.jsx("span",{children:Fe})}))]})),t.jsx("div",{ref:ge,style:{float:"left",clear:"both"}})]}))]})),t.jsxs("div",e.__assign({className:g.default.inputAreaWrapper},{children:[ze&&t.jsxs(a.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"8px",paddingBottom:"8px",paddingLeft:"4px",fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"0.875rem",color:"#6b7280",width:"100%"}},{children:[t.jsx("span",{children:"Instant Learning AI is thinking"}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both")}})]})),t.jsx(j.default,e.__assign({title:q?"Please wait for the validation to be completed.":""},{children:t.jsxs("div",e.__assign({className:"".concat(g.default.inputBoxContainer," ").concat(xt?g.default.disabled:""),style:dt?{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:[ye.length>0&&!Oe&&t.jsx("div",e.__assign({onMouseDown:function(e){e.preventDefault(),bt("smooth")},className:g.default.scrollToBottomBtn},{children:t.jsx(C.ScrollToBottom,{})})),t.jsxs("div",e.__assign({style:{width:"100%",display:"flex"}},{children:[t.jsx("textarea",{ref:pe,placeholder:J,value:_e||"",onChange:function(e){xe(e.target.value)},onFocus:function(){return Ze(!0)},onBlur:function(){return Ze(!1)},onKeyDown:function(e){return Et(e)},disabled:xt,className:"no-scrollbar ".concat(g.default.chatTextarea),style:{minHeight:Ue?"120px":"50px",height:Ue?"120px":"50px",maxHeight:"120px"}}),t.jsx("span",e.__assign({className:g.default.sendButtonWrapper},{children:t.jsx("button",e.__assign({onClick:function(e){Et(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:St,className:"".concat(g.default.sendButton," ").concat(St?g.default.disabled:g.default.active)},{children:t.jsx(x.SendButton,{})}))}))]}))]}))}))]})),t.jsxs("div",e.__assign({className:g.default.footerTools},{children:[t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:g.default.footerToolItem},{children:t.jsx(f.default,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:g.default.footerToolItem},{children:t.jsx(f.default,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var Tooltip = require('@mui/material/Tooltip');
+var ReactMarkdown = require('react-markdown');
+var rehypeRaw = require('rehype-raw');
+var transport = require('../../../../api/transport.js');
+var uuid = require('uuid');
+var streamingResponse = require('@e-llm-studio/streaming-response');
+var watchMeWork = require('@e-llm-studio/watch-me-work');
+var ChatHeader = require('./ChatHeader.js');
+var MessageRendering = require('../MessageRendering/MessageRendering.js');
+var SkeletonLoader = require('../atoms/SkeletonLoader/SkeletonLoader.js');
+var ClickableChatComponents = require('../MessageRendering/ClickableChatComponents.js');
+var AudioWaveform = require('../AudioWaveform.js');
+var ChatComponent_module = require('./ChatComponent.module.css.js');
+var InstantLearning_module = require('../../InstantLearning.module.css.js');
+var ScrollToBottom = require('../_svg/ScrollToBottom.js');
+var utils = require('../../helpers/utils.js');
+var SendButton = require('../_svg/SendButton.js');
+var SparkleIcon = require('../_svg/SparkleIcon.js');
+var UserIcon = require('../_svg/UserIcon.js');
+var useAuthStore = require('../../../LearningManagement/store/useAuthStore.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
+var rehypeRaw__default = /*#__PURE__*/_interopDefaultLegacy(rehypeRaw);
+
+const NormalChat = ({
+  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
+}) => {
+  const chatAssistant = chatAssistantName;
+  const user = useAuthStore["default"]((state) => state.user);
+  const guestSessionIdRef = React.useRef(`${chatAssistant}-${organizationName}-${uuid.v4()}`);
+  const chatPreviewIdRef = React.useRef(`${uuid.v4()}`);
+  const url = baseUrl;
+  const scrollContainerRef = React.useRef(null);
+  const shouldAutoScrollRef = React.useRef(true);
+  const messagesEndRef = React.useRef(null);
+  const textAreaRef = React.useRef(null);
+  const [userInput, setUserInput] = React.useState("");
+  const [messages, setMessages] = React.useState([]);
+  const [messageLoading, setMessageLoading] = React.useState(false);
+  const [waitMessageLoading, setWaitMessageLoading] = React.useState(false);
+  const [isStreamEnd, setIsStreamEnd] = React.useState(true);
+  const [showWelcomeMessage, setShowWelcomeMessage] = React.useState(true);
+  const [chatInitialMessage, setChatInitialMessage] = React.useState("");
+  const [initialLoadingMessage, setInitialLoadingMessage] = React.useState("");
+  const [isStreaming, setIsStreaming] = React.useState(false);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [isAtBottom, setIsAtBottom] = React.useState(true);
+  const [availableHeight, setAvailableHeight] = React.useState("100%");
+  const [initialSelection, setInitialSelection] = React.useState(null);
+  const [isAwaitingValidationResponse, setIsAwaitingValidationResponse] = React.useState(false);
+  const [pendingSuccessMessage, setPendingSuccessMessage] = React.useState(false);
+  const chatHeaderRef = React.useRef(null);
+  const processedWtaWntaRef = React.useRef(/* @__PURE__ */ new Set());
+  const [highlightedMessageId, setHighlightedMessageId] = React.useState(null);
+  const [isInputGlowing, setIsInputGlowing] = React.useState(false);
+  React.useState(false);
+  React.useState(null);
+  React.useRef(null);
+  React.useRef(null);
+  const streamStartTimesRef = React.useRef(/* @__PURE__ */ new Map());
+  const currentStreamRequestIdRef = React.useRef("");
+  const streamGenerationRef = React.useRef(0);
+  const isMountedRef = React.useRef(true);
+  const thinkingBounce = material.keyframes`
+      0%, 80%, 100% {
+        transform: scale(0);
+      }
+      40% {
+        transform: scale(1.0);
+      }
+    `;
+  const isInputEmpty = React.useMemo(() => {
+    return (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming;
+  }, [userInput, isStreaming]);
+  const isTextareaDisabled = React.useMemo(
+    () => isFormValidating,
+    [isFormValidating]
+  );
+  const isSendButtonDisabled = React.useMemo(
+    () => isInputEmpty || isStreaming || isFormValidating,
+    [isInputEmpty, isStreaming, isFormValidating]
+  );
+  React.useEffect(() => {
+    onStreamingStateChange == null ? void 0 : onStreamingStateChange(isStreaming);
+  }, [isStreaming, onStreamingStateChange]);
+  React.useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+      streamGenerationRef.current += 1;
+      if (currentStreamRequestIdRef.current && baseWebsocketUrl) {
+        streamingResponse.stopStreaming(currentStreamRequestIdRef.current, baseWebsocketUrl, false);
+      }
+    };
+  }, [baseWebsocketUrl]);
+  React.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 } = utils.useHeaderObserver({
+    handlers: headerMessageHandlers,
+    setResult: setAIResponse
+  });
+  React.useEffect(() => {
+    if (showSavedMessage) {
+      setPendingSuccessMessage(true);
+    }
+  }, [showSavedMessage]);
+  React.useEffect(() => {
+    if (isInputGlowing) {
+      const timer = setTimeout(() => {
+        setIsInputGlowing(false);
+      }, 3e3);
+      return () => clearTimeout(timer);
+    }
+  }, [isInputGlowing]);
+  React.useEffect(() => {
+    if (isFormSaveClicked) {
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, "Save this Learning");
+      setIsFormSavedClicked(false);
+    }
+  }, [isFormSaveClicked]);
+  React.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 = uuid.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]);
+  React.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 = React.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);
+    }
+  }, []);
+  React.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: uuid.v4(),
+          citations: [],
+          time: /* @__PURE__ */ new Date()
+        };
+        setMessages((prev) => [...prev, systemMsg]);
+        setPendingSuccessMessage(false);
+        setTimeout(() => scrollToBottom("smooth"), 100);
+      }
+    }
+  }, [pendingSuccessMessage, isError, isStreaming, savedMessage, errorMessage, scrollToBottom]);
+  React.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: {}
+    };
+    transport.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
+      };
+      transport.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
+      };
+      transport.http.get(resetChatHistoryURL, requestOptions).then(() => {
+        setIsNewChatClicked(true);
+        setChatInitialMessage("");
+        setInitialSelection(null);
+        processedWtaWntaRef.current.clear();
+        chatPreviewIdRef.current = `${uuid.v4()}`;
+        setMessages([]);
+        setShowWelcomeMessage(true);
+        onResetChat == null ? void 0 : onResetChat();
+        if (onResetLearningData) {
+          onResetLearningData();
+        }
+      }).catch((error) => {
+        console.error(error);
+      }).finally(() => {
+        guestSessionIdRef.current = `${chatAssistant}-${organizationName}-${uuid.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) => {
+    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, _E, _F, _G, _H;
+    let streamedresponse = {
+      role: "assistant",
+      content: "",
+      id: uuid.v4(),
+      time: /* @__PURE__ */ new Date(),
+      citations: []
+    };
+    if (((_b = (_a = data.chatStream) == null ? void 0 : _a.continueChatResult) == null ? void 0 : _b.thinking_break) === false && ((_d = (_c = data.chatStream) == null ? void 0 : _c.continueChatResult) == null ? void 0 : _d.is_orchestrator) === true && ((_f = (_e = data.chatStream) == null ? void 0 : _e.continueChatResult) == null ? void 0 : _f.isEnd) === false) {
+      streamedresponse.content = replaceAsteriskInAnchor(
+        data.chatStream.continueChatResult.message.content || ""
+      );
+    }
+    if (((_h = (_g = data.chatStream) == null ? void 0 : _g.continueChatResult) == null ? void 0 : _h.thinking_break) === true && ((_j = (_i = data.chatStream) == null ? void 0 : _i.continueChatResult) == null ? void 0 : _j.is_orchestrator) === true && ((_l = (_k = data.chatStream) == null ? void 0 : _k.continueChatResult) == null ? void 0 : _l.isEnd) === false) {
+      streamedresponse.content = "";
+      accordianMessageArray.push({
+        responsedata: data.chatStream.continueChatResult.message.content,
+        responseFrom: data.chatStream.continueChatResult.responded_by,
+        header_message: data.chatStream.continueChatResult.header_message,
+        finalResponseStatus: false
+      });
+    }
+    if (((_n = (_m = data.chatStream) == null ? void 0 : _m.continueChatResult) == null ? void 0 : _n.thinking_break) === false && ((_p = (_o = data.chatStream) == null ? void 0 : _o.continueChatResult) == null ? void 0 : _p.is_orchestrator) === true && ((_r = (_q = data.chatStream) == null ? void 0 : _q.continueChatResult) == null ? void 0 : _r.isEnd) === true) {
+      streamedresponse.content = replaceAsteriskInAnchor(
+        data.chatStream.continueChatResult.message.content
+      );
+    }
+    if (((_t = (_s = data.chatStream) == null ? void 0 : _s.continueChatResult) == null ? void 0 : _t.thinking_break) === false && ((_v = (_u = data.chatStream) == null ? void 0 : _u.continueChatResult) == null ? void 0 : _v.is_orchestrator) === false && ((_x = (_w = data.chatStream) == null ? void 0 : _w.continueChatResult) == null ? void 0 : _x.isEnd) === false) {
+      const continueChatResult = data.chatStream.continueChatResult;
+      if (continueChatResult.explainability_id && continueChatResult.responded_by) {
+        const explainabilityId = continueChatResult.explainability_id;
+        const respondedBy = continueChatResult.responded_by;
+        if (!explainabilityMap.has(explainabilityId)) {
+          explainabilityMap.set(explainabilityId, {
+            responded_by: respondedBy,
+            index: accordianMessageArray.length
+          });
+        }
+      }
+      if (explainabilityMap.has(data.chatStream.continueChatResult.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get(
+          data.chatStream.continueChatResult.explainability_id
+        );
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: data.chatStream.continueChatResult.message.content,
+          responseFrom: data.chatStream.continueChatResult.responded_by,
+          header_message: data.chatStream.continueChatResult.header_message,
+          finalResponseStatus: true,
+          explainability_id: (_y = data.chatStream.continueChatResult.explainability_id) != null ? _y : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray = [
+          ...accordianMessageArray,
+          {
+            responsedata: data.chatStream.continueChatResult.message.content,
+            responseFrom: data.chatStream.continueChatResult.responded_by,
+            header_message: data.chatStream.continueChatResult.header_message,
+            finalResponseStatus: true,
+            explainability_id: (_z = data.chatStream.continueChatResult.explainability_id) != null ? _z : "",
+            isParallelToolResponse: false
+          }
+        ];
+      }
+    }
+    if (((_B = (_A = data.chatStream) == null ? void 0 : _A.continueChatResult) == null ? void 0 : _B.thinking_break) === true && ((_D = (_C = data.chatStream) == null ? void 0 : _C.continueChatResult) == null ? void 0 : _D.is_orchestrator) === false && ((_F = (_E = data.chatStream) == null ? void 0 : _E.continueChatResult) == null ? void 0 : _F.isEnd) === false) {
+      const continueChatResult = data.chatStream.continueChatResult;
+      if (continueChatResult.explainability_id && continueChatResult.responded_by) {
+        const explainabilityId = continueChatResult.explainability_id;
+        const respondedBy = continueChatResult.responded_by;
+        if (!explainabilityMap.has(explainabilityId)) {
+          explainabilityMap.set(explainabilityId, {
+            responded_by: respondedBy,
+            index: accordianMessageArray.length
+          });
+        }
+      }
+      if (explainabilityMap.has(data.chatStream.continueChatResult.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get(
+          data.chatStream.continueChatResult.explainability_id
+        );
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: data.chatStream.continueChatResult.message.content,
+          responseFrom: data.chatStream.continueChatResult.responded_by,
+          header_message: data.chatStream.continueChatResult.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_G = data.chatStream.continueChatResult.explainability_id) != null ? _G : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray.push({
+          responsedata: data.chatStream.continueChatResult.message.content,
+          responseFrom: data.chatStream.continueChatResult.responded_by,
+          header_message: data.chatStream.continueChatResult.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_H = data.chatStream.continueChatResult.explainability_id) != null ? _H : "",
+          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, _E, _F, _G, _H;
+    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: uuid.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,
+            // UPDATED: Use customId if available
+            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);
+      streamedresponse.content = (_t = replaceAsteriskInAnchor(
+        (_s = (_r = (_q = data == null ? void 0 : data.chatStream) == null ? void 0 : _q.continueChatResult) == null ? void 0 : _r.message) == null ? void 0 : _s.content
+      )) == null ? void 0 : _t.replaceAll("WaitMessage: ", "");
+      const incomingRequestId = (_v = (_u = data == null ? void 0 : data.chatStream) == null ? void 0 : _u.continueChatResult) == null ? void 0 : _v.requestId;
+      if (typeof incomingRequestId === "string" && incomingRequestId && setCurrentRequestId) {
+        setCurrentRequestId(incomingRequestId);
+      }
+      const assistantObject = getAssistantObj2(data, accordianMessageArray, explainabilityMap);
+      assistantObject.time = /* @__PURE__ */ new Date();
+      assistantObject.citations = citations;
+      assistantObject.isEnd = (_x = (_w = data == null ? void 0 : data.chatStream) == null ? void 0 : _w.continueChatResult) == null ? void 0 : _x.isEnd;
+      assistantObject.requestId = (_z = (_y = data == null ? void 0 : data.chatStream) == null ? void 0 : _y.continueChatResult) == null ? void 0 : _z.requestId;
+      assistantObject.sessionId = guestSessionIdRef.current;
+      (_A = assistantObject.orchestratorAndAgentsMessages) == null ? void 0 : _A.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 || ((_C = (_B = data == null ? void 0 : data.chatStream) == null ? void 0 : _B.continueChatResult) == null ? void 0 : _C.requestId) || "",
+            requestId: (_F = (_E = (_D = data == null ? void 0 : data.chatStream) == null ? void 0 : _D.continueChatResult) == null ? void 0 : _E.requestId) != null ? _F : ""
+          },
+          assistantObject
+        ]);
+      }
+      setIsStreamEnd((_H = (_G = data == null ? void 0 : data.chatStream) == null ? void 0 : _G.continueChatResult) == null ? void 0 : _H.isEnd);
+    }
+  };
+  const handleStream = (event, isFirstQuestionSent, userInputParam, isValidationFailure = false, customId, setIsLoading) => {
+    var _a, _b;
+    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);
+    if (isEnterKey) {
+      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
+    }
+    if (!finalInput || isStreaming && !userInputParam || (event == null ? void 0 : event.key) && !isEnterKey) {
+      return;
+    }
+    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 || uuid.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: uuid.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 || uuid.v4() }
+      ];
+    });
+    scrollToBottom("smooth");
+    const explainabilityMap = /* @__PURE__ */ new Map();
+    let accordianMessageArray = [];
+    const params = {
+      WEBSOCKET_URL: baseWebsocketUrl,
+      organizationName,
+      chatAssistantName: chatAssistant,
+      selectedAIModel: "gpt-4",
+      replyMessage: "",
+      userName: "Guest User",
+      userEmailId: "guestUser@example.com",
+      userId: "Guest User",
+      query: finalInput,
+      requestId: `requestId-${uuid.v4()}`,
+      customPrompt: "",
+      enableForBackend: false,
+      guestSessionId: guestSessionIdRef.current,
+      chatPreviewId: chatPreviewIdRef.current,
+      customMetaData,
+      aiModel: "",
+      additionalHeaders: (user == null ? void 0 : user.accessToken) ? {
+        Authorization: `Bearer ${user.accessToken}`
+      } : void 0,
+      onStreamEvent: (data) => {
+        if (!isMountedRef.current || streamGenerationRef.current !== streamGeneration) return;
+        handleMessages(
+          data,
+          explainabilityMap,
+          accordianMessageArray,
+          userQuestionTime,
+          finalInput,
+          isFirstQuestionSent,
+          customId
+          // UPDATED: Passing customId to the callback
+        );
+      },
+      onStreamEnd: (data) => {
+        if (!isMountedRef.current || streamGenerationRef.current !== streamGeneration) return;
+        setIsStreamEnd(true);
+        setIsStreaming(false);
+        setIsAwaitingValidationResponse(false);
+        const endTime = Date.now();
+        const startTime = streamStartTimesRef.current.get(currentStreamRequestIdRef.current);
+        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;
+        console.error("Stream error:", error);
+        setIsStreamEnd(true);
+        setIsStreaming(false);
+        setIsAwaitingValidationResponse(false);
+      }
+    };
+    if (finalInput) {
+      setMessageLoading(true);
+      (_b = textAreaRef.current) == null ? void 0 : _b.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;
+      streamingResponse.startChatStream(params);
+    }
+    setIsLoading && setIsLoading(false);
+  };
+  const handleStreamRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    handleStreamRef.current = handleStream;
+  });
+  const stableHandleStream = React.useCallback(
+    (...args) => {
+      var _a;
+      return (_a = handleStreamRef.current) == null ? void 0 : _a.call(handleStreamRef, ...args);
+    },
+    []
+  );
+  const initialMarkdownComponents = React.useMemo(() => ({
+    p: ({ node, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          margin: 0,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "flex-start",
+          gap: "10px",
+          fontFamily: "inherit"
+        },
+        children
+      }
+    ),
+    button: ({ node, className, children, ...props }) => {
+      const label = utils.extractTextFromChildren(children);
+      const hiddenValue = props["data-value"];
+      const isSelected = initialSelection === label || initialSelection === hiddenValue;
+      const isDisabled = !!initialSelection;
+      const isTesterGenie = label === "Tester Genie";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ClickableChatComponents.ActionableButton,
+        {
+          ...props,
+          className,
+          handleStream: stableHandleStream,
+          isStreamEnd,
+          disabled: isDisabled,
+          isLastMessage: true,
+          style: { margin: 0 },
+          isTesterGenie,
+          "data-selected": isSelected ? "true" : initialSelection ? "false" : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            children,
+            isTesterGenie && /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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]);
+  const anySkeletonActive = React.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: uuid.v4(),
+          citations: [],
+          time: /* @__PURE__ */ new Date(),
+          isEnd: true
+        }
+      ]);
+      setTimeout(() => scrollToBottom("smooth"), 100);
+    }
+  };
+  console.log(messages, "rendering messages");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `${InstantLearning_module["default"].customFont} ${ChatComponent_module["default"].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__ */ jsxRuntime.jsxs("div", { ref: scrollContainerRef, className: ChatComponent_module["default"].scrollWrapper, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chatHeaderRef, className: ChatComponent_module["default"].stickyHeader, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ChatHeader["default"],
+            {
+              resetChatHistory,
+              isStreamEnd,
+              chatTitle,
+              onResize: setChatSize,
+              chatSize,
+              movingTowards
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].messagesList, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].initialMessageRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon["default"], {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].welcomeTextWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].welcomeMarkdownWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                ReactMarkdown__default["default"],
+                {
+                  rehypePlugins: [rehypeRaw__default["default"]],
+                  components: initialMarkdownComponents,
+                  children: initialChatMessage
+                }
+              ) }) }) })
+            ] }),
+            messages.length > 0 && messages.map((message, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].messageRow, children: [
+              message.role === "assistant" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].assistantIconContainer, children: /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon["default"], {}) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].userSpacer }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].messageContent, children: message.role === "assistant" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                message.orchestratorAndAgentsMessages && message.orchestratorAndAgentsMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  watchMeWork.WatchMeWork,
+                  {
+                    orchestratorAndAgentsMessages: message == null ? void 0 : message.orchestratorAndAgentsMessages,
+                    isStreamEnd,
+                    finalTimeTaken: message == null ? void 0 : message.finalTimeTaken
+                  },
+                  message == null ? void 0 : message.id
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  MessageRendering["default"],
+                  {
+                    index,
+                    content: message == null ? void 0 : message.content,
+                    role: message == null ? void 0 : message.role,
+                    messages,
+                    handleStream,
+                    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 _a;
+                      setIsInputGlowing(true);
+                      (_a = textAreaRef.current) == null ? void 0 : _a.focus();
+                    },
+                    onComparisonLinkClick,
+                    baseURL: url,
+                    onFeedbackSubmit: handleFeedbackSubmit
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].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__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].userMessageWrapper, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: ChatComponent_module["default"].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__ */ jsxRuntime.jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "12px",
+                        minWidth: "280px",
+                        padding: "8px 0"
+                      }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "100%", height: 16 }),
+                        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "80%", height: 16 })
+                      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                        MessageRendering["default"],
+                        {
+                          index,
+                          content: message == null ? void 0 : message.content,
+                          role: message == null ? void 0 : message.role,
+                          messages,
+                          handleStream,
+                          isLastMessage: index === messages.length - 1,
+                          onSave,
+                          citations: message == null ? void 0 : message.citations,
+                          isStreamEnd,
+                          messageIsEnd: message == null ? void 0 : message.isEnd,
+                          onViewComparison,
+                          onComparisonLinkClick,
+                          baseURL: url,
+                          onFeedbackSubmit: handleFeedbackSubmit
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.5rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(UserIcon.UserIcon, {}) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].userTimestamp, children: new Date(message.time).toLocaleTimeString([], {
+                  hour: "2-digit",
+                  minute: "2-digit"
+                }) })
+              ] }) })
+            ] }, message.id)),
+            messageLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].loadingRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].iconWrapper, style: { marginTop: "0.2rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon["default"], {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatComponent_module["default"].loadingTextWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: initialLoadingMessage }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef, style: { float: "left", clear: "both" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].inputAreaWrapper, children: [
+          isStreaming && /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                paddingBottom: "8px",
+                paddingLeft: "4px",
+                fontFamily: '"Plus Jakarta Sans", sans-serif',
+                fontSize: "0.875rem",
+                color: "#6b7280",
+                width: "100%"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Instant Learning AI is thinking" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Box,
+                  {
+                    sx: {
+                      width: "5px",
+                      height: "5px",
+                      bgcolor: "#6b7280",
+                      borderRadius: "50%",
+                      animation: `${thinkingBounce} 1.4s infinite ease-in-out both`,
+                      animationDelay: "-0.32s"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Box,
+                  {
+                    sx: {
+                      width: "5px",
+                      height: "5px",
+                      bgcolor: "#6b7280",
+                      borderRadius: "50%",
+                      animation: `${thinkingBounce} 1.4s infinite ease-in-out both`,
+                      animationDelay: "-0.16s"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Box,
+                  {
+                    sx: {
+                      width: "5px",
+                      height: "5px",
+                      bgcolor: "#6b7280",
+                      borderRadius: "50%",
+                      animation: `${thinkingBounce} 1.4s infinite ease-in-out both`
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Tooltip__default["default"],
+            {
+              title: isFormValidating ? "Please wait for the validation to be completed." : "",
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `${ChatComponent_module["default"].inputBoxContainer} ${isTextareaDisabled ? ChatComponent_module["default"].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__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        onMouseDown: (e) => {
+                          e.preventDefault();
+                          scrollToBottom("smooth");
+                        },
+                        className: ChatComponent_module["default"].scrollToBottomBtn,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(ScrollToBottom.ScrollToBottom, {})
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex" }, children: [
+                      /* @__PURE__ */ jsxRuntime.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 ${ChatComponent_module["default"].chatTextarea}`,
+                          style: {
+                            minHeight: isFocused ? "120px" : "50px",
+                            height: isFocused ? "120px" : "50px",
+                            maxHeight: "120px"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ChatComponent_module["default"].sendButtonWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            handleStream(new KeyboardEvent("keydown", { key: "Enter" }));
+                          },
+                          disabled: isSendButtonDisabled,
+                          className: `${ChatComponent_module["default"].sendButton} ${isSendButtonDisabled ? ChatComponent_module["default"].disabled : ChatComponent_module["default"].active}`,
+                          children: /* @__PURE__ */ jsxRuntime.jsx(SendButton.SendButton, {})
+                        }
+                      ) })
+                    ] })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChatComponent_module["default"].footerTools, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Tooltip__default["default"],
+            {
+              title: "Coming soon",
+              placement: "top",
+              arrow: true,
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "0.875rem",
+                    padding: "0.5rem",
+                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ChatComponent_module["default"].footerToolItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+                AudioWaveform["default"],
+                {
+                  amplitude: 1,
+                  variant: "speaker",
+                  isActive: false,
+                  onClick: () => null,
+                  disabled: false
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Tooltip__default["default"],
+            {
+              title: "Coming soon",
+              placement: "top",
+              arrow: true,
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "0.875rem",
+                    padding: "0.5rem",
+                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ChatComponent_module["default"].footerToolItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+                AudioWaveform["default"],
+                {
+                  amplitude: 1,
+                  variant: "microphone",
+                  isActive: false,
+                  onClick: () => null,
+                  disabled: false
+                }
+              ) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var NormalChat$1 = NormalChat;
+
+exports["default"] = NormalChat$1;
 //# sourceMappingURL=NormalChat.js.map