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

package/dist/features/InstantLearning/_components/ChatComponent.js

@@ -1,2 +1,1977 @@
-import{__makeTemplateObject as e,__assign as n,__awaiter as o,__generator as i,__spreadArray as t,__rest as l}from"tslib";import{jsx as a,jsxs as r,Fragment as s}from"react/jsx-runtime";import{useRef as d,useState as c,useMemo as u,useEffect as v,useCallback as g}from"react";import{startChatStream as h}from"@e-llm-studio/streaming-response";import{v4 as m}from"uuid";import{http as p}from"../../../api/transport.js";import f from"react-markdown";import C from"./MinimizedThinkingSteps.js";import y from"./_svg/NewChatIcon.js";import b from"../InstantLearning.module.css.js";import w from"@mui/material/Tooltip";import _ from"json5";import x from"./AudioWaveform.js";import S from"./MessageRendering.js";import{sanitizePythonDictToJSON as L}from"../../../utils/instantLearning.utils.js";import{publishAgenticFeedbackForVariantIngestion as k}from"../../../service/InstantLearningService.js";import{keyframes as R,Box as A}from"@mui/material";import{parseValidationRecommendations as E}from"../../../utils/recommendationParser.js";var T,M=function(){return a("svg",n({width:"20px",height:"20px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a("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"})}))},I=function(e){var o=e.resetChatHistory,i=e.isStreamEnd;return r("div",n({className:b.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:[r("span",n({style:{fontSize:"1.25rem",fontWeight:700,color:"#1f2937",flex:1,marginLeft:"0.5rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[a("span",n({style:{color:"#5928ED"}},{children:"InstantLearning.AI"}))," Chat"]})),a(w,n({title:"New chat",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:a("div",n({onClick:function(){console.log(y,"hello"),i&&o()},style:{height:"1.8rem",width:"1.8rem",marginLeft:"1rem",marginRight:"0.5rem",cursor:i?"pointer":"not-allowed",backgroundColor:"transparent",transition:"transform 0.2s ease-in-out, opacity 0.2s",opacity:i?.8:.4,pointerEvents:i?"auto":"none"},onMouseOver:function(e){i&&(e.currentTarget.style.opacity="1")},onMouseOut:function(e){i&&(e.currentTarget.style.opacity="0.8")}},{children:a(y,{})}))}))]}))},F=function(e,n,l,a){return o(void 0,void 0,void 0,function(){var o,r,s,d,c,u,v,g,h,m;return i(this,function(i){switch(i.label){case 0:o=e.delete_current_learning,r=e.deleted_similar_learning_ids,s=e.deleted_conflicting_learning_ids,console.log("Processing delete tool call:",e),d=t(t([],r||[],!0),s||[],!0),c=0,u=d,i.label=1;case 1:if(!(c<u.length))return[3,6];v=u[c],i.label=2;case 2:return i.trys.push([2,4,,5]),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}}},console.log("Deleting learning with ID: ".concat(v)),[4,k({baseUrl:n,organizationName:l,chatAssistantName:a,payload:g})];case 3:return(h=i.sent()).ok?console.log("Successfully deleted learning ".concat(v)):console.error("Failed to delete learning ".concat(v,":"),h.status,h.statusText),[3,5];case 4:return m=i.sent(),console.error("Error deleting learning ".concat(v,":"),m),[3,5];case 5:return c++,[3,1];case 6:return o&&console.log("Delete current learning flag is true - this will be handled later"),[2]}})})},D=function(e){var o=e.label,i=e.onToggle,t=c(!1),l=t[0],s=t[1],u=d(null);return v(function(){var e=u.current;e&&l&&(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")},[l]),r("span",n({ref:u,onClick:function(){var e=!l;s(e),i(o,e)},style:{cursor:"pointer",backgroundColor:l?"#E8F5E9":"#fbfaff",color:l?"#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){l||(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){l||(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:[a("span",n({style:{fontWeight:"bold",fontSize:"16px",transition:"all 0.3s ease",transform:l?"scale(1.2)":"scale(1)",opacity:l?1:.9,paddingLeft:"0.25rem",paddingRight:"0.25rem"}},{children:l?"✓":"+"})),a("span",{children:o})]}))},N=function(y){y.chatAssistantLogoUrl;var N=y.chatAssistantName,O=y.organizationName,W=y.baseUrl,j=y.setInstantLearningSuggestions,B=y.formDataState,z=y.setFormDataState;y.hasUserFilledForm;var P=y.setHasUserFilledForm,K=y.baseWebsocketUrl,U=y.setIsNewChatClicked;y.selectedText,y.ChatIconComponent,y.ggcAssistantName;var G=y.ThinkingBulbIconComponent;y.hasUserWrittenModification;var H=y.setExtractedModification,J=y.setSave,V=y.setExtractedTooltip,q=y.setIsSaveLoading;y.isSaveLoading,y.save,y.instantLearningSuggestions,y.template;var Z=y.setShouldTriggerSave,Q=y.validationWtaResponse,Y=y.setValidationWtaResponse,$=y.learningWtaResponse,X=y.setLearningWtaResponse,ee=y.isFormSaveClicked,ne=y.setIsFormSavedClicked,oe=y.onDeleteLearning,ie=y.deleteLearningTrigger,te=y.setDeleteLearningTrigger;y.onMergeLearning;var le=y.mergeLearningTrigger,ae=y.setMergeLearningTrigger,re=y.onResetLearningData,se=y.setEditConflictingLearningTrigger,de=y.setEditSimilarLearningTrigger,ce=y.sendMessageInChat,ue=y.setSendMessageInChat,ve=y.setIsMergeLoading,ge=y.sendValidationMessage,he=y.setSendValidationMessage,me=y.setValidationRecommendations,pe=y.isFormValidating,fe=y.validationRecommendations,Ce=y.isFromDashboard,ye=y.fullMessageText,be=N,we=d("".concat(be,"-").concat(O,"-").concat(m())),_e=d("".concat(m())),xe=W,Se=d(null),Le=d(null),ke=c([]),Re=ke[0],Ae=ke[1],Ee=c(!1);Ee[0];var Te=Ee[1],Me=c(""),Ie=Me[0],Fe=Me[1],De=c(""),Ne=De[0],Oe=De[1],We=c([]),je=We[0],Be=We[1],ze=c(!1),Pe=ze[0],Ke=ze[1],Ue=c(!1);Ue[0];var Ge=Ue[1],He=c(!0),Je=He[0],Ve=He[1],qe=c(!0),Ze=qe[0],Qe=qe[1],Ye=c("");Ye[0];var $e=Ye[1],Xe=c(""),en=Xe[0],nn=Xe[1],on=c(!1),tn=on[0],ln=on[1],an=c(!1),rn=an[0],sn=an[1],dn=c(!1),cn=dn[0],un=dn[1],vn=c([]);vn[0];var gn=vn[1],hn=c(new Set),mn=hn[0],pn=hn[1],fn=c(new Set),Cn=fn[0],yn=fn[1],bn=d(""),wn=d(""),_n=d(new Set),xn=u(function(){return""===(null==Ie?void 0:Ie.trim())||tn},[Ie,tn]),Sn=u(function(){return tn||pe},[tn,pe]),Ln=u(function(){return xn||tn||pe},[xn,tn,pe]),kn=d(null),Rn=c("100%"),An=Rn[0],En=Rn[1],Tn=d(new Set);u(function(){var e,n,o;return!(""===(null===(e=null==B?void 0:B.original)||void 0===e?void 0:e.trim())||(null==B?void 0:B.isTooltipEnabled)&&""===(null===(n=null==B?void 0:B.tooltip)||void 0===n?void 0:n.trim())||(null==B?void 0:B.isModificationEnabled)&&""===(null===(o=null==B?void 0:B.modification)||void 0===o?void 0:o.trim()))},[B]);var Mn=R(T||(T=e(["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "],["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "]))),In=c(!1),Fn=In[0],Dn=In[1];v(function(){var e='Please tell me how I should correct  "'.concat((null==B?void 0:B.original)||"",'"? ');Oe(e)},[B]),v(function(){var e=ce||ge;if(e){var n="Validation failed. Do you have any recommendations for me?"===e;Vn(new KeyboardEvent("keydown",{key:"Enter"}),!1,e,n),ue(""),he("")}},[ce,ge]),v(function(){var e=Se.current,n=function(){var e=Se.current;if(e){var n=e.scrollTop,o=e.scrollHeight,i=e.clientHeight;un(!(o-(n+i)<=35))}};return e&&(e.addEventListener("scroll",n),n()),function(){e&&e.removeEventListener("scroll",n)}},[cn,Je,je]);var Nn=g(function(){console.log('🧹 Performing UI Cleanup for "Delete Current Learning"'),z(function(e){return n(n({},e),{original:Ce?"":e.original,modification:"",tooltip:"",whenToApply:"",whenNotToApply:"",isTooltipEnabled:!1,isModificationEnabled:!0,_mergeUpdate:!1})}),Y&&Y(null),X&&X(null),me&&me(null),re&&re(),V&&V(""),gn([])},[z,Y,X,re,H,V,gn]);v(function(){if(je&&0!==je.length){var e=je[je.length-1],n=(null==e?void 0:e.orchestratorAndAgentsMessages)||[],o=/['"]delete_current_learning['"]\s*:\s*(true|false|True|False)/;n.forEach(function(n,i){var t=(null==n?void 0:n.responsedata)||"",l=e.requestId||e.id||"msg-".concat(je.length),a="".concat(l,"_orch_").concat(i);if(!Tn.current.has(a)){var r=t.match(o);if(r)"true"===r[1].toLowerCase()&&(console.log("✅ Delete detected in Effect - Triggering Cleanup for:",a),Tn.current.add(a),Nn())}})}},[je,Nn]);var On=g(function(e){return o(void 0,void 0,void 0,function(){var n,o,l,a,r,s,d;return i(this,function(i){switch(i.label){case 0:if(n=JSON.stringify({deleted_similar_learning_ids:e.deleted_similar_learning_ids||[],deleted_conflicting_learning_ids:e.deleted_conflicting_learning_ids||[],delete_current_learning:e.delete_current_learning||!1}),_n.current.has(n))return console.log("Delete operation already processed, skipping callback execution:",n),[2];_n.current.add(n),console.log("Processing new delete operation:",n),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,F(e,W,O,be)];case 2:return i.sent(),o=e.deleted_similar_learning_ids,l=void 0===o?[]:o,a=e.deleted_conflicting_learning_ids,r=void 0===a?[]:a,s=t(t([],l||[],!0),r||[],!0),pn(function(e){var n=new Set(e);return s.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:",s),[3,4];case 3:throw d=i.sent(),_n.current.delete(n),console.error("Error processing delete operation:",d),d;case 4:return[2]}})})},[W,O,be,pn]),Wn=g(function(e){return o(void 0,void 0,void 0,function(){var o,t,l,a,r,s,d,c,u,v,g,h;return i(this,function(i){switch(i.label){case 0:ve(!0),console.log("🔴 MERGE CALLBACK - Processing merge tool call:",e),i.label=1;case 1:if(i.trys.push([1,6,7,8]),o=e.merge_learnings,t=e.similar_learnings,l=e.conditions_whentoapply,a=e.conditions_whennottoapply,console.log("🔴 MERGE CALLBACK - Extracted data:"),console.log("merge_learnings:",o),console.log("similar_learnings:",t),console.log("conditions_whentoapply:",l),console.log("conditions_whennottoapply:",a),!o||!t||!Array.isArray(t))return console.log("Invalid merge tool data, skipping"),[2];console.log(" MERGE CALLBACK - Current formDataState before replacement:",B),console.log(" MERGE CALLBACK - Current whenToApply:",null==B?void 0:B.whenToApply),console.log(" MERGE CALLBACK - Current whenNotToApply:",null==B?void 0:B.whenNotToApply),l&&Array.isArray(l)&&(console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenToApply conditions:",l),r=l.join(" OR "),console.log(" MERGE CALLBACK - New whenToApply string:",r),z(function(e){console.log(" MERGE CALLBACK - Previous formDataState:",e);var o=n(n({},e),{whenToApply:r,_mergeUpdate:!0,_mergeWTA:l});return console.log("MERGE CALLBACK - New formDataState:",o),o})),a&&Array.isArray(a)&&(console.log(" MERGE CALLBACK - UNCONDITIONALLY replacing whenNotToApply conditions:",a),s=a.join(" OR "),console.log(" MERGE CALLBACK - New whenNotToApply string:",s),z(function(e){console.log(" MERGE CALLBACK - Previous formDataState for WNTA:",e);var o=n(n({},e),{whenNotToApply:s,_mergeUpdate:!0,_mergeWNTA:a});return console.log(" MERGE CALLBACK - New formDataState for WNTA:",o),o})),yn(function(e){var n=new Set(e);return t.forEach(function(e){return n.add(e)}),console.log("Added merged learning IDs to tracking set:",Array.from(n)),n}),d=0,c=t,i.label=2;case 2:return d<c.length?(u=c[d],console.log("Sending delete request for merged learning ID: ".concat(u)),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:u,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(u),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,k({baseUrl:W,organizationName:O,chatAssistantName:be,payload:v})]):[3,5];case 3:(g=i.sent()).ok?console.log("Successfully deleted merged learning ID ".concat(u)):console.error("Failed to delete merged learning ID ".concat(u,":"),g.statusText),i.label=4;case 4:return d++,[3,2];case 5:return[3,8];case 6:return h=i.sent(),console.error("Error processing merge operation:",h),[3,8];case 7:return console.log("switched off"),ve(!1),[7];case 8:return[2]}})})},[oe,yn,z,ve]),jn=function(e,n,o,i){return u(function(){for(var t,l=[],a=/['"]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*['"]save['"]|\}$)/,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]*?\]/,c=/{\s*['"]merge_learnings['"]\s*:\s*(?:True|true)[\s\S]+?}/,u=/({[\s\S]*}|\[[\s\S]*\])/,v=/({[\s\S]*})/,g=function(e){var t=(null==e?void 0:e.responsedata)||"";console.log("🔍 RESPONSE DATA:",String(t)),String(t).includes("merge_learnings")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(t))),String(t).includes("'merge_learnings'")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(t)));var g=t.match(a);if(g)try{var h=_.parse("{".concat(g[0],"}")),m=function(e){return e&&/[a-zA-Z]/.test(e)};h.conditions_whentoapply&&Array.isArray(h.conditions_whentoapply)&&(h.conditions_whentoapply=h.conditions_whentoapply.filter(function(e){return e.when_to_apply&&m(e.when_to_apply)})),h.conditions_whennottoapply&&Array.isArray(h.conditions_whennottoapply)&&(h.conditions_whennottoapply=h.conditions_whennottoapply.filter(function(e){return e.when_not_to_apply&&m(e.when_not_to_apply)})),l.push(h)}catch(e){console.error("Failed to parse JSON:",e)}var p=t.match(r);if(console.log("validationObj before cond "),p)try{var f=L(p[0]||""),C=_.parse("{".concat(f,"}"));console.log("validationObj before set ",C),Y(C),console.log("validationObj after set in chat",Q)}catch(e){console.error("Failed to parse validation JSON:",e)}try{var y=L(t||""),b=_.parse(y);if(b&&"object"==typeof b&&"is_valid_db"in b&&"conflicting_learnings"in b&&"similar_learnings"in b)console.log("Found validation data in response:",b),X(b),console.log("dbVal after set in chat",$);else if(A=t.match(s))try{console.log("🔍 Regex Match Found. Attempting reconstruction...");var w=A[1],x=A[2],S=A[3],k='{\n                                    "is_valid_db": '.concat((T=function(e){return e.replace(/\bTrue\b/g,"true").replace(/\bFalse\b/g,"false").replace(/\bNone\b/g,"null")})(w),',\n                                    "conflicting_learnings": ').concat(T(x),',\n                                    "similar_learnings": ').concat(T(S),"\n                                }");console.log("📝 Reconstructed JSON (First 100 chars):",k.substring(0,100)+"...");var R=_.parse(k);X(R),console.log("✅ [Fix] dbVal parsed successfully via Group Capture")}catch(e){console.error("❌ Failed to parse validation JSON with regex fallback:",e),console.log("❌ Failed Match Groups:",A)}}catch(e){var A;if(console.log("JSON parsing failed, trying regex fallback for validation data"),A=t.match(s))try{var T;w=A[1],x=A[2],S=A[3],k='{\n                                    "is_valid_db": '.concat((T=function(e){return e.replace(/\bTrue\b/g,"true").replace(/\bFalse\b/g,"false").replace(/\bNone\b/g,"null")})(w),',\n                                    "conflicting_learnings": ').concat(T(x),',\n                                    "similar_learnings": ').concat(T(S),"\n                                }");console.log("🛠️ Reconstructed DB Validation JSON:",k.substring(0,100)+"...");R=_.parse(k);X(R),console.log("✅ [App] dbVal set via Regex Fallback:",R)}catch(e){console.error("Failed to parse validation JSON with regex fallback:",e),console.log("Failed string:",A[0])}}var M=t.match(d);if(M)try{var I=L(M[0]||""),F=_.parse("{".concat(I,"}"));console.log("Delete tool detected:",F),o&&o(F)}catch(e){console.error("Failed to parse delete tool JSON:",e)}console.log("🔍 Testing merge tool regex on response data...");var D=t.match(c);if(console.log("🔍 Merge tool regex match result:",D),D){console.log("🔍 MERGE TOOL REGEX MATCHED!");try{var N=D[0],O=L(N),W=_.parse(O);console.log("✅ Correctly parsed merge tool object:",W),i&&i(W)}catch(e){console.error("Failed to parse merge tool JSON:",e)}}var j=t.match(u);if(j&&t.includes("edit_actions"))try{console.log("Edit tool match found:",j[0]);O=L(j[0]);var B=_.parse(O);console.log("Edit tool detected and parsed successfully:",B),B.conflicting_learnings&&(se(B.conflicting_learnings),console.log("Setting edit conflicting learning trigger:",B.conflicting_learnings)),B.similar_learnings&&(de(B.similar_learnings),console.log("Setting edit similar learning trigger:",B.similar_learnings))}catch(e){console.error("Failed to parse edit tool JSON:",e)}var z=t.match(v);if(z)try{O=L(z[0]);var P=_.parse(O);if(P.recommended_whentoapply||P.recommended_whennottoapply){var K=E(P);n(K)}}catch(e){console.error("Failed to parse validation recommendations:",e)}},h=0,m=(null===(t=e[e.length-1])||void 0===t?void 0:t.orchestratorAndAgentsMessages)||[];h<m.length;h++){g(m[h])}return l},[e,o])}(je,me,On,Wn);v(function(){var e=(null==jn?void 0:jn[(null==jn?void 0:jn.length)-1])||null;e&&(j(e),console.log("Parsed suggestions:",jn))},[jn]),v(function(){if($&&0!==mn.size){var e=$.conflicting_learnings&&Object.values($.conflicting_learnings).some(function(e){return mn.has(e.id)}),o=$.similar_learnings&&Object.values($.similar_learnings).some(function(e){return mn.has(e.id)});if(e||o){var i=JSON.stringify({deletedIds:Array.from(mn).sort()});if(bn.current!==i){var t=n({},$);if(t.conflicting_learnings){var l=Object.values(t.conflicting_learnings).filter(function(e){return!mn.has(e.id)});console.log("[ChatComponent] Re-keying conflicting learnings:",{originalKeys:Object.keys(t.conflicting_learnings),remainingCount:l.length,remainingLearnings:l.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var a={};l.forEach(function(e,n){var o=String.fromCharCode(65+n);a[o]=e,console.log("[ChatComponent] Conflicting learning ".concat(n," gets key '").concat(o,"':"),e.feedback.variant)}),t.conflicting_learnings=a,console.log("[ChatComponent] Final conflicting learnings keys:",Object.keys(a))}if(t.similar_learnings){var r=Object.values(t.similar_learnings).filter(function(e){return!mn.has(e.id)});console.log("[ChatComponent] Re-keying similar learnings:",{originalKeys:Object.keys(t.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 o=String.fromCharCode(65+n);s[o]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(o,"':"),e.feedback.variant)}),t.similar_learnings=s,console.log("[ChatComponent] Final similar learnings keys:",Object.keys(s))}bn.current=i,console.log("Filtered learningWtaResponse after deletion:",t),X(t)}}}},[mn,$,X]),v(function(){if($&&0!==Cn.size&&($.similar_learnings&&Object.values($.similar_learnings).some(function(e){return Cn.has(e.id)}))){var e=JSON.stringify({mergedIds:Array.from(Cn).sort()});if(wn.current!==e){var o=n({},$);if(o.similar_learnings){var i=Object.values(o.similar_learnings).filter(function(e){return!Cn.has(e.id)});console.log("[ChatComponent] Re-keying similar learnings after merge:",{originalKeys:Object.keys(o.similar_learnings),remainingCount:i.length,remainingLearnings:i.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var t={};i.forEach(function(e,n){var o=String.fromCharCode(65+n);t[o]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(o,"':"),e.feedback.variant)}),o.similar_learnings=t,console.log("[ChatComponent] Final similar learnings keys after merge:",Object.keys(t))}wn.current=e,console.log("Filtered learningWtaResponse after merge:",o),X(o)}}},[Cn,$,X]);var Bn=function(e){return u(function(){for(var n,o,i=[],t=/['"](\w+)['"]\s*:\s*(['"])((?:\\.|(?!\2).)*)\2/g,l=0,a=(null===(o=e[e.length-1])||void 0===o?void 0:o.orchestratorAndAgentsMessages)||[];l<a.length;l++)for(var r=a[l],s=(null==r?void 0:r.responsedata)||"",d=void 0;null!==(d=t.exec(s));)try{var c=d[1],u=d[3];(u.startsWith("'")&&u.endsWith("'")||u.startsWith('"')&&u.endsWith('"'))&&(u=u.substring(1,u.length-1));var v=((n={})[c]=u,n);i.push(v)}catch(e){console.error("Failed to parse regex match for header message:",e)}return i},[e])}(je);v(function(){var e=null==Bn?void 0:Bn.find(function(e){return"modification"in e});e&&H(e.modification);var o=null==Bn?void 0:Bn.find(function(e){return"tooltip"in e});o&&V(o.tooltip);var i=null==Bn?void 0:Bn.find(function(e){return"original"in e});i&&(console.log("✅ Original Extracted:",i.original),z(function(e){return e.question===i.original?e:n(n({},e),{original:i.original,_extractedOriginalUpdate:!0})}))},[Bn]);!function(e,n){v(function(){for(var o,i=0,t=(null===(o=e[e.length-1])||void 0===o?void 0:o.orchestratorAndAgentsMessages)||[];i<t.length;i++){for(var l=t[i],a=(null==l?void 0:l.responsedata)||"",r=/<wta>([\s\S]*?)<\/wta>/gi,s=[],d=void 0;null!==(d=r.exec(a));)console.log("match wta suggestion",d),s.push(d[1]);s.length&&n(s)}},[e,n])}(je,gn);var zn=function(e){return u(function(){for(var n,o=[],i=/^\{\s*(['"])(\w+)\1\s*:\s*(['"])(.*?)\3\s*\}$/,t=0,l=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];t<l.length;t++){var a=l[t],r=((null==a?void 0:a.responsedata)||"").match(i);if(r){console.log("match: ",r[0]);try{var s=_.parse(r[0]);o.push(s)}catch(e){console.error("Failed to parse JSON:",e)}}}return o},[e])}(je);v(function(){var e=(null==zn?void 0:zn[(null==zn?void 0:zn.length)-1])||null;e&&(console.log("latestParseTooltip: ",e),V(null==e?void 0:e.tooltip))},[zn]);var Pn=function(e){var n=c([]),o=n[0],i=n[1];return v(function(){for(var n,o=[],t=/\{\s*['"]save['"]\s*:\s*(True|False|true|false)\s*\}/,l=0,a=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];l<a.length;l++){var r=a[l],s=((null==r?void 0:r.responsedata)||"").match(t);if(s)try{var d=s[0].replace(/\bTrue\b/,"true").replace(/\bFalse\b/,"false").replace(/'/g,'"');console.log("corrected:",d);var c=_.parse(d);!0===c.save&&Z(!0),o.push(c)}catch(e){console.error("Failed to parse JSON:",e)}}i(o)},[e]),o}(je);v(function(){var e=(null==Pn?void 0:Pn[(null==Pn?void 0:Pn.length)-1])||null;if(e&&"boolean"==typeof e.save){q(!0);var n=setTimeout(function(){q(!1),J(e.save)},200);return function(){clearTimeout(n)}}},[Pn]),v(function(){ee&&(Vn(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save it"),ne(!1))},[ee]),v(function(){if(ie&&oe){var e="Delete learning ".concat(ie);Vn(new KeyboardEvent("keydown",{key:"Enter"}),!1,e),te&&te(null)}},[ie,oe,te]),v(function(){Un(),Gn();var e=function(){var e,n=(null===(e=null==kn?void 0:kn.current)||void 0===e?void 0:e.clientHeight)||0,o="calc(100% - ".concat(n,"px - 10px");En(o)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var Kn=g(function(){var e=Se.current;e&&setTimeout(function(){e.scrollTo({top:e.scrollHeight,behavior:"smooth"}),un(!1)},100)},[]);v(function(){(null==Re?void 0:Re.length)>0&&Kn()},[Re]);var Un=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(xe,"/api/chatbot/getChatSettings?name=").concat(be,"&organizationName=").concat(O),headers:{}};p.request(e).then(function(e){var n,o,i;(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)&&""!==(null===(i=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.chatSettings)||void 0===i?void 0:i.chatInitialMessage)&&Qe(!0)}).catch(function(e){console.error(e)})},Gn=function(){return o(void 0,void 0,void 0,function(){var e,n;return i(this,function(o){e="".concat(xe,"/api/chat/history?name=").concat(be,"&organizationName=").concat(O);try{n={method:"GET",params:{guestSessionId:we.current},withCredentials:!0},p.get(e,n).then(function(e){var n=e.data;n.length>0?(Be(n),Kn()):Qe(!0)}).catch(function(e){console.error(e)})}catch(e){Ke(!1),console.error(e)}return[2]})})};function Hn(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var Jn=function(e,o,i,l,a,r){var s,d,c,u,v,g,h,p,f,C,y,b,w,_,x,S,L,k;console.log("userInput: ",a);var R={role:"assistant",content:"",id:m()};if(null===(u=null===(c=null===(d=null===(s=null==e?void 0:e.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===d?void 0:d.message)||void 0===c?void 0:c.content)||void 0===u?void 0:u.includes("WaitMessage: "))Ke(!1),Ge(!0),R.content=function(e){var n="WaitMessage: ",o=e.indexOf(n);if(-1!==o){var i=e.substring(o+13);return null==i?void 0:i.replaceAll("WaitMessage: ","")}return""}((null===(h=null===(g=null===(v=null==e?void 0:e.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===g?void 0:g.message)||void 0===h?void 0:h.content)+"\n\n"),Be(t(t([],je,!0),[{role:"user",content:a,time:l,isFirstQuestionSent:r||!1,id:(null===(f=null===(p=null==e?void 0:e.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===f?void 0:f.requestId)||"",reply:""},R],!1));else{Ke(!1),Ge(!1),R.content=null===(w=Hn(null===(b=null===(y=null===(C=null==e?void 0:e.chatStream)||void 0===C?void 0:C.continueChatResult)||void 0===y?void 0:y.message)||void 0===b?void 0:b.content))||void 0===w?void 0:w.replaceAll("WaitMessage: ","");var A=function(e,o,i){var l,a,r,s,d,c,u,v,g,h,p,f,C,y,b,w,_,x,S,L,k,R,A,E,T,M,I,F,D,N,O,W,j,B,z,P,K,U,G,H,J,V,q,Z,Q,Y,$,X,ee,ne,oe,ie,te,le,ae,re,se,de,ce,ue,ve,ge,he,me,pe,fe,Ce,ye,be,we,_e,xe,Se,Le,ke,Re,Ae,Ee,Te,Me,Ie,Fe,De,Ne,Oe,We,je,Be,ze,Pe,Ke,Ue,Ge,He,Je,Ve,qe,Ze,Qe,Ye,$e,Xe,en,nn,on,tn,ln,an,rn,sn,dn,cn,un,vn,gn,hn,mn,pn,fn,Cn,yn,bn,wn,_n,xn,Sn,Ln,kn,Rn,An,En,Tn,Mn,In,Fn,Dn,Nn,On,Wn,jn,Bn,zn,Pn,Kn,Un,Gn,Jn,Vn,qn,Zn,Qn,Yn,$n,Xn,eo,no,oo,io,to,lo,ao,ro,so,co,uo,vo,go,ho,mo,po;console.log("event",e,Object.keys(e)),console.log("content: ",null==e?void 0:e.data);var fo={role:"assistant",content:"",id:m()};if(!1===(null===(r=null===(a=null===(l=null==e?void 0:e.data)||void 0===l?void 0:l.chatStream)||void 0===a?void 0:a.continueChatResult)||void 0===r?void 0:r.thinking_break)&&!0===(null===(c=null===(d=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===c?void 0:c.is_orchestrator)&&!1===(null===(g=null===(v=null===(u=null==e?void 0:e.data)||void 0===u?void 0:u.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===g?void 0:g.isEnd)&&(fo.content=null===(y=Hn(null===(C=null===(f=null===(p=null===(h=null==e?void 0:e.data)||void 0===h?void 0:h.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===f?void 0:f.message)||void 0===C?void 0:C.content))||void 0===y?void 0:y.replaceAll("WaitMessage: ","")),!0===(null===(_=null===(w=null===(b=null==e?void 0:e.data)||void 0===b?void 0:b.chatStream)||void 0===w?void 0:w.continueChatResult)||void 0===_?void 0:_.thinking_break)&&!0===(null===(L=null===(S=null===(x=null==e?void 0:e.data)||void 0===x?void 0:x.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===L?void 0:L.is_orchestrator)&&!1===(null===(A=null===(R=null===(k=null==e?void 0:e.data)||void 0===k?void 0:k.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===A?void 0:A.isEnd)&&(fo.content="",o.push({responsedata:null===(I=null===(M=null===(T=null===(E=null==e?void 0:e.data)||void 0===E?void 0:E.chatStream)||void 0===T?void 0:T.continueChatResult)||void 0===M?void 0:M.message)||void 0===I?void 0:I.content,responseFrom:null===(N=null===(D=null===(F=null==e?void 0:e.data)||void 0===F?void 0:F.chatStream)||void 0===D?void 0:D.continueChatResult)||void 0===N?void 0:N.responded_by,header_message:null===(j=null===(W=null===(O=null==e?void 0:e.data)||void 0===O?void 0:O.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===j?void 0:j.header_message,finalResponseStatus:!1,explainability_id:null!==(K=null===(P=null===(z=null===(B=null==e?void 0:e.data)||void 0===B?void 0:B.chatStream)||void 0===z?void 0:z.continueChatResult)||void 0===P?void 0:P.explainability_id)&&void 0!==K?K:"",isParallelToolResponse:!1})),!1===(null===(H=null===(G=null===(U=null==e?void 0:e.data)||void 0===U?void 0:U.chatStream)||void 0===G?void 0:G.continueChatResult)||void 0===H?void 0:H.thinking_break)&&!0===(null===(q=null===(V=null===(J=null==e?void 0:e.data)||void 0===J?void 0:J.chatStream)||void 0===V?void 0:V.continueChatResult)||void 0===q?void 0:q.is_orchestrator)&&!0===(null===(Y=null===(Q=null===(Z=null==e?void 0:e.data)||void 0===Z?void 0:Z.chatStream)||void 0===Q?void 0:Q.continueChatResult)||void 0===Y?void 0:Y.isEnd)&&(fo.content=null===(oe=Hn(null===(ne=null===(ee=null===(X=null===($=null==e?void 0:e.data)||void 0===$?void 0:$.chatStream)||void 0===X?void 0:X.continueChatResult)||void 0===ee?void 0:ee.message)||void 0===ne?void 0:ne.content))||void 0===oe?void 0:oe.replaceAll("WaitMessage: ","")),!1===(null===(le=null===(te=null===(ie=null==e?void 0:e.data)||void 0===ie?void 0:ie.chatStream)||void 0===te?void 0:te.continueChatResult)||void 0===le?void 0:le.thinking_break)&&!1===(null===(se=null===(re=null===(ae=null==e?void 0:e.data)||void 0===ae?void 0:ae.chatStream)||void 0===re?void 0:re.continueChatResult)||void 0===se?void 0:se.is_orchestrator)&&!1===(null===(ue=null===(ce=null===(de=null==e?void 0:e.data)||void 0===de?void 0:de.chatStream)||void 0===ce?void 0:ce.continueChatResult)||void 0===ue?void 0:ue.isEnd)){if((bo=null===(ge=null===(ve=null==e?void 0:e.data)||void 0===ve?void 0:ve.chatStream)||void 0===ge?void 0:ge.continueChatResult).explainability_id&&bo.responded_by){var Co=bo.explainability_id,yo=bo.responded_by;i.has(Co)||i.set(Co,{responded_by:yo,index:o.length})}i.has(null===(me=null===(he=null==e?void 0:e.data)||void 0===he?void 0:he.chatStream)||void 0===me?void 0:me.continueChatResult.explainability_id)?o[Lo=null==(wo=i.get(null===(Ce=null===(fe=null===(pe=null==e?void 0:e.data)||void 0===pe?void 0:pe.chatStream)||void 0===fe?void 0:fe.continueChatResult)||void 0===Ce?void 0:Ce.explainability_id))?void 0:wo.index]={responsedata:null===(_e=null===(we=null===(be=null===(ye=null==e?void 0:e.data)||void 0===ye?void 0:ye.chatStream)||void 0===be?void 0:be.continueChatResult)||void 0===we?void 0:we.message)||void 0===_e?void 0:_e.content,responseFrom:null===(Le=null===(Se=null===(xe=null==e?void 0:e.data)||void 0===xe?void 0:xe.chatStream)||void 0===Se?void 0:Se.continueChatResult)||void 0===Le?void 0:Le.responded_by,header_message:null===(Ae=null===(Re=null===(ke=null==e?void 0:e.data)||void 0===ke?void 0:ke.chatStream)||void 0===Re?void 0:Re.continueChatResult)||void 0===Ae?void 0:Ae.header_message,finalResponseStatus:!0,explainability_id:null!==(Ie=null===(Me=null===(Te=null===(Ee=null==e?void 0:e.data)||void 0===Ee?void 0:Ee.chatStream)||void 0===Te?void 0:Te.continueChatResult)||void 0===Me?void 0:Me.explainability_id)&&void 0!==Ie?Ie:"",isParallelToolResponse:!0}:o=t(t([],o,!0),[{responsedata:null===(Oe=null===(Ne=null===(De=null===(Fe=null==e?void 0:e.data)||void 0===Fe?void 0:Fe.chatStream)||void 0===De?void 0:De.continueChatResult)||void 0===Ne?void 0:Ne.message)||void 0===Oe?void 0:Oe.content,responseFrom:null===(Be=null===(je=null===(We=null==e?void 0:e.data)||void 0===We?void 0:We.chatStream)||void 0===je?void 0:je.continueChatResult)||void 0===Be?void 0:Be.responded_by,header_message:null===(Ke=null===(Pe=null===(ze=null==e?void 0:e.data)||void 0===ze?void 0:ze.chatStream)||void 0===Pe?void 0:Pe.continueChatResult)||void 0===Ke?void 0:Ke.header_message,finalResponseStatus:!0,explainability_id:null!==(Je=null===(He=null===(Ge=null===(Ue=null==e?void 0:e.data)||void 0===Ue?void 0:Ue.chatStream)||void 0===Ge?void 0:Ge.continueChatResult)||void 0===He?void 0:He.explainability_id)&&void 0!==Je?Je:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(Ze=null===(qe=null===(Ve=null==e?void 0:e.data)||void 0===Ve?void 0:Ve.chatStream)||void 0===qe?void 0:qe.continueChatResult)||void 0===Ze?void 0:Ze.thinking_break)&&!1===(null===($e=null===(Ye=null===(Qe=null==e?void 0:e.data)||void 0===Qe?void 0:Qe.chatStream)||void 0===Ye?void 0:Ye.continueChatResult)||void 0===$e?void 0:$e.is_orchestrator)&&!1===(null===(nn=null===(en=null===(Xe=null==e?void 0:e.data)||void 0===Xe?void 0:Xe.chatStream)||void 0===en?void 0:en.continueChatResult)||void 0===nn?void 0:nn.isEnd)){var bo,wo;(bo=null===(tn=null===(on=null==e?void 0:e.data)||void 0===on?void 0:on.chatStream)||void 0===tn?void 0:tn.continueChatResult).explainability_id&&bo.responded_by&&(Co=bo.explainability_id,yo=bo.responded_by,i.has(Co)||i.set(Co,{responded_by:yo,index:o.length})),i.has(null===(rn=null===(an=null===(ln=null==e?void 0:e.data)||void 0===ln?void 0:ln.chatStream)||void 0===an?void 0:an.continueChatResult)||void 0===rn?void 0:rn.explainability_id)?o[Lo=null==(wo=i.get(null===(cn=null===(dn=null===(sn=null==e?void 0:e.data)||void 0===sn?void 0:sn.chatStream)||void 0===dn?void 0:dn.continueChatResult)||void 0===cn?void 0:cn.explainability_id))?void 0:wo.index]={responsedata:null===(hn=null===(gn=null===(vn=null===(un=null==e?void 0:e.data)||void 0===un?void 0:un.chatStream)||void 0===vn?void 0:vn.continueChatResult)||void 0===gn?void 0:gn.message)||void 0===hn?void 0:hn.content,responseFrom:null===(fn=null===(pn=null===(mn=null==e?void 0:e.data)||void 0===mn?void 0:mn.chatStream)||void 0===pn?void 0:pn.continueChatResult)||void 0===fn?void 0:fn.responded_by,header_message:null===(bn=null===(yn=null===(Cn=null==e?void 0:e.data)||void 0===Cn?void 0:Cn.chatStream)||void 0===yn?void 0:yn.continueChatResult)||void 0===bn?void 0:bn.header_message,finalResponseStatus:!1,explainability_id:null!==(Sn=null===(xn=null===(_n=null===(wn=null==e?void 0:e.data)||void 0===wn?void 0:wn.chatStream)||void 0===_n?void 0:_n.continueChatResult)||void 0===xn?void 0:xn.explainability_id)&&void 0!==Sn?Sn:"",isParallelToolResponse:!0}:o.push({responsedata:null===(An=null===(Rn=null===(kn=null===(Ln=null==e?void 0:e.data)||void 0===Ln?void 0:Ln.chatStream)||void 0===kn?void 0:kn.continueChatResult)||void 0===Rn?void 0:Rn.message)||void 0===An?void 0:An.content,responseFrom:null===(Mn=null===(Tn=null===(En=null==e?void 0:e.data)||void 0===En?void 0:En.chatStream)||void 0===Tn?void 0:Tn.continueChatResult)||void 0===Mn?void 0:Mn.responded_by,header_message:null===(Dn=null===(Fn=null===(In=null==e?void 0:e.data)||void 0===In?void 0:In.chatStream)||void 0===Fn?void 0:Fn.continueChatResult)||void 0===Dn?void 0:Dn.header_message,finalResponseStatus:!1,explainability_id:null!==(jn=null===(Wn=null===(On=null===(Nn=null==e?void 0:e.data)||void 0===Nn?void 0:Nn.chatStream)||void 0===On?void 0:On.continueChatResult)||void 0===Wn?void 0:Wn.explainability_id)&&void 0!==jn?jn:"",isParallelToolResponse:!1})}var _o=null===(Kn=null===(Pn=null===(zn=null===(Bn=null==e?void 0:e.data)||void 0===Bn?void 0:Bn.chatStream)||void 0===zn?void 0:zn.continueChatResult)||void 0===Pn?void 0:Pn.message)||void 0===Kn?void 0:Kn.annotations,xo=(null===(Vn=null===(Jn=null===(Gn=null===(Un=null==e?void 0:e.data)||void 0===Un?void 0:Un.chatStream)||void 0===Gn?void 0:Gn.continueChatResult)||void 0===Jn?void 0:Jn.message)||void 0===Vn?void 0:Vn.userFeedbackId)||"",So={role:"assistant",content:fo.content,orchestratorAndAgentsMessages:o,time:new Date,requestId:null!==(Yn=null===(Qn=null===(Zn=null===(qn=null==e?void 0:e.data)||void 0===qn?void 0:qn.chatStream)||void 0===Zn?void 0:Zn.continueChatResult)||void 0===Qn?void 0:Qn.requestId)&&void 0!==Yn?Yn:"",citations:null===(no=null===(eo=null===(Xn=null===($n=null==e?void 0:e.data)||void 0===$n?void 0:$n.chatStream)||void 0===Xn?void 0:Xn.continueChatResult)||void 0===eo?void 0:eo.message)||void 0===no?void 0:no.citations,guides_utilized:null!==(ao=null===(lo=null===(to=null===(io=null===(oo=null==e?void 0:e.data)||void 0===oo?void 0:oo.chatStream)||void 0===io?void 0:io.continueChatResult)||void 0===to?void 0:to.message)||void 0===lo?void 0:lo.guides_utilized)&&void 0!==ao?ao:[],annotations:_o,resourceId:null===(co=null===(so=null===(ro=null==e?void 0:e.data)||void 0===ro?void 0:ro.chatStream)||void 0===so?void 0:so.continueChatResult)||void 0===co?void 0:co.resourceId,userFeedbackId:xo,citationDisplayType:null!==(mo=null===(ho=null===(go=null===(vo=null===(uo=null==e?void 0:e.data)||void 0===uo?void 0:uo.chatStream)||void 0===vo?void 0:vo.continueChatResult)||void 0===go?void 0:go.message)||void 0===ho?void 0:ho.citationDisplayType)&&void 0!==mo?mo:""};if(_o)for(var Lo=0;Lo<(null==_o?void 0:_o.length);Lo++){var ko=_o[Lo];So=n(n({},So),{content:null===(po=null==So?void 0:So.content)||void 0===po?void 0:po.replace(null==ko?void 0:ko.text,(null==ko?void 0:ko.text)+"<sup>".concat(Lo,"</sup>"))})}return So}({data:e},i,o);console.log("assistantObject",A),Be(t(t([],je,!0),[{role:"user",content:a||"",time:l,isFirstQuestionSent:r||!1,requestId:null!==(S=null===(x=null===(_=null==e?void 0:e.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===x?void 0:x.requestId)&&void 0!==S?S:""},A],!1)),Ve(null===(k=null===(L=null==e?void 0:e.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===k?void 0:k.isEnd)}},Vn=function(e,o,i,l){var a,r,s,d,c,u,v;void 0===l&&(l=!1);var g=(null==i?void 0:i.trim())||(null==Ie?void 0:Ie.trim())||"";if(!("Enter"!==e.key||e.shiftKey||""===(null==i?void 0:i.trim())&&""===(null==Ie?void 0:Ie.trim())||tn)){ln(!0),l&&Dn(!0);var p=new Date;Be(t(t([],je.map(function(e,o){var i;return n(n({},e),{content:null===(i=Hn(e.content))||void 0===i?void 0:i.replace("WaitMessage: ","")})}),!0),[{role:"user",content:g,time:p,isFirstQuestionSent:!1}],!1));var f=new Map,C=[];Te(!1);var y={WEBSOCKET_URL:K,organizationName:O,chatAssistantName:be,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:(null==i?void 0:i.trim())||(null==Ie?void 0:Ie.trim())||"",requestId:"requestId-".concat(m()),customPrompt:"",enableForBackend:!1,guestSessionId:we.current,chatPreviewId:_e.current,customMetaData:n(n(n(n(n({},B),{whenToApply:null===(r=null===(a=null==B?void 0:B.whenToApply)||void 0===a?void 0:a.split(" OR "))||void 0===r?void 0:r.filter(function(e){return""!==e}),whenNotToApply:null===(d=null===(s=null==B?void 0:B.whenNotToApply)||void 0===s?void 0:s.split(" OR "))||void 0===d?void 0:d.filter(function(e){return""!==e}),isFirstQuestion:0===je.length,validation:!l&&(null!=Q?Q:null),conflicting_learnings:null!==(c=null==$?void 0:$.conflicting_learnings)&&void 0!==c?c:"",similar_learnings:null!==(u=null==$?void 0:$.similar_learnings)&&void 0!==u?u:""}),(null==fe?void 0:fe.wta)&&{recommended_whentoapply:fe.wta}),(null==fe?void 0:fe.wnta)&&{recommended_whennottoapply:fe.wnta}),{send_metadata_to_orchestrator:!0,ai_response:ye}),customMetaDataDebug:{conflicting_learnings_keys:(null==$?void 0:$.conflicting_learnings)?Object.keys($.conflicting_learnings):[],similar_learnings_keys:(null==$?void 0:$.similar_learnings)?Object.keys($.similar_learnings):[],conflicting_count:(null==$?void 0:$.conflicting_learnings)?Object.keys($.conflicting_learnings).length:0,similar_count:(null==$?void 0:$.similar_learnings)?Object.keys($.similar_learnings).length:0},aiModel:"",onStreamEvent:function(e){return Jn(e,f,C,p,g,o)},onStreamEnd:function(e){ln(!1),Dn(!1)},onError:function(e){console.error("Stream error:",e),ln(!1),Dn(!1)}};if(console.log("Custom MetaData Payload:",y.customMetaData),""!==(null==Ie?void 0:Ie.trim())||(null==i?void 0:i.trim())){Ke(!0),null===(v=Le.current)||void 0===v||v.blur(),Fe(""),Kn();for(var b="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(" "),w="",_=function(e){setTimeout(function(){w+=b[e]+" ",nn(w.trim())},25*e)},x=0;x<b.length;x++)_(x);h(y)}}},qn=d(new Set);return v(function(){if(le&&!tn){if(qn.current.has(le))return void console.log("[ChatComponent] ⚠️ Duplicate merge trigger ignored:",le);console.log("[ChatComponent] 🔴 MERGE TRIGGER RECEIVED:",le),qn.current.add(le);var e=null,n="A";if(null==$?void 0:$.similar_learnings){var o=Object.values($.similar_learnings),i=o.findIndex(function(e){return(null==e?void 0:e.id)===le});-1!==i&&(e=o[i],n=String.fromCharCode(65+i))}if(e){var t="Merge Similar Learning ".concat(n," with current learning");console.log("[ChatComponent] ✅ Sending merge message to chat:",t),Vn(new KeyboardEvent("keydown",{key:"Enter"}),!1,t),console.log("[ChatComponent] Message sent successfully")}else console.log("[ChatComponent] ❌ Learning not found for ID:",le);ae&&(ae(null),console.log("[ChatComponent] Trigger cleared"))}else le&&tn&&console.log("[ChatComponent] ⚠️ Merge trigger received but streaming in progress:",le)},[le,tn,ae]),u(function(){return{img:function(e){e.node;var o=l(e,["node"]);return a("img",n({},o,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==o?void 0:o.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(e){e.node;var o=l(e,["node"]);return a("p",n({},o,{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==o?void 0:o.children}))},code:function(e){e.node;var o=l(e,["node"]);return a("span",n({},o,{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==o?void 0:o.children}))},ol:function(e){e.node;var o=l(e,["node"]);return a("ol",n({},o,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==o?void 0:o.children}))},ul:function(e){e.node;var o=l(e,["node"]);return a("ul",n({},o,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==o?void 0:o.children}))},wta:function(e){e.node;var n=l(e,["node"]);n.key||n["data-key"];var o=n.label||n.children||"Unknown label";return a(D,{label:o,onToggle:function(e,n){!function(e,n){var o=Array.isArray(e)?e[0]:e;null==Re||Re.length,Te(!0),Ae(function(e){return n?e.includes(o)?e:t(t([],e,!0),[o],!1):e.filter(function(e){return e!==o})})}(e,n)}})}}},[]),r("div",n({className:b.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:[r("div",n({style:{width:"100%",height:"100%",backgroundColor:"#fbfaff",maxWidth:"100%",overflow:"hidden"}},{children:[a("div",n({ref:kn},{children:a(I,{resetChatHistory:function(){var e="".concat(xe,"/api/chat/resetHistory?name=").concat(be,"&organizationName=").concat(O);Y(null),X(null);try{var o={method:"GET",params:{guestSessionId:we.current},withCredentials:!0};p.get(e,o).then(function(){H(""),V(""),U(!0),Te(!1),Ae([]),$e(""),pn(new Set),bn.current="",_n.current.clear(),qn.current.clear(),ae&&ae(null),_e.current="".concat(m()),P(!1),Be([]),Qe(!0),re?(console.log("[ChatComponent] 🔄 Calling onResetLearningData callback"),re()):console.log("[ChatComponent] ❌ onResetLearningData callback not available"),z(function(e){return n(n({},e),{original:Ce?"":e.original,modification:"",tooltip:"",whenToApply:"",whenNotToApply:"",isTooltipEnabled:!1,isModificationEnabled:!0})})}).catch(function(e){console.error(e)})}catch(e){Ke(!1),console.error(e)}},isStreamEnd:Je})})),r("div",n({style:{width:"100%",height:An,maxHeight:An,overflowY:"auto",backgroundColor:"#fbfaff"},ref:Se},{children:[a("div",n({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:a("span",{children:"I'm here to help fine-tune your learning so it works as accurately as it should."})})),r("div",n({style:{display:"flex",flexDirection:"row",fontFamily:"inherit",padding:"16px 10px 0px 16px",maxWidth:"80%"}},{children:[a("div",n({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.3rem"}},{children:r("svg",n({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[a("g",n({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:a("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"})})),a("defs",{children:a("clipPath",n({id:"clip0_6004_60631"},{children:a("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),a("div",n({style:{display:"flex",flexDirection:"column",fontWeight:400,color:"#000"}},{children:a("div",n({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:a("span",{children:a(f,n({components:{p:function(e){e.node;var o=l(e,["node"]);return a("p",n({},o,{style:{margin:0}},{children:null==o?void 0:o.children}))}}},{children:Ne}))})}))}))]})),je.length?je.map(function(e,o){return r("div",n({style:{display:"flex",padding:"0.5rem 1rem",maxWidth:"100%"}},{children:["assistant"==(null==e?void 0:e.role)&&a("div",n({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.5rem",marginRight:"1rem"}},{children:r("svg",n({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[a("g",n({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:a("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"})})),a("defs",{children:a("clipPath",n({id:"clip0_6004_60631"},{children:a("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),r("div",n({style:{width:"100%"}},{children:["assistant"===e.role&&e.orchestratorAndAgentsMessages&&e.orchestratorAndAgentsMessages.length>0&&a(C,{orchestratorAndAgentsMessages:null==e?void 0:e.orchestratorAndAgentsMessages,isStreamEnd:Je,isCurrentMessage:o===je.length-1,ThinkingBulbIconComponent:G}),"assistant"===(null==e?void 0:e.role)?a(S,{index:o,content:null==e?void 0:e.content,messages:je,handleStream:Vn}):a("span",{}),a("div",n({style:{display:"flex",justifyContent:"flex-end"}},{children:"user"===e.role?a("div",n({style:{backgroundColor:"#8694A10D",padding:"0 1rem",borderRadius:"8px",maxWidth:"80%"}},{children:a(S,{index:o,content:null==e?void 0:e.content,messages:je,handleStream:Vn,scrollToBottom:Kn})})):a("span",{})}))]}))]}))}):Ze&&a(s,{}),Pe&&r("div",n({style:{display:"flex",padding:"16px 16px 0px 16px"}},{children:[a("div",n({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.2rem"}},{children:r("svg",n({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[a("g",n({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:a("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"})})),a("defs",{children:a("clipPath",n({id:"clip0_6004_60631"},{children:a("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),a("div",n({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:a("span",{children:en})}))]}))]}))]})),r("div",n({style:{width:"95%",height:"content-fit",backgroundColor:"#fbfaff",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"end",position:"relative"}},{children:[a("div",n({style:{visibility:cn?"visible":"hidden",position:"absolute",top:"-3rem",zIndex:0,pointerEvents:"none"}},{children:a("button",n({onClick:Kn,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:a("svg",n({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:a("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"})}))}))})),Fn&&r(A,n({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:[a("span",{children:"Instant Learning AI is thinking"}),a(A,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Mn," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),a(A,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Mn," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),a(A,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Mn," 1.4s infinite ease-in-out both")}})]})),a(w,n({title:pe?"Please wait for the validation to be completed.":""},{children:a("div",n({style:{width:"100%",backgroundColor:"#fff",display:"flex",alignItems:"end",gap:"0.5rem",border:"1px solid #E5E7EB",borderRadius:"8px",cursor:Sn?"not-allowed":"default"}},{children:r("div",n({style:{width:"100%",display:"flex"}},{children:[a("textarea",{ref:Le,placeholder:"Tell me more about this learning...",value:Ie||"",onChange:function(e){return Fe(e.target.value)},onFocus:function(){return sn(!0)},onBlur:function(){return sn(!1)},onKeyDown:function(e){return Vn(e)},disabled:Sn,style:{flexGrow:1,padding:"0.5rem",borderRadius:"0.5rem",border:"none",fontSize:"1rem",lineHeight:"1.5rem",resize:"none",backgroundColor:"#fff",color:"inherit",minHeight:rn?"120px":"50px",height:rn?"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:Sn?"not-allowed":"text"}}),r("span",n({style:{display:"flex",flexDirection:"column",justifyContent:"end",alignItems:"end"}},{children:[" ",a("button",n({onClick:function(e){Vn(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:Ln,style:{padding:"0.5rem 0.75rem",borderRadius:"0.375rem",border:"none",backgroundColor:"white",color:Ln?"#d1d5db":"#5928ed",fontWeight:"bold",fontSize:"1rem",cursor:Ln?"not-allowed":"pointer",transition:"background-color 0.3s, color 0.3s",height:"50px"}},{children:a(M,{})}))]}))]}))}))}))]})),r("div",n({style:{width:"95%",display:"flex",gap:"0.25rem",flexDirection:"row"}},{children:[a(w,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:a("span",n({style:{width:"50%"}},{children:a(x,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),a(w,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:a("span",n({style:{width:"50%"}},{children:a(x,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};export{N as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import { startChatStream } from '@e-llm-studio/streaming-response';
+import { v4 } from 'uuid';
+import { http } from '../../../api/transport.js';
+import ReactMarkdown from 'react-markdown';
+import MinimizedThinkingSteps from './MinimizedThinkingSteps.js';
+import NewChatIcon from './_svg/NewChatIcon.js';
+import styles from '../InstantLearning.module.css.js';
+import Tooltip from '@mui/material/Tooltip';
+import JSON5 from 'json5';
+import AudioWaveform from './AudioWaveform.js';
+import MessageRendering from './MessageRendering.js';
+import { sanitizePythonDictToJSON } from '../../../utils/instantLearning.utils.js';
+import { publishAgenticFeedbackForVariantIngestion } from '../../../service/InstantLearningService.js';
+import { keyframes, Box } from '@mui/material';
+import { parseValidationRecommendations } from '../../../utils/recommendationParser.js';
+
+const SendButton = () => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "20px",
+      height: "20px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ 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__ */ jsxs(
+    "div",
+    {
+      className: styles.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__ */ jsxs(
+          "span",
+          {
+            style: {
+              fontSize: "1.25rem",
+              fontWeight: 700,
+              color: "#1f2937",
+              flex: 1,
+              marginLeft: "0.5rem",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { color: "#5928ED" }, children: "InstantLearning.AI" }),
+              " Chat"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: "New chat",
+            placement: "top",
+            arrow: true,
+            componentsProps: {
+              tooltip: {
+                sx: {
+                  fontSize: "0.875rem",
+                  padding: "0.5rem",
+                  fontFamily: "Plus Jakarta Sans, sans-serif"
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                onClick: () => {
+                  console.log(NewChatIcon, "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__ */ jsx(NewChatIcon, {})
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+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 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] = useState(false);
+  const spanRef = useRef(null);
+  const handleChange = () => {
+    const newState = !selected;
+    setSelected(newState);
+    onToggle(label, newState);
+  };
+  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__ */ 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__ */ 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__ */ 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,
+  isFromDashboard,
+  fullMessageText
+}) => {
+  const chatAssistant = chatAssistantName;
+  const guestSessionIdRef = useRef(`${chatAssistant}-${organizationName}-${v4()}`);
+  const chatPreviewIdRef = useRef(`${v4()}`);
+  const url = baseUrl;
+  const scrollContainerRef = useRef(null);
+  const textAreaRef = useRef(null);
+  const [selectedWTA, setSelectedWTA] = useState([]);
+  const [showSelectedWTA, setShowSelectedWTA] = useState(false);
+  const [userInput, setUserInput] = useState("");
+  const [welcomeMessage, setWelcomeMessage] = useState("");
+  const [messages, setMessages] = useState([]);
+  const [messageLoading, setMessageLoading] = useState(false);
+  const [waitMessageLoading, setWaitMessageLoading] = useState(false);
+  const [isStreamEnd, setIsStreamEnd] = useState(true);
+  const [showWelcomeMessage, setShowWelcomeMessage] = useState(true);
+  const [chatInitialMessage, setChatInitialMessage] = useState("");
+  const [initialLoadingMessage, setInitialLoadingMessage] = useState("");
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isVisible, setIsVisible] = useState(false);
+  const [suggestedWta, setSuggestedWta] = useState([]);
+  const [deletedLearningIds, setDeletedLearningIds] = useState(/* @__PURE__ */ new Set());
+  const [mergedLearningIds, setMergedLearningIds] = useState(/* @__PURE__ */ new Set());
+  const lastProcessedResponseRef = useRef("");
+  const lastProcessedMergeResponseRef = useRef("");
+  const processedDeleteToolsRef = useRef(/* @__PURE__ */ new Set());
+  const isInputEmpty = useMemo(() => {
+    return (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming;
+  }, [userInput, isStreaming]);
+  const isTextareaDisabled = useMemo(() => isStreaming || isFormValidating, [isStreaming, isFormValidating]);
+  const isSendButtonDisabled = useMemo(() => isInputEmpty || isStreaming || isFormValidating, [isInputEmpty, isStreaming, isFormValidating]);
+  const chatHeaderRef = useRef(null);
+  const [availableHeight, setAvailableHeight] = useState("100%");
+  const processedDeleteCommandsRef = useRef(/* @__PURE__ */ new Set());
+  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 = keyframes`
+      0%, 80%, 100% {
+        transform: scale(0);
+      }
+      40% {
+        transform: scale(1.0);
+      }
+    `;
+  const [isAwaitingValidationResponse, setIsAwaitingValidationResponse] = useState(false);
+  useEffect(() => {
+    let staticWelcomeMessage = `Please tell me how I should correct  "${(formDataState == null ? void 0 : formDataState.original) || ""}"? `;
+    setWelcomeMessage(staticWelcomeMessage);
+  }, [formDataState]);
+  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]);
+  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 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*['"]save['"]|\}$)/;
+      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.parse(`{${match[0]}}`);
+            const hasTextContent = (str) => str && /[a-zA-Z]/.test(str);
+            if (extracted.conditions_whentoapply && Array.isArray(extracted.conditions_whentoapply)) {
+              extracted.conditions_whentoapply = extracted.conditions_whentoapply.filter(
+                (item) => item.when_to_apply && hasTextContent(item.when_to_apply)
+              );
+            }
+            if (extracted.conditions_whennottoapply && Array.isArray(extracted.conditions_whennottoapply)) {
+              extracted.conditions_whennottoapply = extracted.conditions_whennottoapply.filter(
+                (item) => item.when_not_to_apply && hasTextContent(item.when_not_to_apply)
+              );
+            }
+            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 = sanitizePythonDictToJSON(validationMatch[0] || "");
+            const validationObj = JSON5.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 = sanitizePythonDictToJSON(responseData || "");
+          let parsedData = JSON5.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) {
+              try {
+                console.log("\u{1F50D} Regex Match Found. Attempting reconstruction...");
+                const isValidDbRaw = dbValidationMatch[1];
+                const conflictingRaw = dbValidationMatch[2];
+                const similarRaw = dbValidationMatch[3];
+                const cleanPythonBool = (str) => str.replace(/\bTrue\b/g, "true").replace(/\bFalse\b/g, "false").replace(/\bNone\b/g, "null");
+                const reconstructedJSON = `{
+                                    "is_valid_db": ${cleanPythonBool(isValidDbRaw)},
+                                    "conflicting_learnings": ${cleanPythonBool(conflictingRaw)},
+                                    "similar_learnings": ${cleanPythonBool(similarRaw)}
+                                }`;
+                console.log("\u{1F4DD} Reconstructed JSON (First 100 chars):", reconstructedJSON.substring(0, 100) + "...");
+                const dbValidationObj = JSON5.parse(reconstructedJSON);
+                setLearningWtaResponse(dbValidationObj);
+                console.log("\u2705 [Fix] dbVal parsed successfully via Group Capture");
+              } catch (regexError) {
+                console.error("\u274C Failed to parse validation JSON with regex fallback:", regexError);
+                console.log("\u274C Failed Match Groups:", dbValidationMatch);
+              }
+            }
+          }
+        } catch (e) {
+          console.log("JSON parsing failed, trying regex fallback for validation data");
+          const dbValidationMatch = responseData.match(dbValidationPattern);
+          if (dbValidationMatch) {
+            try {
+              const isValidDbRaw = dbValidationMatch[1];
+              const conflictingRaw = dbValidationMatch[2];
+              const similarRaw = dbValidationMatch[3];
+              const cleanPythonBool = (str) => str.replace(/\bTrue\b/g, "true").replace(/\bFalse\b/g, "false").replace(/\bNone\b/g, "null");
+              const reconstructedJSON = `{
+                                    "is_valid_db": ${cleanPythonBool(isValidDbRaw)},
+                                    "conflicting_learnings": ${cleanPythonBool(conflictingRaw)},
+                                    "similar_learnings": ${cleanPythonBool(similarRaw)}
+                                }`;
+              console.log("\u{1F6E0}\uFE0F Reconstructed DB Validation JSON:", reconstructedJSON.substring(0, 100) + "...");
+              const dbValidationObj = JSON5.parse(reconstructedJSON);
+              setLearningWtaResponse(dbValidationObj);
+              console.log("\u2705 [App] dbVal set via Regex Fallback:", dbValidationObj);
+            } catch (regexError) {
+              console.error("Failed to parse validation JSON with regex fallback:", regexError);
+              console.log("Failed string:", dbValidationMatch[0]);
+            }
+          }
+        }
+        const deleteToolMatch = responseData.match(deleteToolPattern);
+        if (deleteToolMatch) {
+          try {
+            let cleanedDeleteTool = sanitizePythonDictToJSON(deleteToolMatch[0] || "");
+            const deleteToolObj = JSON5.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 = sanitizePythonDictToJSON(pythonLikeString);
+            const mergeToolObj = JSON5.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 = sanitizePythonDictToJSON(editToolMatch[0]);
+            const editToolObj = JSON5.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 = sanitizePythonDictToJSON(jsonMatch[0]);
+            const parsedObject = JSON5.parse(jsonString);
+            if (parsedObject.recommended_whentoapply || parsedObject.recommended_whennottoapply) {
+              const recommendations = parseValidationRecommendations(parsedObject);
+              onRecommendationFound(recommendations);
+            }
+          } catch (e) {
+            console.error("Failed to parse validation recommendations:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2, onDeleteToolCall]);
+  };
+  const clearCurrentLearningUI = useCallback(() => {
+    console.log('\u{1F9F9} Performing UI Cleanup for "Delete Current Learning"');
+    setFormDataState((prev) => ({
+      ...prev,
+      original: isFromDashboard ? "" : prev.original,
+      modification: "",
+      tooltip: "",
+      whenToApply: "",
+      whenNotToApply: "",
+      isTooltipEnabled: false,
+      isModificationEnabled: true,
+      _mergeUpdate: false
+    }));
+    if (setValidationWtaResponse) setValidationWtaResponse(null);
+    if (setLearningWtaResponse) setLearningWtaResponse(null);
+    if (setValidationRecommendations) setValidationRecommendations(null);
+    if (onResetLearningData) onResetLearningData();
+    setExtractedTooltip && setExtractedTooltip("");
+    setSuggestedWta([]);
+  }, [setFormDataState, setValidationWtaResponse, setLearningWtaResponse, onResetLearningData, setExtractedModification, setExtractedTooltip, setSuggestedWta]);
+  useEffect(() => {
+    if (!messages || messages.length === 0) return;
+    const lastMessage = messages[messages.length - 1];
+    const orchestratorMessages = (lastMessage == null ? void 0 : lastMessage.orchestratorAndAgentsMessages) || [];
+    const deleteToolPattern = /['"]delete_current_learning['"]\s*:\s*(true|false|True|False)/;
+    orchestratorMessages.forEach((msg, index) => {
+      const responseData = (msg == null ? void 0 : msg.responsedata) || "";
+      const parentId = lastMessage.requestId || lastMessage.id || `msg-${messages.length}`;
+      const uniqueTriggerId = `${parentId}_orch_${index}`;
+      if (processedDeleteCommandsRef.current.has(uniqueTriggerId)) return;
+      const match = responseData.match(deleteToolPattern);
+      if (match) {
+        const isTrue = match[1].toLowerCase() === "true";
+        if (isTrue) {
+          console.log("\u2705 Delete detected in Effect - Triggering Cleanup for:", uniqueTriggerId);
+          processedDeleteCommandsRef.current.add(uniqueTriggerId);
+          clearCurrentLearningUI();
+        }
+      }
+    });
+  }, [messages, clearCurrentLearningUI]);
+  const handleDeleteToolCallback = 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 = 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 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);
+  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]);
+  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]);
+  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 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);
+  useEffect(() => {
+    const modificationObj = parsedModification == null ? void 0 : parsedModification.find((item) => "modification" in item);
+    if (modificationObj) {
+      setExtractedModification(modificationObj.modification);
+    }
+    const tooltipObj = parsedModification == null ? void 0 : parsedModification.find((item) => "tooltip" in item);
+    if (tooltipObj) {
+      setExtractedTooltip(tooltipObj.tooltip);
+    }
+    const originalObj = parsedModification == null ? void 0 : parsedModification.find((item) => "original" in item);
+    if (originalObj) {
+      console.log("\u2705 Original Extracted:", originalObj.original);
+      setFormDataState((prev) => {
+        if (prev.question === originalObj.original) return prev;
+        return {
+          ...prev,
+          original: originalObj.original,
+          _extractedOriginalUpdate: true
+        };
+      });
+    }
+  }, [parsedModification]);
+  const useParsedWtaSuggestions = (messages2, setSuggestedWta2) => {
+    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 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.parse(match[0]);
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  const parseTooltip = useParsedHeaderTooltip(messages);
+  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] = useState([]);
+    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.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 parsedSave = useParsedHeaderSave(messages);
+  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]);
+  useEffect(() => {
+    if (isFormSaveClicked) {
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, "Save it");
+      setIsFormSavedClicked(false);
+    }
+  }, [isFormSaveClicked]);
+  useEffect(() => {
+    if (deleteLearningTrigger && onDeleteLearning) {
+      const deleteMessage = `Delete learning ${deleteLearningTrigger}`;
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, deleteMessage);
+      if (setDeleteLearningTrigger) {
+        setDeleteLearningTrigger(null);
+      }
+    }
+  }, [deleteLearningTrigger, onDeleteLearning, setDeleteLearningTrigger]);
+  useEffect(() => {
+    getChatSettings();
+    getChatHistory();
+    const updateHeight = () => {
+      var _a;
+      const headerHeight = ((_a = chatHeaderRef == null ? void 0 : chatHeaderRef.current) == null ? void 0 : _a.clientHeight) || 0;
+      const newHeight = `calc(100% - ${headerHeight}px - 10px`;
+      setAvailableHeight(newHeight);
+    };
+    updateHeight();
+    window.addEventListener("resize", updateHeight);
+    return () => window.removeEventListener("resize", updateHeight);
+  }, []);
+  const scrollToBottom = useCallback(() => {
+    const scrollContainer = scrollContainerRef.current;
+    if (scrollContainer) {
+      setTimeout(() => {
+        scrollContainer.scrollTo({
+          top: scrollContainer.scrollHeight,
+          behavior: "smooth"
+        });
+        setIsVisible(false);
+      }, 100);
+    }
+  }, []);
+  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: {}
+    };
+    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
+      };
+      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
+      };
+      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 = `${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,
+          original: isFromDashboard ? "" : prev.original,
+          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: 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: 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, _f, _g;
+    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 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-${v4()}`,
+      customPrompt: "",
+      enableForBackend: false,
+      guestSessionId: guestSessionIdRef.current,
+      chatPreviewId: chatPreviewIdRef.current,
+      customMetaData: {
+        ...formDataState,
+        whenToApply: (_b = (_a = formDataState == null ? void 0 : formDataState.whenToApply) == null ? void 0 : _a.split(" OR ")) == null ? void 0 : _b.filter((wta) => wta !== ""),
+        whenNotToApply: (_d = (_c = formDataState == null ? void 0 : formDataState.whenNotToApply) == null ? void 0 : _c.split(" OR ")) == null ? void 0 : _d.filter((wnta) => wnta !== ""),
+        isFirstQuestion: messages.length === 0,
+        validation: isValidationFailure ? false : validationWtaResponse != null ? validationWtaResponse : null,
+        conflicting_learnings: (_e = learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) != null ? _e : "",
+        similar_learnings: (_f = learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) != null ? _f : "",
+        ...(validationRecommendations == null ? void 0 : validationRecommendations.wta) && {
+          recommended_whentoapply: validationRecommendations.wta
+        },
+        ...(validationRecommendations == null ? void 0 : validationRecommendations.wnta) && {
+          recommended_whennottoapply: validationRecommendations.wnta
+        },
+        send_metadata_to_orchestrator: true,
+        ai_response: fullMessageText
+      },
+      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);
+      (_g = textAreaRef.current) == null ? void 0 : _g.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);
+      }
+      startChatStream(params);
+    }
+  };
+  const processedMergeTriggers = useRef(/* @__PURE__ */ new Set());
+  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]);
+  useMemo(() => ({
+    img: ({ node, ...props }) => /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(ToggleSelector, { label, onToggle: (text, isToggleOn) => {
+        addWhenToApplyCondition(text, isToggleOn);
+      } });
+    }
+  }), []);
+  return /* @__PURE__ */ jsxs("div", { className: styles.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__ */ jsxs("div", { style: { width: "100%", height: "100%", backgroundColor: "#fbfaff", maxWidth: "100%", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx("div", { ref: chatHeaderRef, children: /* @__PURE__ */ jsx(ChatHeader, { resetChatHistory, isStreamEnd }) }),
+      /* @__PURE__ */ jsxs("div", { style: { width: "100%", height: availableHeight, maxHeight: availableHeight, overflowY: "auto", backgroundColor: "#fbfaff" }, ref: scrollContainerRef, children: [
+        /* @__PURE__ */ 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__ */ jsx("span", { children: "I'm here to help fine-tune your learning so it works as accurately as it should." })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              fontFamily: "inherit",
+              padding: "16px 10px 0px 16px",
+              maxWidth: "80%"
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.3rem" }, children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                /* @__PURE__ */ jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", fontWeight: 400, color: "#000" }, children: /* @__PURE__ */ 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__ */ jsx("span", { children: /* @__PURE__ */ jsx(ReactMarkdown, { components: {
+                    p: ({ node, ...props }) => {
+                      return /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          ...props,
+                          style: {
+                            margin: 0
+                          },
+                          children: props == null ? void 0 : props.children
+                        }
+                      );
+                    }
+                  }, children: welcomeMessage }) })
+                }
+              ) })
+            ]
+          }
+        ),
+        messages.length ? messages.map((message, index) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", padding: "0.5rem 1rem", maxWidth: "100%" }, children: [
+          (message == null ? void 0 : message.role) == "assistant" && /* @__PURE__ */ jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.5rem", marginRight: "1rem" }, children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { style: { width: "100%" }, children: [
+            message.role === "assistant" && message.orchestratorAndAgentsMessages && message.orchestratorAndAgentsMessages.length > 0 && /* @__PURE__ */ jsx(MinimizedThinkingSteps, { orchestratorAndAgentsMessages: message == null ? void 0 : message.orchestratorAndAgentsMessages, isStreamEnd, isCurrentMessage: index === messages.length - 1, ThinkingBulbIconComponent }),
+            //@ts-ignore
+            (message == null ? void 0 : message.role) === "assistant" ? /* @__PURE__ */ jsx(MessageRendering, { index, content: message == null ? void 0 : message.content, messages, handleStream }) : /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsx("div", { style: {
+              display: "flex",
+              justifyContent: "flex-end"
+              // backgroundColor: '#8694A10D', padding: "1rem"
+            }, children: message.role === "user" ? /* @__PURE__ */ jsx("div", { style: { backgroundColor: "#8694A10D", padding: "0 1rem", borderRadius: "8px", maxWidth: "80%" }, children: /* @__PURE__ */ jsx(MessageRendering, { index, content: message == null ? void 0 : message.content, messages, handleStream, scrollToBottom }) }) : /* @__PURE__ */ jsx("span", {}) })
+          ] })
+        ] })) : showWelcomeMessage && /* @__PURE__ */ jsx(Fragment, {}),
+        messageLoading && /* @__PURE__ */ jsxs("div", { style: { display: "flex", padding: "16px 16px 0px 16px" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { maxHeight: `32px`, maxWidth: `32px`, marginTop: "0.2rem" }, children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsx("g", { id: "bi:stars", "clip-path": "url(#clip0_6004_60631)", children: /* @__PURE__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+          ] }) }),
+          /* @__PURE__ */ 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__ */ jsx("span", { children: initialLoadingMessage })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          width: "95%",
+          height: "content-fit",
+          backgroundColor: "#fbfaff",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "end",
+          position: "relative"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                visibility: isVisible ? "visible" : "hidden",
+                position: "absolute",
+                top: "-3rem",
+                zIndex: 0,
+                pointerEvents: "none"
+                // allows clicks to pass through
+              },
+              children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(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__ */ jsx("span", { children: "Instant Learning AI is thinking" }),
+            /* @__PURE__ */ jsx(Box, { sx: {
+              width: "5px",
+              height: "5px",
+              bgcolor: "#6b7280",
+              borderRadius: "50%",
+              animation: `${thinkingBounce} 1.4s infinite ease-in-out both`,
+              animationDelay: "-0.32s"
+            } }),
+            /* @__PURE__ */ jsx(Box, { sx: {
+              width: "5px",
+              height: "5px",
+              bgcolor: "#6b7280",
+              borderRadius: "50%",
+              animation: `${thinkingBounce} 1.4s infinite ease-in-out both`,
+              animationDelay: "-0.16s"
+            } }),
+            /* @__PURE__ */ jsx(Box, { sx: {
+              width: "5px",
+              height: "5px",
+              bgcolor: "#6b7280",
+              borderRadius: "50%",
+              animation: `${thinkingBounce} 1.4s infinite ease-in-out both`
+            } })
+          ] }),
+          /* @__PURE__ */ jsx(Tooltip, { title: isFormValidating ? "Please wait for the validation to be completed." : "", children: /* @__PURE__ */ 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__ */ jsxs("div", { style: { width: "100%", display: "flex" }, children: [
+                /* @__PURE__ */ 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__ */ jsxs("span", { style: { display: "flex", flexDirection: "column", justifyContent: "end", alignItems: "end" }, children: [
+                  " ",
+                  /* @__PURE__ */ 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__ */ jsx(SendButton, {})
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: { width: "95%", display: "flex", gap: "0.25rem", flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: "Coming soon",
+          placement: "top",
+          arrow: true,
+          componentsProps: {
+            tooltip: {
+              sx: {
+                fontSize: "0.875rem",
+                padding: "0.5rem",
+                fontFamily: "Plus Jakarta Sans, sans-serif"
+              }
+            }
+          },
+          children: /* @__PURE__ */ jsx("span", { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
+            AudioWaveform,
+            {
+              amplitude: 1,
+              variant: "speaker",
+              isActive: false,
+              onClick: () => null,
+              disabled: false
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: "Coming soon",
+          placement: "top",
+          arrow: true,
+          componentsProps: {
+            tooltip: {
+              sx: {
+                fontSize: "0.875rem",
+                padding: "0.5rem",
+                fontFamily: "Plus Jakarta Sans, sans-serif"
+              }
+            }
+          },
+          children: /* @__PURE__ */ jsx("span", { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
+            AudioWaveform,
+            {
+              amplitude: 1,
+              variant: "microphone",
+              isActive: false,
+              onClick: () => null,
+              disabled: false
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+};
+var ChatComponent$1 = ChatComponent;
+
+export { ChatComponent$1 as default };
 //# sourceMappingURL=ChatComponent.js.map