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

package/dist/cjs/features/DocumentLearning/_components/ChatComponent.js

@@ -1,2 +1,1973 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("@e-llm-studio/streaming-response"),o=require("@e-llm-studio/watch-me-work"),a=require("uuid"),l=require("../../../api/transport.js"),r=require("react-markdown"),s=require("./_svg/NewChatIcon.js"),d=require("../InstantLearning.module.css.js"),u=require("@mui/material/Tooltip"),c=require("json5"),v=require("./AudioWaveform.js"),g=require("./MessageRendering.js"),h=require("../../../utils/instantLearning.utils.js"),m=require("../../../service/InstantLearningService.js"),f=require("@mui/material"),p=require("../../../utils/recommendationParser.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C,y=_(r),x=_(u),b=_(c),w=function(){return n.jsx("svg",e.__assign({width:"20px",height:"20px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M9.91158 12H7.45579H4L2.02268 4.13539C2.0111 4.0893 2.00193 4.04246 2.00046 3.99497C1.97811 3.27397 2.77209 2.77366 3.46029 3.10388L22 12L3.46029 20.8961C2.77983 21.2226 1.99597 20.7372 2.00002 20.0293C2.00038 19.9658 2.01455 19.9032 2.03296 19.8425L3.5 15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},S=function(t){var i=t.resetChatHistory,o=t.isStreamEnd;return n.jsxs("div",e.__assign({className:d.default.customFont,style:{width:"100%",padding:"0.75rem 0rem",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#fff",borderBottom:"1px solid #e5e7eb",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.04)"}},{children:[n.jsxs("span",e.__assign({style:{fontSize:"1.25rem",fontWeight:700,color:"#1f2937",flex:1,marginLeft:"0.5rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[n.jsx("span",e.__assign({style:{color:"#5928ED"}},{children:"InstantLearning.AI"}))," Chat"]})),n.jsx(x.default,e.__assign({title:"New chat",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx("div",e.__assign({onClick:function(){console.log(s.default,"hello"),o&&i()},style:{height:"1.8rem",width:"1.8rem",marginLeft:"1rem",marginRight:"0.5rem",cursor:o?"pointer":"not-allowed",backgroundColor:"transparent",transition:"transform 0.2s ease-in-out, opacity 0.2s",opacity:o?.8:.4,pointerEvents:o?"auto":"none"},onMouseOver:function(e){o&&(e.currentTarget.style.opacity="1")},onMouseOut:function(e){o&&(e.currentTarget.style.opacity="0.8")}},{children:n.jsx(s.default,{})}))}))]}))},k=function(n,t,i,o){return e.__awaiter(void 0,void 0,void 0,function(){var a,l,r,s,d,u,c,v,g,h;return e.__generator(this,function(f){switch(f.label){case 0:a=n.delete_current_learning,l=n.deleted_similar_learning_ids,r=n.deleted_conflicting_learning_ids,console.log("Processing delete tool call:",n),s=e.__spreadArray(e.__spreadArray([],l||[],!0),r||[],!0),d=0,u=s,f.label=1;case 1:if(!(d<u.length))return[3,6];c=u[d],f.label=2;case 2:return f.trys.push([2,4,,5]),v={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isDeleteAction:!0,isAgentsFeedback:!0,variant:{id:c,scope:{name:"User",value:[{name:"M Kathyayani",email:"madumbu.kathyayani@techolution.com",userId:"8059658c-a65c-4e14-89aa-a5195f5d09f5"}]},topic:{id:null,value:"default"},variant:"Learning ID: ".concat(c),question:"",categories:[],created_at:(new Date).toLocaleString("en-US",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!0}),originalQuestion:"",parameterizedQuestion:"",conditions_whentoapply:"",conditions_whennottoapply:"",parentId:null}}},console.log("Deleting learning with ID: ".concat(c)),[4,m.publishAgenticFeedbackForVariantIngestion({baseUrl:t,organizationName:i,chatAssistantName:o,payload:v})];case 3:return(g=f.sent()).ok?console.log("Successfully deleted learning ".concat(c)):console.error("Failed to delete learning ".concat(c,":"),g.status,g.statusText),[3,5];case 4:return h=f.sent(),console.error("Error deleting learning ".concat(c,":"),h),[3,5];case 5:return d++,[3,1];case 6:return a&&console.log("Delete current learning flag is true - this will be handled later"),[2]}})})},L=function(i){var o=i.label,a=i.onToggle,l=t.useState(!1),r=l[0],s=l[1],d=t.useRef(null);return t.useEffect(function(){var e=d.current;e&&r&&(e.style.boxShadow="0 2px 8px rgba(0, 0, 0, 0.1)",e.style.transform="scale(1)",e.style.backgroundColor="#E8F5E9",e.style.color="#2E7D32")},[r]),n.jsxs("span",e.__assign({ref:d,onClick:function(){var e=!r;s(e),a(o,e)},style:{cursor:"pointer",backgroundColor:r?"#E8F5E9":"#fbfaff",color:r?"#2E7D32":"#000000de",transition:"all 0.2s ease-in-out",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",transform:"scale(1)"},onMouseEnter:function(e){r||(e.currentTarget.style.boxShadow="0 4px 12px rgba(30, 136, 229, 0.3)",e.currentTarget.style.transform="scale(1.02)",e.currentTarget.style.backgroundColor="#f0f7ff",e.currentTarget.style.color="#1E88E5")},onMouseLeave:function(e){r||(e.currentTarget.style.boxShadow="0 2px 4px rgba(0, 0, 0, 0.2)",e.currentTarget.style.transform="scale(1)",e.currentTarget.style.backgroundColor="#fbfaff",e.currentTarget.style.color="#000000de")}},{children:[n.jsx("span",e.__assign({style:{fontWeight:"bold",fontSize:"16px",transition:"all 0.3s ease",transform:r?"scale(1.2)":"scale(1)",opacity:r?1:.9,paddingLeft:"0.25rem",paddingRight:"0.25rem"}},{children:r?"✓":"+"})),n.jsx("span",{children:o})]}))};exports.default=function(r){r.chatAssistantLogoUrl;var s=r.chatAssistantName,u=r.organizationName,c=r.baseUrl,_=r.setInstantLearningSuggestions,j=r.formDataState,R=r.setFormDataState;r.hasUserFilledForm;var A=r.setHasUserFilledForm,E=r.baseWebsocketUrl,T=r.setIsNewChatClicked,M=r.selectedText;r.ChatIconComponent,r.ggcAssistantName,r.ThinkingBulbIconComponent,r.hasUserWrittenModification;var I=r.setExtractedModification,D=r.setSave,F=r.setExtractedTooltip,N=r.setIsSaveLoading;r.isSaveLoading,r.save,r.instantLearningSuggestions,r.template;var O=r.setShouldTriggerSave,W=r.validationWtaResponse,z=r.setValidationWtaResponse,B=r.learningWtaResponse,P=r.setLearningWtaResponse,q=r.isFormSaveClicked,K=r.setIsFormSavedClicked,J=r.onDeleteLearning,U=r.deleteLearningTrigger,G=r.setDeleteLearningTrigger;r.onMergeLearning;var H=r.mergeLearningTrigger,V=r.setMergeLearningTrigger,Z=r.onResetLearningData,Q=r.setEditConflictingLearningTrigger,Y=r.setEditSimilarLearningTrigger,X=r.sendMessageInChat,$=r.setSendMessageInChat,ee=r.setIsMergeLoading,ne=r.sendValidationMessage,te=r.setSendValidationMessage,ie=r.setValidationRecommendations,oe=r.isFormValidating,ae=r.validationRecommendations,le=r.setExtractedRating,re=r.extractedRating,se=r.currentDocumentDetails,de=r.availableBooks,ue=s,ce=t.useRef("".concat(ue,"-").concat(u,"-").concat(a.v4())),ve=t.useRef("".concat(a.v4())),ge=c,he=t.useRef(null),me=t.useRef(null),fe=t.useState([]),pe=fe[0],_e=fe[1],Ce=t.useState(!1);Ce[0];var ye=Ce[1],xe=t.useState(""),be=xe[0],we=xe[1],Se=t.useState(""),ke=Se[0],Le=Se[1],je=t.useState([]),Re=je[0],Ae=je[1],Ee=t.useState(!1),Te=Ee[0],Me=Ee[1],Ie=t.useState(!1);Ie[0];var De=Ie[1],Fe=t.useState(!0),Ne=Fe[0],Oe=Fe[1],We=t.useState(!0),ze=We[0],Be=We[1],Pe=t.useState("");Pe[0];var qe=Pe[1],Ke=t.useState(""),Je=Ke[0],Ue=Ke[1],Ge=t.useState(!1),He=Ge[0],Ve=Ge[1],Ze=t.useState(!1),Qe=Ze[0],Ye=Ze[1],Xe=t.useState(!1),$e=Xe[0],en=Xe[1],nn=t.useState([]);nn[0];var tn=nn[1],on=t.useState(new Set),an=on[0],ln=on[1],rn=t.useState(new Set),sn=rn[0],dn=rn[1],un=t.useRef(""),cn=t.useRef(""),vn=t.useRef(new Set),gn=t.useMemo(function(){return""===(null==be?void 0:be.trim())||He},[be,He]),hn=t.useRef(""),mn=t.useMemo(function(){return He||oe},[He,oe]),fn=t.useMemo(function(){return gn||He||oe},[gn,He,oe]),pn=t.useRef(null),_n=t.useState("100%"),Cn=_n[0],yn=_n[1];t.useMemo(function(){var e,n,t;return!(""===(null===(e=null==j?void 0:j.original)||void 0===e?void 0:e.trim())||(null==j?void 0:j.isTooltipEnabled)&&""===(null===(n=null==j?void 0:j.tooltip)||void 0===n?void 0:n.trim())||(null==j?void 0:j.isModificationEnabled)&&""===(null===(t=null==j?void 0:j.modification)||void 0===t?void 0:t.trim()))},[j]);var xn=f.keyframes(C||(C=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    "]))),bn=t.useState(!1),wn=bn[0],Sn=bn[1],kn=t.useMemo(function(){return new Map(de.map(function(e){return[e.title,e.isbn]}))},[de]);t.useEffect(function(){Le("Please tell me the when this book should be recommended.")},[j]),t.useEffect(function(){var e=X||ne;if(e){var n="Validation failed. Do you have any recommendations for me?"===e;zn(new KeyboardEvent("keydown",{key:"Enter"}),!1,e,n),$(""),te("")}},[X,ne]),t.useEffect(function(){var e=he.current,n=function(){var e=he.current;if(e){var n=e.scrollTop,t=e.scrollHeight,i=e.clientHeight;en(!(t-(n+i)<=35))}};return e&&(e.addEventListener("scroll",n),n()),function(){e&&e.removeEventListener("scroll",n)}},[$e,Ne,Re]);var Ln=t.useCallback(function(n){return e.__awaiter(void 0,void 0,void 0,function(){var t,i,o,a,l,r,s;return e.__generator(this,function(d){switch(d.label){case 0:if(t=JSON.stringify({deleted_similar_learning_ids:n.deleted_similar_learning_ids||[],deleted_conflicting_learning_ids:n.deleted_conflicting_learning_ids||[],delete_current_learning:n.delete_current_learning||!1}),vn.current.has(t))return console.log("Delete operation already processed, skipping callback execution:",t),[2];vn.current.add(t),console.log("Processing new delete operation:",t),d.label=1;case 1:return d.trys.push([1,3,,4]),[4,k(n,c,u,ue)];case 2:return d.sent(),i=n.deleted_similar_learning_ids,o=void 0===i?[]:i,a=n.deleted_conflicting_learning_ids,l=void 0===a?[]:a,r=e.__spreadArray(e.__spreadArray([],o||[],!0),l||[],!0),ln(function(e){var n=new Set(e);return r.forEach(function(e){return n.add(e)}),console.log("Added deleted learning IDs to tracking set:",Array.from(n)),n}),console.log("UI state updated after deletion of learnings:",r),[3,4];case 3:throw s=d.sent(),vn.current.delete(t),console.error("Error processing delete operation:",s),s;case 4:return[2]}})})},[c,u,ue,ln]),jn=t.useCallback(function(n){return e.__awaiter(void 0,void 0,void 0,function(){var t,i,o,a,l,r,s,d,v,g,h,f;return e.__generator(this,function(p){switch(p.label){case 0:ee(!0),console.log("🔴 MERGE CALLBACK - Processing merge tool call:",n),p.label=1;case 1:if(p.trys.push([1,6,7,8]),t=n.merge_learnings,i=n.similar_learnings,o=n.conditions_whentoapply,a=n.conditions_whennottoapply,console.log("🔴 MERGE CALLBACK - Extracted data:"),console.log("merge_learnings:",t),console.log("similar_learnings:",i),console.log("conditions_whentoapply:",o),console.log("conditions_whennottoapply:",a),!t||!i||!Array.isArray(i))return console.log("Invalid merge tool data, skipping"),[2];console.log(" MERGE CALLBACK - Current formDataState before replacement:",j),console.log(" MERGE CALLBACK - Current whenToApply:",null==j?void 0:j.whenToApply),console.log(" MERGE CALLBACK - Current whenNotToApply:",null==j?void 0:j.whenNotToApply),o&&Array.isArray(o)&&(console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenToApply conditions:",o),l=o.join(" OR "),console.log(" MERGE CALLBACK - New whenToApply string:",l),R(function(n){console.log(" MERGE CALLBACK - Previous formDataState:",n);var t=e.__assign(e.__assign({},n),{whenToApply:l,_mergeUpdate:!0,_mergeWTA:o});return console.log("MERGE CALLBACK - New formDataState:",t),t})),a&&Array.isArray(a)&&(console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenNotToApply conditions:",a),r=a.join(" OR "),console.log(" MERGE CALLBACK - New whenNotToApply string:",r),R(function(n){console.log(" MERGE CALLBACK - Previous formDataState for WNTA:",n);var t=e.__assign(e.__assign({},n),{whenNotToApply:r,_mergeUpdate:!0,_mergeWNTA:a});return console.log(" MERGE CALLBACK - New formDataState for WNTA:",t),t})),dn(function(e){var n=new Set(e);return i.forEach(function(e){return n.add(e)}),console.log("Added merged learning IDs to tracking set:",Array.from(n)),n}),s=0,d=i,p.label=2;case 2:return s<d.length?(v=d[s],console.log("Sending delete request for merged learning ID: ".concat(v)),g={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isDeleteAction:!0,isAgentsFeedback:!0,variant:{id:v,scope:{name:"User",value:[{name:"M Kathyayani",email:"madumbu.kathyayani@techolution.com",userId:"8059658c-a65c-4e14-89aa-a5195f5d09f5"}]},topic:{id:null,value:"default"},variant:"Learning ID: ".concat(v),question:"",categories:[],created_at:(new Date).toLocaleString("en-US",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!0}),originalQuestion:"",parameterizedQuestion:"",conditions_whentoapply:"",conditions_whennottoapply:"",parentId:null}}},[4,m.publishAgenticFeedbackForVariantIngestion({baseUrl:c,organizationName:u,chatAssistantName:ue,payload:g})]):[3,5];case 3:(h=p.sent()).ok?console.log("Successfully deleted merged learning ID ".concat(v)):console.error("Failed to delete merged learning ID ".concat(v,":"),h.statusText),p.label=4;case 4:return s++,[3,2];case 5:return[3,8];case 6:return f=p.sent(),console.error("Error processing merge operation:",f),[3,8];case 7:return console.log("switched off"),ee(!1),[7];case 8:return[2]}})})},[J,dn,R,ee]),Rn=function(e,n,i,o){return t.useMemo(function(){for(var t,a=[],l=/['"]conditions_whentoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\2).)*\2\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\3).)*\3\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])\s*,\s*['"]conditions_whennottoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\5).)*\5\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\6).)*\6\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])/,r=/['"]is_valid['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflictingConditions['"]\s*:\s*\[\s*(?:\{[\s\S]*?['"]conflictType['"]\s*:\s*['"][^'"]+['"][\s\S]*?\}\s*,?\s*)*\]\s*,\s*['"]save['"]\s*:\s*(true|false|True|False)/,s=/['"]is_valid_db['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflicting_learnings['"]\s*:\s*\{[\s\S]*?\}\s*,\s*['"]similar_learnings['"]\s*:\s*\{[\s\S]*?\}\s*,\s*["']save["']\s*:\s*(true|false|True|False)/,d=/['"]delete_current_learning['"]\s*:\s*(true|false|True|False)\s*,\s*['"]deleted_similar_learning_ids['"]\s*:\s*\[[\s\S]*?\]\s*,\s*['"]deleted_conflicting_learning_ids['"]\s*:\s*\[[\s\S]*?\]/,u=/{\s*['"]merge_learnings['"]\s*:\s*(?:True|true)[\s\S]+?}/,c=/({[\s\S]*}|\[[\s\S]*\])/,v=/({[\s\S]*})/,g=0,m=(null===(t=e[e.length-1])||void 0===t?void 0:t.orchestratorAndAgentsMessages)||[];g<m.length;g++){var f=m[g],_=(null==f?void 0:f.responsedata)||"";console.log("🔍 RESPONSE DATA:",String(_)),String(_).includes("merge_learnings")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(_))),String(_).includes("'merge_learnings'")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(_)));var C=_.match(l);if(C)try{var y=b.default.parse("{".concat(C[0],"}"));a.push(y)}catch(e){console.error("Failed to parse JSON:",e)}var x=_.match(r);if(console.log("validationObj before cond "),x)try{var w=h.sanitizePythonDictToJSON(x[0]||""),S=b.default.parse("{".concat(w,"}"));console.log("validationObj before set ",S),z(S),console.log("validationObj after set in chat",W)}catch(e){console.error("Failed to parse validation JSON:",e)}try{var k=h.sanitizePythonDictToJSON(_||""),L=b.default.parse(k);if(L&&"object"==typeof L&&"is_valid_db"in L&&"conflicting_learnings"in L&&"similar_learnings"in L)console.log("Found validation data in response:",L),P(L),console.log("dbVal after set in chat",B);else if(A=_.match(s)){var j=h.sanitizePythonDictToJSON(A[0]||""),R=b.default.parse("{".concat(j,"}"));P(R),console.log("dbVal after set in chat (regex fallback)",B)}}catch(e){var A;if(console.log("JSON parsing failed, trying regex fallback for validation data"),A=_.match(s))try{j=h.sanitizePythonDictToJSON(A[0]||""),R=b.default.parse("{".concat(j,"}"));P(R),console.log("dbVal after set in chat (regex fallback)",B)}catch(e){console.error("Failed to parse validation JSON with regex fallback:",e)}}var E=_.match(d);if(E)try{var T=h.sanitizePythonDictToJSON(E[0]||""),M=b.default.parse("{".concat(T,"}"));console.log("Delete tool detected:",M),i&&i(M)}catch(e){console.error("Failed to parse delete tool JSON:",e)}console.log("🔍 Testing merge tool regex on response data...");var I=_.match(u);if(console.log("🔍 Merge tool regex match result:",I),I){console.log("🔍 MERGE TOOL REGEX MATCHED!");try{var D=I[0],F=h.sanitizePythonDictToJSON(D),N=b.default.parse(F);console.log("✅ Correctly parsed merge tool object:",N),o&&o(N)}catch(e){console.error("Failed to parse merge tool JSON:",e)}}var O=_.match(c);if(O&&_.includes("edit_actions"))try{console.log("Edit tool match found:",O[0]);F=h.sanitizePythonDictToJSON(O[0]);var q=b.default.parse(F);console.log("Edit tool detected and parsed successfully:",q),q.conflicting_learnings&&(Q(q.conflicting_learnings),console.log("Setting edit conflicting learning trigger:",q.conflicting_learnings)),q.similar_learnings&&(Y(q.similar_learnings),console.log("Setting edit similar learning trigger:",q.similar_learnings))}catch(e){console.error("Failed to parse edit tool JSON:",e)}var K=_.match(v);if(K)try{F=h.sanitizePythonDictToJSON(K[0]);var J=b.default.parse(F);if(J.recommended_whentoapply||J.recommended_whennottoapply){var U=p.parseValidationRecommendations(J);n(U)}}catch(e){console.error("Failed to parse validation recommendations:",e)}}return a},[e,i])}(Re,ie,Ln,jn);t.useEffect(function(){var e=(null==Rn?void 0:Rn[(null==Rn?void 0:Rn.length)-1])||null;e&&(_(e),console.log("Parsed suggestions:",Rn))},[Rn]);t.useEffect(function(){if(B&&0!==an.size){var n=B.conflicting_learnings&&Object.values(B.conflicting_learnings).some(function(e){return an.has(e.id)}),t=B.similar_learnings&&Object.values(B.similar_learnings).some(function(e){return an.has(e.id)});if(n||t){var i=JSON.stringify({deletedIds:Array.from(an).sort()});if(un.current!==i){var o=e.__assign({},B);if(o.conflicting_learnings){var a=Object.values(o.conflicting_learnings).filter(function(e){return!an.has(e.id)});console.log("[ChatComponent] Re-keying conflicting learnings:",{originalKeys:Object.keys(o.conflicting_learnings),remainingCount:a.length,remainingLearnings:a.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var l={};a.forEach(function(e,n){var t=String.fromCharCode(65+n);l[t]=e,console.log("[ChatComponent] Conflicting learning ".concat(n," gets key '").concat(t,"':"),e.feedback.variant)}),o.conflicting_learnings=l,console.log("[ChatComponent] Final conflicting learnings keys:",Object.keys(l))}if(o.similar_learnings){var r=Object.values(o.similar_learnings).filter(function(e){return!an.has(e.id)});console.log("[ChatComponent] Re-keying similar learnings:",{originalKeys:Object.keys(o.similar_learnings),remainingCount:r.length,remainingLearnings:r.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var s={};r.forEach(function(e,n){var t=String.fromCharCode(65+n);s[t]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(t,"':"),e.feedback.variant)}),o.similar_learnings=s,console.log("[ChatComponent] Final similar learnings keys:",Object.keys(s))}un.current=i,console.log("Filtered learningWtaResponse after deletion:",o),P(o)}}}},[an,B,P]),t.useEffect(function(){if(B&&0!==sn.size&&(B.similar_learnings&&Object.values(B.similar_learnings).some(function(e){return sn.has(e.id)}))){var n=JSON.stringify({mergedIds:Array.from(sn).sort()});if(cn.current!==n){var t=e.__assign({},B);if(t.similar_learnings){var i=Object.values(t.similar_learnings).filter(function(e){return!sn.has(e.id)});console.log("[ChatComponent] Re-keying similar learnings after merge:",{originalKeys:Object.keys(t.similar_learnings),remainingCount:i.length,remainingLearnings:i.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var o={};i.forEach(function(e,n){var t=String.fromCharCode(65+n);o[t]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(t,"':"),e.feedback.variant)}),t.similar_learnings=o,console.log("[ChatComponent] Final similar learnings keys after merge:",Object.keys(o))}cn.current=n,console.log("Filtered learningWtaResponse after merge:",t),P(t)}}},[sn,B,P]);var An=function(e){return t.useMemo(function(){for(var n,t,i=[],o=/['"](\w+)['"]\s*:\s*(['"])((?:\\.|(?!\2).)*)\2/g,a=0,l=(null===(t=e[e.length-1])||void 0===t?void 0:t.orchestratorAndAgentsMessages)||[];a<l.length;a++)for(var r=l[a],s=(null==r?void 0:r.responsedata)||"",d=void 0;null!==(d=o.exec(s));)try{var u=d[1],c=d[3];(c.startsWith("'")&&c.endsWith("'")||c.startsWith('"')&&c.endsWith('"'))&&(c=c.substring(1,c.length-1));var v=((n={})[u]=c,n);i.push(v)}catch(e){console.error("Failed to parse regex match for header message:",e)}return i},[e])}(Re),En=function(e){return t.useMemo(function(){for(var n,t=[],i=/['"]attached_documents_source_key['"]\s*:\s*(\[[\s\S]*?\])/,o=0,a=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];o<a.length;o++){var l=a[o],r=((null==l?void 0:l.responsedata)||"").match(i);if(r&&r[1])try{var s=h.sanitizePythonDictToJSON(r[1]),d=b.default.parse(s);Array.isArray(d)&&t.push({attached_documents_source_key:d})}catch(e){console.error("Failed to parse attached_documents_source_key:",e,"Original string:",r[1])}}return t},[e])}(Re);t.useEffect(function(){var e=(null==An?void 0:An[(null==An?void 0:An.length)-1])||null;e&&I(e.modification)},[An]);!function(e,n){t.useEffect(function(){for(var t,i=0,o=(null===(t=e[e.length-1])||void 0===t?void 0:t.orchestratorAndAgentsMessages)||[];i<o.length;i++){for(var a=o[i],l=(null==a?void 0:a.responsedata)||"",r=/<wta>([\s\S]*?)<\/wta>/gi,s=[],d=void 0;null!==(d=r.exec(l));)console.log("match wta suggestion",d),s.push(d[1]);s.length&&n(s)}},[e,n])}(Re,tn);var Tn=function(e){return t.useMemo(function(){for(var n,t=[],i=/^\{\s*(['"])(\w+)\1\s*:\s*(['"])(.*?)\3\s*\}$/,o=0,a=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];o<a.length;o++){var l=a[o],r=((null==l?void 0:l.responsedata)||"").match(i);if(r){console.log("match: ",r[0]);try{var s=b.default.parse(r[0]);t.push(s)}catch(e){console.error("Failed to parse JSON:",e)}}}return t},[e])}(Re);t.useEffect(function(){var n=(null==En?void 0:En[(null==En?void 0:En.length)-1])||null;if(n&&n.attached_documents_source_key){var t=n.attached_documents_source_key,i=JSON.stringify(e.__spreadArray([],t,!0).sort());if(hn.current===i)return void console.log("[ChatComponent] Skipping duplicate source documents update");console.log("[ChatComponent] Found NEW source documents from chat. Setting state:",t),hn.current=i,R(function(n){return e.__assign(e.__assign({},n),{sourceDocuments:t})})}},[En,R]),t.useEffect(function(){var e=(null==Tn?void 0:Tn[(null==Tn?void 0:Tn.length)-1])||null;e&&(console.log("latestParseTooltip: ",e),F(null==e?void 0:e.tooltip))},[Tn]);var Mn=function(e){var n=t.useState([]),i=n[0],o=n[1];return t.useEffect(function(){for(var n,t=[],i=/\{\s*['"]save['"]\s*:\s*(True|False|true|false)\s*\}/,a=0,l=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];a<l.length;a++){var r=l[a],s=((null==r?void 0:r.responsedata)||"").match(i);if(s)try{var d=s[0].replace(/\bTrue\b/,"true").replace(/\bFalse\b/,"false").replace(/'/g,'"');console.log("corrected:",d);var u=b.default.parse(d);!0===u.save&&O(!0),t.push(u)}catch(e){console.error("Failed to parse JSON:",e)}}o(t)},[e]),i}(Re),In=function(e){return t.useMemo(function(){for(var n,t=[],i=/['"]rating_key['"]\s*:\s*(\d+(\.\d+)?)/,o=0,a=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];o<a.length;o++){var l=a[o],r=((null==l?void 0:l.responsedata)||"").match(i);if(r&&r[1])try{var s={rating_key:parseFloat(r[1])};t.push(s)}catch(e){console.error("Failed to parse rating_key:",e)}}return t},[e])}(Re);t.useEffect(function(){var e=(null==In?void 0:In[(null==In?void 0:In.length)-1])||null;e&&"number"==typeof e.rating_key&&le(e.rating_key)},[In,le]),t.useEffect(function(){var e=(null==Mn?void 0:Mn[(null==Mn?void 0:Mn.length)-1])||null;if(e&&"boolean"==typeof e.save){N(!0);var n=setTimeout(function(){N(!1),D(e.save)},200);return function(){clearTimeout(n)}}},[Mn]),t.useEffect(function(){q&&(zn(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save it"),K(!1))},[q]),t.useEffect(function(){if(U&&J){var e="Delete learning ".concat(U);zn(new KeyboardEvent("keydown",{key:"Enter"}),!1,e),G&&G(null)}},[U,J,G]),t.useEffect(function(){Fn(),Nn();var e=function(){var e,n=(null===(e=null==pn?void 0:pn.current)||void 0===e?void 0:e.clientHeight)||0,t="calc(100% - ".concat(n,"px - 10px");yn(t)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var Dn=t.useCallback(function(){var e=he.current;e&&setTimeout(function(){e.scrollTo({top:e.scrollHeight,behavior:"smooth"}),en(!1)},100)},[]);t.useEffect(function(){(null==pe?void 0:pe.length)>0&&Dn()},[pe]);var Fn=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(ge,"/api/chatbot/getChatSettings?name=").concat(ue,"&organizationName=").concat(u),headers:{}};l.http.request(e).then(function(e){var n,t,i;(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)&&""!==(null===(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)||void 0===i?void 0:i.chatInitialMessage)&&Be(!0)}).catch(function(e){console.error(e)})},Nn=function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,t;return e.__generator(this,function(e){n="".concat(ge,"/api/chat/history?name=").concat(ue,"&organizationName=").concat(u);try{t={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0},l.http.get(n,t).then(function(e){var n=e.data;n.length>0?(Ae(n),Dn()):Be(!0)}).catch(function(e){console.error(e)})}catch(e){Me(!1),console.error(e)}return[2]})})};function On(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var Wn=function(n,t,i,o,l,r){var s,d,u,c,v,g,h,m,f,p,_,C,y,x,b,w,S,k;console.log("userInput: ",l);var L={role:"assistant",content:"",id:a.v4()};if(null===(c=null===(u=null===(d=null===(s=null==n?void 0:n.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===d?void 0:d.message)||void 0===u?void 0:u.content)||void 0===c?void 0:c.includes("WaitMessage: "))Me(!1),De(!0),L.content=function(e){var n="WaitMessage: ",t=e.indexOf(n);if(-1!==t){var i=e.substring(t+13);return null==i?void 0:i.replaceAll("WaitMessage: ","")}return""}((null===(h=null===(g=null===(v=null==n?void 0:n.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===g?void 0:g.message)||void 0===h?void 0:h.content)+"\n\n"),Ae(e.__spreadArray(e.__spreadArray([],Re,!0),[{role:"user",content:l,time:o,isFirstQuestionSent:r||!1,id:(null===(f=null===(m=null==n?void 0:n.chatStream)||void 0===m?void 0:m.continueChatResult)||void 0===f?void 0:f.requestId)||"",reply:""},L],!1));else{Me(!1),De(!1),L.content=null===(y=On(null===(C=null===(_=null===(p=null==n?void 0:n.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===_?void 0:_.message)||void 0===C?void 0:C.content))||void 0===y?void 0:y.replaceAll("WaitMessage: ","");var j=function(n,t,i){var o,l,r,s,d,u,c,v,g,h,m,f,p,_,C,y,x,b,w,S,k,L,j,R,A,E,T,M,I,D,F,N,O,W,z,B,P,q,K,J,U,G,H,V,Z,Q,Y,X,$,ee,ne,te,ie,oe,ae,le,re,se,de,ue,ce,ve,ge,he,me,fe,pe,_e,Ce,ye,xe,be,we,Se,ke,Le,je,Re,Ae,Ee,Te,Me,Ie,De,Fe,Ne,Oe,We,ze,Be,Pe,qe,Ke,Je,Ue,Ge,He,Ve,Ze,Qe,Ye,Xe,$e,en,nn,tn,on,an,ln,rn,sn,dn,un,cn,vn,gn,hn,mn,fn,pn,_n,Cn,yn,xn,bn,wn,Sn,kn,Ln,jn,Rn,An,En,Tn,Mn,In,Dn,Fn,Nn,Wn,zn,Bn,Pn,qn,Kn,Jn,Un,Gn,Hn,Vn,Zn,Qn,Yn,Xn,$n,et,nt,tt,it,ot,at,lt,rt,st,dt,ut,ct,vt,gt,ht;console.log("event",n,Object.keys(n)),console.log("content: ",null==n?void 0:n.data);var mt={role:"assistant",content:"",id:a.v4()};if(!1===(null===(r=null===(l=null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.chatStream)||void 0===l?void 0:l.continueChatResult)||void 0===r?void 0:r.thinking_break)&&!0===(null===(u=null===(d=null===(s=null==n?void 0:n.data)||void 0===s?void 0:s.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===u?void 0:u.is_orchestrator)&&!1===(null===(g=null===(v=null===(c=null==n?void 0:n.data)||void 0===c?void 0:c.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===g?void 0:g.isEnd)&&(mt.content=null===(_=On(null===(p=null===(f=null===(m=null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.chatStream)||void 0===m?void 0:m.continueChatResult)||void 0===f?void 0:f.message)||void 0===p?void 0:p.content))||void 0===_?void 0:_.replaceAll("WaitMessage: ","")),!0===(null===(x=null===(y=null===(C=null==n?void 0:n.data)||void 0===C?void 0:C.chatStream)||void 0===y?void 0:y.continueChatResult)||void 0===x?void 0:x.thinking_break)&&!0===(null===(S=null===(w=null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.chatStream)||void 0===w?void 0:w.continueChatResult)||void 0===S?void 0:S.is_orchestrator)&&!1===(null===(j=null===(L=null===(k=null==n?void 0:n.data)||void 0===k?void 0:k.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===j?void 0:j.isEnd)&&(mt.content="",t.push({responsedata:null===(T=null===(E=null===(A=null===(R=null==n?void 0:n.data)||void 0===R?void 0:R.chatStream)||void 0===A?void 0:A.continueChatResult)||void 0===E?void 0:E.message)||void 0===T?void 0:T.content,responseFrom:null===(D=null===(I=null===(M=null==n?void 0:n.data)||void 0===M?void 0:M.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===D?void 0:D.responded_by,header_message:null===(O=null===(N=null===(F=null==n?void 0:n.data)||void 0===F?void 0:F.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===O?void 0:O.header_message,finalResponseStatus:!1,explainability_id:null!==(P=null===(B=null===(z=null===(W=null==n?void 0:n.data)||void 0===W?void 0:W.chatStream)||void 0===z?void 0:z.continueChatResult)||void 0===B?void 0:B.explainability_id)&&void 0!==P?P:"",isParallelToolResponse:!1})),!1===(null===(J=null===(K=null===(q=null==n?void 0:n.data)||void 0===q?void 0:q.chatStream)||void 0===K?void 0:K.continueChatResult)||void 0===J?void 0:J.thinking_break)&&!0===(null===(H=null===(G=null===(U=null==n?void 0:n.data)||void 0===U?void 0:U.chatStream)||void 0===G?void 0:G.continueChatResult)||void 0===H?void 0:H.is_orchestrator)&&!0===(null===(Q=null===(Z=null===(V=null==n?void 0:n.data)||void 0===V?void 0:V.chatStream)||void 0===Z?void 0:Z.continueChatResult)||void 0===Q?void 0:Q.isEnd)&&(mt.content=null===(ne=On(null===(ee=null===($=null===(X=null===(Y=null==n?void 0:n.data)||void 0===Y?void 0:Y.chatStream)||void 0===X?void 0:X.continueChatResult)||void 0===$?void 0:$.message)||void 0===ee?void 0:ee.content))||void 0===ne?void 0:ne.replaceAll("WaitMessage: ","")),!1===(null===(oe=null===(ie=null===(te=null==n?void 0:n.data)||void 0===te?void 0:te.chatStream)||void 0===ie?void 0:ie.continueChatResult)||void 0===oe?void 0:oe.thinking_break)&&!1===(null===(re=null===(le=null===(ae=null==n?void 0:n.data)||void 0===ae?void 0:ae.chatStream)||void 0===le?void 0:le.continueChatResult)||void 0===re?void 0:re.is_orchestrator)&&!1===(null===(ue=null===(de=null===(se=null==n?void 0:n.data)||void 0===se?void 0:se.chatStream)||void 0===de?void 0:de.continueChatResult)||void 0===ue?void 0:ue.isEnd)){if((_t=null===(ve=null===(ce=null==n?void 0:n.data)||void 0===ce?void 0:ce.chatStream)||void 0===ve?void 0:ve.continueChatResult).explainability_id&&_t.responded_by){var ft=_t.explainability_id,pt=_t.responded_by;i.has(ft)||i.set(ft,{responded_by:pt,index:t.length})}i.has(null===(he=null===(ge=null==n?void 0:n.data)||void 0===ge?void 0:ge.chatStream)||void 0===he?void 0:he.continueChatResult.explainability_id)?t[wt=null==(Ct=i.get(null===(pe=null===(fe=null===(me=null==n?void 0:n.data)||void 0===me?void 0:me.chatStream)||void 0===fe?void 0:fe.continueChatResult)||void 0===pe?void 0:pe.explainability_id))?void 0:Ct.index]={responsedata:null===(xe=null===(ye=null===(Ce=null===(_e=null==n?void 0:n.data)||void 0===_e?void 0:_e.chatStream)||void 0===Ce?void 0:Ce.continueChatResult)||void 0===ye?void 0:ye.message)||void 0===xe?void 0:xe.content,responseFrom:null===(Se=null===(we=null===(be=null==n?void 0:n.data)||void 0===be?void 0:be.chatStream)||void 0===we?void 0:we.continueChatResult)||void 0===Se?void 0:Se.responded_by,header_message:null===(je=null===(Le=null===(ke=null==n?void 0:n.data)||void 0===ke?void 0:ke.chatStream)||void 0===Le?void 0:Le.continueChatResult)||void 0===je?void 0:je.header_message,finalResponseStatus:!0,explainability_id:null!==(Te=null===(Ee=null===(Ae=null===(Re=null==n?void 0:n.data)||void 0===Re?void 0:Re.chatStream)||void 0===Ae?void 0:Ae.continueChatResult)||void 0===Ee?void 0:Ee.explainability_id)&&void 0!==Te?Te:"",isParallelToolResponse:!0}:t=e.__spreadArray(e.__spreadArray([],t,!0),[{responsedata:null===(Fe=null===(De=null===(Ie=null===(Me=null==n?void 0:n.data)||void 0===Me?void 0:Me.chatStream)||void 0===Ie?void 0:Ie.continueChatResult)||void 0===De?void 0:De.message)||void 0===Fe?void 0:Fe.content,responseFrom:null===(We=null===(Oe=null===(Ne=null==n?void 0:n.data)||void 0===Ne?void 0:Ne.chatStream)||void 0===Oe?void 0:Oe.continueChatResult)||void 0===We?void 0:We.responded_by,header_message:null===(Pe=null===(Be=null===(ze=null==n?void 0:n.data)||void 0===ze?void 0:ze.chatStream)||void 0===Be?void 0:Be.continueChatResult)||void 0===Pe?void 0:Pe.header_message,finalResponseStatus:!0,explainability_id:null!==(Ue=null===(Je=null===(Ke=null===(qe=null==n?void 0:n.data)||void 0===qe?void 0:qe.chatStream)||void 0===Ke?void 0:Ke.continueChatResult)||void 0===Je?void 0:Je.explainability_id)&&void 0!==Ue?Ue:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(Ve=null===(He=null===(Ge=null==n?void 0:n.data)||void 0===Ge?void 0:Ge.chatStream)||void 0===He?void 0:He.continueChatResult)||void 0===Ve?void 0:Ve.thinking_break)&&!1===(null===(Ye=null===(Qe=null===(Ze=null==n?void 0:n.data)||void 0===Ze?void 0:Ze.chatStream)||void 0===Qe?void 0:Qe.continueChatResult)||void 0===Ye?void 0:Ye.is_orchestrator)&&!1===(null===(en=null===($e=null===(Xe=null==n?void 0:n.data)||void 0===Xe?void 0:Xe.chatStream)||void 0===$e?void 0:$e.continueChatResult)||void 0===en?void 0:en.isEnd)){var _t,Ct;(_t=null===(tn=null===(nn=null==n?void 0:n.data)||void 0===nn?void 0:nn.chatStream)||void 0===tn?void 0:tn.continueChatResult).explainability_id&&_t.responded_by&&(ft=_t.explainability_id,pt=_t.responded_by,i.has(ft)||i.set(ft,{responded_by:pt,index:t.length})),i.has(null===(ln=null===(an=null===(on=null==n?void 0:n.data)||void 0===on?void 0:on.chatStream)||void 0===an?void 0:an.continueChatResult)||void 0===ln?void 0:ln.explainability_id)?t[wt=null==(Ct=i.get(null===(dn=null===(sn=null===(rn=null==n?void 0:n.data)||void 0===rn?void 0:rn.chatStream)||void 0===sn?void 0:sn.continueChatResult)||void 0===dn?void 0:dn.explainability_id))?void 0:Ct.index]={responsedata:null===(gn=null===(vn=null===(cn=null===(un=null==n?void 0:n.data)||void 0===un?void 0:un.chatStream)||void 0===cn?void 0:cn.continueChatResult)||void 0===vn?void 0:vn.message)||void 0===gn?void 0:gn.content,responseFrom:null===(fn=null===(mn=null===(hn=null==n?void 0:n.data)||void 0===hn?void 0:hn.chatStream)||void 0===mn?void 0:mn.continueChatResult)||void 0===fn?void 0:fn.responded_by,header_message:null===(Cn=null===(_n=null===(pn=null==n?void 0:n.data)||void 0===pn?void 0:pn.chatStream)||void 0===_n?void 0:_n.continueChatResult)||void 0===Cn?void 0:Cn.header_message,finalResponseStatus:!1,explainability_id:null!==(wn=null===(bn=null===(xn=null===(yn=null==n?void 0:n.data)||void 0===yn?void 0:yn.chatStream)||void 0===xn?void 0:xn.continueChatResult)||void 0===bn?void 0:bn.explainability_id)&&void 0!==wn?wn:"",isParallelToolResponse:!0}:t.push({responsedata:null===(jn=null===(Ln=null===(kn=null===(Sn=null==n?void 0:n.data)||void 0===Sn?void 0:Sn.chatStream)||void 0===kn?void 0:kn.continueChatResult)||void 0===Ln?void 0:Ln.message)||void 0===jn?void 0:jn.content,responseFrom:null===(En=null===(An=null===(Rn=null==n?void 0:n.data)||void 0===Rn?void 0:Rn.chatStream)||void 0===An?void 0:An.continueChatResult)||void 0===En?void 0:En.responded_by,header_message:null===(In=null===(Mn=null===(Tn=null==n?void 0:n.data)||void 0===Tn?void 0:Tn.chatStream)||void 0===Mn?void 0:Mn.continueChatResult)||void 0===In?void 0:In.header_message,finalResponseStatus:!1,explainability_id:null!==(Wn=null===(Nn=null===(Fn=null===(Dn=null==n?void 0:n.data)||void 0===Dn?void 0:Dn.chatStream)||void 0===Fn?void 0:Fn.continueChatResult)||void 0===Nn?void 0:Nn.explainability_id)&&void 0!==Wn?Wn:"",isParallelToolResponse:!1})}var yt=null===(qn=null===(Pn=null===(Bn=null===(zn=null==n?void 0:n.data)||void 0===zn?void 0:zn.chatStream)||void 0===Bn?void 0:Bn.continueChatResult)||void 0===Pn?void 0:Pn.message)||void 0===qn?void 0:qn.annotations,xt=(null===(Gn=null===(Un=null===(Jn=null===(Kn=null==n?void 0:n.data)||void 0===Kn?void 0:Kn.chatStream)||void 0===Jn?void 0:Jn.continueChatResult)||void 0===Un?void 0:Un.message)||void 0===Gn?void 0:Gn.userFeedbackId)||"",bt={role:"assistant",content:mt.content,orchestratorAndAgentsMessages:t,time:new Date,requestId:null!==(Qn=null===(Zn=null===(Vn=null===(Hn=null==n?void 0:n.data)||void 0===Hn?void 0:Hn.chatStream)||void 0===Vn?void 0:Vn.continueChatResult)||void 0===Zn?void 0:Zn.requestId)&&void 0!==Qn?Qn:"",citations:null===(et=null===($n=null===(Xn=null===(Yn=null==n?void 0:n.data)||void 0===Yn?void 0:Yn.chatStream)||void 0===Xn?void 0:Xn.continueChatResult)||void 0===$n?void 0:$n.message)||void 0===et?void 0:et.citations,guides_utilized:null!==(at=null===(ot=null===(it=null===(tt=null===(nt=null==n?void 0:n.data)||void 0===nt?void 0:nt.chatStream)||void 0===tt?void 0:tt.continueChatResult)||void 0===it?void 0:it.message)||void 0===ot?void 0:ot.guides_utilized)&&void 0!==at?at:[],annotations:yt,resourceId:null===(st=null===(rt=null===(lt=null==n?void 0:n.data)||void 0===lt?void 0:lt.chatStream)||void 0===rt?void 0:rt.continueChatResult)||void 0===st?void 0:st.resourceId,userFeedbackId:xt,citationDisplayType:null!==(gt=null===(vt=null===(ct=null===(ut=null===(dt=null==n?void 0:n.data)||void 0===dt?void 0:dt.chatStream)||void 0===ut?void 0:ut.continueChatResult)||void 0===ct?void 0:ct.message)||void 0===vt?void 0:vt.citationDisplayType)&&void 0!==gt?gt:""};if(yt)for(var wt=0;wt<(null==yt?void 0:yt.length);wt++){var St=yt[wt];bt=e.__assign(e.__assign({},bt),{content:null===(ht=null==bt?void 0:bt.content)||void 0===ht?void 0:ht.replace(null==St?void 0:St.text,(null==St?void 0:St.text)+"<sup>".concat(wt,"</sup>"))})}return bt}({data:n},i,t);console.log("assistantObject",j),Ae(e.__spreadArray(e.__spreadArray([],Re,!0),[{role:"user",content:l||"",time:o,isFirstQuestionSent:r||!1,requestId:null!==(w=null===(b=null===(x=null==n?void 0:n.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===b?void 0:b.requestId)&&void 0!==w?w:""},j],!1)),Oe(null===(k=null===(S=null==n?void 0:n.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===k?void 0:k.isEnd)}},zn=function(n,t,o,l){var r,s,d,c,v;void 0===l&&(l=!1);var g=(null==o?void 0:o.trim())||(null==be?void 0:be.trim())||"";if(!("Enter"!==n.key||n.shiftKey||""===(null==o?void 0:o.trim())&&""===(null==be?void 0:be.trim())||He)){Ve(!0),l&&Sn(!0);var h=new Date;Ae(e.__spreadArray(e.__spreadArray([],Re.map(function(n,t){var i;return e.__assign(e.__assign({},n),{content:null===(i=On(n.content))||void 0===i?void 0:i.replace("WaitMessage: ","")})}),!0),[{role:"user",content:g,time:h,isFirstQuestionSent:!1}],!1));var m=(null!==(r=null==j?void 0:j.sourceDocuments)&&void 0!==r?r:[]).map(function(e){return{isbn:kn.get(e)||null,name:e}}).filter(function(e){return null!==e.isbn}),f=new Map,p=[];ye(!1);var _={WEBSOCKET_URL:E,organizationName:u,chatAssistantName:ue,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:(null==o?void 0:o.trim())||(null==be?void 0:be.trim())||"",requestId:"requestId-".concat(a.v4()),customPrompt:"",enableForBackend:!1,guestSessionId:ce.current,chatPreviewId:ve.current,customMetaData:e.__assign(e.__assign({user_query:M,current_document:se.id,rating:null!==(s=null==j?void 0:j.rating)&&void 0!==s?s:re,associated_docs:m,whenToApply:(null!==(d=null==j?void 0:j.whenToApply)&&void 0!==d?d:[]).join(" OR "),whenNotToApply:(null!==(c=null==j?void 0:j.whenNotToApply)&&void 0!==c?c:[]).join(" OR "),isFirstQuestion:0===Re.length,validation:!l&&(null!=W?W:null)},(null==ae?void 0:ae.wta)&&{recommended_whentoapply:ae.wta}),(null==ae?void 0:ae.wnta)&&{recommended_whennottoapply:ae.wnta}),customMetaDataDebug:{conflicting_learnings_keys:(null==B?void 0:B.conflicting_learnings)?Object.keys(B.conflicting_learnings):[],similar_learnings_keys:(null==B?void 0:B.similar_learnings)?Object.keys(B.similar_learnings):[],conflicting_count:(null==B?void 0:B.conflicting_learnings)?Object.keys(B.conflicting_learnings).length:0,similar_count:(null==B?void 0:B.similar_learnings)?Object.keys(B.similar_learnings).length:0},aiModel:"",onStreamEvent:function(e){return Wn(e,f,p,h,g,t)},onStreamEnd:function(e){Ve(!1),Sn(!1)},onError:function(e){console.error("Stream error:",e),Ve(!1),Sn(!1)}};if(console.log("Custom MetaData Payload:",_.customMetaData),""!==(null==be?void 0:be.trim())||(null==o?void 0:o.trim())){Me(!0),null===(v=me.current)||void 0===v||v.blur(),we(""),Dn();for(var C="Thanks for sharing your thoughts. I'm putting together the most helpful suggestions now, so we can make sure this really fits your needs.".split(" "),y="",x=function(e){setTimeout(function(){y+=C[e]+" ",Ue(y.trim())},25*e)},b=0;b<C.length;b++)x(b);i.startChatStream(_)}}},Bn=t.useRef(new Set);return t.useEffect(function(){if(H&&!He){if(Bn.current.has(H))return void console.log("[ChatComponent] ⚠️ Duplicate merge trigger ignored:",H);console.log("[ChatComponent] 🔴 MERGE TRIGGER RECEIVED:",H),Bn.current.add(H);var e=null,n="A";if(null==B?void 0:B.similar_learnings){var t=Object.values(B.similar_learnings),i=t.findIndex(function(e){return(null==e?void 0:e.id)===H});-1!==i&&(e=t[i],n=String.fromCharCode(65+i))}if(e){var o="Merge Similar Learning ".concat(n," with current learning");console.log("[ChatComponent] ✅ Sending merge message to chat:",o),zn(new KeyboardEvent("keydown",{key:"Enter"}),!1,o),console.log("[ChatComponent] Message sent successfully")}else console.log("[ChatComponent] ❌ Learning not found for ID:",H);V&&(V(null),console.log("[ChatComponent] Trigger cleared"))}else H&&He&&console.log("[ChatComponent] ⚠️ Merge trigger received but streaming in progress:",H)},[H,He,V]),t.useMemo(function(){return{img:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("img",e.__assign({},i,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==i?void 0:i.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("p",e.__assign({},i,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"block",fontSize:"1rem",lineHeight:"1.625rem",marginBottom:"1rem",marginTop:"10px"}},{children:null==i?void 0:i.children}))},code:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("span",e.__assign({},i,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==i?void 0:i.children}))},ol:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==i?void 0:i.children}))},ul:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ul",e.__assign({},i,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==i?void 0:i.children}))},wta:function(t){t.node;var i=e.__rest(t,["node"]);i.key||i["data-key"];var o=i.label||i.children||"Unknown label";return n.jsx(L,{label:o,onToggle:function(n,t){!function(n,t){var i=Array.isArray(n)?n[0]:n;null==pe||pe.length,ye(!0),_e(function(n){return t?n.includes(i)?n:e.__spreadArray(e.__spreadArray([],n,!0),[i],!1):n.filter(function(e){return e!==i})})}(n,t)}})}}},[]),n.jsxs("div",e.__assign({className:d.default.customFont,style:{height:"100%",width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fontFamily:"Plus Jakarta Sans, sans-serif",backgroundColor:"#fbfaff",border:"1px solid #d1d5db",overflow:"hidden"}},{children:[n.jsxs("div",e.__assign({style:{width:"100%",height:"100%",backgroundColor:"#fbfaff",maxWidth:"100%",overflow:"hidden"}},{children:[n.jsx("div",e.__assign({ref:pn},{children:n.jsx(S,{resetChatHistory:function(){var n="".concat(ge,"/api/chat/resetHistory?name=").concat(ue,"&organizationName=").concat(u);z(null),P(null);try{var t={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0};l.http.get(n,t).then(function(){I(""),F(""),T(!0),ye(!1),_e([]),qe(""),ln(new Set),un.current="",vn.current.clear(),Bn.current.clear(),V&&V(null),ve.current="".concat(a.v4()),A(!1),Ae([]),Be(!0),Z?(console.log("[ChatComponent] 🔄 Calling onResetLearningData callback"),Z()):console.log("[ChatComponent] ❌ onResetLearningData callback not available"),R(function(n){return e.__assign(e.__assign({},n),{modification:"",tooltip:"",whenToApply:"",whenNotToApply:"",isTooltipEnabled:!1,isModificationEnabled:!0})})}).catch(function(e){console.error(e)})}catch(e){Me(!1),console.error(e)}},isStreamEnd:Ne})})),n.jsxs("div",e.__assign({style:{width:"100%",height:Cn,maxHeight:Cn,overflowY:"auto",backgroundColor:"#fbfaff"},ref:he},{children:[n.jsx("div",e.__assign({className:"welcome-message",style:{alignItems:"flex-start",paddingLeft:"0.5rem",paddingTop:"1rem",maxWidth:"70%",fontSize:"1rem",lineHeight:"1.75rem",borderRadius:"0.5rem",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"pre-wrap",color:"#333",fontWeight:"700",textAlign:"left"}},{children:n.jsx("span",{children:"I'm here to help fine-tune your learning so it works as accurately as it should."})})),n.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"row",fontFamily:"inherit",padding:"16px 10px 0px 16px",maxWidth:"80%"}},{children:[n.jsx("div",e.__assign({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.3rem"}},{children:n.jsxs("svg",e.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n.jsx("g",e.__assign({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:n.jsx("path",{id:"Vector",d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:"#5928ed"})})),n.jsx("defs",{children:n.jsx("clipPath",e.__assign({id:"clip0_6004_60631"},{children:n.jsx("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),n.jsx("div",e.__assign({style:{display:"flex",flexDirection:"column",fontWeight:400,color:"#000"}},{children:n.jsx("div",e.__assign({style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",paddingLeft:"1rem",paddingRight:"1rem",width:"100%",maxWidth:"100%",fontSize:"1rem",lineHeight:"1.75rem",marginBottom:"1rem",borderRadius:"0.5rem",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"pre-wrap",color:"#333"}},{children:n.jsx("span",{children:n.jsx(y.default,e.__assign({components:{p:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("p",e.__assign({},i,{style:{margin:0}},{children:null==i?void 0:i.children}))}}},{children:ke}))})}))}))]})),Re.length?Re.map(function(t,i){return n.jsxs("div",e.__assign({style:{display:"flex",padding:"0.5rem 1rem",maxWidth:"100%"}},{children:["assistant"==(null==t?void 0:t.role)&&n.jsx("div",e.__assign({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.5rem",marginRight:"1rem"}},{children:n.jsxs("svg",e.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n.jsx("g",e.__assign({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:n.jsx("path",{id:"Vector",d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:"#5928ed"})})),n.jsx("defs",{children:n.jsx("clipPath",e.__assign({id:"clip0_6004_60631"},{children:n.jsx("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),n.jsxs("div",e.__assign({style:{width:"100%"}},{children:["assistant"===t.role&&t.orchestratorAndAgentsMessages&&t.orchestratorAndAgentsMessages.length>0&&n.jsx(o.WatchMeWork,{orchestratorAndAgentsMessages:null==t?void 0:t.orchestratorAndAgentsMessages,isStreamEnd:Ne,finalTimeTaken:null==t?void 0:t.finalTime}),"assistant"===(null==t?void 0:t.role)?n.jsx(g.default,{index:i,content:null==t?void 0:t.content,messages:Re,handleStream:zn}):n.jsx("span",{}),n.jsx("div",e.__assign({style:{display:"flex",justifyContent:"flex-end"}},{children:"user"===t.role?n.jsx("div",e.__assign({style:{backgroundColor:"#8694A10D",padding:"0 1rem",borderRadius:"8px",maxWidth:"80%"}},{children:n.jsx(g.default,{index:i,content:null==t?void 0:t.content,messages:Re,handleStream:zn,scrollToBottom:Dn})})):n.jsx("span",{})}))]}))]}))}):ze&&n.jsx(n.Fragment,{}),Te&&n.jsxs("div",e.__assign({style:{display:"flex",padding:"16px 16px 0px 16px"}},{children:[n.jsx("div",e.__assign({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.2rem"}},{children:n.jsxs("svg",e.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n.jsx("g",e.__assign({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:n.jsx("path",{id:"Vector",d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:"#5928ed"})})),n.jsx("defs",{children:n.jsx("clipPath",e.__assign({id:"clip0_6004_60631"},{children:n.jsx("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),n.jsx("div",e.__assign({style:{display:"inline-flex",alignItems:"flex-start",paddingLeft:"1rem",paddingRight:"1rem",paddingBottom:"1rem",width:"100%",maxWidth:"100%",fontSize:"1rem",lineHeight:"1.75rem",marginBottom:"1rem",borderRadius:"0.5rem",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"pre-wrap",color:"#333"}},{children:n.jsx("span",{children:Je})}))]}))]}))]})),n.jsxs("div",e.__assign({style:{width:"95%",height:"content-fit",backgroundColor:"#fbfaff",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"end",position:"relative"}},{children:[n.jsx("div",e.__assign({style:{visibility:$e?"visible":"hidden",position:"absolute",top:"-3rem",zIndex:0,pointerEvents:"none"}},{children:n.jsx("button",e.__assign({onClick:Dn,style:{borderRadius:"9999px",padding:0,backgroundColor:"#fff",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",border:"1px solid #d1d5db",pointerEvents:"auto",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1,height:"2.25rem",width:"2.25rem",margin:"0.3rem"}},{children:n.jsx("svg",e.__assign({fill:"#000000",width:"16px",height:"16px",viewBox:"0 0 24 24",id:"down","data-name":"Flat Color",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{id:"primary",d:"M19.71,13.29a1,1,0,0,0-1.42,0L13,18.59V3a1,1,0,0,0-2,0V18.59l-5.29-5.3a1,1,0,0,0-1.42,1.42l7,7a1,1,0,0,0,1.42,0l7-7A1,1,0,0,0,19.71,13.29Z"})}))}))})),wn&&n.jsxs(f.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:[n.jsx("span",{children:"Instant Learning AI is thinking"}),n.jsx(f.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(xn," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),n.jsx(f.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(xn," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),n.jsx(f.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(xn," 1.4s infinite ease-in-out both")}})]})),n.jsx(x.default,e.__assign({title:oe?"Please wait for the validation to be completed.":""},{children:n.jsx("div",e.__assign({style:{width:"100%",backgroundColor:"#fff",display:"flex",alignItems:"end",gap:"0.5rem",border:"1px solid #E5E7EB",borderRadius:"8px",cursor:mn?"not-allowed":"default"}},{children:n.jsxs("div",e.__assign({style:{width:"100%",display:"flex"}},{children:[n.jsx("textarea",{ref:me,placeholder:"Tell me more about this learning...",value:be||"",onChange:function(e){return we(e.target.value)},onFocus:function(){return Ye(!0)},onBlur:function(){return Ye(!1)},onKeyDown:function(e){return zn(e)},disabled:mn,style:{flexGrow:1,padding:"0.5rem",borderRadius:"0.5rem",border:"none",fontSize:"1rem",lineHeight:"1.5rem",resize:"none",backgroundColor:"#fff",color:"inherit",minHeight:Qe?"120px":"50px",height:Qe?"120px":"50px",maxHeight:"120px",overflowY:"auto",fontFamily:"inherit",outline:"none",transition:"min-height 0.3s ease, background-color 0.3s ease",boxSizing:"border-box",cursor:mn?"not-allowed":"text"}}),n.jsxs("span",e.__assign({style:{display:"flex",flexDirection:"column",justifyContent:"end",alignItems:"end"}},{children:[" ",n.jsx("button",e.__assign({onClick:function(e){zn(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:fn,style:{padding:"0.5rem 0.75rem",borderRadius:"0.375rem",border:"none",backgroundColor:"white",color:fn?"#d1d5db":"#5928ed",fontWeight:"bold",fontSize:"1rem",cursor:fn?"not-allowed":"pointer",transition:"background-color 0.3s, color 0.3s",height:"50px"}},{children:n.jsx(w,{})}))]}))]}))}))}))]})),n.jsxs("div",e.__assign({style:{width:"95%",display:"flex",gap:"0.25rem",flexDirection:"row"}},{children:[n.jsx(x.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:n.jsx("span",e.__assign({style:{width:"50%"}},{children:n.jsx(v.default,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),n.jsx(x.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:n.jsx("span",e.__assign({style:{width:"50%"}},{children:n.jsx(v.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 streamingResponse = require('@e-llm-studio/streaming-response');
+var watchMeWork = require('@e-llm-studio/watch-me-work');
+var uuid = require('uuid');
+var transport = require('../../../api/transport.js');
+var ReactMarkdown = require('react-markdown');
+var NewChatIcon = require('./_svg/NewChatIcon.js');
+var InstantLearning_module = require('../InstantLearning.module.css.js');
+var Tooltip = require('@mui/material/Tooltip');
+var JSON5 = require('json5');
+var AudioWaveform = require('./AudioWaveform.js');
+var MessageRendering = require('./MessageRendering.js');
+var instantLearning_utils = require('../../../utils/instantLearning.utils.js');
+var InstantLearningService = require('../../../service/InstantLearningService.js');
+var material = require('@mui/material');
+var recommendationParser = require('../../../utils/recommendationParser.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var JSON5__default = /*#__PURE__*/_interopDefaultLegacy(JSON5);
+
+const SendButton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "20px",
+      height: "20px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.91158 12H7.45579H4L2.02268 4.13539C2.0111 4.0893 2.00193 4.04246 2.00046 3.99497C1.97811 3.27397 2.77209 2.77366 3.46029 3.10388L22 12L3.46029 20.8961C2.77983 21.2226 1.99597 20.7372 2.00002 20.0293C2.00038 19.9658 2.01455 19.9032 2.03296 19.8425L3.5 15",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+const ChatHeader = ({ resetChatHistory, isStreamEnd }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: InstantLearning_module["default"].customFont,
+      style: {
+        width: "100%",
+        padding: "0.75rem 0rem",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        backgroundColor: "#fff",
+        borderBottom: "1px solid #e5e7eb",
+        boxShadow: "0 1px 2px rgba(0, 0, 0, 0.04)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            style: {
+              fontSize: "1.25rem",
+              fontWeight: 700,
+              color: "#1f2937",
+              flex: 1,
+              marginLeft: "0.5rem",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#5928ED" }, children: "InstantLearning.AI" }),
+              " Chat"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Tooltip__default["default"],
+          {
+            title: "New chat",
+            placement: "top",
+            arrow: true,
+            componentsProps: {
+              tooltip: {
+                sx: {
+                  fontSize: "0.875rem",
+                  padding: "0.5rem",
+                  fontFamily: "Plus Jakarta Sans, sans-serif"
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                onClick: () => {
+                  console.log(NewChatIcon["default"], "hello");
+                  if (isStreamEnd) resetChatHistory();
+                },
+                style: {
+                  height: "1.8rem",
+                  width: "1.8rem",
+                  marginLeft: "1rem",
+                  marginRight: "0.5rem",
+                  cursor: !isStreamEnd ? "not-allowed" : "pointer",
+                  backgroundColor: "transparent",
+                  transition: "transform 0.2s ease-in-out, opacity 0.2s",
+                  opacity: !isStreamEnd ? 0.4 : 0.8,
+                  pointerEvents: !isStreamEnd ? "none" : "auto"
+                  // prevents any interaction
+                },
+                onMouseOver: (e) => {
+                  if (isStreamEnd) {
+                    e.currentTarget.style.opacity = "1";
+                  }
+                },
+                onMouseOut: (e) => {
+                  if (isStreamEnd) {
+                    e.currentTarget.style.opacity = "0.8";
+                  }
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(NewChatIcon["default"], {})
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const handleDeleteToolCall = async (deleteToolData, baseUrl, organizationName, chatAssistantName) => {
+  const { delete_current_learning, deleted_similar_learning_ids, deleted_conflicting_learning_ids } = deleteToolData;
+  console.log("Processing delete tool call:", deleteToolData);
+  const allLearningIdsToDelete = [
+    ...deleted_similar_learning_ids || [],
+    ...deleted_conflicting_learning_ids || []
+  ];
+  for (const learningId of allLearningIdsToDelete) {
+    try {
+      const deletePayload = {
+        status: "approved",
+        metadata: {
+          userName: "M Kathyayani",
+          userEmailId: "madumbu.kathyayani@techolution.com",
+          llm: "claude-3.5-sonnet",
+          isVariantFlow: true,
+          isDeleteAction: true,
+          isAgentsFeedback: true,
+          variant: {
+            id: learningId,
+            scope: {
+              name: "User",
+              value: [{
+                name: "M Kathyayani",
+                email: "madumbu.kathyayani@techolution.com",
+                userId: "8059658c-a65c-4e14-89aa-a5195f5d09f5"
+              }]
+            },
+            topic: {
+              id: null,
+              value: "default"
+            },
+            variant: `Learning ID: ${learningId}`,
+            question: "",
+            categories: [],
+            created_at: (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+              year: "numeric",
+              month: "2-digit",
+              day: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit",
+              second: "2-digit",
+              hour12: true
+            }),
+            originalQuestion: "",
+            parameterizedQuestion: "",
+            conditions_whentoapply: "",
+            conditions_whennottoapply: "",
+            parentId: null
+          }
+        }
+      };
+      console.log(`Deleting learning with ID: ${learningId}`);
+      const response = await InstantLearningService.publishAgenticFeedbackForVariantIngestion({
+        baseUrl,
+        organizationName,
+        chatAssistantName,
+        payload: deletePayload
+      });
+      if (!response.ok) {
+        console.error(`Failed to delete learning ${learningId}:`, response.status, response.statusText);
+      } else {
+        console.log(`Successfully deleted learning ${learningId}`);
+      }
+    } catch (error) {
+      console.error(`Error deleting learning ${learningId}:`, error);
+    }
+  }
+  if (delete_current_learning) {
+    console.log("Delete current learning flag is true - this will be handled later");
+  }
+};
+const ToggleSelector = ({ label, onToggle }) => {
+  const [selected, setSelected] = React.useState(false);
+  const spanRef = React.useRef(null);
+  const handleChange = () => {
+    const newState = !selected;
+    setSelected(newState);
+    onToggle(label, newState);
+  };
+  React.useEffect(() => {
+    const el = spanRef.current;
+    if (el && selected) {
+      el.style.boxShadow = "0 2px 8px rgba(0, 0, 0, 0.1)";
+      el.style.transform = "scale(1)";
+      el.style.backgroundColor = "#E8F5E9";
+      el.style.color = "#2E7D32";
+    }
+  }, [selected]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: spanRef,
+      onClick: handleChange,
+      style: {
+        cursor: "pointer",
+        backgroundColor: selected ? "#E8F5E9" : "#fbfaff",
+        color: selected ? "#2E7D32" : "#000000de",
+        transition: "all 0.2s ease-in-out",
+        boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
+        // default shadow
+        transform: "scale(1)"
+        // make sure it resets after hover
+      },
+      onMouseEnter: (e) => {
+        if (!selected) {
+          e.currentTarget.style.boxShadow = "0 4px 12px rgba(30, 136, 229, 0.3)";
+          e.currentTarget.style.transform = "scale(1.02)";
+          e.currentTarget.style.backgroundColor = "#f0f7ff";
+          e.currentTarget.style.color = "#1E88E5";
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!selected) {
+          e.currentTarget.style.boxShadow = "0 2px 4px rgba(0, 0, 0, 0.2)";
+          e.currentTarget.style.transform = "scale(1)";
+          e.currentTarget.style.backgroundColor = "#fbfaff";
+          e.currentTarget.style.color = "#000000de";
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            style: {
+              fontWeight: "bold",
+              fontSize: "16px",
+              // color: selected ? '#2E7D32' : '#888',
+              transition: "all 0.3s ease",
+              transform: selected ? "scale(1.2)" : "scale(1)",
+              opacity: selected ? 1 : 0.9,
+              paddingLeft: "0.25rem",
+              paddingRight: "0.25rem"
+            },
+            children: selected ? "\u2713" : "+"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+      ]
+    }
+  );
+};
+const ChatComponent = ({
+  chatAssistantLogoUrl,
+  chatAssistantName,
+  organizationName,
+  baseUrl,
+  setInstantLearningSuggestions,
+  formDataState,
+  setFormDataState,
+  hasUserFilledForm,
+  setHasUserFilledForm,
+  baseWebsocketUrl,
+  setIsNewChatClicked,
+  selectedText,
+  ChatIconComponent,
+  ggcAssistantName,
+  ThinkingBulbIconComponent,
+  hasUserWrittenModification,
+  setExtractedModification,
+  setSave,
+  setExtractedTooltip,
+  setIsSaveLoading,
+  isSaveLoading,
+  save,
+  instantLearningSuggestions,
+  template = "",
+  setShouldTriggerSave,
+  validationWtaResponse,
+  setValidationWtaResponse,
+  learningWtaResponse,
+  setLearningWtaResponse,
+  isFormSaveClicked,
+  setIsFormSavedClicked,
+  onDeleteLearning,
+  deleteLearningTrigger,
+  setDeleteLearningTrigger,
+  onMergeLearning,
+  mergeLearningTrigger,
+  setMergeLearningTrigger,
+  onResetLearningData,
+  setEditConflictingLearningTrigger,
+  setEditSimilarLearningTrigger,
+  sendMessageInChat,
+  setSendMessageInChat,
+  setIsMergeLoading,
+  sendValidationMessage,
+  setSendValidationMessage,
+  setValidationRecommendations,
+  isFormValidating,
+  validationRecommendations,
+  setExtractedRating,
+  extractedRating,
+  currentDocumentDetails,
+  availableBooks
+}) => {
+  const chatAssistant = chatAssistantName;
+  const guestSessionIdRef = React.useRef(`${chatAssistant}-${organizationName}-${uuid.v4()}`);
+  const chatPreviewIdRef = React.useRef(`${uuid.v4()}`);
+  const url = baseUrl;
+  const scrollContainerRef = React.useRef(null);
+  const textAreaRef = React.useRef(null);
+  const [selectedWTA, setSelectedWTA] = React.useState([]);
+  const [showSelectedWTA, setShowSelectedWTA] = React.useState(false);
+  const [userInput, setUserInput] = React.useState("");
+  const [welcomeMessage, setWelcomeMessage] = 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 [isVisible, setIsVisible] = React.useState(false);
+  const [suggestedWta, setSuggestedWta] = React.useState([]);
+  const [deletedLearningIds, setDeletedLearningIds] = React.useState(/* @__PURE__ */ new Set());
+  const [mergedLearningIds, setMergedLearningIds] = React.useState(/* @__PURE__ */ new Set());
+  const lastProcessedResponseRef = React.useRef("");
+  const lastProcessedMergeResponseRef = React.useRef("");
+  const processedDeleteToolsRef = React.useRef(/* @__PURE__ */ new Set());
+  const isInputEmpty = React.useMemo(() => {
+    return (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming;
+  }, [userInput, isStreaming]);
+  const lastProcessedSourceDocsRef = React.useRef("");
+  const isTextareaDisabled = React.useMemo(() => isStreaming || isFormValidating, [isStreaming, isFormValidating]);
+  const isSendButtonDisabled = React.useMemo(() => isInputEmpty || isStreaming || isFormValidating, [isInputEmpty, isStreaming, isFormValidating]);
+  const chatHeaderRef = React.useRef(null);
+  const [availableHeight, setAvailableHeight] = React.useState("100%");
+  React.useMemo(() => {
+    var _a, _b, _c;
+    return ((_a = formDataState == null ? void 0 : formDataState.original) == null ? void 0 : _a.trim()) !== "" && (!(formDataState == null ? void 0 : formDataState.isTooltipEnabled) || ((_b = formDataState == null ? void 0 : formDataState.tooltip) == null ? void 0 : _b.trim()) !== "") && (!(formDataState == null ? void 0 : formDataState.isModificationEnabled) || ((_c = formDataState == null ? void 0 : formDataState.modification) == null ? void 0 : _c.trim()) !== "");
+  }, [formDataState]);
+  const thinkingBounce = material.keyframes`
+      0%, 80%, 100% {
+        transform: scale(0);
+      }
+      40% {
+        transform: scale(1.0);
+      }
+    `;
+  const [isAwaitingValidationResponse, setIsAwaitingValidationResponse] = React.useState(false);
+  const bookIsbnMap = React.useMemo(() => {
+    return new Map(availableBooks.map((book) => [book.title, book.isbn]));
+  }, [availableBooks]);
+  React.useEffect(() => {
+    let staticWelcomeMessage = `Please tell me the when this book should be recommended.`;
+    setWelcomeMessage(staticWelcomeMessage);
+  }, [formDataState]);
+  React.useEffect(() => {
+    const messageToSend = sendMessageInChat || sendValidationMessage;
+    if (messageToSend) {
+      const isValidationFailure = messageToSend === "Validation failed. Do you have any recommendations for me?";
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, messageToSend, isValidationFailure);
+      setSendMessageInChat("");
+      setSendValidationMessage("");
+    }
+  }, [sendMessageInChat, sendValidationMessage]);
+  React.useEffect(() => {
+    const scrollContainer = scrollContainerRef.current;
+    const handleScroll = () => {
+      const scrollContainer2 = scrollContainerRef.current;
+      if (!scrollContainer2) return;
+      const scrollTop = scrollContainer2.scrollTop;
+      const scrollHeight = scrollContainer2.scrollHeight;
+      const clientHeight = scrollContainer2.clientHeight;
+      const isAtBottom = scrollHeight - (scrollTop + clientHeight) <= 35;
+      setIsVisible(!isAtBottom);
+    };
+    if (scrollContainer) {
+      scrollContainer.addEventListener("scroll", handleScroll);
+      handleScroll();
+    }
+    return () => {
+      if (scrollContainer) {
+        scrollContainer.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, [isVisible, isStreamEnd, messages]);
+  const useParsedHeaderSuggestions = (messages2, onRecommendationFound, onDeleteToolCall, onMergeToolCall) => {
+    return React.useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /['"]conditions_whentoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\2).)*\2\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\3).)*\3\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])\s*,\s*['"]conditions_whennottoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\5).)*\5\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\6).)*\6\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])/;
+      const validationPattern = /['"]is_valid['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflictingConditions['"]\s*:\s*\[\s*(?:\{[\s\S]*?['"]conflictType['"]\s*:\s*['"][^'"]+['"][\s\S]*?\}\s*,?\s*)*\]\s*,\s*['"]save['"]\s*:\s*(true|false|True|False)/;
+      const dbValidationPattern = /['"]is_valid_db['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflicting_learnings['"]\s*:\s*\{[\s\S]*?\}\s*,\s*['"]similar_learnings['"]\s*:\s*\{[\s\S]*?\}\s*,\s*["']save["']\s*:\s*(true|false|True|False)/;
+      const deleteToolPattern = /['"]delete_current_learning['"]\s*:\s*(true|false|True|False)\s*,\s*['"]deleted_similar_learning_ids['"]\s*:\s*\[[\s\S]*?\]\s*,\s*['"]deleted_conflicting_learning_ids['"]\s*:\s*\[[\s\S]*?\]/;
+      const mergeToolPattern = /{\s*['"]merge_learnings['"]\s*:\s*(?:True|true)[\s\S]+?}/;
+      const editToolPattern = /({[\s\S]*}|\[[\s\S]*\])/;
+      const jsonFinderPattern = /({[\s\S]*})/;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        console.log("\u{1F50D} RESPONSE DATA:", String(responseData));
+        if (String(responseData).includes("merge_learnings")) {
+          console.log("\u{1F50D} FOUND merge_learnings in response!");
+          console.log("\u{1F50D} Full response:", String(responseData));
+        }
+        if (String(responseData).includes("'merge_learnings'")) {
+          console.log("\u{1F50D} FOUND merge_learnings in response!");
+          console.log("\u{1F50D} Full response:", String(responseData));
+        }
+        const match = responseData.match(pattern);
+        if (match) {
+          try {
+            const extracted = JSON5__default["default"].parse(`{${match[0]}}`);
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON:", e);
+          }
+        }
+        const validationMatch = responseData.match(validationPattern);
+        console.log("validationObj before cond ");
+        if (validationMatch) {
+          try {
+            let cleanedValidation = instantLearning_utils.sanitizePythonDictToJSON(validationMatch[0] || "");
+            const validationObj = JSON5__default["default"].parse(`{${cleanedValidation}}`);
+            console.log("validationObj before set ", validationObj);
+            setValidationWtaResponse(validationObj);
+            console.log("validationObj after set in chat", validationWtaResponse);
+          } catch (e) {
+            console.error("Failed to parse validation JSON:", e);
+          }
+        }
+        try {
+          let cleanedResponse = instantLearning_utils.sanitizePythonDictToJSON(responseData || "");
+          let parsedData = JSON5__default["default"].parse(cleanedResponse);
+          if (parsedData && typeof parsedData === "object" && "is_valid_db" in parsedData && "conflicting_learnings" in parsedData && "similar_learnings" in parsedData) {
+            console.log("Found validation data in response:", parsedData);
+            setLearningWtaResponse(parsedData);
+            console.log("dbVal after set in chat", learningWtaResponse);
+          } else {
+            const dbValidationMatch = responseData.match(dbValidationPattern);
+            if (dbValidationMatch) {
+              let cleanedDBValidation = instantLearning_utils.sanitizePythonDictToJSON(dbValidationMatch[0] || "");
+              const dbValidationObj = JSON5__default["default"].parse(`{${cleanedDBValidation}}`);
+              setLearningWtaResponse(dbValidationObj);
+              console.log("dbVal after set in chat (regex fallback)", learningWtaResponse);
+            }
+          }
+        } catch (e) {
+          console.log("JSON parsing failed, trying regex fallback for validation data");
+          const dbValidationMatch = responseData.match(dbValidationPattern);
+          if (dbValidationMatch) {
+            try {
+              let cleanedDBValidation = instantLearning_utils.sanitizePythonDictToJSON(dbValidationMatch[0] || "");
+              const dbValidationObj = JSON5__default["default"].parse(`{${cleanedDBValidation}}`);
+              setLearningWtaResponse(dbValidationObj);
+              console.log("dbVal after set in chat (regex fallback)", learningWtaResponse);
+            } catch (regexError) {
+              console.error("Failed to parse validation JSON with regex fallback:", regexError);
+            }
+          }
+        }
+        const deleteToolMatch = responseData.match(deleteToolPattern);
+        if (deleteToolMatch) {
+          try {
+            let cleanedDeleteTool = instantLearning_utils.sanitizePythonDictToJSON(deleteToolMatch[0] || "");
+            const deleteToolObj = JSON5__default["default"].parse(`{${cleanedDeleteTool}}`);
+            console.log("Delete tool detected:", deleteToolObj);
+            if (onDeleteToolCall) {
+              onDeleteToolCall(deleteToolObj);
+            }
+          } catch (e) {
+            console.error("Failed to parse delete tool JSON:", e);
+          }
+        }
+        console.log("\u{1F50D} Testing merge tool regex on response data...");
+        const mergeToolMatch = responseData.match(mergeToolPattern);
+        console.log("\u{1F50D} Merge tool regex match result:", mergeToolMatch);
+        if (mergeToolMatch) {
+          console.log("\u{1F50D} MERGE TOOL REGEX MATCHED!");
+          try {
+            const pythonLikeString = mergeToolMatch[0];
+            const jsonString = instantLearning_utils.sanitizePythonDictToJSON(pythonLikeString);
+            const mergeToolObj = JSON5__default["default"].parse(jsonString);
+            console.log("\u2705 Correctly parsed merge tool object:", mergeToolObj);
+            if (onMergeToolCall) {
+              onMergeToolCall(mergeToolObj);
+            }
+          } catch (e) {
+            console.error("Failed to parse merge tool JSON:", e);
+          }
+        }
+        const editToolMatch = responseData.match(editToolPattern);
+        if (editToolMatch && responseData.includes("edit_actions")) {
+          try {
+            console.log("Edit tool match found:", editToolMatch[0]);
+            const jsonString = instantLearning_utils.sanitizePythonDictToJSON(editToolMatch[0]);
+            const editToolObj = JSON5__default["default"].parse(jsonString);
+            console.log("Edit tool detected and parsed successfully:", editToolObj);
+            if (editToolObj.conflicting_learnings) {
+              setEditConflictingLearningTrigger(editToolObj.conflicting_learnings);
+              console.log("Setting edit conflicting learning trigger:", editToolObj.conflicting_learnings);
+            }
+            if (editToolObj.similar_learnings) {
+              setEditSimilarLearningTrigger(editToolObj.similar_learnings);
+              console.log("Setting edit similar learning trigger:", editToolObj.similar_learnings);
+            }
+          } catch (e) {
+            console.error("Failed to parse edit tool JSON:", e);
+          }
+        }
+        const jsonMatch = responseData.match(jsonFinderPattern);
+        if (jsonMatch) {
+          try {
+            const jsonString = instantLearning_utils.sanitizePythonDictToJSON(jsonMatch[0]);
+            const parsedObject = JSON5__default["default"].parse(jsonString);
+            if (parsedObject.recommended_whentoapply || parsedObject.recommended_whennottoapply) {
+              const recommendations = recommendationParser.parseValidationRecommendations(parsedObject);
+              onRecommendationFound(recommendations);
+            }
+          } catch (e) {
+            console.error("Failed to parse validation recommendations:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2, onDeleteToolCall]);
+  };
+  const handleDeleteToolCallback = React.useCallback(async (deleteToolData) => {
+    const deleteOperationId = JSON.stringify({
+      deleted_similar_learning_ids: deleteToolData.deleted_similar_learning_ids || [],
+      deleted_conflicting_learning_ids: deleteToolData.deleted_conflicting_learning_ids || [],
+      delete_current_learning: deleteToolData.delete_current_learning || false
+    });
+    if (processedDeleteToolsRef.current.has(deleteOperationId)) {
+      console.log("Delete operation already processed, skipping callback execution:", deleteOperationId);
+      return;
+    }
+    processedDeleteToolsRef.current.add(deleteOperationId);
+    console.log("Processing new delete operation:", deleteOperationId);
+    try {
+      await handleDeleteToolCall(deleteToolData, baseUrl, organizationName, chatAssistant);
+      const { deleted_similar_learning_ids = [], deleted_conflicting_learning_ids = [] } = deleteToolData;
+      const allDeletedIds = [
+        ...deleted_similar_learning_ids || [],
+        ...deleted_conflicting_learning_ids || []
+      ];
+      setDeletedLearningIds((prev) => {
+        const newSet = new Set(prev);
+        allDeletedIds.forEach((id) => newSet.add(id));
+        console.log("Added deleted learning IDs to tracking set:", Array.from(newSet));
+        return newSet;
+      });
+      console.log("UI state updated after deletion of learnings:", allDeletedIds);
+    } catch (error) {
+      processedDeleteToolsRef.current.delete(deleteOperationId);
+      console.error("Error processing delete operation:", error);
+      throw error;
+    }
+  }, [baseUrl, organizationName, chatAssistant, setDeletedLearningIds]);
+  const handleMergeToolCallback = React.useCallback(async (mergeToolData) => {
+    setIsMergeLoading(true);
+    console.log("\u{1F534} MERGE CALLBACK - Processing merge tool call:", mergeToolData);
+    try {
+      const { merge_learnings, similar_learnings, conditions_whentoapply, conditions_whennottoapply } = mergeToolData;
+      console.log("\u{1F534} MERGE CALLBACK - Extracted data:");
+      console.log("merge_learnings:", merge_learnings);
+      console.log("similar_learnings:", similar_learnings);
+      console.log("conditions_whentoapply:", conditions_whentoapply);
+      console.log("conditions_whennottoapply:", conditions_whennottoapply);
+      if (!merge_learnings || !similar_learnings || !Array.isArray(similar_learnings)) {
+        console.log("Invalid merge tool data, skipping");
+        return;
+      }
+      console.log(" MERGE CALLBACK - Current formDataState before replacement:", formDataState);
+      console.log(" MERGE CALLBACK - Current whenToApply:", formDataState == null ? void 0 : formDataState.whenToApply);
+      console.log(" MERGE CALLBACK - Current whenNotToApply:", formDataState == null ? void 0 : formDataState.whenNotToApply);
+      if (conditions_whentoapply && Array.isArray(conditions_whentoapply)) {
+        console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenToApply conditions:", conditions_whentoapply);
+        const whenToApplyString = conditions_whentoapply.join(" OR ");
+        console.log(" MERGE CALLBACK - New whenToApply string:", whenToApplyString);
+        setFormDataState((prev) => {
+          console.log(" MERGE CALLBACK - Previous formDataState:", prev);
+          const newState = {
+            ...prev,
+            whenToApply: whenToApplyString,
+            _mergeUpdate: true,
+            // Flag to indicate this is a merge update
+            _mergeWTA: conditions_whentoapply
+            // Store the array for LearningDetailsForm to use
+          };
+          console.log("MERGE CALLBACK - New formDataState:", newState);
+          return newState;
+        });
+      }
+      if (conditions_whennottoapply && Array.isArray(conditions_whennottoapply)) {
+        console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenNotToApply conditions:", conditions_whennottoapply);
+        const whenNotToApplyString = conditions_whennottoapply.join(" OR ");
+        console.log(" MERGE CALLBACK - New whenNotToApply string:", whenNotToApplyString);
+        setFormDataState((prev) => {
+          console.log(" MERGE CALLBACK - Previous formDataState for WNTA:", prev);
+          const newState = {
+            ...prev,
+            whenNotToApply: whenNotToApplyString,
+            _mergeUpdate: true,
+            // Flag to indicate this is a merge update
+            _mergeWNTA: conditions_whennottoapply
+            // Store the array for LearningDetailsForm to use
+          };
+          console.log(" MERGE CALLBACK - New formDataState for WNTA:", newState);
+          return newState;
+        });
+      }
+      setMergedLearningIds((prev) => {
+        const newSet = new Set(prev);
+        similar_learnings.forEach((id) => newSet.add(id));
+        console.log("Added merged learning IDs to tracking set:", Array.from(newSet));
+        return newSet;
+      });
+      for (const learningId of similar_learnings) {
+        console.log(`Sending delete request for merged learning ID: ${learningId}`);
+        const deletePayload = {
+          status: "approved",
+          metadata: {
+            userName: "M Kathyayani",
+            userEmailId: "madumbu.kathyayani@techolution.com",
+            llm: "claude-3.5-sonnet",
+            isVariantFlow: true,
+            isDeleteAction: true,
+            isAgentsFeedback: true,
+            variant: {
+              id: learningId,
+              scope: {
+                name: "User",
+                value: [{
+                  name: "M Kathyayani",
+                  email: "madumbu.kathyayani@techolution.com",
+                  userId: "8059658c-a65c-4e14-89aa-a5195f5d09f5"
+                }]
+              },
+              topic: {
+                id: null,
+                value: "default"
+              },
+              variant: `Learning ID: ${learningId}`,
+              question: "",
+              categories: [],
+              created_at: (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+                hour12: true
+              }),
+              originalQuestion: "",
+              parameterizedQuestion: "",
+              conditions_whentoapply: "",
+              conditions_whennottoapply: "",
+              parentId: null
+            }
+          }
+        };
+        const response = await InstantLearningService.publishAgenticFeedbackForVariantIngestion({
+          baseUrl,
+          organizationName,
+          chatAssistantName: chatAssistant,
+          payload: deletePayload
+        });
+        if (!response.ok) {
+          console.error(`Failed to delete merged learning ID ${learningId}:`, response.statusText);
+        } else {
+          console.log(`Successfully deleted merged learning ID ${learningId}`);
+        }
+      }
+    } catch (error) {
+      console.error("Error processing merge operation:", error);
+    } finally {
+      console.log("switched off");
+      setIsMergeLoading(false);
+    }
+  }, [onDeleteLearning, setMergedLearningIds, setFormDataState, setIsMergeLoading]);
+  const parsedSuggestions = useParsedHeaderSuggestions(messages, setValidationRecommendations, handleDeleteToolCallback, handleMergeToolCallback);
+  React.useEffect(() => {
+    const latestSuggestions = (parsedSuggestions == null ? void 0 : parsedSuggestions[(parsedSuggestions == null ? void 0 : parsedSuggestions.length) - 1]) || null;
+    if (latestSuggestions) {
+      setInstantLearningSuggestions(latestSuggestions);
+      console.log("Parsed suggestions:", parsedSuggestions);
+    }
+  }, [parsedSuggestions]);
+  const useParsedHeaderSourceDocuments = (messages2) => {
+    return React.useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /['"]attached_documents_source_key['"]\s*:\s*(\[[\s\S]*?\])/;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        const match = responseData.match(pattern);
+        if (match && match[1]) {
+          try {
+            const jsonString = instantLearning_utils.sanitizePythonDictToJSON(match[1]);
+            const parsedArray = JSON5__default["default"].parse(jsonString);
+            if (Array.isArray(parsedArray)) {
+              results.push({ attached_documents_source_key: parsedArray });
+            }
+          } catch (e) {
+            console.error("Failed to parse attached_documents_source_key:", e, "Original string:", match[1]);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  React.useEffect(() => {
+    if (!learningWtaResponse || deletedLearningIds.size === 0) return;
+    const hasConflictingToFilter = learningWtaResponse.conflicting_learnings && Object.values(learningWtaResponse.conflicting_learnings).some(
+      (learning) => deletedLearningIds.has(learning.id)
+    );
+    const hasSimilarToFilter = learningWtaResponse.similar_learnings && Object.values(learningWtaResponse.similar_learnings).some(
+      (learning) => deletedLearningIds.has(learning.id)
+    );
+    if (!hasConflictingToFilter && !hasSimilarToFilter) return;
+    const currentResponseId = JSON.stringify({
+      deletedIds: Array.from(deletedLearningIds).sort()
+    });
+    if (lastProcessedResponseRef.current === currentResponseId) {
+      return;
+    }
+    const filteredResponse = { ...learningWtaResponse };
+    if (filteredResponse.conflicting_learnings) {
+      const remainingConflicting = Object.values(filteredResponse.conflicting_learnings).filter((learning) => !deletedLearningIds.has(learning.id));
+      console.log("[ChatComponent] Re-keying conflicting learnings:", {
+        originalKeys: Object.keys(filteredResponse.conflicting_learnings),
+        remainingCount: remainingConflicting.length,
+        remainingLearnings: remainingConflicting.map((l) => ({ id: l.id, variant: l.feedback.variant }))
+      });
+      const rekeyedConflicting = {};
+      remainingConflicting.forEach((learning, index) => {
+        const key = String.fromCharCode(65 + index);
+        rekeyedConflicting[key] = learning;
+        console.log(`[ChatComponent] Conflicting learning ${index} gets key '${key}':`, learning.feedback.variant);
+      });
+      filteredResponse.conflicting_learnings = rekeyedConflicting;
+      console.log("[ChatComponent] Final conflicting learnings keys:", Object.keys(rekeyedConflicting));
+    }
+    if (filteredResponse.similar_learnings) {
+      const remainingSimilar = Object.values(filteredResponse.similar_learnings).filter((learning) => !deletedLearningIds.has(learning.id));
+      console.log("[ChatComponent] Re-keying similar learnings:", {
+        originalKeys: Object.keys(filteredResponse.similar_learnings),
+        remainingCount: remainingSimilar.length,
+        remainingLearnings: remainingSimilar.map((l) => ({ id: l.id, variant: l.feedback.variant }))
+      });
+      const rekeyedSimilar = {};
+      remainingSimilar.forEach((learning, index) => {
+        const key = String.fromCharCode(65 + index);
+        rekeyedSimilar[key] = learning;
+        console.log(`[ChatComponent] Similar learning ${index} gets key '${key}':`, learning.feedback.variant);
+      });
+      filteredResponse.similar_learnings = rekeyedSimilar;
+      console.log("[ChatComponent] Final similar learnings keys:", Object.keys(rekeyedSimilar));
+    }
+    lastProcessedResponseRef.current = currentResponseId;
+    console.log("Filtered learningWtaResponse after deletion:", filteredResponse);
+    setLearningWtaResponse(filteredResponse);
+  }, [deletedLearningIds, learningWtaResponse, setLearningWtaResponse]);
+  React.useEffect(() => {
+    if (!learningWtaResponse || mergedLearningIds.size === 0) return;
+    const hasSimilarToFilter = learningWtaResponse.similar_learnings && Object.values(learningWtaResponse.similar_learnings).some(
+      (learning) => mergedLearningIds.has(learning.id)
+    );
+    if (!hasSimilarToFilter) return;
+    const currentMergeResponseId = JSON.stringify({
+      mergedIds: Array.from(mergedLearningIds).sort()
+    });
+    if (lastProcessedMergeResponseRef.current === currentMergeResponseId) {
+      return;
+    }
+    const filteredResponse = { ...learningWtaResponse };
+    if (filteredResponse.similar_learnings) {
+      const remainingSimilar = Object.values(filteredResponse.similar_learnings).filter((learning) => !mergedLearningIds.has(learning.id));
+      console.log("[ChatComponent] Re-keying similar learnings after merge:", {
+        originalKeys: Object.keys(filteredResponse.similar_learnings),
+        remainingCount: remainingSimilar.length,
+        remainingLearnings: remainingSimilar.map((l) => ({ id: l.id, variant: l.feedback.variant }))
+      });
+      const rekeyedSimilar = {};
+      remainingSimilar.forEach((learning, index) => {
+        const key = String.fromCharCode(65 + index);
+        rekeyedSimilar[key] = learning;
+        console.log(`[ChatComponent] Similar learning ${index} gets key '${key}':`, learning.feedback.variant);
+      });
+      filteredResponse.similar_learnings = rekeyedSimilar;
+      console.log("[ChatComponent] Final similar learnings keys after merge:", Object.keys(rekeyedSimilar));
+    }
+    lastProcessedMergeResponseRef.current = currentMergeResponseId;
+    console.log("Filtered learningWtaResponse after merge:", filteredResponse);
+    setLearningWtaResponse(filteredResponse);
+  }, [mergedLearningIds, learningWtaResponse, setLearningWtaResponse]);
+  const useParsedHeaderModification = (messages2) => {
+    return React.useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /['"](\w+)['"]\s*:\s*(['"])((?:\\.|(?!\2).)*)\2/g;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        let match;
+        while ((match = pattern.exec(responseData)) !== null) {
+          try {
+            const key = match[1];
+            let value = match[3];
+            if (value.startsWith("'") && value.endsWith("'") || value.startsWith('"') && value.endsWith('"')) {
+              value = value.substring(1, value.length - 1);
+            }
+            const extracted = { [key]: value };
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse regex match for header message:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  const parsedModification = useParsedHeaderModification(messages);
+  const parsedSourceDocuments = useParsedHeaderSourceDocuments(messages);
+  React.useEffect(() => {
+    const latestModification = (parsedModification == null ? void 0 : parsedModification[(parsedModification == null ? void 0 : parsedModification.length) - 1]) || null;
+    if (latestModification) {
+      setExtractedModification(latestModification.modification);
+    }
+  }, [parsedModification]);
+  const useParsedWtaSuggestions = (messages2, setSuggestedWta2) => {
+    React.useEffect(() => {
+      var _a;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        const regex = /<wta>([\s\S]*?)<\/wta>/gi;
+        const matches = [];
+        let match;
+        while ((match = regex.exec(responseData)) !== null) {
+          console.log("match wta suggestion", match);
+          matches.push(match[1]);
+        }
+        if (matches.length) {
+          setSuggestedWta2(matches);
+        }
+      }
+    }, [messages2, setSuggestedWta2]);
+  };
+  useParsedWtaSuggestions(messages, setSuggestedWta);
+  const useParsedHeaderTooltip = (messages2) => {
+    return React.useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /^\{\s*(['"])(\w+)\1\s*:\s*(['"])(.*?)\3\s*\}$/;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        const match = responseData.match(pattern);
+        if (match) {
+          console.log("match: ", match[0]);
+          try {
+            const extracted = JSON5__default["default"].parse(match[0]);
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  const parseTooltip = useParsedHeaderTooltip(messages);
+  React.useEffect(() => {
+    const latestSourceDocuments = (parsedSourceDocuments == null ? void 0 : parsedSourceDocuments[(parsedSourceDocuments == null ? void 0 : parsedSourceDocuments.length) - 1]) || null;
+    if (latestSourceDocuments && latestSourceDocuments.attached_documents_source_key) {
+      const documentTitles = latestSourceDocuments.attached_documents_source_key;
+      const docsKey = JSON.stringify([...documentTitles].sort());
+      if (lastProcessedSourceDocsRef.current === docsKey) {
+        console.log("[ChatComponent] Skipping duplicate source documents update");
+        return;
+      }
+      console.log("[ChatComponent] Found NEW source documents from chat. Setting state:", documentTitles);
+      lastProcessedSourceDocsRef.current = docsKey;
+      setFormDataState((prev) => ({
+        ...prev,
+        sourceDocuments: documentTitles
+      }));
+    }
+  }, [parsedSourceDocuments, setFormDataState]);
+  React.useEffect(() => {
+    const latestParseTooltip = (parseTooltip == null ? void 0 : parseTooltip[(parseTooltip == null ? void 0 : parseTooltip.length) - 1]) || null;
+    if (latestParseTooltip) {
+      console.log("latestParseTooltip: ", latestParseTooltip);
+      setExtractedTooltip(latestParseTooltip == null ? void 0 : latestParseTooltip.tooltip);
+    }
+  }, [parseTooltip]);
+  const useParsedHeaderSave = (messages2) => {
+    const [parsedSave2, setParsedSave] = React.useState([]);
+    React.useEffect(() => {
+      var _a;
+      const results = [];
+      const pattern = /\{\s*['"]save['"]\s*:\s*(True|False|true|false)\s*\}/;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        const match = responseData.match(pattern);
+        if (match) {
+          try {
+            const fixed = match[0].replace(/\bTrue\b/, "true").replace(/\bFalse\b/, "false").replace(/'/g, '"');
+            console.log("corrected:", fixed);
+            const extracted = JSON5__default["default"].parse(fixed);
+            if (extracted.save === true) {
+              setShouldTriggerSave(true);
+            }
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON:", e);
+          }
+        }
+      }
+      setParsedSave(results);
+    }, [messages2]);
+    return parsedSave2;
+  };
+  const useParsedHeaderRatingKey = (messages2) => {
+    return React.useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /['"]rating_key['"]\s*:\s*(\d+(\.\d+)?)/;
+      const orchestratorAndAgentsMessages = ((_a = messages2[messages2.length - 1]) == null ? void 0 : _a.orchestratorAndAgentsMessages) || [];
+      for (const msg of orchestratorAndAgentsMessages) {
+        const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+        const match = responseData.match(pattern);
+        if (match && match[1]) {
+          try {
+            const rating = parseFloat(match[1]);
+            const extracted = { rating_key: rating };
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse rating_key:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  const parsedSave = useParsedHeaderSave(messages);
+  const parsedRatingKey = useParsedHeaderRatingKey(messages);
+  React.useEffect(() => {
+    const latestParsedRating = (parsedRatingKey == null ? void 0 : parsedRatingKey[(parsedRatingKey == null ? void 0 : parsedRatingKey.length) - 1]) || null;
+    if (latestParsedRating && typeof latestParsedRating.rating_key === "number") {
+      setExtractedRating(latestParsedRating.rating_key);
+    }
+  }, [parsedRatingKey, setExtractedRating]);
+  React.useEffect(() => {
+    const latestParsedSave = (parsedSave == null ? void 0 : parsedSave[(parsedSave == null ? void 0 : parsedSave.length) - 1]) || null;
+    if (!latestParsedSave || typeof latestParsedSave.save !== "boolean") return;
+    setIsSaveLoading(true);
+    const timeoutId = setTimeout(() => {
+      setIsSaveLoading(false);
+      setSave(latestParsedSave.save);
+    }, 200);
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [parsedSave]);
+  React.useEffect(() => {
+    if (isFormSaveClicked) {
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, "Save it");
+      setIsFormSavedClicked(false);
+    }
+  }, [isFormSaveClicked]);
+  React.useEffect(() => {
+    if (deleteLearningTrigger && onDeleteLearning) {
+      const deleteMessage = `Delete learning ${deleteLearningTrigger}`;
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, deleteMessage);
+      if (setDeleteLearningTrigger) {
+        setDeleteLearningTrigger(null);
+      }
+    }
+  }, [deleteLearningTrigger, onDeleteLearning, setDeleteLearningTrigger]);
+  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(() => {
+    const scrollContainer = scrollContainerRef.current;
+    if (scrollContainer) {
+      setTimeout(() => {
+        scrollContainer.scrollTo({
+          top: scrollContainer.scrollHeight,
+          behavior: "smooth"
+        });
+        setIsVisible(false);
+      }, 100);
+    }
+  }, []);
+  React.useEffect(() => {
+    if ((selectedWTA == null ? void 0 : selectedWTA.length) > 0) {
+      scrollToBottom();
+    }
+  }, [selectedWTA]);
+  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
+        // Send cookies along with the request
+      };
+      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}`;
+    setValidationWtaResponse(null);
+    setLearningWtaResponse(null);
+    try {
+      const requestOptions = {
+        method: "GET",
+        params: { guestSessionId: guestSessionIdRef.current },
+        withCredentials: true
+        // Send cookies along with the request
+      };
+      transport.http.get(resetChatHistoryURL, requestOptions).then(() => {
+        setExtractedModification("");
+        setExtractedTooltip("");
+        setIsNewChatClicked(true);
+        setShowSelectedWTA(false);
+        setSelectedWTA([]);
+        setChatInitialMessage("");
+        setDeletedLearningIds(/* @__PURE__ */ new Set());
+        lastProcessedResponseRef.current = "";
+        processedDeleteToolsRef.current.clear();
+        processedMergeTriggers.current.clear();
+        if (setMergeLearningTrigger) {
+          setMergeLearningTrigger(null);
+        }
+        chatPreviewIdRef.current = `${uuid.v4()}`;
+        setHasUserFilledForm(false);
+        setMessages([]);
+        setShowWelcomeMessage(true);
+        if (onResetLearningData) {
+          console.log("[ChatComponent] \u{1F504} Calling onResetLearningData callback");
+          onResetLearningData();
+        } else {
+          console.log("[ChatComponent] \u274C onResetLearningData callback not available");
+        }
+        setFormDataState((prev) => ({
+          ...prev,
+          modification: "",
+          tooltip: "",
+          whenToApply: "",
+          whenNotToApply: "",
+          isTooltipEnabled: false,
+          isModificationEnabled: true
+        }));
+      }).catch((error) => {
+        console.error(error);
+      });
+    } 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 getAssistantObj = (event, 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, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub, _vb, _wb, _xb, _yb, _zb, _Ab, _Bb, _Cb, _Db, _Eb, _Fb, _Gb, _Hb, _Ib, _Jb, _Kb, _Lb, _Mb, _Nb, _Ob, _Pb, _Qb, _Rb, _Sb, _Tb, _Ub, _Vb, _Wb, _Xb, _Yb, _Zb, __b, _$b, _ac, _bc, _cc, _dc, _ec, _fc, _gc, _hc;
+    console.log("event", event, Object.keys(event));
+    console.log("content: ", event == null ? void 0 : event.data);
+    let streamedresponse = { role: "assistant", content: "", id: uuid.v4() };
+    if (((_c = (_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.chatStream) == null ? void 0 : _b.continueChatResult) == null ? void 0 : _c.thinking_break) === false && ((_f = (_e = (_d = event == null ? void 0 : event.data) == null ? void 0 : _d.chatStream) == null ? void 0 : _e.continueChatResult) == null ? void 0 : _f.is_orchestrator) === true && ((_i = (_h = (_g = event == null ? void 0 : event.data) == null ? void 0 : _g.chatStream) == null ? void 0 : _h.continueChatResult) == null ? void 0 : _i.isEnd) === false) {
+      streamedresponse.content = (_n = replaceAsteriskInAnchor(
+        (_m = (_l = (_k = (_j = event == null ? void 0 : event.data) == null ? void 0 : _j.chatStream) == null ? void 0 : _k.continueChatResult) == null ? void 0 : _l.message) == null ? void 0 : _m.content
+      )) == null ? void 0 : _n.replaceAll("WaitMessage: ", "");
+    }
+    if (((_q = (_p = (_o = event == null ? void 0 : event.data) == null ? void 0 : _o.chatStream) == null ? void 0 : _p.continueChatResult) == null ? void 0 : _q.thinking_break) === true && ((_t = (_s = (_r = event == null ? void 0 : event.data) == null ? void 0 : _r.chatStream) == null ? void 0 : _s.continueChatResult) == null ? void 0 : _t.is_orchestrator) === true && ((_w = (_v = (_u = event == null ? void 0 : event.data) == null ? void 0 : _u.chatStream) == null ? void 0 : _v.continueChatResult) == null ? void 0 : _w.isEnd) === false) {
+      streamedresponse.content = "";
+      accordianMessageArray.push(
+        {
+          responsedata: (_A = (_z = (_y = (_x = event == null ? void 0 : event.data) == null ? void 0 : _x.chatStream) == null ? void 0 : _y.continueChatResult) == null ? void 0 : _z.message) == null ? void 0 : _A.content,
+          responseFrom: (_D = (_C = (_B = event == null ? void 0 : event.data) == null ? void 0 : _B.chatStream) == null ? void 0 : _C.continueChatResult) == null ? void 0 : _D.responded_by,
+          header_message: (_G = (_F = (_E = event == null ? void 0 : event.data) == null ? void 0 : _E.chatStream) == null ? void 0 : _F.continueChatResult) == null ? void 0 : _G.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_K = (_J = (_I = (_H = event == null ? void 0 : event.data) == null ? void 0 : _H.chatStream) == null ? void 0 : _I.continueChatResult) == null ? void 0 : _J.explainability_id) != null ? _K : "",
+          isParallelToolResponse: false
+        }
+      );
+    }
+    if (((_N = (_M = (_L = event == null ? void 0 : event.data) == null ? void 0 : _L.chatStream) == null ? void 0 : _M.continueChatResult) == null ? void 0 : _N.thinking_break) === false && ((_Q = (_P = (_O = event == null ? void 0 : event.data) == null ? void 0 : _O.chatStream) == null ? void 0 : _P.continueChatResult) == null ? void 0 : _Q.is_orchestrator) === true && ((_T = (_S = (_R = event == null ? void 0 : event.data) == null ? void 0 : _R.chatStream) == null ? void 0 : _S.continueChatResult) == null ? void 0 : _T.isEnd) === true) {
+      streamedresponse.content = (_Y = replaceAsteriskInAnchor(
+        (_X = (_W = (_V = (_U = event == null ? void 0 : event.data) == null ? void 0 : _U.chatStream) == null ? void 0 : _V.continueChatResult) == null ? void 0 : _W.message) == null ? void 0 : _X.content
+      )) == null ? void 0 : _Y.replaceAll("WaitMessage: ", "");
+    }
+    if (((_$ = (__ = (_Z = event == null ? void 0 : event.data) == null ? void 0 : _Z.chatStream) == null ? void 0 : __.continueChatResult) == null ? void 0 : _$.thinking_break) === false && ((_ca = (_ba = (_aa = event == null ? void 0 : event.data) == null ? void 0 : _aa.chatStream) == null ? void 0 : _ba.continueChatResult) == null ? void 0 : _ca.is_orchestrator) === false && ((_fa = (_ea = (_da = event == null ? void 0 : event.data) == null ? void 0 : _da.chatStream) == null ? void 0 : _ea.continueChatResult) == null ? void 0 : _fa.isEnd) === false) {
+      const continueChatResult = (_ha = (_ga = event == null ? void 0 : event.data) == null ? void 0 : _ga.chatStream) == null ? void 0 : _ha.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((_ja = (_ia = event == null ? void 0 : event.data) == null ? void 0 : _ia.chatStream) == null ? void 0 : _ja.continueChatResult.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get((_ma = (_la = (_ka = event == null ? void 0 : event.data) == null ? void 0 : _ka.chatStream) == null ? void 0 : _la.continueChatResult) == null ? void 0 : _ma.explainability_id);
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: (_qa = (_pa = (_oa = (_na = event == null ? void 0 : event.data) == null ? void 0 : _na.chatStream) == null ? void 0 : _oa.continueChatResult) == null ? void 0 : _pa.message) == null ? void 0 : _qa.content,
+          responseFrom: (_ta = (_sa = (_ra = event == null ? void 0 : event.data) == null ? void 0 : _ra.chatStream) == null ? void 0 : _sa.continueChatResult) == null ? void 0 : _ta.responded_by,
+          header_message: (_wa = (_va = (_ua = event == null ? void 0 : event.data) == null ? void 0 : _ua.chatStream) == null ? void 0 : _va.continueChatResult) == null ? void 0 : _wa.header_message,
+          finalResponseStatus: true,
+          explainability_id: (_Aa = (_za = (_ya = (_xa = event == null ? void 0 : event.data) == null ? void 0 : _xa.chatStream) == null ? void 0 : _ya.continueChatResult) == null ? void 0 : _za.explainability_id) != null ? _Aa : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray = [
+          ...accordianMessageArray,
+          {
+            responsedata: (_Ea = (_Da = (_Ca = (_Ba = event == null ? void 0 : event.data) == null ? void 0 : _Ba.chatStream) == null ? void 0 : _Ca.continueChatResult) == null ? void 0 : _Da.message) == null ? void 0 : _Ea.content,
+            responseFrom: (_Ha = (_Ga = (_Fa = event == null ? void 0 : event.data) == null ? void 0 : _Fa.chatStream) == null ? void 0 : _Ga.continueChatResult) == null ? void 0 : _Ha.responded_by,
+            header_message: (_Ka = (_Ja = (_Ia = event == null ? void 0 : event.data) == null ? void 0 : _Ia.chatStream) == null ? void 0 : _Ja.continueChatResult) == null ? void 0 : _Ka.header_message,
+            finalResponseStatus: true,
+            explainability_id: (_Oa = (_Na = (_Ma = (_La = event == null ? void 0 : event.data) == null ? void 0 : _La.chatStream) == null ? void 0 : _Ma.continueChatResult) == null ? void 0 : _Na.explainability_id) != null ? _Oa : "",
+            isParallelToolResponse: false
+          }
+        ];
+      }
+    }
+    if (((_Ra = (_Qa = (_Pa = event == null ? void 0 : event.data) == null ? void 0 : _Pa.chatStream) == null ? void 0 : _Qa.continueChatResult) == null ? void 0 : _Ra.thinking_break) === true && ((_Ua = (_Ta = (_Sa = event == null ? void 0 : event.data) == null ? void 0 : _Sa.chatStream) == null ? void 0 : _Ta.continueChatResult) == null ? void 0 : _Ua.is_orchestrator) === false && ((_Xa = (_Wa = (_Va = event == null ? void 0 : event.data) == null ? void 0 : _Va.chatStream) == null ? void 0 : _Wa.continueChatResult) == null ? void 0 : _Xa.isEnd) === false) {
+      const continueChatResult = (_Za = (_Ya = event == null ? void 0 : event.data) == null ? void 0 : _Ya.chatStream) == null ? void 0 : _Za.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((_ab = (_$a = (__a = event == null ? void 0 : event.data) == null ? void 0 : __a.chatStream) == null ? void 0 : _$a.continueChatResult) == null ? void 0 : _ab.explainability_id)) {
+        const targetedIndexId = explainabilityMap.get((_db = (_cb = (_bb = event == null ? void 0 : event.data) == null ? void 0 : _bb.chatStream) == null ? void 0 : _cb.continueChatResult) == null ? void 0 : _db.explainability_id);
+        const index = targetedIndexId == null ? void 0 : targetedIndexId.index;
+        accordianMessageArray[index] = {
+          responsedata: (_hb = (_gb = (_fb = (_eb = event == null ? void 0 : event.data) == null ? void 0 : _eb.chatStream) == null ? void 0 : _fb.continueChatResult) == null ? void 0 : _gb.message) == null ? void 0 : _hb.content,
+          responseFrom: (_kb = (_jb = (_ib = event == null ? void 0 : event.data) == null ? void 0 : _ib.chatStream) == null ? void 0 : _jb.continueChatResult) == null ? void 0 : _kb.responded_by,
+          header_message: (_nb = (_mb = (_lb = event == null ? void 0 : event.data) == null ? void 0 : _lb.chatStream) == null ? void 0 : _mb.continueChatResult) == null ? void 0 : _nb.header_message,
+          finalResponseStatus: false,
+          explainability_id: (_rb = (_qb = (_pb = (_ob = event == null ? void 0 : event.data) == null ? void 0 : _ob.chatStream) == null ? void 0 : _pb.continueChatResult) == null ? void 0 : _qb.explainability_id) != null ? _rb : "",
+          isParallelToolResponse: true
+        };
+      } else {
+        accordianMessageArray.push(
+          {
+            responsedata: (_vb = (_ub = (_tb = (_sb = event == null ? void 0 : event.data) == null ? void 0 : _sb.chatStream) == null ? void 0 : _tb.continueChatResult) == null ? void 0 : _ub.message) == null ? void 0 : _vb.content,
+            responseFrom: (_yb = (_xb = (_wb = event == null ? void 0 : event.data) == null ? void 0 : _wb.chatStream) == null ? void 0 : _xb.continueChatResult) == null ? void 0 : _yb.responded_by,
+            header_message: (_Bb = (_Ab = (_zb = event == null ? void 0 : event.data) == null ? void 0 : _zb.chatStream) == null ? void 0 : _Ab.continueChatResult) == null ? void 0 : _Bb.header_message,
+            finalResponseStatus: false,
+            explainability_id: (_Fb = (_Eb = (_Db = (_Cb = event == null ? void 0 : event.data) == null ? void 0 : _Cb.chatStream) == null ? void 0 : _Db.continueChatResult) == null ? void 0 : _Eb.explainability_id) != null ? _Fb : "",
+            isParallelToolResponse: false
+          }
+        );
+      }
+    }
+    const annotations = (_Jb = (_Ib = (_Hb = (_Gb = event == null ? void 0 : event.data) == null ? void 0 : _Gb.chatStream) == null ? void 0 : _Hb.continueChatResult) == null ? void 0 : _Ib.message) == null ? void 0 : _Jb.annotations;
+    const userFeedbackId = ((_Nb = (_Mb = (_Lb = (_Kb = event == null ? void 0 : event.data) == null ? void 0 : _Kb.chatStream) == null ? void 0 : _Lb.continueChatResult) == null ? void 0 : _Mb.message) == null ? void 0 : _Nb.userFeedbackId) || "";
+    let assistantObj = {
+      role: "assistant",
+      content: streamedresponse.content,
+      orchestratorAndAgentsMessages: accordianMessageArray,
+      time: /* @__PURE__ */ new Date(),
+      requestId: (_Rb = (_Qb = (_Pb = (_Ob = event == null ? void 0 : event.data) == null ? void 0 : _Ob.chatStream) == null ? void 0 : _Pb.continueChatResult) == null ? void 0 : _Qb.requestId) != null ? _Rb : "",
+      citations: (_Vb = (_Ub = (_Tb = (_Sb = event == null ? void 0 : event.data) == null ? void 0 : _Sb.chatStream) == null ? void 0 : _Tb.continueChatResult) == null ? void 0 : _Ub.message) == null ? void 0 : _Vb.citations,
+      guides_utilized: (__b = (_Zb = (_Yb = (_Xb = (_Wb = event == null ? void 0 : event.data) == null ? void 0 : _Wb.chatStream) == null ? void 0 : _Xb.continueChatResult) == null ? void 0 : _Yb.message) == null ? void 0 : _Zb.guides_utilized) != null ? __b : [],
+      annotations,
+      resourceId: (_bc = (_ac = (_$b = event == null ? void 0 : event.data) == null ? void 0 : _$b.chatStream) == null ? void 0 : _ac.continueChatResult) == null ? void 0 : _bc.resourceId,
+      userFeedbackId,
+      citationDisplayType: (_gc = (_fc = (_ec = (_dc = (_cc = event == null ? void 0 : event.data) == null ? void 0 : _cc.chatStream) == null ? void 0 : _dc.continueChatResult) == null ? void 0 : _ec.message) == null ? void 0 : _fc.citationDisplayType) != null ? _gc : ""
+    };
+    if (annotations) {
+      for (let index = 0; index < (annotations == null ? void 0 : annotations.length); index++) {
+        const annotation = annotations[index];
+        assistantObj = { ...assistantObj, content: (_hc = assistantObj == null ? void 0 : assistantObj.content) == null ? void 0 : _hc.replace(annotation == null ? void 0 : annotation.text, (annotation == null ? void 0 : annotation.text) + `<sup>${index}</sup>`) };
+      }
+    }
+    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) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    console.log("userInput: ", userInputParam);
+    let streamedresponse = { role: "assistant", content: "", id: uuid.v4() };
+    if ((_d = (_c = (_b = (_a = data == null ? void 0 : data.chatStream) == null ? void 0 : _a.continueChatResult) == null ? void 0 : _b.message) == null ? void 0 : _c.content) == null ? void 0 : _d.includes("WaitMessage: ")) {
+      setMessageLoading(false);
+      setWaitMessageLoading(true);
+      streamedresponse.content = extractWaitMessage(
+        ((_g = (_f = (_e = data == null ? void 0 : data.chatStream) == null ? void 0 : _e.continueChatResult) == null ? void 0 : _f.message) == null ? void 0 : _g.content) + "\n\n"
+      );
+      setMessages([
+        ...messages,
+        { role: "user", content: userInputParam, time: userQuestionTime, isFirstQuestionSent: isFirstQuestionSent || false, id: ((_i = (_h = data == null ? void 0 : data.chatStream) == null ? void 0 : _h.continueChatResult) == null ? void 0 : _i.requestId) || "", reply: "" },
+        streamedresponse
+      ]);
+    } else {
+      setMessageLoading(false);
+      setWaitMessageLoading(false);
+      streamedresponse.content = (_m = replaceAsteriskInAnchor(
+        (_l = (_k = (_j = data == null ? void 0 : data.chatStream) == null ? void 0 : _j.continueChatResult) == null ? void 0 : _k.message) == null ? void 0 : _l.content
+      )) == null ? void 0 : _m.replaceAll("WaitMessage: ", "");
+      const assistantObject = getAssistantObj({ data }, accordianMessageArray, explainabilityMap);
+      console.log("assistantObject", assistantObject);
+      setMessages([
+        ...messages,
+        { role: "user", content: userInputParam || "", time: userQuestionTime, isFirstQuestionSent: isFirstQuestionSent || false, requestId: (_p = (_o = (_n = data == null ? void 0 : data.chatStream) == null ? void 0 : _n.continueChatResult) == null ? void 0 : _o.requestId) != null ? _p : "" },
+        assistantObject
+      ]);
+      setIsStreamEnd((_r = (_q = data == null ? void 0 : data.chatStream) == null ? void 0 : _q.continueChatResult) == null ? void 0 : _r.isEnd);
+    }
+  };
+  const handleStream = (event, isFirstQuestionSent, userInputParam, isValidationFailure = false) => {
+    var _a, _b, _c, _d, _e;
+    const finalInput = (userInputParam == null ? void 0 : userInputParam.trim()) || (userInput == null ? void 0 : userInput.trim()) || "";
+    if (event.key !== "Enter" || event.shiftKey || (userInputParam == null ? void 0 : userInputParam.trim()) === "" && (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming) {
+      //!areAllrequiredFieldsFilled
+      return;
+    }
+    setIsStreaming(true);
+    if (isValidationFailure) {
+      setIsAwaitingValidationResponse(true);
+    }
+    const userQuestionTime = /* @__PURE__ */ new Date();
+    setMessages([
+      ...messages.map((m, index) => {
+        var _a2;
+        return {
+          ...m,
+          content: (_a2 = replaceAsteriskInAnchor(m.content)) == null ? void 0 : _a2.replace(
+            "WaitMessage: ",
+            ""
+          )
+        };
+      }),
+      { role: "user", content: finalInput, time: userQuestionTime, isFirstQuestionSent: false }
+    ]);
+    const selectedBookTitles = (_a = formDataState == null ? void 0 : formDataState.sourceDocuments) != null ? _a : [];
+    const sourceDocumentsWithObjects = selectedBookTitles.map((title) => ({
+      isbn: bookIsbnMap.get(title) || null,
+      // Get ISBN from the map
+      name: title
+    })).filter((book) => book.isbn !== null);
+    const explainabilityMap = /* @__PURE__ */ new Map();
+    let accordianMessageArray = [];
+    setShowSelectedWTA(false);
+    const params = {
+      WEBSOCKET_URL: baseWebsocketUrl,
+      organizationName,
+      chatAssistantName: chatAssistant,
+      selectedAIModel: "gpt-4",
+      replyMessage: "",
+      userName: "Guest User",
+      userEmailId: "guestUser@example.com",
+      userId: "Guest User",
+      query: (userInputParam == null ? void 0 : userInputParam.trim()) || (userInput == null ? void 0 : userInput.trim()) || "",
+      requestId: `requestId-${uuid.v4()}`,
+      customPrompt: "",
+      enableForBackend: false,
+      guestSessionId: guestSessionIdRef.current,
+      chatPreviewId: chatPreviewIdRef.current,
+      // custom meta data
+      customMetaData: {
+        user_query: selectedText,
+        current_document: currentDocumentDetails.id,
+        rating: (_b = formDataState == null ? void 0 : formDataState.rating) != null ? _b : extractedRating,
+        associated_docs: sourceDocumentsWithObjects,
+        whenToApply: ((_c = formDataState == null ? void 0 : formDataState.whenToApply) != null ? _c : []).join(" OR "),
+        whenNotToApply: ((_d = formDataState == null ? void 0 : formDataState.whenNotToApply) != null ? _d : []).join(" OR "),
+        isFirstQuestion: messages.length === 0,
+        validation: isValidationFailure ? false : validationWtaResponse != null ? validationWtaResponse : null,
+        //later.
+        ...(validationRecommendations == null ? void 0 : validationRecommendations.wta) && { recommended_whentoapply: validationRecommendations.wta },
+        ...(validationRecommendations == null ? void 0 : validationRecommendations.wnta) && { recommended_whennottoapply: validationRecommendations.wnta }
+      },
+      customMetaDataDebug: {
+        conflicting_learnings_keys: (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) ? Object.keys(learningWtaResponse.conflicting_learnings) : [],
+        similar_learnings_keys: (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) ? Object.keys(learningWtaResponse.similar_learnings) : [],
+        conflicting_count: (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) ? Object.keys(learningWtaResponse.conflicting_learnings).length : 0,
+        similar_count: (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) ? Object.keys(learningWtaResponse.similar_learnings).length : 0
+      },
+      // howToRespond: formDataState?.howToRespond?.split('_').map((word:string) => word.charAt(0).toUpperCase() + word.slice(1)).join(' '),
+      aiModel: "",
+      onStreamEvent: (data) => handleMessages(data, explainabilityMap, accordianMessageArray, userQuestionTime, finalInput, isFirstQuestionSent),
+      onStreamEnd: (data) => {
+        setIsStreaming(false);
+        setIsAwaitingValidationResponse(false);
+      },
+      onError: (error) => {
+        console.error("Stream error:", error);
+        setIsStreaming(false);
+        setIsAwaitingValidationResponse(false);
+      }
+    };
+    console.log("Custom MetaData Payload:", params.customMetaData);
+    if ((userInput == null ? void 0 : userInput.trim()) !== "" || (userInputParam == null ? void 0 : userInputParam.trim())) {
+      setMessageLoading(true);
+      (_e = textAreaRef.current) == null ? void 0 : _e.blur();
+      setUserInput("");
+      scrollToBottom();
+      const loadingMessage = `Thanks for sharing your thoughts. I'm putting together the most helpful suggestions now, so we can make sure this really fits your needs.`;
+      const loadingMessageWords = loadingMessage.split(" ");
+      let concatStr = "";
+      for (let index = 0; index < loadingMessageWords.length; index++) {
+        setTimeout(() => {
+          concatStr += loadingMessageWords[index] + " ";
+          setInitialLoadingMessage(concatStr.trim());
+        }, 25 * index);
+      }
+      streamingResponse.startChatStream(params);
+    }
+  };
+  const processedMergeTriggers = React.useRef(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    if (mergeLearningTrigger && !isStreaming) {
+      if (processedMergeTriggers.current.has(mergeLearningTrigger)) {
+        console.log("[ChatComponent] \u26A0\uFE0F Duplicate merge trigger ignored:", mergeLearningTrigger);
+        return;
+      }
+      console.log("[ChatComponent] \u{1F534} MERGE TRIGGER RECEIVED:", mergeLearningTrigger);
+      processedMergeTriggers.current.add(mergeLearningTrigger);
+      let learningToMerge = null;
+      let sequentialLabel = "A";
+      if (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) {
+        const similarLearnings = Object.values(learningWtaResponse.similar_learnings);
+        const learningIndex = similarLearnings.findIndex((learning) => (learning == null ? void 0 : learning.id) === mergeLearningTrigger);
+        if (learningIndex !== -1) {
+          learningToMerge = similarLearnings[learningIndex];
+          sequentialLabel = String.fromCharCode(65 + learningIndex);
+        }
+      }
+      if (learningToMerge) {
+        const mergeMessage = `Merge Similar Learning ${sequentialLabel} with current learning`;
+        console.log("[ChatComponent] \u2705 Sending merge message to chat:", mergeMessage);
+        handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, mergeMessage);
+        console.log("[ChatComponent] Message sent successfully");
+      } else {
+        console.log("[ChatComponent] \u274C Learning not found for ID:", mergeLearningTrigger);
+      }
+      if (setMergeLearningTrigger) {
+        setMergeLearningTrigger(null);
+        console.log("[ChatComponent] Trigger cleared");
+      }
+    } else if (mergeLearningTrigger && isStreaming) {
+      console.log("[ChatComponent] \u26A0\uFE0F Merge trigger received but streaming in progress:", mergeLearningTrigger);
+    }
+  }, [mergeLearningTrigger, isStreaming, setMergeLearningTrigger]);
+  React.useMemo(() => ({
+    img: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        ...props,
+        style: {
+          height: "100%",
+          width: "100%",
+          objectFit: "contain"
+          // To handle aspect ratio
+        },
+        alt: (props == null ? void 0 : props.alt) || "",
+        className: "w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"
+      }
+    ),
+    p: ({ node, ...props }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          ...props,
+          style: {
+            maxWidth: "100%",
+            wordWrap: "break-word",
+            // Ensures long words wrap
+            overflowWrap: "break-word",
+            // Alternative for word wrapping
+            wordBreak: "break-word",
+            // Force breaking long unbreakable strings
+            whiteSpace: "normal",
+            // Default wrapping behavior
+            overflow: "hidden",
+            // Hides any unexpected overflow
+            display: "block",
+            // Ensures proper behavior of p tags
+            fontSize: "1rem",
+            // Equivalent to Tailwind 'text-base'
+            lineHeight: "1.625rem",
+            // Equivalent to Tailwind 'leading-relaxed'
+            marginBottom: "1rem",
+            // Equivalent to Tailwind 'mb-4'
+            marginTop: "10px"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      );
+    },
+    code: ({ node, ...props }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ...props,
+          style: {
+            maxWidth: "100%",
+            wordWrap: "break-word",
+            // Ensures long words wrap
+            overflowWrap: "break-word",
+            // Alternative for word wrapping
+            wordBreak: "break-word",
+            // Force breaking long unbreakable strings
+            whiteSpace: "normal",
+            // Default wrapping behavior
+            overflow: "hidden",
+            // Hides any unexpected overflow
+            display: "inline-flex",
+            // Ensures proper behavior of p tags
+            fontSize: "1rem",
+            // Equivalent to Tailwind 'text-base'
+            lineHeight: "1.625rem"
+            // Equivalent to Tailwind 'leading-relaxed'
+          },
+          children: props == null ? void 0 : props.children
+        }
+      );
+    },
+    ol: ({ node, ...props }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "ol",
+        {
+          ...props,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+            listStyle: "decimal",
+            paddingLeft: "2.5rem"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      );
+    },
+    ul: ({ node, ...props }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "ul",
+        {
+          ...props,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+            listStyle: "decimal",
+            paddingLeft: "2.5rem"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      );
+    },
+    wta: ({ node, ...props }) => {
+      props.key || props["data-key"];
+      const label = props.label || props.children || "Unknown label";
+      const addWhenToApplyCondition = (text, isToggleOn) => {
+        const cleanText = Array.isArray(text) ? text[0] : text;
+        if (selectedWTA == null ? void 0 : selectedWTA.length) {
+          setShowSelectedWTA(true);
+        } else {
+          setShowSelectedWTA(true);
+        }
+        setSelectedWTA((prev) => {
+          if (isToggleOn) {
+            if (!prev.includes(cleanText)) {
+              return [...prev, cleanText];
+            }
+            return prev;
+          } else {
+            return prev.filter((item) => item !== cleanText);
+          }
+        });
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(ToggleSelector, { label, onToggle: (text, isToggleOn) => {
+        addWhenToApplyCondition(text, isToggleOn);
+      } });
+    }
+  }), []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InstantLearning_module["default"].customFont, style: { height: "100%", width: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", fontFamily: "Plus Jakarta Sans, sans-serif", backgroundColor: "#fbfaff", border: "1px solid #d1d5db", overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", height: "100%", backgroundColor: "#fbfaff", maxWidth: "100%", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chatHeaderRef, children: /* @__PURE__ */ jsxRuntime.jsx(ChatHeader, { resetChatHistory, isStreamEnd }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", height: availableHeight, maxHeight: availableHeight, overflowY: "auto", backgroundColor: "#fbfaff" }, ref: scrollContainerRef, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "welcome-message",
+            style: {
+              alignItems: "flex-start",
+              // Align text to the top for better multi-line flow
+              paddingLeft: "0.5rem",
+              // Adds breathing space on all sides
+              paddingTop: "1rem",
+              maxWidth: "70%",
+              fontSize: "1rem",
+              // Base readable font
+              lineHeight: "1.75rem",
+              // Slightly more relaxed line height
+              borderRadius: "0.5rem",
+              // Subtle rounding for readability
+              overflowWrap: "break-word",
+              wordBreak: "break-word",
+              whiteSpace: "pre-wrap",
+              // Preserves newlines while allowing wrap
+              color: "#333",
+              // Softer text color for contrast
+              fontWeight: "700",
+              textAlign: "left"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "I'm here to help fine-tune your learning so it works as accurately as it should." })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              fontFamily: "inherit",
+              padding: "16px 10px 0px 16px",
+              maxWidth: "80%"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.3rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector", d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: "#5928ed" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", fontWeight: 400, color: "#000" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: {
+                    display: "inline-flex",
+                    flexDirection: "column",
+                    alignItems: "flex-start",
+                    // Align text to the top for better multi-line flow
+                    paddingLeft: "1rem",
+                    // Adds breathing space on all sides
+                    paddingRight: "1rem",
+                    width: "100%",
+                    maxWidth: "100%",
+                    fontSize: "1rem",
+                    // Base readable font
+                    lineHeight: "1.75rem",
+                    // Slightly more relaxed line height
+                    marginBottom: "1rem",
+                    borderRadius: "0.5rem",
+                    // Subtle rounding for readability
+                    overflowWrap: "break-word",
+                    wordBreak: "break-word",
+                    whiteSpace: "pre-wrap",
+                    // Preserves newlines while allowing wrap
+                    color: "#333"
+                    // Softer text color for contrast
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default["default"], { components: {
+                    p: ({ node, ...props }) => {
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "p",
+                        {
+                          ...props,
+                          style: {
+                            margin: 0
+                          },
+                          children: props == null ? void 0 : props.children
+                        }
+                      );
+                    }
+                  }, children: welcomeMessage }) })
+                }
+              ) })
+            ]
+          }
+        ),
+        messages.length ? messages.map((message, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", padding: "0.5rem 1rem", maxWidth: "100%" }, children: [
+          (message == null ? void 0 : message.role) == "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.5rem", marginRight: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector", d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: "#5928ed" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%" }, children: [
+            message.role === "assistant" && message.orchestratorAndAgentsMessages && message.orchestratorAndAgentsMessages.length > 0 && //  <WatchMeWork orchestratorAndAgentsMessages={mockData} isStreamEnd={false} finalTimeTaken={0} />
+            /* @__PURE__ */ jsxRuntime.jsx(watchMeWork.WatchMeWork, { orchestratorAndAgentsMessages: message == null ? void 0 : message.orchestratorAndAgentsMessages, isStreamEnd, finalTimeTaken: message == null ? void 0 : message.finalTime }),
+            //@ts-ignore
+            (message == null ? void 0 : message.role) === "assistant" ? /* @__PURE__ */ jsxRuntime.jsx(MessageRendering["default"], { index, content: message == null ? void 0 : message.content, messages, handleStream }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+              display: "flex",
+              justifyContent: "flex-end"
+              // backgroundColor: '#8694A10D', padding: "1rem"
+            }, children: message.role === "user" ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { backgroundColor: "#8694A10D", padding: "0 1rem", borderRadius: "8px", maxWidth: "80%" }, children: /* @__PURE__ */ jsxRuntime.jsx(MessageRendering["default"], { index, content: message == null ? void 0 : message.content, messages, handleStream, scrollToBottom }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
+          ] })
+        ] })) : showWelcomeMessage && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+        messageLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", padding: "16px 16px 0px 16px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.2rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector", d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: "#5928ed" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "flex-start",
+                // Align text to the top for better multi-line flow
+                paddingLeft: "1rem",
+                // Adds breathing space on all sides
+                paddingRight: "1rem",
+                paddingBottom: "1rem",
+                width: "100%",
+                maxWidth: "100%",
+                fontSize: "1rem",
+                // Base readable font
+                lineHeight: "1.75rem",
+                // Slightly more relaxed line height
+                marginBottom: "1rem",
+                borderRadius: "0.5rem",
+                // Subtle rounding for readability
+                overflowWrap: "break-word",
+                wordBreak: "break-word",
+                whiteSpace: "pre-wrap",
+                // Preserves newlines while allowing wrap
+                color: "#333"
+                // Softer text color for contrast
+                // fontWeight: 500
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: initialLoadingMessage })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          width: "95%",
+          height: "content-fit",
+          backgroundColor: "#fbfaff",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "end",
+          position: "relative"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                visibility: isVisible ? "visible" : "hidden",
+                position: "absolute",
+                top: "-3rem",
+                zIndex: 0,
+                pointerEvents: "none"
+                // allows clicks to pass through
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: scrollToBottom,
+                  style: {
+                    borderRadius: "9999px",
+                    padding: 0,
+                    backgroundColor: "#fff",
+                    boxShadow: "0 1px 3px rgba(0,0,0,0.1)",
+                    border: "1px solid #d1d5db",
+                    pointerEvents: "auto",
+                    cursor: "pointer",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    zIndex: 1,
+                    height: "2.25rem",
+                    width: "2.25rem",
+                    margin: "0.3rem"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      fill: "#000000",
+                      width: "16px",
+                      height: "16px",
+                      viewBox: "0 0 24 24",
+                      id: "down",
+                      "data-name": "Flat Color",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          id: "primary",
+                          d: "M19.71,13.29a1,1,0,0,0-1.42,0L13,18.59V3a1,1,0,0,0-2,0V18.59l-5.29-5.3a1,1,0,0,0-1.42,1.42l7,7a1,1,0,0,0,1.42,0l7-7A1,1,0,0,0,19.71,13.29Z"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          isAwaitingValidationResponse && /* @__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.jsx(
+            "div",
+            {
+              style: {
+                width: "100%",
+                backgroundColor: "#fff",
+                display: "flex",
+                alignItems: "end",
+                gap: "0.5rem",
+                border: "1px solid #E5E7EB",
+                borderRadius: "8px",
+                cursor: isTextareaDisabled ? "not-allowed" : "default"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "textarea",
+                  {
+                    ref: textAreaRef,
+                    placeholder: "Tell me more about this learning...",
+                    value: userInput || "",
+                    onChange: (e) => setUserInput(e.target.value),
+                    onFocus: () => setIsFocused(true),
+                    onBlur: () => setIsFocused(false),
+                    onKeyDown: (e) => handleStream(e),
+                    disabled: isTextareaDisabled,
+                    style: {
+                      flexGrow: 1,
+                      padding: "0.5rem",
+                      borderRadius: "0.5rem",
+                      border: "none",
+                      fontSize: "1rem",
+                      lineHeight: "1.5rem",
+                      resize: "none",
+                      backgroundColor: "#fff",
+                      color: "inherit",
+                      // cursor: 'text',
+                      minHeight: isFocused ? "120px" : "50px",
+                      height: isFocused ? "120px" : "50px",
+                      maxHeight: "120px",
+                      overflowY: "auto",
+                      fontFamily: "inherit",
+                      outline: "none",
+                      transition: "min-height 0.3s ease, background-color 0.3s ease",
+                      boxSizing: "border-box",
+                      cursor: isTextareaDisabled ? "not-allowed" : "text"
+                      // Correct cursor on textarea
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", flexDirection: "column", justifyContent: "end", alignItems: "end" }, children: [
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        handleStream(new KeyboardEvent("keydown", { key: "Enter" }));
+                      },
+                      disabled: isSendButtonDisabled,
+                      style: {
+                        padding: "0.5rem 0.75rem",
+                        borderRadius: "0.375rem",
+                        border: "none",
+                        backgroundColor: "white",
+                        color: isSendButtonDisabled ? "#d1d5db" : "#5928ed",
+                        fontWeight: "bold",
+                        fontSize: "1rem",
+                        cursor: isSendButtonDisabled ? "not-allowed" : "pointer",
+                        transition: "background-color 0.3s, color 0.3s",
+                        height: "50px"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(SendButton, {})
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "95%", display: "flex", gap: "0.25rem", flexDirection: "row" }, 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", { style: { width: "50%" }, 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", { style: { width: "50%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            AudioWaveform["default"],
+            {
+              amplitude: 1,
+              variant: "microphone",
+              isActive: false,
+              onClick: () => null,
+              disabled: false
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+};
+var ChatComponent$1 = ChatComponent;
+
+exports["default"] = ChatComponent$1;
 //# sourceMappingURL=ChatComponent.js.map