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

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

@@ -1,2 +1,2424 @@
-import{__awaiter as e,__generator as n,__assign as i,__spreadArray as o,__rest as t}from"tslib";import{jsx as l,jsxs as a,Fragment as r}from"react/jsx-runtime";import{useRef as s,useState as d,useMemo as c,useEffect as u,useCallback as v}from"react";import{startChatStream as g}from"@e-llm-studio/streaming-response";import{v4 as h}from"uuid";import{http as m}from"../../../api/transport.js";import p from"react-markdown";import f from"./MinimizedThinkingSteps.js";import C from"./_svg/NewChatIcon.js";import y from"../InstantLearning.module.css.js";import _ from"@mui/material/Tooltip";import b from"json5";import w from"./AudioWaveform.js";import S from"./MessageRendering.js";import{sanitizePythonDictToJSON as x,sanitizePythonDictToJSON2 as k}from"../../../utils/instantLearning.utils.js";import{parseValidationRecommendations as L}from"../../../utils/recommendationParser.js";import{publishAgenticFeedbackForVariantIngestion as A}from"../../../service/InstantLearningService.js";var R=function(){return l("svg",i({width:"20px",height:"20px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l("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"})}))},E=function(e){var n=e.resetChatHistory,o=e.isStreamEnd;return a("div",i({className:y.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:[a("span",i({style:{fontSize:"1.25rem",fontWeight:700,color:"#1f2937",flex:1,marginLeft:"0.5rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[l("span",i({style:{color:"#5928ED"}},{children:"InstantLearning.AI"}))," Contextual Chat"]})),l(_,i({title:"New chat",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:l("div",i({onClick:function(){console.log(C,"hello"),o&&n()},style:{height:"1.8rem",width:"1.8rem",marginLeft:"1rem",marginRight:"0.5rem",cursor:o?"pointer":"not-allowed",backgroundColor:"transparent",transition:"transform 0.2s ease-in-out, opacity 0.2s",opacity:o?.8:.4,pointerEvents:o?"auto":"none"},onMouseOver:function(e){o&&(e.currentTarget.style.opacity="1")},onMouseOut:function(e){o&&(e.currentTarget.style.opacity="0.8")}},{children:l(C,{})}))}))]}))},I=function(e){var n=e.label,o=e.onToggle,t=d(!1),r=t[0],c=t[1],v=s(null);return u(function(){var e=v.current;e&&r&&(e.style.boxShadow="0 2px 8px rgba(0, 0, 0, 0.1)",e.style.transform="scale(1)",e.style.backgroundColor="#E8F5E9",e.style.color="#2E7D32")},[r]),a("span",i({ref:v,onClick:function(){var e=!r;c(e),o(n,e)},style:{cursor:"pointer",backgroundColor:r?"#E8F5E9":"#fbfaff",color:r?"#2E7D32":"#000000de",transition:"all 0.2s ease-in-out",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",transform:"scale(1)"},onMouseEnter:function(e){r||(e.currentTarget.style.boxShadow="0 4px 12px rgba(30, 136, 229, 0.3)",e.currentTarget.style.transform="scale(1.02)",e.currentTarget.style.backgroundColor="#f0f7ff",e.currentTarget.style.color="#1E88E5")},onMouseLeave:function(e){r||(e.currentTarget.style.boxShadow="0 2px 4px rgba(0, 0, 0, 0.2)",e.currentTarget.style.transform="scale(1)",e.currentTarget.style.backgroundColor="#fbfaff",e.currentTarget.style.color="#000000de")}},{children:[l("span",i({style:{fontWeight:"bold",fontSize:"16px",transition:"all 0.3s ease",transform:r?"scale(1.2)":"scale(1)",opacity:r?1:.9,paddingLeft:"0.25rem",paddingRight:"0.25rem"}},{children:r?"✓":"+"})),l("span",{children:n})]}))},T=function(C){C.chatAssistantLogoUrl;var T=C.chatAssistantName,M=C.organizationName,D=C.baseUrl,F=C.setInstantLearningSuggestions,O=C.formDataState,j=C.setFormDataState;C.hasUserFilledForm;var N=C.setHasUserFilledForm,W=C.baseWebsocketUrl,q=C.setIsNewChatClicked,z=C.selectedText;C.ChatIconComponent,C.ggcAssistantName;var P=C.ThinkingBulbIconComponent;C.hasUserWrittenModification;var U=C.setExtractedModification,B=C.setSave,G=C.setExtractedTooltip,H=C.setIsSaveLoading;C.isSaveLoading,C.save,C.instantLearningSuggestions,C.template;var J=C.setShouldTriggerSave,K=C.validationWtaResponse,V=C.setValidationWtaResponse,Z=C.learningWtaResponse,Q=C.setLearningWtaResponse,X=C.isFormSaveClicked,$=C.setIsFormSavedClicked,Y=C.onDeleteLearning,ee=C.deleteLearningTrigger,ne=C.setDeleteLearningTrigger;C.onMergeLearning;var ie=C.mergeLearningTrigger,oe=C.setMergeLearningTrigger,te=C.onResetLearningData,le=C.setEditConflictingLearningTrigger,ae=C.setEditSimilarLearningTrigger,re=C.sendMessageInChat,se=C.setSendMessageInChat,de=C.setIsMergeLoading,ce=C.setExtractedHowToRespond,ue=C.setExtractedTopic,ve=C.setExtractedCategories,ge=C.setValidationRecommendations,he=C.validationRecommendations,me=C.addInReview,pe=C.editInReview,fe=C.deleteInReview,Ce=C.assistantId,ye=C.isFromDashboard,_e=void 0!==ye&&ye,be=T,we=s("".concat(be,"-").concat(M,"-").concat(h())),Se=s("".concat(h())),xe=D,ke=s(null),Le=s(null),Ae=d([]),Re=Ae[0],Ee=Ae[1],Ie=d(!1);Ie[0];var Te=Ie[1],Me=d(""),De=Me[0],Fe=Me[1],Oe=d(""),je=Oe[0],Ne=Oe[1],We=d([]),qe=We[0],ze=We[1],Pe=d(!1),Ue=Pe[0],Be=Pe[1],Ge=d(!1);Ge[0];var He=Ge[1],Je=d(!0),Ke=Je[0],Ve=Je[1],Ze=d(!0),Qe=Ze[0],Xe=Ze[1],$e=d("");$e[0];var Ye=$e[1],en=d(""),nn=en[0],on=en[1],tn=d(!1),ln=tn[0],an=tn[1],rn=d(!1),sn=rn[0],dn=rn[1],cn=d(!1),un=cn[0],vn=cn[1],gn=d([]);gn[0];var hn=gn[1],mn=d(new Set),pn=mn[0],fn=mn[1],Cn=d(new Set),yn=Cn[0],_n=Cn[1],bn=s(""),wn=s(""),Sn=s(new Set),xn=c(function(){return""===(null==De?void 0:De.trim())||ln},[De,ln]),kn=d(fe||[]),Ln=kn[0],An=kn[1],Rn=d(pe||[]),En=Rn[0],In=Rn[1],Tn=s(null),Mn=d("100%"),Dn=Mn[0],Fn=Mn[1],On=s(Z),jn=s(O);u(function(){On.current=Z},[Z]),u(function(){jn.current=O},[O]),c(function(){var e,n,i;return!(""===(null===(e=null==O?void 0:O.original)||void 0===e?void 0:e.trim())||(null==O?void 0:O.isTooltipEnabled)&&""===(null===(n=null==O?void 0:O.tooltip)||void 0===n?void 0:n.trim())||(null==O?void 0:O.isModificationEnabled)&&""===(null===(i=null==O?void 0:O.modification)||void 0===i?void 0:i.trim()))},[O]),u(function(){if(_e){Ne(e="Please enter the question you want to provide the learning for. ")}else{var e='Please tell me how I should respond to "'.concat(z,'"? ');Ne(e)}},[O]),u(function(){var e=ke.current,n=function(){var e=ke.current;if(e){var n=e.scrollTop,i=e.scrollHeight,o=e.clientHeight;vn(!(i-(n+o)<=35))}};return e&&(e.addEventListener("scroll",n),n()),function(){e&&e.removeEventListener("scroll",n)}},[un,Ke,qe]);var Nn=s(new Set),Wn=v(function(o){return e(void 0,void 0,void 0,function(){var t,l;return n(this,function(a){switch(a.label){case 0:return t=JSON.stringify({conflicting:Object.keys(o.conflicting_learnings||{}).sort(),similar:Object.keys(o.similar_learnings||{}).sort(),variant:Object.values(o.similar_learnings||{})[0]}),Nn.current.has(t)?[2]:(Nn.current.add(t),_e?(console.log("[Dashboard Mode] Processing Edit Tool:",o),l=function(o){return e(void 0,void 0,void 0,function(){var e,t,l,a,r,s,d,c,u;return n(this,function(v){switch(v.label){case 0:if(!o)return[2];e=function(e,o){var t,l,a,r,s,v,g,h,m,p,f;return n(this,function(n){switch(n.label){case 0:if(t=o,l=function(e){var n,i,o=(null===(n=On.current)||void 0===n?void 0:n.conflicting_learnings)||{},t=(null===(i=On.current)||void 0===i?void 0:i.similar_learnings)||{},l=Object.values(o).find(function(n){return n.id===e});return l||(l=Object.values(t).find(function(n){return n.id===e}))},!(a=l(e)))return console.warn("[Dashboard Mode] Could not find original learning for edit ID: ".concat(e)),[2,"continue"];r=a.variant_id,a.id,s=Array.isArray(t.conditions_whentoapply)?t.conditions_whentoapply.join(" OR "):t.conditions_whentoapply||"",v=Array.isArray(t.conditions_whennottoapply)?t.conditions_whennottoapply.join(" OR "):t.conditions_whennottoapply||"",g=null===(d=jn.current)||void 0===d?void 0:d.scope,h={name:"Global",value:null},g&&g.name&&(h="Global"===g.name?{name:"Global",value:null}:{name:g.name,value:g.value}),m={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isUpdateAction:!0,isAgentsFeedback:!0,variant:{id:r,variant:t.variant,conditions_whentoapply:s,conditions_whennottoapply:v,scope:h,topic:{id:null,value:null===(u=null===(c=a.feedback)||void 0===c?void 0:c.topic)||void 0===u?void 0:u.value},categories:[],originalQuestion:"",parameterizedQuestion:a.feedback.question,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}),created_by:null,updated_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}),updated_by:"madumbu.kathyayani@techolution.com",instantLearningType:"iL",appliedTagsIL:[],tagMappingInfoIL:{}}}},n.label=1;case 1:return n.trys.push([1,3,,4]),[4,A({baseUrl:D,organizationName:M,payload:m})];case 2:return(p=n.sent())&&p.ok?(console.log("[Dashboard Mode] Successfully Edited ID: ".concat(e)),Q(function(n){if(!n)return n;var o=i({},n),l=function(n){var l=o[n];l&&Object.keys(l).forEach(function(n){l[n].id===e&&(l[n]=i(i({},l[n]),{feedback:i(i({},l[n].feedback),{variant:t.variant,when_to_apply:t.conditions_whentoapply,when_not_to_apply:t.conditions_whennottoapply})}))})};return l("conflicting_learnings"),l("similar_learnings"),o})):console.error("[Dashboard Mode] Failed to edit ID: ".concat(e,". Status: ").concat(null==p?void 0:p.status)),[3,4];case 3:return f=n.sent(),console.error("[Dashboard Mode] Error calling edit API for ID: ".concat(e),f),[3,4];case 4:return[2]}})},t=0,l=Object.entries(o),v.label=1;case 1:return t<l.length?(a=l[t],r=a[0],s=a[1],[5,e(r,s)]):[3,4];case 2:v.sent(),v.label=3;case 3:return t++,[3,1];case 4:return[2]}})})},[4,l(o.conflicting_learnings)]):[3,3]);case 1:return a.sent(),[4,l(o.similar_learnings)];case 2:a.sent(),a.label=3;case 3:return[2]}})})},[_e,D,M,Q]),qn=v(function(i){return e(void 0,void 0,void 0,function(){var e,t,l,a,r,s,d,c,u,v;return n(this,function(g){switch(g.label){case 0:if(e=JSON.stringify({deleted_similar_learning_ids:i.deleted_similar_learning_ids||[],deleted_conflicting_learning_ids:i.deleted_conflicting_learning_ids||[],delete_current_learning:i.delete_current_learning||!1}),Sn.current.has(e))return[2];if(Sn.current.add(e),t=o(o([],i.deleted_similar_learning_ids||[],!0),i.deleted_conflicting_learning_ids||[],!0),!_e)return[3,5];if(!(t.length>0))return[3,4];console.log("[Dashboard Mode] Executing Delete APIs for IDs:",t),l=function(e){var n,i,o=(null===(n=On.current)||void 0===n?void 0:n.conflicting_learnings)||{},t=(null===(i=On.current)||void 0===i?void 0:i.similar_learnings)||{},l=Object.values(o).find(function(n){return n.id===e});return l||(l=Object.values(t).find(function(n){return n.id===e}))},a=function(e){var i,o,t,a,r,s,d,g,h,m;return n(this,function(n){switch(n.label){case 0:i=l(e),o=null==i?void 0:i.variant_id,t=(null===(c=null==i?void 0:i.feedback)||void 0===c?void 0:c.variant)||"",a=null===(u=null==i?void 0:i.feedback)||void 0===u?void 0:u.when_to_apply,r=Array.isArray(a)?a.join(" OR "):a||"",s=null===(v=null==i?void 0:i.feedback)||void 0===v?void 0:v.when_not_to_apply,d=Array.isArray(s)?s.join(" OR "):s||"",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:o,scope:{name:"User",value:[{name:"M Kathyayani",email:"madumbu.kathyayani@techolution.com",userId:"8059658c-a65c-4e14-89aa-a5195f5d09f5"}]},topic:{id:null,value:"default"},variant:t,conditions_whentoapply:r,conditions_whennottoapply:d,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:"",parentId:null==i?void 0:i.id}}},n.label=1;case 1:return n.trys.push([1,3,,4]),[4,A({baseUrl:D,organizationName:M,payload:g})];case 2:return(h=n.sent())&&h.ok?(console.log("[Dashboard Mode] Successfully deleted ID: ".concat(e)),fn(function(n){var i=new Set(n);return i.add(e),i})):console.error("[Dashboard Mode] Failed to delete ID: ".concat(e,". Status: ").concat(null==h?void 0:h.status)),[3,4];case 3:return m=n.sent(),console.error("[Dashboard Mode] Error calling delete API for ID: ".concat(e),m),[3,4];case 4:return[2]}})},r=0,s=t,g.label=1;case 1:return r<s.length?(d=s[r],[5,a(d)]):[3,4];case 2:g.sent(),g.label=3;case 3:return r++,[3,1];case 4:return[2];case 5:return fn(function(e){var n=new Set(e);return t.forEach(function(e){return n.add(e)}),n}),[2]}})})},[fn,D,M,_e]),zn=v(function(o){return e(void 0,void 0,void 0,function(){var e,t,l,a,r,s,d,c,u,v,g;return n(this,function(h){switch(h.label){case 0:if(de(!0),console.log("🔴 MERGE CALLBACK - Processing merge tool call"),e=o.merge_learnings,t=o.similar_learnings,l=o.conditions_whentoapply,a=o.conditions_whennottoapply,!e||!t||!Array.isArray(t))return console.log("Invalid merge tool data, skipping"),de(!1),[2];if(l&&Array.isArray(l)&&(console.log(" MERGE CALLBACK - Replacing whenToApply conditions:",l),r=l.join(" OR "),j(function(e){return i(i({},e),{whenToApply:r,_mergeUpdate:!0,_mergeWTA:l})})),a&&Array.isArray(a)&&(console.log(" MERGE CALLBACK - Replacing whenNotToApply conditions:",a),s=a.join(" OR "),j(function(e){return i(i({},e),{whenNotToApply:s,_mergeUpdate:!0,_mergeWNTA:a})})),!_e)return[3,5];console.log("[Dashboard Mode] Executing Merge-Delete APIs for IDs:",t),d=function(e){var n,i=(null===(n=On.current)||void 0===n?void 0:n.similar_learnings)||{};return Object.values(i).find(function(n){return n.id===e})},c=function(e){var i,o,t,l,a;return n(this,function(n){switch(n.label){case 0:i=d(e),o=null==i?void 0:i.variant_id,t={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isDeleteAction:!0,isAgentsFeedback:!0,variant:{id:o,scope:{name:"User",value:[{name:"M Kathyayani",email:"madumbu.kathyayani@techolution.com",userId:"8059658c-a65c-4e14-89aa-a5195f5d09f5"}]},topic:{id:null,value:"default"},variant:"",conditions_whentoapply:"",conditions_whennottoapply:"",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:"",parentId:null==i?void 0:i.id}}},n.label=1;case 1:return n.trys.push([1,3,,4]),[4,A({baseUrl:D,organizationName:M,payload:t})];case 2:return(l=n.sent())&&l.ok?(console.log("[Dashboard Mode] Successfully Merged (Deleted) ID: ".concat(e)),_n(function(n){var i=new Set(n);return i.add(e),i})):console.error("[Dashboard Mode] Failed to merge-delete ID: ".concat(e,". Status: ").concat(null==l?void 0:l.status)),[3,4];case 3:return a=n.sent(),console.error("[Dashboard Mode] Error calling merge-delete API for ID: ".concat(e),a),[3,4];case 4:return[2]}})},u=0,v=t,h.label=1;case 1:return u<v.length?(g=v[u],[5,c(g)]):[3,4];case 2:h.sent(),h.label=3;case 3:return u++,[3,1];case 4:return de(!1),[2];case 5:return _n(function(e){var n=new Set(e);return t.forEach(function(e){return n.add(e)}),n}),de(!1),[2]}})})},[_n,j,de,D,M,_e]),Pn=function(e,n,o,t,l){return c(function(){for(var a,r=[],s=/['"]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*\])/,d=/['"]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*\])/,c=/['"]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)/,u=/['"]is_valid_db['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflicting_learnings['"]\s*:\s*([\s\S]*?)\s*,\s*['"]similar_learnings['"]\s*:\s*([\s\S]*)(?:\s*,\s*["']save["']\s*:\s*(true|false|True|False))?(?=\s*})/,v=/['"]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]*?\]/,g=/{\s*['"]merge_learnings['"]\s*:\s*(?:True|true)[\s\S]+?}/,h=/({[\s\S]*}|\[[\s\S]*\])/,m=/({[\s\S]*})/,p=0,f=(null===(a=e[e.length-1])||void 0===a?void 0:a.orchestratorAndAgentsMessages)||[];p<f.length;p++){var C=f[p],y=(null==C?void 0:C.responsedata)||"";console.log("🔍 RESPONSE DATA:",String(y)),String(y).includes("merge_learnings")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(y))),String(y).includes("'merge_learnings'")&&(console.log("🔍 FOUND merge_learnings in response!"),console.log("🔍 Full response:",String(y)));var _=y.match(s);if(_)try{var w=b.parse("{".concat(_[0],"}"));r.push(w)}catch(e){console.error("Failed to parse JSON:",e)}var S=y.match(d);if(S)try{var A=x(S[0]||""),R=b.parse("{".concat(A,"}"));console.log("Contextual conditions detected:",R),r.push(i(i({},R),{_isContextual:!0}))}catch(e){console.error("Failed to parse contextual JSON:",e)}var E=y.match(c);if(console.log("validationObj before cond ",E),E)try{var I=x(y||"");(T=b.parse(I))&&"object"==typeof T&&"is_valid"in T&&"conflictingConditions"in T&&(console.log("Found validation data in response:",T),V(T),console.log("dbVal after set in chat",K))}catch(e){console.error("Failed to parse validation JSON:",e)}try{var T,M=x(y||"");if((T=b.parse(M))&&"object"==typeof T&&"is_valid_db"in T&&"conflicting_learnings"in T&&"similar_learnings"in T)console.log("Found validation data in response:",T),Q(T),console.log("dbVal after set in chat",Z);else if(O=y.match(u)){var D=k(O[0]||""),F=b.parse("{".concat(D,"}"));Q(F),console.log("dbVal after set in chat (regex fallback)",Z)}}catch(e){var O;if(console.log("JSON parsing failed, trying regex fallback for validation data"),O=y.match(u))try{D=k(O[0]||""),F=b.parse("{".concat(D,"}"));Q(F),console.log("dbVal after set in chat (regex fallback)",Z)}catch(e){console.error("Failed to parse validation JSON with regex fallback:",e)}}var j=y.match(v);if(j)try{var N=x(j[0]||""),W=b.parse("{".concat(N,"}"));console.log("Delete tool detected:",W),o&&o(W)}catch(e){console.error("Failed to parse delete tool JSON:",e)}console.log("🔍 Testing merge tool regex on response data...");var q=y.match(g);if(console.log("🔍 Merge tool regex match result:",q),q){console.log("🔍 MERGE TOOL REGEX MATCHED!");try{var z=q[0],P=x(z),U=b.parse(P);console.log("✅ Correctly parsed merge tool object:",U),t&&t(U)}catch(e){console.error("Failed to parse merge tool JSON:",e)}}var B=y.match(h);if(B&&y.includes("edit_actions"))try{console.log("Edit tool match found:",B[0]);P=x(B[0]);var G=b.parse(P);console.log("Edit tool detected and parsed successfully:",G),G.conflicting_learnings&&le(G.conflicting_learnings),G.similar_learnings&&ae(G.similar_learnings),l&&l(G)}catch(e){console.error("Failed to parse edit tool JSON:",e)}var H=y.match(m);if(H)try{P=x(H[0]);var J=b.parse(P);if(J.recommended_whentoapply||J.recommended_whennottoapply){console.log("Found recommendation data:",J);var X=L(J);console.log("Parsed recommendations:",X),n(X)}}catch(e){}}return r},[e,o])}(qe,ge,qn,zn,Wn);u(function(){var e,n,o=(null==Pn?void 0:Pn[(null==Pn?void 0:Pn.length)-1])||null;if(o){if(o._isContextual){console.log("Processing contextual suggestions:",o);var t=(null===(e=o.conditions_whentoapply)||void 0===e?void 0:e.map(function(e){return e.when_to_apply}).filter(function(e){return e&&""!==e.trim()}))||[],l=(null===(n=o.conditions_whennottoapply)||void 0===n?void 0:n.map(function(e){return e.when_not_to_apply}).filter(function(e){return e&&""!==e.trim()}))||[];j(function(e){return i(i({},e),{whenToApply:t,whenNotToApply:l,_contextualUpdate:!0})})}else F(o);console.log("Parsed suggestions:",Pn)}},[Pn]),u(function(){if(Z&&0!==pn.size){var e=Z.conflicting_learnings&&Object.values(Z.conflicting_learnings).some(function(e){return pn.has(e.id)}),n=Z.similar_learnings&&Object.values(Z.similar_learnings).some(function(e){return pn.has(e.id)});if(e||n){var o=JSON.stringify({deletedIds:Array.from(pn).sort()});if(bn.current!==o){var t=i({},Z);if(t.conflicting_learnings){var l=Object.values(t.conflicting_learnings).filter(function(e){return!pn.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 i=String.fromCharCode(65+n);a[i]=e,console.log("[ChatComponent] Conflicting learning ".concat(n," gets key '").concat(i,"':"),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!pn.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 i=String.fromCharCode(65+n);s[i]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(i,"':"),e.feedback.variant)}),t.similar_learnings=s,console.log("[ChatComponent] Final similar learnings keys:",Object.keys(s))}bn.current=o,console.log("Filtered learningWtaResponse after deletion:",t),Q(t)}}}},[pn,Z,Q]),u(function(){if(Z&&0!==yn.size&&(Z.similar_learnings&&Object.values(Z.similar_learnings).some(function(e){return yn.has(e.id)}))){var e=JSON.stringify({mergedIds:Array.from(yn).sort()});if(wn.current!==e){var n=i({},Z);if(n.similar_learnings){var o=Object.values(n.similar_learnings).filter(function(e){return!yn.has(e.id)});console.log("[ChatComponent] Re-keying similar learnings after merge:",{originalKeys:Object.keys(n.similar_learnings),remainingCount:o.length,remainingLearnings:o.map(function(e){return{id:e.id,variant:e.feedback.variant}})});var t={};o.forEach(function(e,n){var i=String.fromCharCode(65+n);t[i]=e,console.log("[ChatComponent] Similar learning ".concat(n," gets key '").concat(i,"':"),e.feedback.variant)}),n.similar_learnings=t,console.log("[ChatComponent] Final similar learnings keys after merge:",Object.keys(t))}wn.current=e,console.log("Filtered learningWtaResponse after merge:",n),Q(n)}}},[yn,Z,Q]);var Un=function(e){return c(function(){for(var n,i=[],o=0,t=(null===(n=e[e.length-1])||void 0===n?void 0:n.orchestratorAndAgentsMessages)||[];o<t.length;o++){var l=t[o],a=(null==l?void 0:l.responsedata)||"",r={};if(a.includes("howtorespond")||a.includes("topic")||a.includes("categories")||a.includes("scope")||a.includes("question"))try{console.log("checking question response data:",a);var s=x(a),d=b.parse(s);"howtorespond"in d&&(r.howtorespond=d.howtorespond),"topic"in d&&(r.topic=d.topic),"categories"in d&&(r.categories=Array.isArray(d.categories)?d.categories:[]),"scope"in d&&(r.scope=d.scope),"question"in d&&(r.question=d.question)}catch(e){console.error("❌ Failed to parse response data:",e);var c=a.match(/['"]question['"]\s*:\s*['"]([\s\S]*?)['"](?=\s*[,}])/);c&&(r.question=c[1]);var u=a.match(/['"]howtorespond['"]\s*:\s*['"](.*?)['"](?=\s*[,}])/);if(u)console.log("🔧 MANUAL EXTRACTION succeeded:",u[1]),r.howtorespond=u[1];else{console.error("🔧 MANUAL EXTRACTION also failed"),console.error("🔧 Trying alternative pattern...");var v=a.match(/howtorespond['"]\s*:\s*['"]([\s\S]*?)['"](?:\s*[,}]|$)/);v&&(console.log("🔧 ALTERNATIVE EXTRACTION succeeded:",v[1]),r.howtorespond=v[1])}}else console.log("⏭️ Skipping message - no relevant fields");Object.keys(r).length>0?(console.log("📦 FINAL EXTRACTED DATA:",r),i.push(r)):console.log("⚠️ No data extracted from this message")}return console.log("🏁 useParsedHeaderHowToRespond COMPLETE. Results count:",i.length),i},[e])}(qe);u(function(){var e=(null==Un?void 0:Un[(null==Un?void 0:Un.length)-1])||null;e&&("howtorespond"in e&&ce(e.howtorespond),"topic"in e&&ue(e.topic),"question"in e&&(console.log("✅ Question Extracted:",e.question),j(function(n){return n.question===e.question?n:i(i({},n),{question:e.question})})),"categories"in e&&Array.isArray(e.categories)&&ve(e.categories),"scope"in e&&(console.log("✅ Setting scope:",e.scope),j(function(n){var o;if(""===e.scope)return i(i({},n),{scope:{name:"",value:null}});if((null===(o=n.scope)||void 0===o?void 0:o.name)===e.scope)return n;var t=null;return"User"===e.scope?t=[]:"Assistant"===e.scope&&(t={assistantName:T||"",conciergeId:Ce||""}),console.log("📌 Scope Set from Chat:",e.scope,"Value:",t),i(i({},n),{scope:{name:e.scope,value:t}})})))},[Un,ce,ue,ve,j,T]);var Bn=function(e){return c(function(){for(var n,i=[],o=/['"](\w+)['"]\s*:\s*['"](.*?)['"]/g,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(o);if(r)try{var s=b.parse("{".concat(r[0],"}"));i.push(s)}catch(e){console.error("Failed to parse JSON for header message:",e)}}return i},[e])}(qe);u(function(){var e=(null==Bn?void 0:Bn[(null==Bn?void 0:Bn.length)-1])||null;e&&U(e.modification)},[Bn]);!function(e,n){u(function(){for(var i,o=0,t=(null===(i=e[e.length-1])||void 0===i?void 0:i.orchestratorAndAgentsMessages)||[];o<t.length;o++){for(var l=t[o],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])}(qe,hn);var Gn=function(e){return c(function(){for(var n,i=[],o=/^\{\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(o);if(r){console.log("match: ",r[0]);try{var s=b.parse(r[0]);i.push(s)}catch(e){console.error("Failed to parse JSON:",e)}}}return i},[e])}(qe);u(function(){var e=(null==Gn?void 0:Gn[(null==Gn?void 0:Gn.length)-1])||null;e&&(console.log("latestParseTooltip: ",e),G(null==e?void 0:e.tooltip))},[Gn]);var Hn=function(e){var n=d([]),i=n[0],o=n[1];return u(function(){for(var n,i=[],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=b.parse(d);!0===c.save&&J(!0),i.push(c)}catch(e){console.error("Failed to parse JSON:",e)}}o(i)},[e]),i}(qe);u(function(){var e=(null==Hn?void 0:Hn[(null==Hn?void 0:Hn.length)-1])||null;if(e&&"boolean"==typeof e.save){H(!0);var n=setTimeout(function(){H(!1),B(e.save)},200);return function(){clearTimeout(n)}}},[Hn]),u(function(){X&&(Xn(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save it"),$(!1))},[X]),u(function(){if(ee&&Y){var e="Delete learning ".concat(ee);Xn(new KeyboardEvent("keydown",{key:"Enter"}),!1,e),ne&&ne(null)}},[ee,Y,ne]),u(function(){re&&(Xn(new KeyboardEvent("keydown",{key:"Enter"}),!1,re),se(""))},[re]),u(function(){Kn(),Vn();var e=function(){var e,n=(null===(e=null==Tn?void 0:Tn.current)||void 0===e?void 0:e.clientHeight)||0,i="calc(100% - ".concat(n,"px - 10px");Fn(i)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var Jn=v(function(){var e=ke.current;e&&setTimeout(function(){e.scrollTo({top:e.scrollHeight,behavior:"smooth"}),vn(!1)},100)},[]);u(function(){(null==Re?void 0:Re.length)>0&&Jn()},[Re]);var Kn=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(xe,"/api/chatbot/getChatSettings?name=").concat(be,"&organizationName=").concat(M),headers:{}};m.request(e).then(function(e){var n,i,o;(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)&&""!==(null===(o=null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.chatSettings)||void 0===o?void 0:o.chatInitialMessage)&&Xe(!0)}).catch(function(e){console.error(e)})},Vn=function(){return e(void 0,void 0,void 0,function(){var e,i;return n(this,function(n){e="".concat(xe,"/api/chat/history?name=").concat(be,"&organizationName=").concat(M);try{i={method:"GET",params:{guestSessionId:we.current},withCredentials:!0},m.get(e,i).then(function(e){var n=e.data;n.length>0?(ze(n),Jn()):Xe(!0)}).catch(function(e){console.error(e)})}catch(e){Be(!1),console.error(e)}return[2]})})};function Zn(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var Qn=function(e,n,t,l,a,r){var s,d,c,u,v,g,m,p,f,C,y,_,b,w,S,x,k,L;console.log("userInput: ",a);var A={role:"assistant",content:"",id:h()};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: "))Be(!1),He(!0),A.content=function(e){var n="WaitMessage: ",i=e.indexOf(n);if(-1!==i){var o=e.substring(i+13);return null==o?void 0:o.replaceAll("WaitMessage: ","")}return""}((null===(m=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===m?void 0:m.content)+"\n\n"),ze(o(o([],qe,!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:""},A],!1));else{Be(!1),He(!1),A.content=null===(b=Zn(null===(_=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===_?void 0:_.content))||void 0===b?void 0:b.replaceAll("WaitMessage: ","");var R=function(e,n,t){var l,a,r,s,d,c,u,v,g,m,p,f,C,y,_,b,w,S,x,k,L,A,R,E,I,T,M,D,F,O,j,N,W,q,z,P,U,B,G,H,J,K,V,Z,Q,X,$,Y,ee,ne,ie,oe,te,le,ae,re,se,de,ce,ue,ve,ge,he,me,pe,fe,Ce,ye,_e,be,we,Se,xe,ke,Le,Ae,Re,Ee,Ie,Te,Me,De,Fe,Oe,je,Ne,We,qe,ze,Pe,Ue,Be,Ge,He,Je,Ke,Ve,Ze,Qe,Xe,$e,Ye,en,nn,on,tn,ln,an,rn,sn,dn,cn,un,vn,gn,hn,mn,pn,fn,Cn,yn,_n,bn,wn,Sn,xn,kn,Ln,An,Rn,En,In,Tn,Mn,Dn,Fn,On,jn,Nn,Wn,qn,zn,Pn,Un,Bn,Gn,Hn,Jn,Kn,Vn,Qn,Xn,$n,Yn,ei,ni,ii,oi,ti,li,ai,ri,si,di,ci,ui,vi,gi,hi,mi;console.log("event",e,Object.keys(e)),console.log("content: ",null==e?void 0:e.data);var pi={role:"assistant",content:"",id:h()};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)&&(pi.content=null===(y=Zn(null===(C=null===(f=null===(p=null===(m=null==e?void 0:e.data)||void 0===m?void 0:m.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===(w=null===(b=null===(_=null==e?void 0:e.data)||void 0===_?void 0:_.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===w?void 0:w.thinking_break)&&!0===(null===(k=null===(x=null===(S=null==e?void 0:e.data)||void 0===S?void 0:S.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===k?void 0:k.is_orchestrator)&&!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.isEnd)&&(pi.content="",n.push({responsedata:null===(M=null===(T=null===(I=null===(E=null==e?void 0:e.data)||void 0===E?void 0:E.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===T?void 0:T.message)||void 0===M?void 0:M.content,responseFrom:null===(O=null===(F=null===(D=null==e?void 0:e.data)||void 0===D?void 0:D.chatStream)||void 0===F?void 0:F.continueChatResult)||void 0===O?void 0:O.responded_by,header_message:null===(W=null===(N=null===(j=null==e?void 0:e.data)||void 0===j?void 0:j.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===W?void 0:W.header_message,finalResponseStatus:!1,explainability_id:null!==(U=null===(P=null===(z=null===(q=null==e?void 0:e.data)||void 0===q?void 0:q.chatStream)||void 0===z?void 0:z.continueChatResult)||void 0===P?void 0:P.explainability_id)&&void 0!==U?U:"",isParallelToolResponse:!1})),!1===(null===(H=null===(G=null===(B=null==e?void 0:e.data)||void 0===B?void 0:B.chatStream)||void 0===G?void 0:G.continueChatResult)||void 0===H?void 0:H.thinking_break)&&!0===(null===(V=null===(K=null===(J=null==e?void 0:e.data)||void 0===J?void 0:J.chatStream)||void 0===K?void 0:K.continueChatResult)||void 0===V?void 0:V.is_orchestrator)&&!0===(null===(X=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===X?void 0:X.isEnd)&&(pi.content=null===(ie=Zn(null===(ne=null===(ee=null===(Y=null===($=null==e?void 0:e.data)||void 0===$?void 0:$.chatStream)||void 0===Y?void 0:Y.continueChatResult)||void 0===ee?void 0:ee.message)||void 0===ne?void 0:ne.content))||void 0===ie?void 0:ie.replaceAll("WaitMessage: ","")),!1===(null===(le=null===(te=null===(oe=null==e?void 0:e.data)||void 0===oe?void 0:oe.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((yi=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&&yi.responded_by){var fi=yi.explainability_id,Ci=yi.responded_by;t.has(fi)||t.set(fi,{responded_by:Ci,index:n.length})}t.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)?n[xi=null==(_i=t.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:_i.index]={responsedata:null===(we=null===(be=null===(_e=null===(ye=null==e?void 0:e.data)||void 0===ye?void 0:ye.chatStream)||void 0===_e?void 0:_e.continueChatResult)||void 0===be?void 0:be.message)||void 0===we?void 0:we.content,responseFrom:null===(ke=null===(xe=null===(Se=null==e?void 0:e.data)||void 0===Se?void 0:Se.chatStream)||void 0===xe?void 0:xe.continueChatResult)||void 0===ke?void 0:ke.responded_by,header_message:null===(Re=null===(Ae=null===(Le=null==e?void 0:e.data)||void 0===Le?void 0:Le.chatStream)||void 0===Ae?void 0:Ae.continueChatResult)||void 0===Re?void 0:Re.header_message,finalResponseStatus:!0,explainability_id:null!==(Me=null===(Te=null===(Ie=null===(Ee=null==e?void 0:e.data)||void 0===Ee?void 0:Ee.chatStream)||void 0===Ie?void 0:Ie.continueChatResult)||void 0===Te?void 0:Te.explainability_id)&&void 0!==Me?Me:"",isParallelToolResponse:!0}:n=o(o([],n,!0),[{responsedata:null===(je=null===(Oe=null===(Fe=null===(De=null==e?void 0:e.data)||void 0===De?void 0:De.chatStream)||void 0===Fe?void 0:Fe.continueChatResult)||void 0===Oe?void 0:Oe.message)||void 0===je?void 0:je.content,responseFrom:null===(qe=null===(We=null===(Ne=null==e?void 0:e.data)||void 0===Ne?void 0:Ne.chatStream)||void 0===We?void 0:We.continueChatResult)||void 0===qe?void 0:qe.responded_by,header_message:null===(Ue=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===Ue?void 0:Ue.header_message,finalResponseStatus:!0,explainability_id:null!==(Je=null===(He=null===(Ge=null===(Be=null==e?void 0:e.data)||void 0===Be?void 0:Be.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===(Ve=null===(Ke=null==e?void 0:e.data)||void 0===Ke?void 0:Ke.chatStream)||void 0===Ve?void 0:Ve.continueChatResult)||void 0===Ze?void 0:Ze.thinking_break)&&!1===(null===($e=null===(Xe=null===(Qe=null==e?void 0:e.data)||void 0===Qe?void 0:Qe.chatStream)||void 0===Xe?void 0:Xe.continueChatResult)||void 0===$e?void 0:$e.is_orchestrator)&&!1===(null===(nn=null===(en=null===(Ye=null==e?void 0:e.data)||void 0===Ye?void 0:Ye.chatStream)||void 0===en?void 0:en.continueChatResult)||void 0===nn?void 0:nn.isEnd)){var yi,_i;(yi=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&&yi.responded_by&&(fi=yi.explainability_id,Ci=yi.responded_by,t.has(fi)||t.set(fi,{responded_by:Ci,index:n.length})),t.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)?n[xi=null==(_i=t.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:_i.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===(_n=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===_n?void 0:_n.header_message,finalResponseStatus:!1,explainability_id:null!==(xn=null===(Sn=null===(wn=null===(bn=null==e?void 0:e.data)||void 0===bn?void 0:bn.chatStream)||void 0===wn?void 0:wn.continueChatResult)||void 0===Sn?void 0:Sn.explainability_id)&&void 0!==xn?xn:"",isParallelToolResponse:!0}:n.push({responsedata:null===(Rn=null===(An=null===(Ln=null===(kn=null==e?void 0:e.data)||void 0===kn?void 0:kn.chatStream)||void 0===Ln?void 0:Ln.continueChatResult)||void 0===An?void 0:An.message)||void 0===Rn?void 0:Rn.content,responseFrom:null===(Tn=null===(In=null===(En=null==e?void 0:e.data)||void 0===En?void 0:En.chatStream)||void 0===In?void 0:In.continueChatResult)||void 0===Tn?void 0:Tn.responded_by,header_message:null===(Fn=null===(Dn=null===(Mn=null==e?void 0:e.data)||void 0===Mn?void 0:Mn.chatStream)||void 0===Dn?void 0:Dn.continueChatResult)||void 0===Fn?void 0:Fn.header_message,finalResponseStatus:!1,explainability_id:null!==(Wn=null===(Nn=null===(jn=null===(On=null==e?void 0:e.data)||void 0===On?void 0:On.chatStream)||void 0===jn?void 0:jn.continueChatResult)||void 0===Nn?void 0:Nn.explainability_id)&&void 0!==Wn?Wn:"",isParallelToolResponse:!1})}var bi=null===(Un=null===(Pn=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===Pn?void 0:Pn.message)||void 0===Un?void 0:Un.annotations,wi=(null===(Jn=null===(Hn=null===(Gn=null===(Bn=null==e?void 0:e.data)||void 0===Bn?void 0:Bn.chatStream)||void 0===Gn?void 0:Gn.continueChatResult)||void 0===Hn?void 0:Hn.message)||void 0===Jn?void 0:Jn.userFeedbackId)||"",Si={role:"assistant",content:pi.content,orchestratorAndAgentsMessages:n,time:new Date,requestId:null!==(Xn=null===(Qn=null===(Vn=null===(Kn=null==e?void 0:e.data)||void 0===Kn?void 0:Kn.chatStream)||void 0===Vn?void 0:Vn.continueChatResult)||void 0===Qn?void 0:Qn.requestId)&&void 0!==Xn?Xn:"",citations:null===(ni=null===(ei=null===(Yn=null===($n=null==e?void 0:e.data)||void 0===$n?void 0:$n.chatStream)||void 0===Yn?void 0:Yn.continueChatResult)||void 0===ei?void 0:ei.message)||void 0===ni?void 0:ni.citations,guides_utilized:null!==(ai=null===(li=null===(ti=null===(oi=null===(ii=null==e?void 0:e.data)||void 0===ii?void 0:ii.chatStream)||void 0===oi?void 0:oi.continueChatResult)||void 0===ti?void 0:ti.message)||void 0===li?void 0:li.guides_utilized)&&void 0!==ai?ai:[],annotations:bi,resourceId:null===(di=null===(si=null===(ri=null==e?void 0:e.data)||void 0===ri?void 0:ri.chatStream)||void 0===si?void 0:si.continueChatResult)||void 0===di?void 0:di.resourceId,userFeedbackId:wi,citationDisplayType:null!==(hi=null===(gi=null===(vi=null===(ui=null===(ci=null==e?void 0:e.data)||void 0===ci?void 0:ci.chatStream)||void 0===ui?void 0:ui.continueChatResult)||void 0===vi?void 0:vi.message)||void 0===gi?void 0:gi.citationDisplayType)&&void 0!==hi?hi:""};if(bi)for(var xi=0;xi<(null==bi?void 0:bi.length);xi++){var ki=bi[xi];Si=i(i({},Si),{content:null===(mi=null==Si?void 0:Si.content)||void 0===mi?void 0:mi.replace(null==ki?void 0:ki.text,(null==ki?void 0:ki.text)+"<sup>".concat(xi,"</sup>"))})}return Si}({data:e},t,n);console.log("assistantObject",R),ze(o(o([],qe,!0),[{role:"user",content:a||"",time:l,isFirstQuestionSent:r||!1,requestId:null!==(x=null===(S=null===(w=null==e?void 0:e.chatStream)||void 0===w?void 0:w.continueChatResult)||void 0===S?void 0:S.requestId)&&void 0!==x?x:""},R],!1)),Ve(null===(L=null===(k=null==e?void 0:e.chatStream)||void 0===k?void 0:k.continueChatResult)||void 0===L?void 0:L.isEnd)}},Xn=function(e,n,t){var l,a,r,s,d,c,u,v,m,p=(null==t?void 0:t.trim())||(null==De?void 0:De.trim())||"",f=function(e){return Array.isArray(e)?e.filter(function(e){return""!==e.trim()}):"string"==typeof e?e.split(" OR ").filter(function(e){return""!==e.trim()}):[]},C=f(null==O?void 0:O.whenToApply),y=f(null==O?void 0:O.whenNotToApply),_=null===(l=null==O?void 0:O.scope)||void 0===l?void 0:l.name,b=null;if(null===(a=null==O?void 0:O.scope)||void 0===a?void 0:a.value)try{switch(_){case"Assistant":b=O.scope.value.conciergeId||null;break;case"User":var w=O.scope.value;w.length>0&&(b=w[0].userId||null);break;case"Custom":var S=O.scope.value.scopeId;b=S?[S]:[];break;default:b=null}}catch(e){console.error("Error parsing scope_id:",e,O.scope),b=null}if(!("Enter"!==e.key||e.shiftKey||""===(null==t?void 0:t.trim())&&""===(null==De?void 0:De.trim())||ln)){an(!0);var x=new Date;ze(o(o([],qe.map(function(e,n){var o;return i(i({},e),{content:null===(o=Zn(e.content))||void 0===o?void 0:o.replace("WaitMessage: ","")})}),!0),[{role:"user",content:p,time:x,isFirstQuestionSent:!1}],!1));var k=p.toLowerCase(),L=k.startsWith("delete "),A=k.startsWith("edit "),R=k.startsWith("merge "),E=Ln,I=En;if(L){console.log("Delete message detected, parsing for specific label...");if(oe=p.match(/^Delete (?:conflict|similar) learning ([A-Z])/i)){var T=oe[1];console.log('Found label "'.concat(T,'" in delete message.'));var D=(null==Z?void 0:Z.conflicting_learnings)||{},F=(null==Z?void 0:Z.similar_learnings)||{},j=i(i({},D),F)[T];if(j){var N={question_id:j.id,variant_id:j.variant_id};if(Ln.some(function(e){return e.question_id===N.question_id}))console.log("Item already in delete state, not adding again."),E=Ln;else{var q=o(o([],Ln,!0),[N],!1);An(q),E=q,console.log("Appended new deletion to in_review state:",N)}_e||pn.has(j.id)||fn(function(e){var n=new Set(e);return n.add(j.id),n})}else console.warn("Delete message parsed, but could not find learning for label:",T),E=Ln}else{console.warn("Could not parse label. Checking for generic delete (e.g., 'Delete similar learning').");D=(null==Z?void 0:Z.conflicting_learnings)||{},F=(null==Z?void 0:Z.similar_learnings)||{};var z=Object.values(D),P=Object.values(F),U=[];if(k.includes("similar learnings")&&P.length>1?(console.log("Found ".concat(P.length," similar learnings. Auto-selecting ALL for deletion.")),U=P):k.includes("conflicting learnings")&&z.length>1?(console.log("Found ".concat(z.length," conflicting learnings. Auto-selecting ALL for deletion.")),U=z):k.includes("similar learning")&&1===P.length?(console.log("Found 1 similar learning. Auto-selecting for deletion."),U=[P[0]]):k.includes("conflicting learning")&&1===z.length?(console.log("Found 1 conflicting learning. Auto-selecting for deletion."),U=[z[0]]):console.log("Generic delete message, but conditions not met (e.g., used 'learnings' for 1 item). No action taken."),U.length>0){for(var B=[],G=0,H=function(e){if(e&&e.id&&e.variant_id){var n={question_id:e.id,variant_id:e.variant_id};Ln.some(function(e){return e.question_id===n.question_id})||(B.push(n),G++)}else console.warn("Skipping invalid learning object during auto-delete:",e)},J=0,V=U;J<V.length;J++){H(V[J])}if(G>0){q=o(o([],Ln,!0),B,!0);An(q),E=q,console.log("Appended ".concat(G," new generic deletion(s) to in_review state:"),B),_e||fn(function(e){var n=new Set(e);return B.forEach(function(e){return n.add(e.question_id)}),console.log("Added generic deleted learning IDs to LOCAL UI tracking set"),n})}else console.log("Item(s) already in delete state, not adding again."),E=Ln}else E=Ln}}else if(A){console.log("Edit message detected, parsing and persisting 'in_review.edit' state.");if(oe=p.match(/^Edit (?:conflict|similar) learning ([A-Z]) to respond with "([\s\S]*?)" with WTA: ([\s\S]*?) (?:and WNTA: ([\s\S]*)|and remove the WNTA conditions)$/i)){oe[0];T=oe[1];var Q=oe[2],X=oe[3],$=oe[4];console.log('Found label "'.concat(T,'" in edit message.'));D=(null==Z?void 0:Z.conflicting_learnings)||{},F=(null==Z?void 0:Z.similar_learnings)||{};var Y=i(i({},D),F)[T];if(Y){var ee={id:Y.id,feedback:{variant:Q.trim(),when_to_apply:X.trim(),when_not_to_apply:($||"").trim()},variant_id:Y.variant_id};console.log("Constructed new edit object:",ee);var ne=En.filter(function(e){return e.id!==Y.id}),ie=o(o([],ne,!0),[ee],!1);In(ie),I=ie}else console.warn("Edit message parsed, but could not find learning for label:",T),I=En}else console.warn("Could not parse edit message:",p),I=En}else if(R){console.log("Merge message detected, parsing and persisting as 'in_review.delete' state.");var oe;if(oe=p.match(/^Merge (?:Similar|Conflicting) Learning ([A-Z])/i)){T=oe[1].toUpperCase();console.log('Found label "'.concat(T,'" in merge message.'));D=(null==Z?void 0:Z.conflicting_learnings)||{},F=(null==Z?void 0:Z.similar_learnings)||{};var te=i(i({},D),F)[T];if(te){var le={question_id:te.id,variant_id:te.variant_id};if(Ln.some(function(e){return e.question_id===le.question_id}))console.log("Item (from merge) already in delete state, not adding again."),E=Ln;else{q=o(o([],Ln,!0),[le],!1);An(q),E=q,console.log("Appended new MERGE-AS-DELETE to in_review state:",le)}_e||pn.has(te.id)||fn(function(e){var n=new Set(e);return n.add(te.id),console.log("Added MERGED learning ID to LOCAL UI tracking set:"),n})}else console.warn("Merge message parsed, but could not find learning for label:",T),E=Ln}else{console.warn("Could not parse label for merge. Checking for generic merge (e.g., 'Merge similar learning').");D=(null==Z?void 0:Z.conflicting_learnings)||{},F=(null==Z?void 0:Z.similar_learnings)||{},z=Object.values(D),P=Object.values(F);var ae=[];if(k.includes("similar learnings")&&P.length>1?(console.log("Found ".concat(P.length," similar learnings. Auto-selecting ALL for MERGE.")),ae=P):k.includes("conflicting learnings")&&z.length>1?(console.log("Found ".concat(z.length," conflicting learnings. Auto-selecting ALL for MERGE.")),ae=z):k.includes("similar learning")&&1===P.length?(console.log("Found 1 similar learning. Auto-selecting for MERGE."),ae=[P[0]]):k.includes("conflicting learning")&&1===z.length?(console.log("Found 1 conflicting learning. Auto-selecting for MERGE."),ae=[z[0]]):console.log("Generic merge message, but conditions not met (e.g., used 'learnings' for 1 item). No action taken."),ae.length>0){for(var re=[],se=(G=0,function(e){if(e&&e.id&&e.variant_id){var n={question_id:e.id,variant_id:e.variant_id};Ln.some(function(e){return e.question_id===n.question_id})||(re.push(n),G++)}else console.warn("Skipping invalid learning object during auto-merge:",e)}),de=0,ce=ae;de<ce.length;de++){se(ce[de])}if(G>0){q=o(o([],Ln,!0),re,!0);An(q),E=q,console.log("Appended ".concat(G," new generic MERGE-AS-DELETE(s) to in_review state:"),re),_e||fn(function(e){var n=new Set(e);return re.forEach(function(e){return n.add(e.question_id)}),console.log("Added generic MERGED learning IDs to LOCAL UI tracking set"),n})}else console.log("Item(s) from generic merge already in delete state, not adding again."),E=Ln}else E=Ln}}var ue=new Map,ve=[];Te(!1);var ge=i(i(i({userQuery:null!==(r=null==O?void 0:O.question)&&void 0!==r?r:"",topic:null!==(s=null==O?void 0:O.topic.value)&&void 0!==s?s:"",variant:null!==(d=null==O?void 0:O.howToRespond)&&void 0!==d?d:"",whenToApply:C,whenNotToApply:y,scope:_,scope_id:b,categories:null!==(c=null==O?void 0:O.categories)&&void 0!==c?c:[],validation:null!=K?K:null,conflicting_learnings:null!==(u=null==Z?void 0:Z.conflicting_learnings)&&void 0!==u?u:"",similar_learnings:null!==(v=null==Z?void 0:Z.similar_learnings)&&void 0!==v?v:""},(null==he?void 0:he.wta)&&{recommended_whentoapply:he.wta}),(null==he?void 0:he.wnta)&&{recommended_whennottoapply:he.wnta}),{in_review:{delete:E,edit:I,add:me||[]},isFirstQuestion:0===qe.length});console.log("🚀 Sending Custom MetaData to Chat Backend:",ge);var pe={WEBSOCKET_URL:W,organizationName:M,chatAssistantName:be,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:(null==t?void 0:t.trim())||(null==De?void 0:De.trim())||"",requestId:"requestId-".concat(h()),customPrompt:"",enableForBackend:!1,guestSessionId:we.current,chatPreviewId:Se.current,customMetaData:ge,customMetaDataDebug:{conflicting_learnings_keys:(null==Z?void 0:Z.conflicting_learnings)?Object.keys(Z.conflicting_learnings):[],similar_learnings_keys:(null==Z?void 0:Z.similar_learnings)?Object.keys(Z.similar_learnings):[],conflicting_count:(null==Z?void 0:Z.conflicting_learnings)?Object.keys(Z.conflicting_learnings).length:0,similar_count:(null==Z?void 0:Z.similar_learnings)?Object.keys(Z.similar_learnings).length:0},aiModel:"",onStreamEvent:function(e){return Qn(e,ue,ve,x,p,n)},onStreamEnd:function(e){an(!1)},onError:function(e){return console.error("Stream error:",e)}};if(""!==(null==De?void 0:De.trim())||(null==t?void 0:t.trim())){Be(!0),null===(m=Le.current)||void 0===m||m.blur(),Fe(""),Jn();for(var fe="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(" "),Ce="",ye=function(e){setTimeout(function(){Ce+=fe[e]+" ",on(Ce.trim())},25*e)},xe=0;xe<fe.length;xe++)ye(xe);g(pe)}}},$n=s(new Set);return u(function(){if(ie&&!ln){if($n.current.has(ie))return void console.log("[ChatComponent] ⚠️ Duplicate merge trigger ignored:",ie);console.log("[ChatComponent] 🔴 MERGE TRIGGER RECEIVED:",ie),$n.current.add(ie);var e=null,n="A";if(null==Z?void 0:Z.similar_learnings){var i=Object.values(Z.similar_learnings),o=i.findIndex(function(e){return(null==e?void 0:e.id)===ie});-1!==o&&(e=i[o],n=String.fromCharCode(65+o))}if(e){var t="Merge Similar Learning ".concat(n," with current learning");console.log("[ChatComponent] ✅ Sending merge message to chat:",t),Xn(new KeyboardEvent("keydown",{key:"Enter"}),!1,t),console.log("[ChatComponent] Message sent successfully")}else console.log("[ChatComponent] ❌ Learning not found for ID:",ie);oe&&(oe(null),console.log("[ChatComponent] Trigger cleared"))}else ie&&ln&&console.log("[ChatComponent] ⚠️ Merge trigger received but streaming in progress:",ie)},[ie,ln,oe]),c(function(){return{img:function(e){e.node;var n=t(e,["node"]);return l("img",i({},n,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==n?void 0:n.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(e){e.node;var n=t(e,["node"]);return l("p",i({},n,{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==n?void 0:n.children}))},code:function(e){e.node;var n=t(e,["node"]);return l("span",i({},n,{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==n?void 0:n.children}))},ol:function(e){e.node;var n=t(e,["node"]);return l("ol",i({},n,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==n?void 0:n.children}))},ul:function(e){e.node;var n=t(e,["node"]);return l("ul",i({},n,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==n?void 0:n.children}))},wta:function(e){e.node;var n=t(e,["node"]);n.key||n["data-key"];var i=n.label||n.children||"Unknown label";return l(I,{label:i,onToggle:function(e,n){!function(e,n){var i=Array.isArray(e)?e[0]:e;null==Re||Re.length,Te(!0),Ee(function(e){return n?e.includes(i)?e:o(o([],e,!0),[i],!1):e.filter(function(e){return e!==i})})}(e,n)}})}}},[]),a("div",i({className:y.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:[a("div",i({style:{width:"100%",height:"100%",backgroundColor:"#fbfaff",maxWidth:"100%",overflow:"hidden"}},{children:[l("div",i({ref:Tn},{children:l(E,{resetChatHistory:function(){var e="".concat(xe,"/api/chat/resetHistory?name=").concat(be,"&organizationName=").concat(M);V(null),Q(null);try{var n={method:"GET",params:{guestSessionId:we.current},withCredentials:!0};m.get(e,n).then(function(){ce(""),ue(""),ve([]),In([]),q(!0),Te(!1),Ee([]),Ye(""),fn(new Set),An([]),bn.current="",Sn.current.clear(),$n.current.clear(),oe&&oe(null),Se.current="".concat(h()),N(!1),ze([]),Xe(!0),te?(console.log("[ChatComponent] 🔄 Calling onResetLearningData callback"),te()):console.log("[ChatComponent] ❌ onResetLearningData callback not available"),Nn.current.clear()}).catch(function(e){console.error(e)})}catch(e){Be(!1),console.error(e)}},isStreamEnd:Ke})})),a("div",i({style:{width:"100%",height:Dn,maxHeight:Dn,overflowY:"auto",backgroundColor:"#fbfaff"},ref:ke},{children:[l("div",i({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:l("span",{children:"I'm here to help fine-tune your learning so it works as accurately as it should."})})),a("div",i({style:{display:"flex",flexDirection:"row",fontFamily:"inherit",padding:"16px 10px 0px 16px",maxWidth:"80%"}},{children:[l("div",i({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.3rem"}},{children:a("svg",i({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[l("g",i({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:l("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"})})),l("defs",{children:l("clipPath",i({id:"clip0_6004_60631"},{children:l("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),l("div",i({style:{display:"flex",flexDirection:"column",fontWeight:400,color:"#000"}},{children:l("div",i({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:l("span",{children:l(p,i({components:{p:function(e){e.node;var n=t(e,["node"]);return l("p",i({},n,{style:{margin:0}},{children:null==n?void 0:n.children}))}}},{children:je}))})}))}))]})),qe.length?qe.map(function(e,n){return a("div",i({style:{display:"flex",padding:"0.5rem 1rem",maxWidth:"100%"}},{children:["assistant"==(null==e?void 0:e.role)&&l("div",i({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.5rem",marginRight:"1rem"}},{children:a("svg",i({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[l("g",i({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:l("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"})})),l("defs",{children:l("clipPath",i({id:"clip0_6004_60631"},{children:l("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),a("div",i({style:{width:"100%"}},{children:["assistant"===e.role&&e.orchestratorAndAgentsMessages&&e.orchestratorAndAgentsMessages.length>0&&l(f,{orchestratorAndAgentsMessages:null==e?void 0:e.orchestratorAndAgentsMessages,isStreamEnd:Ke,isCurrentMessage:n===qe.length-1,ThinkingBulbIconComponent:P}),"assistant"===(null==e?void 0:e.role)?l(S,{index:n,content:null==e?void 0:e.content,messages:qe,handleStream:Xn}):l("span",{}),l("div",i({style:{display:"flex",justifyContent:"flex-end"}},{children:"user"===e.role?l("div",i({style:{backgroundColor:"#8694A10D",padding:"0 1rem",borderRadius:"8px",maxWidth:"80%"}},{children:l(S,{index:n,content:null==e?void 0:e.content,messages:qe,handleStream:Xn,scrollToBottom:Jn})})):l("span",{})}))]}))]}))}):Qe&&l(r,{}),Ue&&a("div",i({style:{display:"flex",padding:"16px 16px 0px 16px"}},{children:[l("div",i({style:{maxHeight:"32px",maxWidth:"32px",marginTop:"0.2rem"}},{children:a("svg",i({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[l("g",i({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:l("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"})})),l("defs",{children:l("clipPath",i({id:"clip0_6004_60631"},{children:l("rect",{width:"24",height:"24",fill:"white"})}))})]}))})),l("div",i({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:l("span",{children:nn})}))]}))]}))]})),a("div",i({style:{width:"95%",height:"content-fit",backgroundColor:"#fbfaff",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"end",position:"relative"}},{children:[l("div",i({style:{visibility:un?"visible":"hidden",position:"absolute",top:"-3rem",zIndex:0,pointerEvents:"none"}},{children:l("button",i({onClick:Jn,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:l("svg",i({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:l("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"})}))}))})),l("div",i({style:{width:"100%",backgroundColor:"#fff",display:"flex",alignItems:"end",gap:"0.5rem",border:"1px solid #E5E7EB",borderRadius:"8px"}},{children:a("div",i({style:{width:"100%",display:"flex"}},{children:[l("textarea",{ref:Le,placeholder:"Tell me more about this learning...",value:De||"",onChange:function(e){return Fe(e.target.value)},onFocus:function(){return dn(!0)},onBlur:function(){return dn(!1)},onKeyDown:function(e){return Xn(e)},style:{flexGrow:1,padding:"0.5rem",borderRadius:"0.5rem",border:"none",fontSize:"1rem",lineHeight:"1.5rem",resize:"none",backgroundColor:"#fff",color:"inherit",minHeight:sn?"120px":"50px",height:sn?"120px":"50px",maxHeight:"120px",overflowY:"auto",fontFamily:"inherit",outline:"none",transition:"min-height 0.3s ease, background-color 0.3s ease",boxSizing:"border-box"}}),a("span",i({style:{display:"flex",flexDirection:"column",justifyContent:"end",alignItems:"end"}},{children:[" ",l("button",i({onClick:function(e){Xn(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:xn,style:{padding:"0.5rem 0.75rem",borderRadius:"0.375rem",border:"none",backgroundColor:"white",color:xn?"#d1d5db":"#5928ed",fontWeight:"bold",fontSize:"1rem",cursor:xn?"not-allowed":"pointer",transition:"background-color 0.3s, color 0.3s",height:"50px"}},{children:l(R,{})}))]}))]}))}))]})),a("div",i({style:{width:"95%",display:"flex",gap:"0.25rem",flexDirection:"row"}},{children:[l(_,i({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:l("span",i({style:{width:"50%"}},{children:l(w,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),l(_,i({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:l("span",i({style:{width:"50%"}},{children:l(w,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};export{T 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, sanitizePythonDictToJSON2 } from '../../../utils/instantLearning.utils.js';
+import { parseValidationRecommendations } from '../../../utils/recommendationParser.js';
+import { publishAgenticFeedbackForVariantIngestion } from '../../../service/InstantLearningService.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" }),
+              " Contextual 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 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,
+  //contextual props 
+  setExtractedHowToRespond,
+  setExtractedTopic,
+  setExtractedCategories,
+  setValidationRecommendations,
+  validationRecommendations,
+  addInReview,
+  editInReview,
+  deleteInReview,
+  assistantId,
+  isFromDashboard = false
+}) => {
+  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 [deletionsInReviewState, setDeletionsInReviewState] = useState(deleteInReview || []);
+  const [editsInReviewState, setEditsInReviewState] = useState(editInReview || []);
+  const chatHeaderRef = useRef(null);
+  const [availableHeight, setAvailableHeight] = useState("100%");
+  const learningWtaResponseRef = useRef(learningWtaResponse);
+  const formDataStateRef = useRef(formDataState);
+  useEffect(() => {
+    learningWtaResponseRef.current = learningWtaResponse;
+  }, [learningWtaResponse]);
+  useEffect(() => {
+    formDataStateRef.current = formDataState;
+  }, [formDataState]);
+  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]);
+  useEffect(() => {
+    if (isFromDashboard) {
+      let staticWelcomeMessage = `Please enter the question you want to provide the learning for. `;
+      setWelcomeMessage(staticWelcomeMessage);
+    } else {
+      let staticWelcomeMessage = `Please tell me how I should respond to "${selectedText}"? `;
+      setWelcomeMessage(staticWelcomeMessage);
+    }
+  }, [formDataState]);
+  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, onEditToolCall) => {
+    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 contextualPattern = /['"]conditions_whentoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\2).)*\2\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\3).)*\3\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])\s*,\s*['"]conditions_whennottoapply['"]\s*:\s*(\[\s*\]|\[\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\5).)*\5\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\}(?:\s*,\s*\{\s*['"]when_not_to_apply['"]\s*:\s*(['"])(?:\\.|(?!\6).)*\6\s*,\s*['"]confidence_score['"]\s*:\s*\d+\s*\})*\s*\])/;
+      const validationPattern = /['"]is_valid['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflictingConditions['"]\s*:\s*\[\s*(?:\{[\s\S]*?['"]conflictType['"]\s*:\s*['"][^'"]+['"][\s\S]*?\}\s*,?\s*)*\]\s*,\s*['"]save['"]\s*:\s*(true|false|True|False)/;
+      const dbValidationPattern = /['"]is_valid_db['"]\s*:\s*(true|false|True|False)\s*,\s*['"]conflicting_learnings['"]\s*:\s*([\s\S]*?)\s*,\s*['"]similar_learnings['"]\s*:\s*([\s\S]*)(?:\s*,\s*["']save["']\s*:\s*(true|false|True|False))?(?=\s*})/;
+      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]}}`);
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON:", e);
+          }
+        }
+        const contextualMatch = responseData.match(contextualPattern);
+        if (contextualMatch) {
+          try {
+            let cleanedContextual = sanitizePythonDictToJSON(contextualMatch[0] || "");
+            const contextualObj = JSON5.parse(`{${cleanedContextual}}`);
+            console.log("Contextual conditions detected:", contextualObj);
+            results.push({
+              ...contextualObj,
+              _isContextual: true
+              // Flag to identify contextual data
+            });
+          } catch (e) {
+            console.error("Failed to parse contextual JSON:", e);
+          }
+        }
+        const validationMatch = responseData.match(validationPattern);
+        console.log("validationObj before cond ", validationMatch);
+        if (validationMatch) {
+          try {
+            let cleanedValidation = sanitizePythonDictToJSON(responseData || "");
+            let parsedData = JSON5.parse(cleanedValidation);
+            if (parsedData && typeof parsedData === "object" && "is_valid" in parsedData && "conflictingConditions" in parsedData) {
+              console.log("Found validation data in response:", parsedData);
+              setValidationWtaResponse(parsedData);
+              console.log("dbVal 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) {
+              let cleanedDBValidation = sanitizePythonDictToJSON2(dbValidationMatch[0] || "");
+              const dbValidationObj = JSON5.parse(`{${cleanedDBValidation}}`);
+              setLearningWtaResponse(dbValidationObj);
+              console.log("dbVal after set in chat (regex fallback)", learningWtaResponse);
+            }
+          }
+        } catch (e) {
+          console.log("JSON parsing failed, trying regex fallback for validation data");
+          const dbValidationMatch = responseData.match(dbValidationPattern);
+          if (dbValidationMatch) {
+            try {
+              let cleanedDBValidation = sanitizePythonDictToJSON2(dbValidationMatch[0] || "");
+              const dbValidationObj = JSON5.parse(`{${cleanedDBValidation}}`);
+              setLearningWtaResponse(dbValidationObj);
+              console.log("dbVal after set in chat (regex fallback)", learningWtaResponse);
+            } catch (regexError) {
+              console.error("Failed to parse validation JSON with regex fallback:", regexError);
+            }
+          }
+        }
+        const deleteToolMatch = responseData.match(deleteToolPattern);
+        if (deleteToolMatch) {
+          try {
+            let cleanedDeleteTool = 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);
+            }
+            if (editToolObj.similar_learnings) {
+              setEditSimilarLearningTrigger(editToolObj.similar_learnings);
+            }
+            if (onEditToolCall) {
+              onEditToolCall(editToolObj);
+            }
+          } 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) {
+              console.log("Found recommendation data:", parsedObject);
+              const recommendations = parseValidationRecommendations(parsedObject);
+              console.log("Parsed recommendations:", recommendations);
+              onRecommendationFound(recommendations);
+            }
+          } catch (e) {
+          }
+        }
+      }
+      return results;
+    }, [messages2, onDeleteToolCall]);
+  };
+  const processedEditToolsRef = useRef(/* @__PURE__ */ new Set());
+  const handleEditToolCallback = useCallback(async (editToolData) => {
+    const editOperationId = JSON.stringify({
+      conflicting: Object.keys(editToolData.conflicting_learnings || {}).sort(),
+      similar: Object.keys(editToolData.similar_learnings || {}).sort(),
+      variant: Object.values(editToolData.similar_learnings || {})[0]
+      // Simple check on content
+    });
+    if (processedEditToolsRef.current.has(editOperationId)) {
+      return;
+    }
+    processedEditToolsRef.current.add(editOperationId);
+    if (isFromDashboard) {
+      console.log("[Dashboard Mode] Processing Edit Tool:", editToolData);
+      const processEdits = async (learningsDict) => {
+        var _a, _b, _c;
+        if (!learningsDict) return;
+        for (const [id, data] of Object.entries(learningsDict)) {
+          const editData = data;
+          const getLearningDetails = (searchId) => {
+            var _a2, _b2;
+            const conflicting = ((_a2 = learningWtaResponseRef.current) == null ? void 0 : _a2.conflicting_learnings) || {};
+            const similar = ((_b2 = learningWtaResponseRef.current) == null ? void 0 : _b2.similar_learnings) || {};
+            let found = Object.values(conflicting).find((l) => l.id === searchId);
+            if (found) return found;
+            found = Object.values(similar).find((l) => l.id === searchId);
+            return found;
+          };
+          const itemDetails = getLearningDetails(id);
+          if (!itemDetails) {
+            console.warn(`[Dashboard Mode] Could not find original learning for edit ID: ${id}`);
+            continue;
+          }
+          const variantId = itemDetails.variant_id;
+          itemDetails.id;
+          const wta = Array.isArray(editData.conditions_whentoapply) ? editData.conditions_whentoapply.join(" OR ") : editData.conditions_whentoapply || "";
+          const wnta = Array.isArray(editData.conditions_whennottoapply) ? editData.conditions_whennottoapply.join(" OR ") : editData.conditions_whennottoapply || "";
+          const currentFormScope = (_a = formDataStateRef.current) == null ? void 0 : _a.scope;
+          let scopePayload = { name: "Global", value: null };
+          if (currentFormScope && currentFormScope.name) {
+            if (currentFormScope.name === "Global") {
+              scopePayload = { name: "Global", value: null };
+            } else {
+              scopePayload = {
+                name: currentFormScope.name,
+                value: currentFormScope.value
+              };
+            }
+          }
+          const editPayload = {
+            status: "approved",
+            metadata: {
+              userName: "M Kathyayani",
+              userEmailId: "madumbu.kathyayani@techolution.com",
+              llm: "claude-3.5-sonnet",
+              isVariantFlow: true,
+              isUpdateAction: true,
+              // Edit Action
+              isAgentsFeedback: true,
+              variant: {
+                id: variantId,
+                // The variant_id
+                variant: editData.variant,
+                conditions_whentoapply: wta,
+                conditions_whennottoapply: wnta,
+                scope: scopePayload,
+                topic: {
+                  id: null,
+                  value: (_c = (_b = itemDetails.feedback) == null ? void 0 : _b.topic) == null ? void 0 : _c.value
+                },
+                categories: [],
+                originalQuestion: "",
+                parameterizedQuestion: itemDetails.feedback.question,
+                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
+                }),
+                created_by: null,
+                updated_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
+                }),
+                updated_by: "madumbu.kathyayani@techolution.com",
+                instantLearningType: "iL",
+                appliedTagsIL: [],
+                tagMappingInfoIL: {}
+              }
+            }
+          };
+          try {
+            const response = await publishAgenticFeedbackForVariantIngestion({
+              baseUrl,
+              organizationName,
+              payload: editPayload
+            });
+            if (response && response.ok) {
+              console.log(`[Dashboard Mode] Successfully Edited ID: ${id}`);
+              setLearningWtaResponse((prev) => {
+                if (!prev) return prev;
+                const newResp = { ...prev };
+                const updateList = (listName) => {
+                  const list = newResp[listName];
+                  if (!list) return;
+                  Object.keys(list).forEach((key) => {
+                    if (list[key].id === id) {
+                      list[key] = {
+                        ...list[key],
+                        feedback: {
+                          ...list[key].feedback,
+                          variant: editData.variant,
+                          when_to_apply: editData.conditions_whentoapply,
+                          // Keep array for UI
+                          when_not_to_apply: editData.conditions_whennottoapply
+                          // Keep array for UI
+                        }
+                      };
+                    }
+                  });
+                };
+                updateList("conflicting_learnings");
+                updateList("similar_learnings");
+                return newResp;
+              });
+            } else {
+              console.error(`[Dashboard Mode] Failed to edit ID: ${id}. Status: ${response == null ? void 0 : response.status}`);
+            }
+          } catch (error) {
+            console.error(`[Dashboard Mode] Error calling edit API for ID: ${id}`, error);
+          }
+        }
+      };
+      await processEdits(editToolData.conflicting_learnings);
+      await processEdits(editToolData.similar_learnings);
+    }
+  }, [isFromDashboard, baseUrl, organizationName, setLearningWtaResponse]);
+  const handleDeleteToolCallback = useCallback(async (deleteToolData) => {
+    var _a, _b, _c;
+    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)) {
+      return;
+    }
+    processedDeleteToolsRef.current.add(deleteOperationId);
+    const allDeletedIds = [
+      ...deleteToolData.deleted_similar_learning_ids || [],
+      ...deleteToolData.deleted_conflicting_learning_ids || []
+    ];
+    if (isFromDashboard) {
+      if (allDeletedIds.length > 0) {
+        console.log("[Dashboard Mode] Executing Delete APIs for IDs:", allDeletedIds);
+        const getLearningDetails = (id) => {
+          var _a2, _b2;
+          const conflicting = ((_a2 = learningWtaResponseRef.current) == null ? void 0 : _a2.conflicting_learnings) || {};
+          const similar = ((_b2 = learningWtaResponseRef.current) == null ? void 0 : _b2.similar_learnings) || {};
+          let found = Object.values(conflicting).find((l) => l.id === id);
+          if (found) return found;
+          found = Object.values(similar).find((l) => l.id === id);
+          return found;
+        };
+        for (const id of allDeletedIds) {
+          const itemDetails = getLearningDetails(id);
+          const payloadId = itemDetails == null ? void 0 : itemDetails.variant_id;
+          const variantText = ((_a = itemDetails == null ? void 0 : itemDetails.feedback) == null ? void 0 : _a.variant) || "";
+          const wtaRaw = (_b = itemDetails == null ? void 0 : itemDetails.feedback) == null ? void 0 : _b.when_to_apply;
+          const wtaString = Array.isArray(wtaRaw) ? wtaRaw.join(" OR ") : wtaRaw || "";
+          const wntaRaw = (_c = itemDetails == null ? void 0 : itemDetails.feedback) == null ? void 0 : _c.when_not_to_apply;
+          const wntaString = Array.isArray(wntaRaw) ? wntaRaw.join(" OR ") : wntaRaw || "";
+          const payload = {
+            "status": "approved",
+            "metadata": {
+              "userName": "M Kathyayani",
+              "userEmailId": "madumbu.kathyayani@techolution.com",
+              "llm": "claude-3.5-sonnet",
+              "isVariantFlow": true,
+              "isDeleteAction": true,
+              "isAgentsFeedback": true,
+              "variant": {
+                "id": payloadId,
+                scope: {
+                  name: "User",
+                  value: [{
+                    name: "M Kathyayani",
+                    email: "madumbu.kathyayani@techolution.com",
+                    userId: "8059658c-a65c-4e14-89aa-a5195f5d09f5"
+                  }]
+                },
+                topic: {
+                  id: null,
+                  value: "default"
+                },
+                "variant": variantText,
+                "conditions_whentoapply": wtaString,
+                "conditions_whennottoapply": wntaString,
+                "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": "",
+                "parentId": itemDetails == null ? void 0 : itemDetails.id
+              }
+            }
+          };
+          try {
+            const response = await publishAgenticFeedbackForVariantIngestion({
+              baseUrl,
+              organizationName,
+              payload
+            });
+            if (response && response.ok) {
+              console.log(`[Dashboard Mode] Successfully deleted ID: ${id}`);
+              setDeletedLearningIds((prev) => {
+                const newSet = new Set(prev);
+                newSet.add(id);
+                return newSet;
+              });
+            } else {
+              console.error(`[Dashboard Mode] Failed to delete ID: ${id}. Status: ${response == null ? void 0 : response.status}`);
+            }
+          } catch (error) {
+            console.error(`[Dashboard Mode] Error calling delete API for ID: ${id}`, error);
+          }
+        }
+      }
+      return;
+    }
+    setDeletedLearningIds((prev) => {
+      const newSet = new Set(prev);
+      allDeletedIds.forEach((id) => newSet.add(id));
+      return newSet;
+    });
+  }, [setDeletedLearningIds, baseUrl, organizationName, isFromDashboard]);
+  const handleMergeToolCallback = useCallback(async (mergeToolData) => {
+    setIsMergeLoading(true);
+    console.log("\u{1F534} MERGE CALLBACK - Processing merge tool call");
+    const { merge_learnings, similar_learnings, conditions_whentoapply, conditions_whennottoapply } = mergeToolData;
+    if (!merge_learnings || !similar_learnings || !Array.isArray(similar_learnings)) {
+      console.log("Invalid merge tool data, skipping");
+      setIsMergeLoading(false);
+      return;
+    }
+    if (conditions_whentoapply && Array.isArray(conditions_whentoapply)) {
+      console.log(" MERGE CALLBACK - Replacing whenToApply conditions:", conditions_whentoapply);
+      const whenToApplyString = conditions_whentoapply.join(" OR ");
+      setFormDataState((prev) => ({
+        ...prev,
+        whenToApply: whenToApplyString,
+        _mergeUpdate: true,
+        _mergeWTA: conditions_whentoapply
+      }));
+    }
+    if (conditions_whennottoapply && Array.isArray(conditions_whennottoapply)) {
+      console.log(" MERGE CALLBACK - Replacing whenNotToApply conditions:", conditions_whennottoapply);
+      const whenNotToApplyString = conditions_whennottoapply.join(" OR ");
+      setFormDataState((prev) => ({
+        ...prev,
+        whenNotToApply: whenNotToApplyString,
+        _mergeUpdate: true,
+        _mergeWNTA: conditions_whennottoapply
+      }));
+    }
+    if (isFromDashboard) {
+      console.log("[Dashboard Mode] Executing Merge-Delete APIs for IDs:", similar_learnings);
+      const getLearningDetails = (id) => {
+        var _a;
+        const similar = ((_a = learningWtaResponseRef.current) == null ? void 0 : _a.similar_learnings) || {};
+        return Object.values(similar).find((l) => l.id === id);
+      };
+      for (const id of similar_learnings) {
+        const itemDetails = getLearningDetails(id);
+        const payloadId = itemDetails == null ? void 0 : itemDetails.variant_id;
+        const payload = {
+          "status": "approved",
+          "metadata": {
+            "userName": "M Kathyayani",
+            "userEmailId": "madumbu.kathyayani@techolution.com",
+            "llm": "claude-3.5-sonnet",
+            "isVariantFlow": true,
+            "isDeleteAction": true,
+            "isAgentsFeedback": true,
+            "variant": {
+              "id": payloadId,
+              scope: {
+                name: "User",
+                value: [{
+                  name: "M Kathyayani",
+                  email: "madumbu.kathyayani@techolution.com",
+                  userId: "8059658c-a65c-4e14-89aa-a5195f5d09f5"
+                }]
+              },
+              topic: {
+                id: null,
+                value: "default"
+              },
+              "variant": "",
+              "conditions_whentoapply": "",
+              "conditions_whennottoapply": "",
+              "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": "",
+              "parentId": itemDetails == null ? void 0 : itemDetails.id
+            }
+          }
+        };
+        try {
+          const response = await publishAgenticFeedbackForVariantIngestion({
+            baseUrl,
+            organizationName,
+            payload
+          });
+          if (response && response.ok) {
+            console.log(`[Dashboard Mode] Successfully Merged (Deleted) ID: ${id}`);
+            setMergedLearningIds((prev) => {
+              const newSet = new Set(prev);
+              newSet.add(id);
+              return newSet;
+            });
+          } else {
+            console.error(`[Dashboard Mode] Failed to merge-delete ID: ${id}. Status: ${response == null ? void 0 : response.status}`);
+          }
+        } catch (error) {
+          console.error(`[Dashboard Mode] Error calling merge-delete API for ID: ${id}`, error);
+        }
+      }
+      setIsMergeLoading(false);
+      return;
+    }
+    setMergedLearningIds((prev) => {
+      const newSet = new Set(prev);
+      similar_learnings.forEach((id) => newSet.add(id));
+      return newSet;
+    });
+    setIsMergeLoading(false);
+  }, [setMergedLearningIds, setFormDataState, setIsMergeLoading, baseUrl, organizationName, isFromDashboard]);
+  const parsedSuggestions = useParsedHeaderSuggestions(messages, setValidationRecommendations, handleDeleteToolCallback, handleMergeToolCallback, handleEditToolCallback);
+  useEffect(() => {
+    var _a, _b;
+    const latestSuggestions = (parsedSuggestions == null ? void 0 : parsedSuggestions[(parsedSuggestions == null ? void 0 : parsedSuggestions.length) - 1]) || null;
+    if (latestSuggestions) {
+      if (latestSuggestions._isContextual) {
+        console.log("Processing contextual suggestions:", latestSuggestions);
+        const whenToApplyStrings = ((_a = latestSuggestions.conditions_whentoapply) == null ? void 0 : _a.map(
+          (item) => item.when_to_apply
+        ).filter((str) => str && str.trim() !== "")) || [];
+        const whenNotToApplyStrings = ((_b = latestSuggestions.conditions_whennottoapply) == null ? void 0 : _b.map(
+          (item) => item.when_not_to_apply
+        ).filter((str) => str && str.trim() !== "")) || [];
+        setFormDataState((prev) => ({
+          ...prev,
+          whenToApply: whenToApplyStrings,
+          whenNotToApply: whenNotToApplyStrings,
+          _contextualUpdate: true
+        }));
+      } else {
+        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 useParsedHeaderHowToRespond = (messages2) => {
+    return useMemo(() => {
+      var _a;
+      const results = [];
+      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 extractedData = {};
+        const hasRelevantFields = responseData.includes("howtorespond") || responseData.includes("topic") || responseData.includes("categories") || responseData.includes("scope") || responseData.includes("question");
+        if (hasRelevantFields) {
+          try {
+            console.log("checking question response data:", responseData);
+            const cleanedData = sanitizePythonDictToJSON(responseData);
+            const parsed = JSON5.parse(cleanedData);
+            if ("howtorespond" in parsed) {
+              extractedData.howtorespond = parsed.howtorespond;
+            }
+            if ("topic" in parsed) {
+              extractedData.topic = parsed.topic;
+            }
+            if ("categories" in parsed) {
+              extractedData.categories = Array.isArray(parsed.categories) ? parsed.categories : [];
+            }
+            if ("scope" in parsed) {
+              extractedData.scope = parsed.scope;
+            }
+            if ("question" in parsed) {
+              extractedData.question = parsed.question;
+            }
+          } catch (e) {
+            console.error("\u274C Failed to parse response data:", e);
+            const questionMatch = responseData.match(/['"]question['"]\s*:\s*['"]([\s\S]*?)['"](?=\s*[,}])/);
+            if (questionMatch) {
+              extractedData.question = questionMatch[1];
+            }
+            const howtoMatch = responseData.match(/['"]howtorespond['"]\s*:\s*['"](.*?)['"](?=\s*[,}])/);
+            if (howtoMatch) {
+              console.log("\u{1F527} MANUAL EXTRACTION succeeded:", howtoMatch[1]);
+              extractedData.howtorespond = howtoMatch[1];
+            } else {
+              console.error("\u{1F527} MANUAL EXTRACTION also failed");
+              console.error("\u{1F527} Trying alternative pattern...");
+              const simpleMatch = responseData.match(/howtorespond['"]\s*:\s*['"]([\s\S]*?)['"](?:\s*[,}]|$)/);
+              if (simpleMatch) {
+                console.log("\u{1F527} ALTERNATIVE EXTRACTION succeeded:", simpleMatch[1]);
+                extractedData.howtorespond = simpleMatch[1];
+              }
+            }
+          }
+        } else {
+          console.log("\u23ED\uFE0F Skipping message - no relevant fields");
+        }
+        if (Object.keys(extractedData).length > 0) {
+          console.log("\u{1F4E6} FINAL EXTRACTED DATA:", extractedData);
+          results.push(extractedData);
+        } else {
+          console.log("\u26A0\uFE0F No data extracted from this message");
+        }
+      }
+      console.log("\u{1F3C1} useParsedHeaderHowToRespond COMPLETE. Results count:", results.length);
+      return results;
+    }, [messages2]);
+  };
+  const parsedHowToRespond = useParsedHeaderHowToRespond(messages);
+  useEffect(() => {
+    const latestData = (parsedHowToRespond == null ? void 0 : parsedHowToRespond[(parsedHowToRespond == null ? void 0 : parsedHowToRespond.length) - 1]) || null;
+    if (!latestData) {
+      return;
+    }
+    if ("howtorespond" in latestData) {
+      setExtractedHowToRespond(latestData.howtorespond);
+    }
+    if ("topic" in latestData) {
+      setExtractedTopic(latestData.topic);
+    }
+    if ("question" in latestData) {
+      console.log("\u2705 Question Extracted:", latestData.question);
+      setFormDataState((prev) => {
+        if (prev.question === latestData.question) return prev;
+        return {
+          ...prev,
+          question: latestData.question
+        };
+      });
+    }
+    if ("categories" in latestData && Array.isArray(latestData.categories)) {
+      setExtractedCategories(latestData.categories);
+    }
+    if ("scope" in latestData) {
+      console.log("\u2705 Setting scope:", latestData.scope);
+      setFormDataState((prev) => {
+        var _a;
+        if (latestData.scope === "") {
+          return {
+            ...prev,
+            scope: {
+              name: "",
+              // This triggers the placeholder "Select scope"
+              value: null
+            }
+          };
+        }
+        if (((_a = prev.scope) == null ? void 0 : _a.name) === latestData.scope) {
+          return prev;
+        }
+        let newScopeValue = null;
+        if (latestData.scope === "User") {
+          newScopeValue = [];
+        } else if (latestData.scope === "Assistant") {
+          newScopeValue = { assistantName: chatAssistantName || "", conciergeId: assistantId || "" };
+        }
+        console.log("\u{1F4CC} Scope Set from Chat:", latestData.scope, "Value:", newScopeValue);
+        return {
+          ...prev,
+          scope: {
+            name: latestData.scope,
+            value: newScopeValue
+          }
+        };
+      });
+    }
+  }, [parsedHowToRespond, setExtractedHowToRespond, setExtractedTopic, setExtractedCategories, setFormDataState, chatAssistantName]);
+  const useParsedHeaderModification = (messages2) => {
+    return useMemo(() => {
+      var _a;
+      const results = [];
+      const pattern = /['"](\w+)['"]\s*:\s*['"](.*?)['"]/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) || "";
+        const match = responseData.match(pattern);
+        if (match) {
+          try {
+            const extracted = JSON5.parse(`{${match[0]}}`);
+            results.push(extracted);
+          } catch (e) {
+            console.error("Failed to parse JSON for header message:", e);
+          }
+        }
+      }
+      return results;
+    }, [messages2]);
+  };
+  const parsedModification = useParsedHeaderModification(messages);
+  useEffect(() => {
+    const latestModification = (parsedModification == null ? void 0 : parsedModification[(parsedModification == null ? void 0 : parsedModification.length) - 1]) || null;
+    if (latestModification) {
+      setExtractedModification(latestModification.modification);
+    }
+  }, [parsedModification]);
+  const useParsedWtaSuggestions = (messages2, setSuggestedWta2) => {
+    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(() => {
+    if (sendMessageInChat) {
+      handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, sendMessageInChat);
+      setSendMessageInChat("");
+    }
+  }, [sendMessageInChat]);
+  useEffect(() => {
+    getChatSettings();
+    getChatHistory();
+    const updateHeight = () => {
+      var _a;
+      const headerHeight = ((_a = chatHeaderRef == null ? void 0 : chatHeaderRef.current) == null ? void 0 : _a.clientHeight) || 0;
+      const newHeight = `calc(100% - ${headerHeight}px - 10px`;
+      setAvailableHeight(newHeight);
+    };
+    updateHeight();
+    window.addEventListener("resize", updateHeight);
+    return () => window.removeEventListener("resize", updateHeight);
+  }, []);
+  const scrollToBottom = useCallback(() => {
+    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(() => {
+        setExtractedHowToRespond("");
+        setExtractedTopic("");
+        setExtractedCategories([]);
+        setEditsInReviewState([]);
+        setIsNewChatClicked(true);
+        setShowSelectedWTA(false);
+        setSelectedWTA([]);
+        setChatInitialMessage("");
+        setDeletedLearningIds(/* @__PURE__ */ new Set());
+        setDeletionsInReviewState([]);
+        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");
+        }
+        processedEditToolsRef.current.clear();
+      }).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) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const finalInput = (userInputParam == null ? void 0 : userInputParam.trim()) || (userInput == null ? void 0 : userInput.trim()) || "";
+    const processConditions = (conditions) => {
+      if (Array.isArray(conditions)) {
+        return conditions.filter((c) => c.trim() !== "");
+      }
+      if (typeof conditions === "string") {
+        return conditions.split(" OR ").filter((c) => c.trim() !== "");
+      }
+      return [];
+    };
+    const whenToApplyConditions = processConditions(formDataState == null ? void 0 : formDataState.whenToApply);
+    const whenNotToApplyConditions = processConditions(formDataState == null ? void 0 : formDataState.whenNotToApply);
+    const scopeName = (_a = formDataState == null ? void 0 : formDataState.scope) == null ? void 0 : _a.name;
+    let scopeId = null;
+    if ((_b = formDataState == null ? void 0 : formDataState.scope) == null ? void 0 : _b.value) {
+      try {
+        switch (scopeName) {
+          case "Assistant":
+            scopeId = formDataState.scope.value.conciergeId || null;
+            break;
+          case "User":
+            const userArray = formDataState.scope.value;
+            if (userArray.length > 0) {
+              scopeId = userArray[0].userId || null;
+            }
+            break;
+          case "Custom":
+            const customScopeId = formDataState.scope.value.scopeId;
+            if (customScopeId) {
+              scopeId = [customScopeId];
+            } else {
+              scopeId = [];
+            }
+            break;
+          case "Global":
+          default:
+            scopeId = null;
+            break;
+        }
+      } catch (e) {
+        console.error("Error parsing scope_id:", e, formDataState.scope);
+        scopeId = null;
+      }
+    }
+    if (event.key !== "Enter" || event.shiftKey || (userInputParam == null ? void 0 : userInputParam.trim()) === "" && (userInput == null ? void 0 : userInput.trim()) === "" || isStreaming) {
+      return;
+    }
+    setIsStreaming(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 finalInputLower = finalInput.toLowerCase();
+    const isDeleteMessage = finalInputLower.startsWith("delete ");
+    const isEditMessage = finalInputLower.startsWith("edit ");
+    const isMergeMessage = finalInputLower.startsWith("merge ");
+    let deletionsForThisStream = deletionsInReviewState;
+    let editsForThisStream = editsInReviewState;
+    if (isDeleteMessage) {
+      console.log("Delete message detected, parsing for specific label...");
+      const deleteRegex = /^Delete (?:conflict|similar) learning ([A-Z])/i;
+      const match = finalInput.match(deleteRegex);
+      if (match) {
+        const sequentialLabel = match[1];
+        console.log(`Found label "${sequentialLabel}" in delete message.`);
+        const conflicting = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+        const similar = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+        const allLearnings = { ...conflicting, ...similar };
+        const learning = allLearnings[sequentialLabel];
+        if (learning) {
+          const newDeletion = {
+            "question_id": learning.id,
+            "variant_id": learning.variant_id
+          };
+          const isAlreadyAdded = deletionsInReviewState.some(
+            (item) => item.question_id === newDeletion.question_id
+          );
+          if (!isAlreadyAdded) {
+            const newDeletionsState = [...deletionsInReviewState, newDeletion];
+            setDeletionsInReviewState(newDeletionsState);
+            deletionsForThisStream = newDeletionsState;
+            console.log("Appended new deletion to in_review state:", newDeletion);
+          } else {
+            console.log("Item already in delete state, not adding again.");
+            deletionsForThisStream = deletionsInReviewState;
+          }
+          if (!isFromDashboard && !deletedLearningIds.has(learning.id)) {
+            setDeletedLearningIds((prev) => {
+              const newSet = new Set(prev);
+              newSet.add(learning.id);
+              return newSet;
+            });
+          }
+        } else {
+          console.warn("Delete message parsed, but could not find learning for label:", sequentialLabel);
+          deletionsForThisStream = deletionsInReviewState;
+        }
+      } else {
+        console.warn("Could not parse label. Checking for generic delete (e.g., 'Delete similar learning').");
+        const conflicting = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+        const similar = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+        const conflictingLearnings = Object.values(conflicting);
+        const similarLearnings = Object.values(similar);
+        let learningsToAutoDelete = [];
+        if (finalInputLower.includes("similar learnings") && similarLearnings.length > 1) {
+          console.log(`Found ${similarLearnings.length} similar learnings. Auto-selecting ALL for deletion.`);
+          learningsToAutoDelete = similarLearnings;
+        } else if (finalInputLower.includes("conflicting learnings") && conflictingLearnings.length > 1) {
+          console.log(`Found ${conflictingLearnings.length} conflicting learnings. Auto-selecting ALL for deletion.`);
+          learningsToAutoDelete = conflictingLearnings;
+        } else if (finalInputLower.includes("similar learning") && similarLearnings.length === 1) {
+          console.log("Found 1 similar learning. Auto-selecting for deletion.");
+          learningsToAutoDelete = [similarLearnings[0]];
+        } else if (finalInputLower.includes("conflicting learning") && conflictingLearnings.length === 1) {
+          console.log("Found 1 conflicting learning. Auto-selecting for deletion.");
+          learningsToAutoDelete = [conflictingLearnings[0]];
+        } else {
+          console.log("Generic delete message, but conditions not met (e.g., used 'learnings' for 1 item). No action taken.");
+        }
+        if (learningsToAutoDelete.length > 0) {
+          const newDeletions = [];
+          let itemsAddedCount = 0;
+          for (const learning of learningsToAutoDelete) {
+            if (learning && learning.id && learning.variant_id) {
+              const newDeletion = {
+                "question_id": learning.id,
+                "variant_id": learning.variant_id
+              };
+              const isAlreadyAdded = deletionsInReviewState.some(
+                (item) => item.question_id === newDeletion.question_id
+              );
+              if (!isAlreadyAdded) {
+                newDeletions.push(newDeletion);
+                itemsAddedCount++;
+              }
+            } else {
+              console.warn("Skipping invalid learning object during auto-delete:", learning);
+            }
+          }
+          if (itemsAddedCount > 0) {
+            const newDeletionsState = [...deletionsInReviewState, ...newDeletions];
+            setDeletionsInReviewState(newDeletionsState);
+            deletionsForThisStream = newDeletionsState;
+            console.log(`Appended ${itemsAddedCount} new generic deletion(s) to in_review state:`, newDeletions);
+            if (!isFromDashboard) {
+              setDeletedLearningIds((prev) => {
+                const newSet = new Set(prev);
+                newDeletions.forEach((item) => newSet.add(item.question_id));
+                console.log("Added generic deleted learning IDs to LOCAL UI tracking set");
+                return newSet;
+              });
+            }
+          } else {
+            console.log("Item(s) already in delete state, not adding again.");
+            deletionsForThisStream = deletionsInReviewState;
+          }
+        } else {
+          deletionsForThisStream = deletionsInReviewState;
+        }
+      }
+    } else if (isEditMessage) {
+      console.log("Edit message detected, parsing and persisting 'in_review.edit' state.");
+      const editRegex = /^Edit (?:conflict|similar) learning ([A-Z]) to respond with "([\s\S]*?)" with WTA: ([\s\S]*?) (?:and WNTA: ([\s\S]*)|and remove the WNTA conditions)$/i;
+      const match = finalInput.match(editRegex);
+      if (match) {
+        const [_, sequentialLabel, howToRespond, whenToApply, whenNotToApplyText] = match;
+        console.log(`Found label "${sequentialLabel}" in edit message.`);
+        const conflicting = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+        const similar = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+        const allLearnings = { ...conflicting, ...similar };
+        const learning = allLearnings[sequentialLabel];
+        if (learning) {
+          const newEdit = {
+            "id": learning.id,
+            "feedback": {
+              "variant": howToRespond.trim(),
+              "when_to_apply": whenToApply.trim(),
+              "when_not_to_apply": (whenNotToApplyText || "").trim()
+              // Use empty string if "remove" was matched
+            },
+            "variant_id": learning.variant_id
+          };
+          console.log("Constructed new edit object:", newEdit);
+          const otherEdits = editsInReviewState.filter(
+            (item) => item.id !== learning.id
+          );
+          const newEditsState = [...otherEdits, newEdit];
+          setEditsInReviewState(newEditsState);
+          editsForThisStream = newEditsState;
+        } else {
+          console.warn("Edit message parsed, but could not find learning for label:", sequentialLabel);
+          editsForThisStream = editsInReviewState;
+        }
+      } else {
+        console.warn("Could not parse edit message:", finalInput);
+        editsForThisStream = editsInReviewState;
+      }
+    } else if (isMergeMessage) {
+      console.log("Merge message detected, parsing and persisting as 'in_review.delete' state.");
+      const mergeRegex = /^Merge (?:Similar|Conflicting) Learning ([A-Z])/i;
+      const match = finalInput.match(mergeRegex);
+      if (match) {
+        const sequentialLabel = match[1].toUpperCase();
+        console.log(`Found label "${sequentialLabel}" in merge message.`);
+        const conflicting = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+        const similar = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+        const allLearnings = { ...conflicting, ...similar };
+        const learning = allLearnings[sequentialLabel];
+        if (learning) {
+          const newDeletion = {
+            "question_id": learning.id,
+            "variant_id": learning.variant_id
+          };
+          const isAlreadyAdded = deletionsInReviewState.some(
+            (item) => item.question_id === newDeletion.question_id
+          );
+          if (!isAlreadyAdded) {
+            const newDeletionsState = [...deletionsInReviewState, newDeletion];
+            setDeletionsInReviewState(newDeletionsState);
+            deletionsForThisStream = newDeletionsState;
+            console.log("Appended new MERGE-AS-DELETE to in_review state:", newDeletion);
+          } else {
+            console.log("Item (from merge) already in delete state, not adding again.");
+            deletionsForThisStream = deletionsInReviewState;
+          }
+          if (!isFromDashboard && !deletedLearningIds.has(learning.id)) {
+            setDeletedLearningIds((prev) => {
+              const newSet = new Set(prev);
+              newSet.add(learning.id);
+              console.log("Added MERGED learning ID to LOCAL UI tracking set:");
+              return newSet;
+            });
+          }
+        } else {
+          console.warn("Merge message parsed, but could not find learning for label:", sequentialLabel);
+          deletionsForThisStream = deletionsInReviewState;
+        }
+      } else {
+        console.warn("Could not parse label for merge. Checking for generic merge (e.g., 'Merge similar learning').");
+        const conflicting = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+        const similar = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+        const conflictingLearnings = Object.values(conflicting);
+        const similarLearnings = Object.values(similar);
+        let learningsToAutoMerge = [];
+        if (finalInputLower.includes("similar learnings") && similarLearnings.length > 1) {
+          console.log(`Found ${similarLearnings.length} similar learnings. Auto-selecting ALL for MERGE.`);
+          learningsToAutoMerge = similarLearnings;
+        } else if (finalInputLower.includes("conflicting learnings") && conflictingLearnings.length > 1) {
+          console.log(`Found ${conflictingLearnings.length} conflicting learnings. Auto-selecting ALL for MERGE.`);
+          learningsToAutoMerge = conflictingLearnings;
+        } else if (finalInputLower.includes("similar learning") && similarLearnings.length === 1) {
+          console.log("Found 1 similar learning. Auto-selecting for MERGE.");
+          learningsToAutoMerge = [similarLearnings[0]];
+        } else if (finalInputLower.includes("conflicting learning") && conflictingLearnings.length === 1) {
+          console.log("Found 1 conflicting learning. Auto-selecting for MERGE.");
+          learningsToAutoMerge = [conflictingLearnings[0]];
+        } else {
+          console.log("Generic merge message, but conditions not met (e.g., used 'learnings' for 1 item). No action taken.");
+        }
+        if (learningsToAutoMerge.length > 0) {
+          const newDeletions = [];
+          let itemsAddedCount = 0;
+          for (const learning of learningsToAutoMerge) {
+            if (learning && learning.id && learning.variant_id) {
+              const newDeletion = {
+                "question_id": learning.id,
+                "variant_id": learning.variant_id
+              };
+              const isAlreadyAdded = deletionsInReviewState.some(
+                (item) => item.question_id === newDeletion.question_id
+              );
+              if (!isAlreadyAdded) {
+                newDeletions.push(newDeletion);
+                itemsAddedCount++;
+              }
+            } else {
+              console.warn("Skipping invalid learning object during auto-merge:", learning);
+            }
+          }
+          if (itemsAddedCount > 0) {
+            const newDeletionsState = [...deletionsInReviewState, ...newDeletions];
+            setDeletionsInReviewState(newDeletionsState);
+            deletionsForThisStream = newDeletionsState;
+            console.log(`Appended ${itemsAddedCount} new generic MERGE-AS-DELETE(s) to in_review state:`, newDeletions);
+            if (!isFromDashboard) {
+              setDeletedLearningIds((prev) => {
+                const newSet = new Set(prev);
+                newDeletions.forEach((item) => newSet.add(item.question_id));
+                console.log("Added generic MERGED learning IDs to LOCAL UI tracking set");
+                return newSet;
+              });
+            }
+          } else {
+            console.log("Item(s) from generic merge already in delete state, not adding again.");
+            deletionsForThisStream = deletionsInReviewState;
+          }
+        } else {
+          deletionsForThisStream = deletionsInReviewState;
+        }
+      }
+    }
+    const explainabilityMap = /* @__PURE__ */ new Map();
+    let accordianMessageArray = [];
+    setShowSelectedWTA(false);
+    const customMetaData = {
+      userQuery: (_c = formDataState == null ? void 0 : formDataState.question) != null ? _c : "",
+      // Mapped from the 'question' field
+      topic: (_d = formDataState == null ? void 0 : formDataState.topic.value) != null ? _d : "",
+      variant: (_e = formDataState == null ? void 0 : formDataState.howToRespond) != null ? _e : "",
+      // Mapped from the 'howToRespond' field
+      whenToApply: whenToApplyConditions,
+      whenNotToApply: whenNotToApplyConditions,
+      scope: scopeName,
+      scope_id: scopeId,
+      categories: (_f = formDataState == null ? void 0 : formDataState.categories) != null ? _f : [],
+      validation: validationWtaResponse != null ? validationWtaResponse : null,
+      conflicting_learnings: (_g = learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) != null ? _g : "",
+      similar_learnings: (_h = learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) != null ? _h : "",
+      // NOTE: The 'recommended_' fields are mapped from the current form state.
+      // If you have a separate state for AI-only suggestions, you can map it here instead.
+      ...(validationRecommendations == null ? void 0 : validationRecommendations.wta) && { recommended_whentoapply: validationRecommendations.wta },
+      ...(validationRecommendations == null ? void 0 : validationRecommendations.wnta) && { recommended_whennottoapply: validationRecommendations.wnta },
+      in_review: {
+        "delete": deletionsForThisStream,
+        "edit": editsForThisStream,
+        "add": addInReview || []
+      },
+      isFirstQuestion: messages.length === 0
+    };
+    console.log("\u{1F680} Sending Custom MetaData to Chat Backend:", customMetaData);
+    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,
+      // Use the newly created metadata object
+      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
+      },
+      aiModel: "",
+      onStreamEvent: (data) => handleMessages(data, explainabilityMap, accordianMessageArray, userQuestionTime, finalInput, isFirstQuestionSent),
+      onStreamEnd: (data) => {
+        setIsStreaming(false);
+      },
+      onError: (error) => console.error("Stream error:", error)
+    };
+    if ((userInput == null ? void 0 : userInput.trim()) !== "" || (userInputParam == null ? void 0 : userInputParam.trim())) {
+      setMessageLoading(true);
+      (_i = textAreaRef.current) == null ? void 0 : _i.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"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: "100%",
+                backgroundColor: "#fff",
+                display: "flex",
+                alignItems: "end",
+                gap: "0.5rem",
+                border: "1px solid #E5E7EB",
+                borderRadius: "8px"
+              },
+              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),
+                    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"
+                    }
+                  }
+                ),
+                /* @__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: isInputEmpty,
+                      style: {
+                        padding: "0.5rem 0.75rem",
+                        borderRadius: "0.375rem",
+                        border: "none",
+                        backgroundColor: "white",
+                        color: isInputEmpty ? "#d1d5db" : "#5928ed",
+                        fontWeight: "bold",
+                        fontSize: "1rem",
+                        cursor: isInputEmpty ? "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 ContextualChatComponent = ChatComponent;
+
+export { ContextualChatComponent as default };
 //# sourceMappingURL=ContextualChatComponent.js.map