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

package/dist/cjs/features/InstantLearning/_components/LearningDetailsForm.js

@@ -1,2 +1,2315 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),o=require("@mui/icons-material/Delete"),a=require("@mui/icons-material/Save"),s=require("@mui/icons-material/Edit"),r=require("@mui/icons-material/Add"),l=require("@mui/icons-material/CheckCircleOutline"),c=require("@mui/icons-material/Cancel"),d=require("@mui/icons-material/KeyboardArrowUp"),u=require("lucide-react"),g=require("../InstantLearning.module.css.js"),f=require("./ConflictingLearningWarnCard.js"),p=require("./ConflictingLearningWarnCardDB.js"),_=require("../../../service/InstantLearningService.js"),h=require("../../../utils/variantParser.js"),m=require("../../../api/transport.js");function x(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var y,v=x(o),b=x(a),w=x(s),j=x(r),C=x(l),S=x(c),L=x(d);exports.default=function(o){var a,s,r=o.organizationName,l=o.selectedText,c=o.scopeOptions,d=o.devModeTag,x=o.chatAssistantName,T=o.chatLogo,k=void 0===T?null:T,A=o.submitFunction;o.setShowChat,o.showChat;var F=o.formDataState,I=o.setFormDataState,E=o.instantLearningSuggestions;o.setHasUserFilledForm,o.hasUserFilledForm;var D=o.isNewChatClicked,M=o.setIsNewChatClicked,B=o.setHasUserWrittenModification,O=o.extractedModification,R=o.save,P=o.extractedTooltip;o.isSaveLoading,o.shouldTriggerSave;var W=o.baseUrl;o.topic_table,o.variant_table,o.scope_table,o.embedding_column_name,o.embedding_model;var N=o.validationWtaResponse,z=o.setValidationWtaResponse,J=o.learningWtaResponse,U=o.setLearningWtaResponse,q=o.setIsFormSavedClicked,V=o.onDeleteLearning,G=o.onMergeLearning,Z=o.mergeLearningTrigger,H=o.resetLearningTrigger,Q=o.editConflictingLearningTrigger,K=o.editSimilarLearningTrigger,$=o.setSendMessageInChat,X=o.isMergeLoading,Y=o.setIsMergeLoading;o.setSendValidationMessage;var nn=o.validationRecommendations,en=o.setFormValidating,tn=o.isFromAudacy,on=void 0!==tn&&tn,an=o.isFromDashboard,sn=void 0!==an&&an,rn=i.useState({context:"",issue_with_response:"",original:null!=l?l:"",modification:"",whenToApply:"",whenNotToApply:"",tooltip:"",scope:on?"":c.length>0?c[0].value:"",isTooltipEnabled:!1,isModificationEnabled:!0,isDevMode:!1}),ln=rn[0],cn=rn[1],dn=i.useState(!1),un=dn[0],gn=dn[1],fn=i.useState(!1),pn=fn[0],_n=fn[1],hn=i.useState(!1),mn=hn[0],xn=hn[1],yn=i.useState(!1),vn=yn[0],bn=yn[1],wn=i.useState([]),jn=wn[0],Cn=wn[1],Sn=i.useState([]),Ln=Sn[0],Tn=Sn[1],kn=i.useState(!1),An=kn[0],Fn=kn[1],In=i.useState(!1),En=In[0],Dn=In[1],Mn=i.useRef(""),Bn=i.useRef(""),On=i.useState(null),Rn=On[0],Pn=On[1],Wn=i.useState(null),Nn=Wn[0],zn=Wn[1],Jn=i.useState({wta:!1,wnta:!1}),Un=Jn[0],qn=Jn[1],Vn=i.useState("idle"),Gn=Vn[0],Zn=Vn[1],Hn=i.useState({wta:!1,wnta:!1}),Qn=Hn[0],Kn=Hn[1];i.useEffect(function(){Y(!1)},[]);var $n=i.useState(!1),Xn=$n[0];$n[1];var Yn=i.useState(!1);Yn[0];var ne=Yn[1],ee=i.useState(null),ie=ee[0];ee[1];var te=i.useState(!1);te[0],te[1];var oe=i.useState(null);oe[0];var ae=oe[1],se=i.useState(null),re=se[0],le=se[1],ce=i.useState(!1),de=ce[0],ue=ce[1],ge=i.useState(!1);ge[0];var fe=ge[1],pe=i.useState(null),_e=pe[0],he=pe[1],me=i.useState(null),xe=me[0],ye=me[1],ve=i.useState(new Set),be=ve[0],we=ve[1],je=i.useState(null),Ce=je[0],Se=je[1],Le=i.useState(new Set),Te=Le[0],ke=Le[1],Ae=t.keyframes(y||(y=n.__makeTemplateObject(["\n        0%, 80%, 100% {\n            transform: scale(0);\n        }\n        40% {\n            transform: scale(1.0);\n        }\n        "],["\n        0%, 80%, 100% {\n            transform: scale(0);\n        }\n        40% {\n            transform: scale(1.0);\n        }\n        "]))),Fe=i.useCallback(function(e,i){return n.__awaiter(void 0,void 0,void 0,function(){var t;return n.__generator(this,function(n){switch(n.label){case 0:Zn(i),"validating"===i&&en(!0),n.label=1;case 1:return n.trys.push([1,3,4,5]),[4,e()];case 2:return[2,n.sent()];case 3:return t=n.sent(),console.error("An error occurred during ".concat(i,":"),t),[3,5];case 4:return"validating"===i&&en(!1),Zn("idle"),[7];case 5:return[2]}})})},[en]);i.useEffect(function(){nn?(Pn(nn.wta),zn(nn.wnta),qn({wta:!!nn.wta,wnta:!!nn.wnta}),Kn({wta:!1,wnta:!1})):(Pn(null),zn(null),qn({wta:!1,wnta:!1}))},[nn]),i.useEffect(function(){try{Q&&"object"==typeof Q&&Object.keys(Q).length>0&&(console.log("Processing conflicting learning edit actions:",Q),Object.entries(Q).forEach(function(e){var i=e[0],t=e[1];return n.__awaiter(void 0,void 0,void 0,function(){var e,o,a,s,l,c,d,u,g;return n.__generator(this,function(f){switch(f.label){case 0:if(!(t&&t.edit_actions&&t.edit_actions.action))return[3,6];if(console.log("Processing conflicting learning edit action:",i,t),ke(function(n){return new Set(n).add(i)}),e=t.conditions_whentoapply||[],o=t.conditions_whennottoapply||[],a=Array.isArray(e)?e.join(" ").replace(/\s+and\s+/gi," and ").replace(/\s+/g," ").trim():e||"",s=Array.isArray(o)?o.join(" ").replace(/\s+and\s+/gi," and ").replace(/\s+/g," ").trim():o||"",he(function(e){if(!e)return e;var o=n.__assign({},e);return Object.keys(o).forEach(function(e){o[e]&&o[e].id===i&&(o[e]=n.__assign(n.__assign({},o[e]),{feedback:n.__assign(n.__assign({},o[e].feedback),{variant:t.variant,when_to_apply:a,when_not_to_apply:s})}))}),o}),console.log("Updated form with conflicting learning conditions:",{whenToApply:a,whenNotToApply:s}),!(W&&r&&x))return[3,5];f.label=1;case 1:return f.trys.push([1,3,,4]),(l=_e?Object.values(_e).find(function(n){return n&&n.id===i}):null)?l.feedback?(c=h.parseVariant(t.variant),d={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isUpdateAction:!0,isAgentsFeedback:!0,variant:{id:i,variant:t.variant,conditions_whentoapply:a,conditions_whennottoapply:s,scope:{name:"Custom",value:{scopeId:"askmod-scope-id",scopeName:"askmod"}},topic:{id:null,value:c.topic||"default"},categories:[],originalQuestion:"",parameterizedQuestion:null,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:{}}}},console.log("[LearningDetailsForm] Saving edited conditions for conflicting learning ".concat(i,":"),d),[4,_.publishAgenticFeedbackForVariantIngestion({baseUrl:W,organizationName:r,chatAssistantName:x,payload:d})]):(console.error("[LearningDetailsForm] Learning feedback not found for ID: ".concat(i)),[2]):(console.error("[LearningDetailsForm] Learning object not found for ID: ".concat(i)),[2]);case 2:return(u=f.sent()).ok?(console.log("edit notifc"),Se({status:"success",message:"Successfully saved edited conditions for this learning"}),console.log("[LearningDetailsForm] Successfully saved edited conditions for conflicting learning ".concat(i))):(console.error("[LearningDetailsForm] Failed to save edited conditions for conflicting learning ".concat(i,":"),u.status,u.statusText),Se({status:"error",message:"Failed to save edited conditions for this learning"})),[3,4];case 3:return g=f.sent(),Se({status:"error",message:"Error saving edited conditions for learning"}),console.error("[LearningDetailsForm] Error saving edited conditions for conflicting learning ".concat(i,":"),g),[3,4];case 4:return[3,6];case 5:console.log("[LearningDetailsForm] Missing required context for edit API call"),f.label=6;case 6:return[2]}})})})),K&&"object"==typeof K&&Object.keys(K).length>0&&(console.log("Processing similar learning edit actions:",K),Object.entries(K).forEach(function(e){var i=e[0],t=e[1];return n.__awaiter(void 0,void 0,void 0,function(){var e,o,a,s,l,c,d,u,g;return n.__generator(this,function(f){switch(f.label){case 0:if(!(t&&t.edit_actions&&t.edit_actions.action))return[3,6];if(console.log("Processing similar learning edit action:",i,t),ke(function(n){return new Set(n).add(i)}),e=t.conditions_whentoapply||[],o=t.conditions_whennottoapply||[],a=Array.isArray(e)?e.join(" ").replace(/\s+and\s+/gi," and ").replace(/\s+/g," ").trim():e||"",s=Array.isArray(o)?o.join(" ").replace(/\s+and\s+/gi," and ").replace(/\s+/g,"  ").trim():o||"",ye(function(e){if(!e)return e;var o=n.__assign({},e);return Object.keys(o).forEach(function(e){o[e]&&o[e].id===i&&(o[e]=n.__assign(n.__assign({},o[e]),{feedback:n.__assign(n.__assign({},o[e].feedback),{variant:t.variant,when_to_apply:a,when_not_to_apply:s})}))}),o}),console.log("Updated form with similar learning conditions:",{whenToApply:a,whenNotToApply:s}),!(W&&r&&x))return[3,5];f.label=1;case 1:return f.trys.push([1,3,,4]),(l=xe?Object.values(xe).find(function(n){return n&&n.id===i}):null)?l.feedback?(c=h.parseVariant(t.variant),d={status:"approved",metadata:{userName:"M Kathyayani",userEmailId:"madumbu.kathyayani@techolution.com",llm:"claude-3.5-sonnet",isVariantFlow:!0,isUpdateAction:!0,isAgentsFeedback:!0,variant:{id:i,variant:t.variant,conditions_whentoapply:a,conditions_whennottoapply:s,scope:{name:"Custom",value:{scopeId:"askmod-scope-id",scopeName:"askmod"}},topic:{id:null,value:c.topic||"default"},categories:[],originalQuestion:"",parameterizedQuestion:null,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:{}}}},console.log("[LearningDetailsForm] Saving edited conditions for similar learning ".concat(i,":"),d),[4,_.publishAgenticFeedbackForVariantIngestion({baseUrl:W,organizationName:r,chatAssistantName:x,payload:d})]):(console.error("[LearningDetailsForm] Learning feedback not found for ID: ".concat(i)),[2]):(console.error("[LearningDetailsForm] Learning object not found for ID: ".concat(i)),[2]);case 2:return(u=f.sent()).ok?(console.log("edit notifc"),Se({status:"success",message:"Successfully saved edited conditions for this similar learning"}),console.log("[LearningDetailsForm] Successfully saved edited conditions for this similar learning")):(console.error("[LearningDetailsForm] Failed to save edited conditions for similar learning ".concat(i,":"),u.status,u.statusText),Se({status:"error",message:"Failed to save edited conditions for this learning"})),[3,4];case 3:return g=f.sent(),console.error("[LearningDetailsForm] Error saving edited conditions for similar learning ".concat(i,":"),g),[3,4];case 4:return[3,6];case 5:console.log("[LearningDetailsForm] Missing required context for edit API call"),f.label=6;case 6:return[2]}})})}))}catch(n){console.error("Error processing edit tool actions:",n)}},[Q,K,he,ye,W,r,x]);var Ie=function(i){var o=i.condition,a=i.onAccept,s=i.onReject;return e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",p:1,mb:1,backgroundColor:"#f0f4f8",border:"1px solid #d1d9e6",borderRadius:"4px"}},{children:[e.jsx(t.Typography,n.__assign({sx:{flex:1,fontFamily:"Plus Jakarta Sans"}},{children:o})),e.jsxs(t.Box,{children:[e.jsx(t.IconButton,n.__assign({onClick:a,size:"small",sx:{color:"green"}},{children:e.jsx(C.default,{})})),e.jsx(t.IconButton,n.__assign({onClick:s,size:"small",sx:{color:"red"}},{children:e.jsx(S.default,{})}))]})]}))},Ee=function(i){var t=i.color,o=void 0===t?"#fff":t,a=i.size,s=void 0===a?12:a;return e.jsxs("svg",n.__assign({width:s,height:s,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("path",{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.3188 23.8989 12.0012 24.0019 11.7759 23.9658L10.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.37668 16.8492 4.37668 16.1502 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.37021Z",fill:o}),e.jsx("path",{d:"M5.69218 1.72171C5.8106 1.52009 6.19176 1.52009 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.4808 5.75512 10.4808 6.24724 10.2792 6.31018L8.53618 6.88921C7.75918 7.15018 7.15018 7.75918 6.89068 8.53618L6.31018 10.2777C6.19176 10.4793 5.8106 10.4793 5.69218 10.2777L5.11168 8.53471C4.85071 7.75918 4.24171 7.15018 3.46618 6.88921L1.72318 6.30871C1.52156 6.24576 1.52156 5.75512 1.72318 5.69071L3.46618 5.11021C4.24171 4.85071 4.85071 4.24171 5.11168 3.46471L5.69218 1.72171Z",fill:o}),e.jsx("path",{d:"M16.2957 0.148207C16.4119 0.016038 16.5905 0.016038 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.4848 2.83676 19.4848 3.16265 19.3527 3.20521L18.1917 3.59221C17.6727 3.76521 17.2662 4.17171 17.0937 4.69021L16.7067 5.85121C16.5905 5.98338 16.4119 5.98338 16.2957 5.85121L15.9087 4.69021C15.7377 4.17171 15.3312 3.76521 14.8122 3.59221L13.6512 3.20521C13.519 3.16265 13.519 2.83676 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:o})]}))},De=function(i){var o=i.score;return e.jsxs(t.Box,n.__assign({sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"16px",backgroundColor:"#10B981",color:"white",fontSize:"0.8rem",fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:[e.jsx(Ee,{}),e.jsxs(t.Typography,n.__assign({sx:{fontSize:"0.8rem",fontWeight:600,fontFamily:"inherit"}},{children:[o,"%"]}))]}))},Me=function(i){var o=i.reason,a=i.title;return e.jsxs(t.Accordion,n.__assign({elevation:0,sx:{backgroundColor:"#f3f0ff",border:"1px solid #dcd6f7",borderRadius:2,mb:2,"&::before":{display:"none"}}},{children:[e.jsx(t.AccordionSummary,n.__assign({expandIcon:e.jsx(L.default,{style:{color:"#5928ed"}}),sx:{minHeight:"auto","& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[e.jsx(u.Lightbulb,{size:16,color:"#5928ed"}),e.jsx(t.Typography,n.__assign({sx:{fontSize:"0.85rem",fontWeight:600,color:"#5928ed",fontFamily:"Plus Jakarta Sans"}},{children:a}))]}))})),e.jsx(t.AccordionDetails,n.__assign({sx:{pt:0,pb:1.5,backgroundColor:"#faf9ff"}},{children:e.jsx(t.Typography,n.__assign({sx:{fontSize:"0.9rem",color:"#4A4458",fontFamily:"Plus Jakarta Sans"}},{children:o}))}))]}))},Be=function(e,i,t){"wta"===i?(ue(!1),Qn.wta?Cn(function(i){return Array.from(new Set(n.__spreadArray(n.__spreadArray([],i,!0),[e],!1)))}):(Cn([e]),Kn(function(e){return n.__assign(n.__assign({},e),{wta:!0})})),Pn(function(e){if(!e||!e.when_to_apply)return e;var i=n.__assign({},e.when_to_apply);return delete i[t],n.__assign(n.__assign({},e),{when_to_apply:i})}),qn(function(e){return n.__assign(n.__assign({},e),{wta:!1})})):(ue(!1),Qn.wnta?Tn(function(i){return Array.from(new Set(n.__spreadArray(n.__spreadArray([],i,!0),[e],!1)))}):(Tn([e]),Kn(function(e){return n.__assign(n.__assign({},e),{wnta:!0})})),zn(function(e){if(!e||!e.when_not_to_apply)return e;var i=n.__assign({},e.when_not_to_apply);return delete i[t],n.__assign(n.__assign({},e),{when_not_to_apply:i})}),qn(function(e){return n.__assign(n.__assign({},e),{wnta:!1})}))},Oe=function(e,i,t){"wta"===i?(Pn(function(e){if(!e||!e.when_to_apply)return e;var i=n.__assign({},e.when_to_apply);return delete i[t],n.__assign(n.__assign({},e),{when_to_apply:i})}),qn(function(e){return n.__assign(n.__assign({},e),{wta:!1})})):(zn(function(e){if(!e||!e.when_not_to_apply)return e;var i=n.__assign({},e.when_not_to_apply);return delete i[t],n.__assign(n.__assign({},e),{when_not_to_apply:i})}),qn(function(e){return n.__assign(n.__assign({},e),{wnta:!1})}))},Re=i.useCallback(function(e){return n.__awaiter(void 0,void 0,void 0,function(){var i,t,o,a;return n.__generator(this,function(n){switch(n.label){case 0:if(console.log("[LearningDetailsForm] Merging learning from chat:",e),!xe)return console.log("No similar learnings data available"),[2];if(!(i=Object.values(xe).find(function(n){return n&&n.id===e})))return console.log("Learning with ID ".concat(e," not found in similar learnings")),[2];if(console.log("Found learning to merge:",i),console.log("🔵 LEARNING DETAILS FORM - Merge button clicked, waiting for merge response to provide correct conditions"),Y(!0),ye(function(n){if(!n)return{};var i={};return Object.keys(n).forEach(function(t){n[t].id!==e&&(i[t]=n[t])}),i}),we(function(n){return new Set(n).add(e)}),setTimeout(function(){he(function(n){return ye(function(e){return n&&0!==Object.keys(n).length||e&&0!==Object.keys(e).length||fe(!1),e}),n})},100),console.log("[LearningDetailsForm] Successfully merged learning from chat"),!(W&&r&&x))return[3,5];n.label=1;case 1:return n.trys.push([1,3,,4]),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:e,scope:{name:"User",value:[{name:"M Kathyayani",email:"madumbu.kathyayani@techolution.com",userId:"8059658c-a65c-4e14-89aa-a5195f5d09f5"}]},topic:{id:null,value:"default"},variant:"Learning ID: ".concat(e),question:"",categories:[],created_at:(new Date).toLocaleString("en-US",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!0}),originalQuestion:"",parameterizedQuestion:"",conditions_whentoapply:"",conditions_whennottoapply:"",parentId:null}}},console.log("[LearningDetailsForm] Deleting merged learning with ID: ".concat(e)),[4,_.publishAgenticFeedbackForVariantIngestion({baseUrl:W,organizationName:r,chatAssistantName:x,payload:t})];case 2:return(o=n.sent()).ok?(Se({status:"success",message:"Learning merged successfully."}),console.log("[LearningDetailsForm] Successfully deleted merged learning ".concat(e))):(console.error("[LearningDetailsForm] Failed to delete merged learning",o.status,o.statusText),Se({status:"error",message:"Failed to complete merge for learning."})),[3,4];case 3:return a=n.sent(),console.error("[LearningDetailsForm] Error deleting merged learning ".concat(e,":"),a),[3,4];case 4:return[3,6];case 5:console.log("[LearningDetailsForm] Missing required context for delete API call"),n.label=6;case 6:return[2]}})})},[xe,I,Cn,Tn,W,r,x]);i.useEffect(function(){Z&&(Re(Z),G&&G(Z))},[Z,G,Re]),i.useEffect(function(){(null==F?void 0:F._extractedOriginalUpdate)&&(console.log("🔵 LEARNING DETAILS FORM - Syncing extracted original:",F.original),cn(function(e){return n.__assign(n.__assign({},e),{original:F.original||""})}),I(function(e){return e?(e._extractedOriginalUpdate,n.__rest(e,["_extractedOriginalUpdate"])):e}))},[null==F?void 0:F._extractedOriginalUpdate,null==F?void 0:F.original,I]),i.useEffect(function(){H&&(console.log("[LearningDetailsForm] 🔄 RESET TRIGGER RECEIVED - Clearing all learning data"),console.log("[LearningDetailsForm] Before reset - DBCWtaApiResponse:",_e?Object.keys(_e).length:0,"items"),console.log("[LearningDetailsForm] Before reset - DBSWtaApiResponse:",xe?Object.keys(xe).length:0,"items"),he(null),ye(null),fe(!1),ue(!1),we(new Set),Cn([]),Tn([]),Y(!1),ke(new Set),cn(function(e){return n.__assign(n.__assign({},e),{original:sn?"":e.original,whenToApply:"",whenNotToApply:"",tooltip:"",modification:"",isTooltipEnabled:!1,isModificationEnabled:!0})}),console.log("[LearningDetailsForm] ✅ Learning data reset completed"))},[H]);var Pe=i.useMemo(function(){var n,e,i,t,o,a=""!==(null===(n=null==ln?void 0:ln.original)||void 0===n?void 0:n.trim()),s=(null==jn?void 0:jn.length)>0,r=jn.every(function(n){return""!==n.trim()}),l=!(null==ln?void 0:ln.isModificationEnabled)||""!==(null===(e=null==ln?void 0:ln.modification)||void 0===e?void 0:e.trim()),c=!(null==ln?void 0:ln.isTooltipEnabled)||""!==(null===(i=null==ln?void 0:ln.tooltip)||void 0===i?void 0:i.trim()),d=(null==ln?void 0:ln.isModificationEnabled)&&""!==(null===(t=null==ln?void 0:ln.modification)||void 0===t?void 0:t.trim())||(null==ln?void 0:ln.isTooltipEnabled)&&""!==(null===(o=null==ln?void 0:ln.tooltip)||void 0===o?void 0:o.trim()),u=""!==ln.scope;return a&&s&&r&&l&&c&&d&&!(An||En)&&u},[ln,jn,An,En]),We=i.useMemo(function(){if(de&&re)return!0;var e=Object.values(_e||{}),i=Object.values(xe||{}),t=n.__spreadArray(n.__spreadArray([],e.map(function(n){return n.id}),!0),i.map(function(n){return n.id}),!0);return 0!==t.length&&!t.every(function(n){return Te.has(n)})},[de,re,_e,xe,Te]),Ne=i.useRef(null);i.useEffect(function(){ln.isModificationEnabled||cn(function(e){return n.__assign(n.__assign({},e),{modification:""})}),ln.isTooltipEnabled||cn(function(e){return n.__assign(n.__assign({},e),{tooltip:""})})},[ln.isModificationEnabled,ln.isTooltipEnabled]),i.useEffect(function(){if(""===O&&(null==ln?void 0:ln.isTooltipEnabled)&&cn(function(e){return n.__assign(n.__assign({},e),{isModificationEnabled:!1})}),""!==O||(null==ln?void 0:ln.isTooltipEnabled)||cn(function(e){return n.__assign(n.__assign({},e),{modification:""})}),O&&""!==O){cn(function(e){return n.__assign(n.__assign({},e),{modification:O,isModificationEnabled:!0})}),bn(!0);var e=setTimeout(function(){bn(!1)},400);return function(){return clearTimeout(e)}}},[O]),i.useEffect(function(){""===P&&cn(function(e){return n.__assign(n.__assign({},e),{isTooltipEnabled:!1})}),P&&""!==P&&cn(function(e){return n.__assign(n.__assign({},e),{tooltip:P,isTooltipEnabled:!0})})},[P]),i.useEffect(function(){D&&we(new Set)},[D]),i.useEffect(function(){D&&(cn(function(e){return n.__assign(n.__assign({},e),{original:sn?"":e.original,modification:"",tooltip:"",isTooltipEnabled:!1,isModificationEnabled:!0,whenToApply:"",whenNotToApply:""})}),Cn([]),Tn([]),Y(!1),M(!1),ne(!1),ue(!1),fe(!1))},[D]),i.useEffect(function(){I(ln)},[ln]),i.useEffect(function(){(null==F?void 0:F._mergeUpdate)&&(console.log("🔵 LEARNING DETAILS FORM - Detected merge update:",F),F._mergeWTA&&(console.log("🔵 LEARNING DETAILS FORM - Updating suggestedWTA with merge data:",F._mergeWTA),Cn(F._mergeWTA)),F._mergeWNTA&&(console.log("🔵 LEARNING DETAILS FORM - Updating suggestedWnTA with merge data:",F._mergeWNTA),Tn(F._mergeWNTA)),I(function(e){return e._mergeUpdate,e._mergeWTA,e._mergeWNTA,n.__rest(e,["_mergeUpdate","_mergeWTA","_mergeWNTA"])}))},[null==F?void 0:F._mergeUpdate,null==F?void 0:F._mergeWTA,null==F?void 0:F._mergeWNTA]),i.useEffect(function(){""===ln.original.trim()||""===ln.modification.trim()&&""===ln.tooltip.trim()||un||gn(!0)},[ln]),i.useEffect(function(){if((null==jn?void 0:jn.length)>=0){var e=jn.join(" OR ");ln.whenToApply!==e&&cn(function(i){return n.__assign(n.__assign({},i),{whenToApply:e})})}},[JSON.stringify(jn),ln.whenToApply]),i.useEffect(function(){if((null==Ln?void 0:Ln.length)>=0){var e=Ln.join(" OR ");ln.whenNotToApply!==e&&cn(function(i){return n.__assign(n.__assign({},i),{whenNotToApply:e})})}},[JSON.stringify(Ln),ln.whenNotToApply]),i.useEffect(function(){if((null==jn?void 0:jn.length)>0&&!An){_n(!0);var n=setTimeout(function(){_n(!1)},400);return function(){return clearTimeout(n)}}},[JSON.stringify(jn)]),i.useEffect(function(){if((null==Ln?void 0:Ln.length)>0&&!En){xn(!0);var n=setTimeout(function(){xn(!1)},400);return function(){return clearTimeout(n)}}},[JSON.stringify(Ln)]),i.useEffect(function(){if(E){Fn(!1),Dn(!1);var e=function(n){return n&&/[a-zA-Z]/.test(n)};if(Array.isArray(null==E?void 0:E.conditions_whentoapply)){var i=E.conditions_whentoapply.map(function(n){return n.when_to_apply}).filter(function(n){return e(n)});Cn(i),cn(function(e){return n.__assign(n.__assign({},e),{whenToApply:i.join(" OR ")})})}if(Array.isArray(null==E?void 0:E.conditions_whennottoapply)){var t=E.conditions_whennottoapply.map(function(n){return n.when_not_to_apply}).filter(function(n){return e(n)});Tn(t),cn(function(e){return n.__assign(n.__assign({},e),{whenNotToApply:t.join(" OR ")})})}}},[E]),i.useEffect(function(){var n,e;((null===(n=null==E?void 0:E.conditions_whentoapply)||void 0===n?void 0:n.length)>0||(null===(e=null==E?void 0:E.conditions_whennottoapply)||void 0===e?void 0:e.length)>0)&&(Pn(null),zn(null),ue(!1))},[E]);var ze=i.useRef(null),Je=i.useCallback(function(){ze.current&&clearTimeout(ze.current),ze.current=setTimeout(function(){B(!0)},1e3)},[]),Ue=i.useCallback(function(e){return function(i){cn(function(t){var o;return n.__assign(n.__assign({},t),((o={})[e]=i.target.value,o))}),Je()}},[Je]),qe=function(n){return n.replace(new RegExp("<".concat(d,">"),"gi"),"").replace(new RegExp("</".concat(d,">"),"gi"),"").replace(/<\/?[^>]+(>|$)/g,"")},Ve=i.useCallback(function(e){var i=qe(e);cn(function(e){return n.__assign(n.__assign({},e),{tooltip:i})}),Je()},[Je]),Ge=function(e){return function(i){var t=i.target.checked,o={};"isTooltipEnabled"===e?o={tooltip:t?ln.tooltip:"",isModificationEnabled:!t||ln.isModificationEnabled}:"isModificationEnabled"===e&&(o={modification:t?ln.modification:""}),cn(function(i){var a;return n.__assign(n.__assign(n.__assign({},i),o),((a={})[e]=t,a))})}};i.useEffect(function(){if(R){console.log("'save: true' received. Forcibly clearing all conflict UI states."),ue(!1),le(null),q(!0);n.__awaiter(void 0,void 0,void 0,function(){return n.__generator(this,function(e){return We?(console.error("Save action triggered via prop, but is blocked due to unresolved conflicts."),[2]):(console.log("Form submitted:",ln),Zn("saving"),""===(null==ln?void 0:ln.modification)&&cn(function(e){return n.__assign(n.__assign({},e),{isModificationEnabled:!1})}),""===(null==ln?void 0:ln.tooltip)&&cn(function(e){return n.__assign(n.__assign({},e),{isTooltipEnabled:!1})}),A(ln,function(){return Zn("idle")}),[2])})})}},[R,We]);i.useEffect(function(){N&&!1===N.is_valid?(ue(!0),le(N.conflictingConditions),ii()):N&&N.is_valid?(ue(!1),le(null),console.log("valid response received, calling handleSubmit")):(ue(!1),console.log("resetting validateWtaApiResponse"),le(null))},[N]),i.useEffect(function(){if(J){ke(new Set);var n=(null==J?void 0:J.conflicting_learnings)||{},e=(null==J?void 0:J.similar_learnings)||{};Object.keys(n).length,Object.keys(e).length;var i=Object.keys(n).reduce(function(e,i){var t=n[i];return be.has(t.id)||(e[i]=t),e},{}),t=Object.keys(e).reduce(function(n,i){var t=e[i];return be.has(t.id)||(n[i]=t),n},{});he(i),ye(t);var o=Object.keys(i).length>0,a=Object.keys(t).length>0;o||a?(fe(!0),ue(!1),ii()):!0===(null==J?void 0:J.is_valid_db)&&fe(!1)}},[J,be]);var Ze,He,Qe,Ke=function(){return n.__awaiter(void 0,void 0,void 0,function(){var e,i,t,o,a,s,r,l,c;return n.__generator(this,function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),[4,m.http.post("".concat(W,"/instant_learning/validate-wta"),{whenToApply:null===(a=null===(o=null==ln?void 0:ln.whenToApply)||void 0===o?void 0:o.split("OR"))||void 0===a?void 0:a.filter(function(n){return""!==n}),whenNotToApply:null===(r=null===(s=null==ln?void 0:ln.whenNotToApply)||void 0===s?void 0:s.split("OR"))||void 0===r?void 0:r.filter(function(n){return""!==n})},{headers:{"Content-Type":"application/json"}})];case 1:return e=n.sent(),(i=e.data).response&&z(i.response),i&&i.response&&i.response.is_valid?(ae(null),ue(!1),le(null)):i&&i.response&&!i.response.is_valid&&(ae(null===(l=i.response)||void 0===l?void 0:l.reason),ue(!0),le(i.response.conflictingConditions),ii(),$("Validation failed. Do you have any recommendations for me?")),[2,null===(c=null==i?void 0:i.response)||void 0===c?void 0:c.is_valid];case 2:return t=n.sent(),console.error("API error:",t),[3,3];case 3:return[2]}})})},$e=function(){return n.__awaiter(void 0,void 0,void 0,function(){var e,i,t,o;return n.__generator(this,function(n){switch(n.label){case 0:console.error("Calling LearningWtaApi"),e=ln.modification&&""!==ln.modification.trim()?"Replace ".concat(ln.original," with ").concat(ln.modification):"Replace ".concat(ln.original," with <sup>").concat(ln.tooltip,"</sup>"),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,m.http.post("".concat(W,"/instant_learning/similar-variants"),{topic_table:"".concat(r,"-instantLearning-topics"),variant_table:"".concat(r,"-instantLearning-variants"),scope_table:"".concat(r,"-instantLearning-scopes"),scope_id:ln.scope,embedding_column_name:"variant_embedding",embedding_model:"mxbai-embed-large-v1",topic:ln.original,top_k:5,llm_model:"gemini-2.5-flash-lite",similarity_threshold:"0.6",variants:{variant:e,conditions_whentoapply:Array.isArray(ln.whenToApply)?ln.whenToApply.filter(Boolean).join(" OR "):ln.whenToApply||"",conditions_whennottoapply:Array.isArray(ln.whenNotToApply)?ln.whenNotToApply.filter(Boolean).join(" OR "):ln.whenNotToApply||""}},{headers:{"Content-Type":"application/json"}})];case 2:return i=n.sent(),t=i.data,console.error("[Learn] Data:",t.response),console.error("[Learn] is_valid_db:",t.response.is_valid_db),console.error("[Learn] conlficting_learnings:",t.response.conflicting_learnings),console.error("[Learn] similar_learnings:",t.response.similar_learnings),t&&t.response&&U(t.response),[3,4];case 3:return o=n.sent(),console.error("API error:",o),[3,4];case 4:return[2]}})})},Xe=i.useRef(null),Ye=i.useState(!1),ni=Ye[0],ei=Ye[1],ii=function(){var n=Xe.current;n&&setTimeout(function(){n.scrollTo({top:n.scrollHeight,behavior:"smooth"}),ei(!1)},200)};return i.useEffect(function(){var n=Xe.current,e=function(){var n=Xe.current;if(n){var e=n.scrollTop,i=n.scrollHeight,t=n.clientHeight;ei(!(i-(e+t)<=35))}};return n&&(n.addEventListener("scroll",e),e()),function(){n&&n.removeEventListener("scroll",e)}},[ni]),e.jsxs(t.Box,n.__assign({p:0,className:g.default.customFont,sx:{display:"flex",flexDirection:"column",height:"100%",width:"100%"}},{children:[e.jsx(t.Box,{children:e.jsx(t.Typography,n.__assign({sx:{fontSize:20,fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:"Instant Learning"}))}),e.jsxs(t.Box,n.__assign({sx:{fontFamily:"Plus Jakarta Sans",display:"flex",flexDirection:"column",gap:2,justifyContent:"space-between",flexGrow:1,paddingTop:"20px",height:"calc(100% - 30px)",overflow:"auto"}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",flexDirection:"column",gap:"20px",height:"calc(100% - 90px)",overflow:"auto",position:"relative"},ref:Xe},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:2}},{children:[e.jsxs(t.Box,n.__assign({sx:{flex:1}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center"}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontFamily:"Plus Jakarta Sans",fontSize:"1rem",fontWeight:600,display:"flex",alignItems:"center"}},{children:["Original"," ",e.jsx(t.Box,n.__assign({component:"span",sx:{color:"red"}},{children:"*"})),e.jsx(t.Tooltip,n.__assign({title:"Original word/phrase which needs to be replaced",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsx(u.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),e.jsx(t.Switch,{sx:{visibility:"hidden"},disabled:!0})]})),e.jsx(t.TextField,{sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"}},id:"original",value:ln.original,onChange:Ue("original"),fullWidth:!0,placeholder:"Enter original"})]})),e.jsxs(t.Box,n.__assign({sx:{flex:1}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center"}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontFamily:"Plus Jakarta Sans",fontWeight:600,fontSize:"1rem",display:"flex",alignItems:"center"}},{children:["Modification",ln.isModificationEnabled&&!ln.isTooltipEnabled&&e.jsx(t.Box,n.__assign({component:"span",sx:{color:"red"}},{children:"*"})),e.jsx(t.Tooltip,n.__assign({title:"Modified word/phrase which Original needs to be replaced with",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsx(u.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),e.jsx(t.Switch,{checked:ln.isModificationEnabled,disabled:!ln.isTooltipEnabled,onChange:Ge("isModificationEnabled"),sx:{"& .MuiSwitch-switchBase.Mui-checked":{color:"#5928ed"},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:"#5928ed"}}})]})),ln.isModificationEnabled&&e.jsx(t.TextField,{sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},boxShadow:vn?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"},id:"modification",value:ln.modification,onChange:Ue("modification"),fullWidth:!0,placeholder:"Change ".concat(l," to...")})]}))]})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:2}},{children:[e.jsx(t.Box,{sx:{flex:1}}),e.jsxs(t.Box,n.__assign({sx:{flex:1}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"space-between"}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center"}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center"}},{children:["Tooltip",ln.isTooltipEnabled&&e.jsx(t.Box,n.__assign({component:"span",sx:{color:"red"}},{children:"*"})),e.jsx(t.Tooltip,n.__assign({title:"Adds a tooltip to the modification or the original word",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsx(u.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),e.jsx(t.Switch,{checked:ln.isTooltipEnabled,onChange:Ge("isTooltipEnabled"),sx:{"& .MuiSwitch-switchBase.Mui-checked":{color:"#5928ed"},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:"#5928ed"}}})]})),ln.isTooltipEnabled&&e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center"}},{children:[e.jsx(t.Typography,n.__assign({sx:{fontSize:14,fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:"Dev Mode"})),e.jsx(t.Switch,{checked:ln.isDevMode,onChange:Ge("isDevMode"),sx:{"& .MuiSwitch-switchBase.Mui-checked":{color:"#4b5563"},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:"#4b5563"}}})]}))]})),ln.isTooltipEnabled&&e.jsx(t.TextField,{id:"tooltip",inputRef:Ne,value:(Qe=qe(ln.tooltip),ln.isDevMode?"<".concat(d,">").concat(Qe,"</").concat(d,">"):Qe),onChange:function(n){return Ve(n.target.value)},onFocus:function(){setTimeout(function(){if(ln.isDevMode){var n=qe(ln.tooltip),e="<".concat(d,">").length+n.length,i=Ne.current;i&&i.setSelectionRange(e,e)}},0)},fullWidth:!0,placeholder:ln.isDevMode?"<".concat(d,">Enter tooltip content</").concat(d,">"):"Enter tooltip content",sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"}}})]}))]})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:2,minHeight:"".concat(ln.isTooltipEnabled?"400px":"380px"),flexShrink:0}},{children:[e.jsxs(t.Box,n.__assign({sx:{flex:1,height:"100%"}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontSize:"1rem",fontWeight:600,marginBottom:"8px",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center"},gutterBottom:!0},{children:["When To Apply",e.jsx(t.Box,n.__assign({component:"span",sx:{color:"red"}},{children:"*"})),e.jsx(t.Tooltip,n.__assign({title:"Specific situations or conditions where this learning should be applied.",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsx(u.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),e.jsxs(t.Box,n.__assign({sx:{border:"1px solid #ccc",borderRadius:"8px",padding:2,height:"calc(100% - 64px)",display:"flex",flexDirection:"column",boxShadow:pn?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"}},{children:[e.jsxs(t.Box,n.__assign({display:"flex",alignItems:"center",justifyContent:"space-between",sx:{mb:"8px"}},{children:[e.jsxs(t.Box,n.__assign({display:"flex",gap:"0.25rem",alignItems:"center"},{children:[e.jsx("svg",n.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("g",n.__assign({id:"bi:stars"},{children:e.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"})}))})),e.jsx(t.Typography,n.__assign({variant:"body1",sx:{ml:k?1:0,fontWeight:"600",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Suggestions"}))]})),e.jsxs(t.Box,{children:[e.jsx(t.Tooltip,n.__assign({title:"Add New Condition",placement:"top",arrow:!0},{children:e.jsx(t.IconButton,n.__assign({onClick:function(){Cn(function(e){return n.__spreadArray(n.__spreadArray([],e,!0),[""],!1)}),Fn(!0)},size:"small",sx:{color:"gray","&:hover":{color:"black"}}},{children:e.jsx(j.default,{fontSize:"small"})}))})),jn.length>0&&e.jsx(t.Tooltip,n.__assign({title:An?"Save":"Edit Conditions",placement:"top",arrow:!0},{children:e.jsx("span",{children:e.jsx(t.IconButton,n.__assign({onClick:An?function(){return n.__awaiter(void 0,void 0,void 0,function(){var e,i,t,o,a,s,r;return n.__generator(this,function(l){return e=jn.filter(function(n){return""!==n.trim()}),(i=JSON.stringify(e))===Mn.current?(console.log("WTA conditions unchanged. Skipping validation."),Fn(!1),[2]):(Cn(e),Fn(!1),t=""!==(null===(a=ln.original)||void 0===a?void 0:a.trim()),o=""!==(null===(s=ln.modification)||void 0===s?void 0:s.trim())||""!==(null===(r=ln.tooltip)||void 0===r?void 0:r.trim()),t&&o?(Fe(function(){return n.__awaiter(void 0,void 0,void 0,function(){return n.__generator(this,function(n){switch(n.label){case 0:return[4,Ke()];case 1:return n.sent()?[4,$e()]:[3,3];case 2:n.sent(),n.label=3;case 3:return[2]}})})},"validating"),Mn.current=i,[2]):(Mn.current=i,[2]))})})}:function(){return Fn(!0)},size:"small",disabled:An&&jn.some(function(n){return""===n.trim()}),sx:{color:"gray","&:hover":{color:"black"}}},{children:An?e.jsx(b.default,{fontSize:"small"}):e.jsx(w.default,{fontSize:"small"})}))})}))]})]})),e.jsx(t.Box,n.__assign({sx:{flexGrow:1,overflow:"auto",paddingTop:"16px"}},{children:X?e.jsx("div",n.__assign({style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},{children:e.jsxs("div",n.__assign({style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",paddingTop:"1rem",paddingBottom:"1rem"}},{children:[e.jsx(t.CircularProgress,{size:24,sx:{color:"#5928ED",mb:1}}),e.jsx("div",n.__assign({style:{fontWeight:"700",color:"#5928ED"}},{children:"Merging conditions..."})),e.jsx("div",n.__assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"0.25rem",fontSize:"0.875rem",flexFlow:"wrap"}},{children:e.jsx("div",{children:"Processing merge response...."})}))]}))})):pn?e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",gap:2}},{children:[e.jsx(t.CircularProgress,{size:24}),e.jsx("span",{children:"Loading When to apply..."})]})):e.jsxs(e.Fragment,{children:[jn.length>0&&e.jsx("ol",n.__assign({style:{paddingLeft:"0rem",margin:0}},{children:jn.map(function(i,o){return e.jsxs(t.Box,n.__assign({component:"li",sx:{display:"flex",alignItems:"flex-start",gap:1,mb:o<jn.length-1?2:0}},{children:[e.jsx(t.TextField,{variant:"outlined",disabled:!An,fullWidth:!0,multiline:!0,value:i,error:An&&!i.trim(),helperText:An&&!i.trim()?"This field cannot be empty":"",onChange:function(e){var i=n.__spreadArray([],jn,!0);i[o]=e.target.value,z(null),U({similar_learnings:"",conflicting_learnings:""}),Cn(i),cn(function(e){return n.__assign(n.__assign({},e),{whenToApply:i.join(" OR ")})})},sx:{backgroundColor:"#f9fafb",borderRadius:1,fontFamily:"Plus Jakarta Sans, sans-serif","& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputBase-input.Mui-disabled":{color:"#000",WebkitTextFillColor:"#000"}},InputProps:{startAdornment:e.jsxs(t.InputAdornment,n.__assign({position:"start",sx:{color:"#000",alignSelf:"flex-start",paddingTop:"12px"}},{children:[o+1,"."]}))}}),An&&e.jsx(t.IconButton,n.__assign({onClick:function(){var e=jn.filter(function(n,e){return e!==o});Cn(e),cn(function(i){return n.__assign(n.__assign({},i),{whenToApply:e.join(" OR ")})})},sx:{mt:1},size:"large"},{children:e.jsx(v.default,{})}))]}),o)})})),"validating"===Gn&&e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",mt:2,fontFamily:'"Plus Jakarta Sans", sans-serif',color:"#5a28ed"}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{color:"#5a28ed"}},{children:"Validating your conditions"})),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both")}})]})),(null==Rn?void 0:Rn.when_to_apply)&&Object.keys(Rn.when_to_apply).length>0&&e.jsxs(t.Box,n.__assign({mt:jn.length>0?3:0},{children:[Un.wta&&e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[e.jsx(t.Typography,n.__assign({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans"}},{children:"AI's Recommended Fix:"})),e.jsx(De,{score:Rn.confidence_score})]})),Un.wta&&e.jsx(Me,{reason:Rn.reason,title:"Why these suggestions?"}),Object.entries(Rn.when_to_apply).map(function(n){var i=n[0],t=n[1];return e.jsx(Ie,{condition:"".concat(i,". ").concat(t),onAccept:function(){return Be(t,"wta",i)},onReject:function(){return Oe(0,"wta",i)}},"rec-wta-".concat(i))})]})),0===jn.length&&(!(null==Rn?void 0:Rn.when_to_apply)||0===Object.keys(Rn.when_to_apply).length)&&e.jsx("div",n.__assign({style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},{children:e.jsxs("div",n.__assign({style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",paddingTop:"1rem",paddingBottom:"1rem"}},{children:[e.jsx("div",n.__assign({style:{fontWeight:"700",color:"#6b7280"}},{children:"No suggestions found"})),e.jsxs("div",n.__assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"0.25rem",fontSize:"1rem",flexFlow:"wrap"}},{children:[e.jsx("div",n.__assign({style:{}},{children:"Tell us about your learning in "})),e.jsx("span",n.__assign({style:{color:"#5928ED",fontWeight:"700"}},{children:"InstantLearning.AI"}))," ",e.jsx("span",{children:"Chat"})]}))]}))}))]})}))]}))]})),e.jsxs(t.Box,n.__assign({sx:{flex:1,height:"100%"}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontSize:"1rem",fontWeight:600,marginBottom:"8px",fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center"},gutterBottom:!0},{children:["When Not To Apply",e.jsx(t.Tooltip,n.__assign({title:"Cases where this learning should not be applied to avoid incorrect responses.",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsx(u.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),e.jsxs(t.Box,n.__assign({sx:{border:"1px solid #ccc",borderRadius:"8px",padding:2,height:"calc(100% - 64px)",display:"flex",flexDirection:"column",boxShadow:mn?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"}},{children:[e.jsxs(t.Box,n.__assign({display:"flex",alignItems:"center",justifyContent:"space-between",sx:{mb:"8px"}},{children:[e.jsxs(t.Box,n.__assign({display:"flex",gap:"0.25rem",alignItems:"center"},{children:[e.jsx("svg",n.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("g",n.__assign({id:"bi:stars"},{children:e.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"})}))})),e.jsx(t.Typography,n.__assign({variant:"body1",sx:{ml:k?1:0,fontWeight:"600",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Suggestions"}))]})),e.jsxs(t.Box,{children:[e.jsx(t.Tooltip,n.__assign({title:"Add New Condition",placement:"top",arrow:!0},{children:e.jsx(t.IconButton,n.__assign({onClick:function(){Tn(function(e){return n.__spreadArray(n.__spreadArray([],e,!0),[""],!1)}),Dn(!0)},size:"small",sx:{color:"gray","&:hover":{color:"black"}}},{children:e.jsx(j.default,{fontSize:"small"})}))})),Ln.length>0&&e.jsx(t.Tooltip,n.__assign({title:En?"Save":"Edit Conditions",placement:"top",arrow:!0},{children:e.jsx("span",{children:e.jsx(t.IconButton,n.__assign({onClick:En?function(){return n.__awaiter(void 0,void 0,void 0,function(){var e,i,t,o,a,s,r;return n.__generator(this,function(l){return e=Ln.filter(function(n){return""!==n.trim()}),(i=JSON.stringify(e))===Bn.current?(console.log("WnTA conditions unchanged. Skipping validation."),Dn(!1),[2]):(Tn(e),Dn(!1),t=""!==(null===(a=ln.original)||void 0===a?void 0:a.trim()),o=""!==(null===(s=ln.modification)||void 0===s?void 0:s.trim())||""!==(null===(r=ln.tooltip)||void 0===r?void 0:r.trim()),t&&o?(""!==ln.whenToApply.trim()&&(Fe(function(){return n.__awaiter(void 0,void 0,void 0,function(){return n.__generator(this,function(n){switch(n.label){case 0:return[4,Ke()];case 1:return n.sent()?[4,$e()]:[3,3];case 2:n.sent(),n.label=3;case 3:return[2]}})})},"validating"),Bn.current=i),[2]):(Bn.current=i,[2]))})})}:function(){return Dn(!0)},size:"small",disabled:En&&Ln.some(function(n){return""===n.trim()}),sx:{color:"gray","&:hover":{color:"black"}}},{children:En?e.jsx(b.default,{fontSize:"small"}):e.jsx(w.default,{fontSize:"small"})}))})}))]})]})),e.jsx(t.Box,n.__assign({sx:{flexGrow:1,overflow:"auto",paddingTop:"16px"}},{children:X?e.jsx("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}}):mn?e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",gap:2}},{children:[e.jsx(t.CircularProgress,{size:24}),e.jsx("span",{children:"Loading When not to apply..."})]})):e.jsxs(e.Fragment,{children:[Ln.length>0&&e.jsx("ol",n.__assign({style:{paddingLeft:"0rem",margin:0}},{children:Ln.map(function(i,o){return e.jsxs(t.Box,n.__assign({component:"li",sx:{display:"flex",alignItems:"flex-start",gap:1,mb:o<Ln.length-1?2:0}},{children:[e.jsx(t.TextField,{variant:"outlined",disabled:!En,fullWidth:!0,multiline:!0,value:i,error:En&&!i.trim(),helperText:En&&!i.trim()?"This field cannot be empty":"",onChange:function(e){var i=n.__spreadArray([],Ln,!0);i[o]=e.target.value,z(null),U({similar_learnings:"",conflicting_learnings:""}),Tn(i),cn(function(e){return n.__assign(n.__assign({},e),{whenNotToApply:i.join(" OR ")})})},sx:{backgroundColor:"#f9fafb",borderRadius:1,fontFamily:"Plus Jakarta Sans, sans-serif","& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputBase-input.Mui-disabled":{color:"#000",WebkitTextFillColor:"#000"}},InputProps:{startAdornment:e.jsxs(t.InputAdornment,n.__assign({position:"start",sx:{color:"#000",alignSelf:"flex-start",paddingTop:"12px"}},{children:[o+1,"."]}))}}),En&&e.jsx(t.IconButton,n.__assign({onClick:function(){var e=Ln.filter(function(n,e){return e!==o});Tn(e),cn(function(i){return n.__assign(n.__assign({},i),{whenNotToApply:e.join(" OR ")})})},sx:{mt:1},size:"large"},{children:e.jsx(v.default,{})}))]}),o)})})),Ln.length>0&&"validating"===Gn&&e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",mt:2,fontFamily:'"Plus Jakarta Sans", sans-serif',color:"#5a28ed"}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{color:"#5a28ed"}},{children:"Validating your conditions"})),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),e.jsx(t.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(Ae," 1.4s infinite ease-in-out both")}})]})),(null==Nn?void 0:Nn.when_not_to_apply)&&Object.keys(Nn.when_not_to_apply).length>0&&e.jsxs(t.Box,n.__assign({mt:Ln.length>0?3:0},{children:[Un.wnta&&e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[e.jsx(t.Typography,n.__assign({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans"}},{children:"AI's Recommended Fix:"})),e.jsx(De,{score:Nn.confidence_score})]})),Un.wnta&&e.jsx(Me,{reason:Nn.reason,title:"Why these suggestions?"}),Object.entries(Nn.when_not_to_apply).map(function(n){var i=n[0],t=n[1];return e.jsx(Ie,{condition:"".concat(i,". ").concat(t),onAccept:function(){return Be(t,"wnta",i)},onReject:function(){return Oe(0,"wnta",i)}},"rec-wnta-".concat(i))})]})),0===Ln.length&&(!(null==Nn?void 0:Nn.when_not_to_apply)||0===Object.keys(Nn.when_not_to_apply).length)&&e.jsx("div",n.__assign({style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},{children:e.jsxs("div",n.__assign({style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",paddingTop:"1rem",paddingBottom:"1rem"}},{children:[e.jsx("div",n.__assign({style:{fontWeight:"700",color:"#6b7280"}},{children:"No suggestions found"})),e.jsxs("div",n.__assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"0.25rem",fontSize:"1rem",flexFlow:"wrap"}},{children:[e.jsx("div",n.__assign({style:{}},{children:"Tell us about your learning in "})),e.jsx("span",n.__assign({style:{color:"#5928ED",fontWeight:"700"}},{children:"InstantLearning.AI"}))," ",e.jsx("span",{children:"Chat"})]}))]}))}))]})}))]}))]}))]})),de&&re&&e.jsx(f.default,{conflictingConditions:re}),(He=_e&&Object.keys(_e).length>0||xe&&Object.keys(xe).length>0,console.log("[LearningDetailsForm] 🔍 Checking if warning cards should show:",He),console.log("[LearningDetailsForm] DBCWtaApiResponse keys:",_e?Object.keys(_e).length:0),console.log("[LearningDetailsForm] DBSWtaApiResponse keys:",xe?Object.keys(xe).length:0),He&&e.jsx(p.default,{conflictingConditions:[Object.values(_e||{}),Object.values(xe||{})],baseUrl:W,organizationName:r,chatAssistantName:x||"",curlPayload:null!==(s=null!==(a=null==ie?void 0:ie.curlPayload)&&void 0!==a?a:null===window||void 0===window?void 0:window.__DELETE_CURL__)&&void 0!==s?s:"",onDeleted:function(n){console.log("[LearningDetailsForm] Learning deleted:",n),we(function(e){return new Set(e).add(n)}),he(function(e){if(!e)return{};var i=Object.values(e).filter(function(e){return e.id!==n});console.log("[LearningDetailsForm] Re-keying conflicting learnings after delete:",{deletedId:n,remainingCount:i.length,remainingLearnings:i.map(function(n){return{id:n.id,variant:n.feedback.variant}})});var t={};return i.forEach(function(n,e){var i=String.fromCharCode(65+e);t[i]=n,console.log("[LearningDetailsForm] Conflicting learning ".concat(e," gets key '").concat(i,"':"),n.feedback.variant)}),console.log("[LearningDetailsForm] Final conflicting learnings object:",Object.keys(t)),t}),ye(function(e){if(!e)return{};var i=Object.values(e).filter(function(e){return e.id!==n});console.log("[LearningDetailsForm] Re-keying similar learnings after delete:",{deletedId:n,remainingCount:i.length,remainingLearnings:i.map(function(n){return{id:n.id,variant:n.feedback.variant}})});var t={};return i.forEach(function(n,e){var i=String.fromCharCode(65+e);t[i]=n,console.log("[LearningDetailsForm] Similar learning ".concat(e," gets key '").concat(i,"':"),n.feedback.variant)}),console.log("[LearningDetailsForm] Final similar learnings object:",Object.keys(t)),t}),setTimeout(function(){he(function(n){return ye(function(e){return n&&0!==Object.keys(n).length||e&&0!==Object.keys(e).length||fe(!1),e}),n})},100)},onMergeMessage:function(n){console.log("[LearningDetailsForm] 🟡 MERGE MESSAGE RECEIVED:",n),console.log("[LearningDetailsForm] onMergeLearning available:",!!G),G?(console.log("[LearningDetailsForm] Calling onMergeLearning with:",n),G(n)):console.log("[LearningDetailsForm] ❌ onMergeLearning not available")},onDeleteLearning:V,setSendMessageInChat:$,editConflictingLearningTrigger:Q,editSimilarLearningTrigger:K,operationStatus:Ce,onOperationComplete:function(){return Se(null)},onSetOperationStatus:Se}))]})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:2}},{children:[e.jsxs(t.Box,n.__assign({sx:{flex:1}},{children:[e.jsxs(t.Typography,n.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans"},gutterBottom:!0},{children:["Scope  ",e.jsx(t.Box,n.__assign({component:"span",sx:{color:"red"}},{children:"*"}))]})),e.jsx(t.FormControl,n.__assign({sx:{width:"50%",fontFamily:"Plus Jakarta Sans"},variant:"outlined"},{children:e.jsxs(t.Select,n.__assign({id:"scope",value:ln.scope,onChange:(Ze="scope",function(e){cn(function(i){var t;return n.__assign(n.__assign({},i),((t={})[Ze]=e.target.value,t))})}),displayEmpty:!0,sx:{fontFamily:"Plus Jakarta Sans"},fullWidth:!0},{children:[e.jsx(t.MenuItem,n.__assign({value:"",disabled:!0},{children:"Select scope"})),c.map(function(i,o){return e.jsx(t.MenuItem,n.__assign({value:i.value,sx:{fontFamily:"Plus Jakarta Sans"}},{children:i.labelText}),o)})]}))}))]})),e.jsx(t.Box,n.__assign({sx:{flex:1,display:"flex",alignItems:"flex-end",justifyContent:"flex-end"}},{children:e.jsxs(t.Button,n.__assign({variant:"contained",onClick:function(){return n.__awaiter(void 0,void 0,void 0,function(){return n.__generator(this,function(n){return We?(console.warn("Save blocked by button click: Unresolved conflicts are present."),ii(),[2]):(q(!0),[2])})})},sx:{width:"30%",height:"56px",fontFamily:"Plus Jakarta Sans",backgroundColor:"green",textTransform:"capitalize","&:hover":{backgroundColor:"#006400"},pointerEvents:Xn?"none":"auto"},disabled:!Pe||We||"idle"!==Gn},{children:["idle"!==Gn&&e.jsx(t.CircularProgress,{sx:{marginRight:"8px",color:"#fff"},size:16}),"saving"===Gn?"Saving":"validating"===Gn?"Validating":"Save"]}))}))]}))]})),Ce&&e.jsx(t.Snackbar,n.__assign({open:!0,autoHideDuration:4e3,onClose:function(){return Se(null)},anchorOrigin:{vertical:"top",horizontal:"right"}},{children:e.jsx(t.Alert,n.__assign({onClose:function(){return Se(null)},severity:Ce.status,sx:{width:"100%"}},{children:Ce.message}))}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var DeleteIcon = require('@mui/icons-material/Delete');
+var SaveIcon = require('@mui/icons-material/Save');
+var EditIcon = require('@mui/icons-material/Edit');
+var AddIcon = require('@mui/icons-material/Add');
+var CheckCircleOutlineIcon = require('@mui/icons-material/CheckCircleOutline');
+var CancelIcon = require('@mui/icons-material/Cancel');
+var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowUp');
+var lucideReact = require('lucide-react');
+var InstantLearning_module = require('../InstantLearning.module.css.js');
+var ConflictingLearningWarnCard = require('./ConflictingLearningWarnCard.js');
+var ConflictingLearningWarnCardDB = require('./ConflictingLearningWarnCardDB.js');
+var InstantLearningService = require('../../../service/InstantLearningService.js');
+var variantParser = require('../../../utils/variantParser.js');
+var transport = require('../../../api/transport.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var DeleteIcon__default = /*#__PURE__*/_interopDefaultLegacy(DeleteIcon);
+var SaveIcon__default = /*#__PURE__*/_interopDefaultLegacy(SaveIcon);
+var EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
+var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
+var CheckCircleOutlineIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckCircleOutlineIcon);
+var CancelIcon__default = /*#__PURE__*/_interopDefaultLegacy(CancelIcon);
+var KeyboardArrowDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardArrowDownIcon);
+
+const LearningDetailsForm = ({
+  organizationName,
+  selectedText,
+  scopeOptions,
+  devModeTag,
+  chatAssistantName,
+  chatLogo = null,
+  submitFunction,
+  setShowChat,
+  showChat,
+  formDataState,
+  setFormDataState,
+  instantLearningSuggestions,
+  setHasUserFilledForm,
+  hasUserFilledForm,
+  isNewChatClicked,
+  setIsNewChatClicked,
+  setHasUserWrittenModification,
+  extractedModification,
+  save,
+  extractedTooltip,
+  isSaveLoading,
+  shouldTriggerSave,
+  baseUrl,
+  topic_table,
+  variant_table,
+  scope_table,
+  embedding_column_name,
+  embedding_model,
+  validationWtaResponse,
+  setValidationWtaResponse,
+  learningWtaResponse,
+  setLearningWtaResponse,
+  setIsFormSavedClicked,
+  onDeleteLearning,
+  onMergeLearning,
+  mergeLearningTrigger,
+  resetLearningTrigger,
+  editConflictingLearningTrigger,
+  editSimilarLearningTrigger,
+  setSendMessageInChat,
+  isMergeLoading,
+  setIsMergeLoading,
+  setSendValidationMessage,
+  validationRecommendations,
+  setFormValidating,
+  isFromAudacy = false,
+  isFromDashboard = false
+}) => {
+  var _a, _b;
+  const [formData, setFormData] = React.useState({
+    context: "",
+    issue_with_response: "",
+    original: selectedText != null ? selectedText : "",
+    modification: "",
+    whenToApply: "",
+    whenNotToApply: "",
+    tooltip: "",
+    scope: isFromAudacy ? "" : scopeOptions.length > 0 ? scopeOptions[0].value : "",
+    isTooltipEnabled: false,
+    isModificationEnabled: true,
+    isDevMode: false
+  });
+  const [isUserDoneFillingInfo, setIsUserDoneFillingInfo] = React.useState(false);
+  const [loadingWTA, setLoadingWTA] = React.useState(false);
+  const [loadingWnTA, setLoadingWnTA] = React.useState(false);
+  const [loadingModification, setLoadingModification] = React.useState(false);
+  const [suggestedWTA, setSuggestedWTA] = React.useState([]);
+  const [suggestedWnTA, setSuggestedWnTA] = React.useState([]);
+  const [isEditableWTA, setIsEditableWTA] = React.useState(false);
+  const [isEditableWnTA, setIsEditableWnTA] = React.useState(false);
+  const lastValidatedWtaRef = React.useRef("");
+  const lastValidatedWntaRef = React.useRef("");
+  const [recommendedWta, setRecommendedWta] = React.useState(null);
+  const [recommendedWnta, setRecommendedWnta] = React.useState(null);
+  const [showRecommendationHeaders, setShowRecommendationHeaders] = React.useState({ wta: false, wnta: false });
+  const [formActionState, setFormActionState] = React.useState("idle");
+  const [hasAcceptedFromBatch, setHasAcceptedFromBatch] = React.useState({ wta: false, wnta: false });
+  React.useEffect(() => {
+    setIsMergeLoading(false);
+  }, []);
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [showSimilarLearningCard, setShowSimilarLearningCard] = React.useState(false);
+  const [apiResponse, setApiResponse] = React.useState(null);
+  React.useState(false);
+  const [errorMessage, setErrorMessage] = React.useState(null);
+  const [validateWtaApiResponse, setValidateWtaApiResponse] = React.useState(null);
+  const [showConflictingCard, setShowConflictingCard] = React.useState(false);
+  const [showConflictingCardDB, setShowConflictingCardDB] = React.useState(false);
+  const [DBCWtaApiResponse, setDBCWtaApiResponse] = React.useState(null);
+  const [DBSWtaApiResponse, setDBSWtaApiResponse] = React.useState(null);
+  const [deletedLearningIds, setDeletedLearningIds] = React.useState(/* @__PURE__ */ new Set());
+  const [operationStatus, setOperationStatus] = React.useState(null);
+  const [editedLearningIds, setEditedLearningIds] = React.useState(/* @__PURE__ */ new Set());
+  const bounce = material.keyframes`
+        0%, 80%, 100% {
+            transform: scale(0);
+        }
+        40% {
+            transform: scale(1.0);
+        }
+        `;
+  const handleApiAction = React.useCallback(async (action, loadingState) => {
+    setFormActionState(loadingState);
+    if (loadingState === "validating") {
+      setFormValidating(true);
+    }
+    try {
+      return await action();
+    } catch (error) {
+      console.error(`An error occurred during ${loadingState}:`, error);
+    } finally {
+      if (loadingState === "validating") {
+        setFormValidating(false);
+      }
+      setFormActionState("idle");
+    }
+  }, [setFormValidating]);
+  React.useEffect(() => {
+    if (validationRecommendations) {
+      setRecommendedWta(validationRecommendations.wta);
+      setRecommendedWnta(validationRecommendations.wnta);
+      setShowRecommendationHeaders({
+        wta: !!validationRecommendations.wta,
+        wnta: !!validationRecommendations.wnta
+      });
+      setHasAcceptedFromBatch({ wta: false, wnta: false });
+    } else {
+      setRecommendedWta(null);
+      setRecommendedWnta(null);
+      setShowRecommendationHeaders({ wta: false, wnta: false });
+    }
+  }, [validationRecommendations]);
+  React.useEffect(() => {
+    try {
+      if (editConflictingLearningTrigger && typeof editConflictingLearningTrigger === "object" && Object.keys(editConflictingLearningTrigger).length > 0) {
+        console.log("Processing conflicting learning edit actions:", editConflictingLearningTrigger);
+        Object.entries(editConflictingLearningTrigger).forEach(async ([learningId, learningData]) => {
+          if (learningData && learningData.edit_actions && learningData.edit_actions.action) {
+            console.log("Processing conflicting learning edit action:", learningId, learningData);
+            setEditedLearningIds((prev) => new Set(prev).add(learningId));
+            const wtaConditions = learningData.conditions_whentoapply || [];
+            const wntaConditions = learningData.conditions_whennottoapply || [];
+            const whenToApply = Array.isArray(wtaConditions) ? wtaConditions.join(" ").replace(/\s+and\s+/gi, " and ").replace(/\s+/g, " ").trim() : wtaConditions || "";
+            const whenNotToApply = Array.isArray(wntaConditions) ? wntaConditions.join(" ").replace(/\s+and\s+/gi, " and ").replace(/\s+/g, " ").trim() : wntaConditions || "";
+            setDBCWtaApiResponse((prev) => {
+              if (!prev) return prev;
+              const updated = { ...prev };
+              Object.keys(updated).forEach((key) => {
+                if (updated[key] && updated[key].id === learningId) {
+                  updated[key] = {
+                    ...updated[key],
+                    feedback: {
+                      ...updated[key].feedback,
+                      variant: learningData.variant,
+                      when_to_apply: whenToApply,
+                      when_not_to_apply: whenNotToApply
+                    }
+                  };
+                }
+              });
+              return updated;
+            });
+            console.log("Updated form with conflicting learning conditions:", { whenToApply, whenNotToApply });
+            if (baseUrl && organizationName && chatAssistantName) {
+              try {
+                const learningObject = DBCWtaApiResponse ? Object.values(DBCWtaApiResponse).find((l) => l && l.id === learningId) : null;
+                if (!learningObject) {
+                  console.error(`[LearningDetailsForm] Learning object not found for ID: ${learningId}`);
+                  return;
+                }
+                const learning = learningObject;
+                if (!learning.feedback) {
+                  console.error(`[LearningDetailsForm] Learning feedback not found for ID: ${learningId}`);
+                  return;
+                }
+                const parsedVariant = variantParser.parseVariant(learningData.variant);
+                const editPayload = {
+                  status: "approved",
+                  metadata: {
+                    userName: "M Kathyayani",
+                    userEmailId: "madumbu.kathyayani@techolution.com",
+                    llm: "claude-3.5-sonnet",
+                    isVariantFlow: true,
+                    isUpdateAction: true,
+                    isAgentsFeedback: true,
+                    variant: {
+                      id: learningId,
+                      variant: learningData.variant,
+                      conditions_whentoapply: whenToApply,
+                      conditions_whennottoapply: whenNotToApply,
+                      scope: {
+                        name: "Custom",
+                        value: {
+                          scopeId: "askmod-scope-id",
+                          scopeName: "askmod"
+                        }
+                      },
+                      topic: {
+                        id: null,
+                        value: parsedVariant.topic || "default"
+                      },
+                      categories: [],
+                      originalQuestion: "",
+                      parameterizedQuestion: null,
+                      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: {}
+                    }
+                  }
+                };
+                console.log(`[LearningDetailsForm] Saving edited conditions for conflicting learning ${learningId}:`, editPayload);
+                const response = await InstantLearningService.publishAgenticFeedbackForVariantIngestion({
+                  baseUrl,
+                  organizationName,
+                  chatAssistantName,
+                  payload: editPayload
+                });
+                if (!response.ok) {
+                  console.error(`[LearningDetailsForm] Failed to save edited conditions for conflicting learning ${learningId}:`, response.status, response.statusText);
+                  setOperationStatus({ status: "error", message: `Failed to save edited conditions for this learning` });
+                } else {
+                  console.log("edit notifc");
+                  setOperationStatus({ status: "success", message: `Successfully saved edited conditions for this learning` });
+                  console.log(`[LearningDetailsForm] Successfully saved edited conditions for conflicting learning ${learningId}`);
+                }
+              } catch (error) {
+                setOperationStatus({ status: "error", message: `Error saving edited conditions for learning` });
+                console.error(`[LearningDetailsForm] Error saving edited conditions for conflicting learning ${learningId}:`, error);
+              }
+            } else {
+              console.log("[LearningDetailsForm] Missing required context for edit API call");
+            }
+          }
+        });
+      }
+      if (editSimilarLearningTrigger && typeof editSimilarLearningTrigger === "object" && Object.keys(editSimilarLearningTrigger).length > 0) {
+        console.log("Processing similar learning edit actions:", editSimilarLearningTrigger);
+        Object.entries(editSimilarLearningTrigger).forEach(async ([learningId, learningData]) => {
+          if (learningData && learningData.edit_actions && learningData.edit_actions.action) {
+            console.log("Processing similar learning edit action:", learningId, learningData);
+            setEditedLearningIds((prev) => new Set(prev).add(learningId));
+            const wtaConditions = learningData.conditions_whentoapply || [];
+            const wntaConditions = learningData.conditions_whennottoapply || [];
+            const whenToApply = Array.isArray(wtaConditions) ? wtaConditions.join(" ").replace(/\s+and\s+/gi, " and ").replace(/\s+/g, " ").trim() : wtaConditions || "";
+            const whenNotToApply = Array.isArray(wntaConditions) ? wntaConditions.join(" ").replace(/\s+and\s+/gi, " and ").replace(/\s+/g, "  ").trim() : wntaConditions || "";
+            setDBSWtaApiResponse((prev) => {
+              if (!prev) return prev;
+              const updated = { ...prev };
+              Object.keys(updated).forEach((key) => {
+                if (updated[key] && updated[key].id === learningId) {
+                  updated[key] = {
+                    ...updated[key],
+                    feedback: {
+                      ...updated[key].feedback,
+                      variant: learningData.variant,
+                      when_to_apply: whenToApply,
+                      when_not_to_apply: whenNotToApply
+                    }
+                  };
+                }
+              });
+              return updated;
+            });
+            console.log("Updated form with similar learning conditions:", { whenToApply, whenNotToApply });
+            if (baseUrl && organizationName && chatAssistantName) {
+              try {
+                const learningObject = DBSWtaApiResponse ? Object.values(DBSWtaApiResponse).find((l) => l && l.id === learningId) : null;
+                if (!learningObject) {
+                  console.error(`[LearningDetailsForm] Learning object not found for ID: ${learningId}`);
+                  return;
+                }
+                const learning = learningObject;
+                if (!learning.feedback) {
+                  console.error(`[LearningDetailsForm] Learning feedback not found for ID: ${learningId}`);
+                  return;
+                }
+                const parsedVariant = variantParser.parseVariant(learningData.variant);
+                const editPayload = {
+                  status: "approved",
+                  metadata: {
+                    userName: "M Kathyayani",
+                    userEmailId: "madumbu.kathyayani@techolution.com",
+                    llm: "claude-3.5-sonnet",
+                    isVariantFlow: true,
+                    isUpdateAction: true,
+                    isAgentsFeedback: true,
+                    variant: {
+                      id: learningId,
+                      variant: learningData.variant,
+                      conditions_whentoapply: whenToApply,
+                      conditions_whennottoapply: whenNotToApply,
+                      scope: {
+                        name: "Custom",
+                        value: {
+                          scopeId: "askmod-scope-id",
+                          scopeName: "askmod"
+                        }
+                      },
+                      topic: {
+                        id: null,
+                        value: parsedVariant.topic || "default"
+                      },
+                      categories: [],
+                      originalQuestion: "",
+                      parameterizedQuestion: null,
+                      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: {}
+                    }
+                  }
+                };
+                console.log(`[LearningDetailsForm] Saving edited conditions for similar learning ${learningId}:`, editPayload);
+                const response = await InstantLearningService.publishAgenticFeedbackForVariantIngestion({
+                  baseUrl,
+                  organizationName,
+                  chatAssistantName,
+                  payload: editPayload
+                });
+                if (!response.ok) {
+                  console.error(`[LearningDetailsForm] Failed to save edited conditions for similar learning ${learningId}:`, response.status, response.statusText);
+                  setOperationStatus({ status: "error", message: `Failed to save edited conditions for this learning` });
+                } else {
+                  console.log("edit notifc");
+                  setOperationStatus({ status: "success", message: `Successfully saved edited conditions for this similar learning` });
+                  console.log(`[LearningDetailsForm] Successfully saved edited conditions for this similar learning`);
+                }
+              } catch (error) {
+                console.error(`[LearningDetailsForm] Error saving edited conditions for similar learning ${learningId}:`, error);
+              }
+            } else {
+              console.log("[LearningDetailsForm] Missing required context for edit API call");
+            }
+          }
+        });
+      }
+    } catch (error) {
+      console.error("Error processing edit tool actions:", error);
+    }
+  }, [editConflictingLearningTrigger, editSimilarLearningTrigger, setDBCWtaApiResponse, setDBSWtaApiResponse, baseUrl, organizationName, chatAssistantName]);
+  const RecommendationBox = ({ condition, onAccept, onReject }) => /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        p: 1,
+        mb: 1,
+        backgroundColor: "#f0f4f8",
+        // A distinct background color
+        border: "1px solid #d1d9e6",
+        borderRadius: "4px"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { flex: 1, fontFamily: "Plus Jakarta Sans" }, children: condition }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: onAccept, size: "small", sx: { color: "green" }, children: /* @__PURE__ */ jsxRuntime.jsx(CheckCircleOutlineIcon__default["default"], {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: onReject, size: "small", sx: { color: "red" }, children: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon__default["default"], {}) })
+        ] })
+      ]
+    }
+  );
+  const SparklesIcon = ({ color = "#fff", size = 12 }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { 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.3188 23.8989 12.0012 24.0019 11.7759 23.9658L10.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.37668 16.8492 4.37668 16.1502 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.37021Z", fill: color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.69218 1.72171C5.8106 1.52009 6.19176 1.52009 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.4808 5.75512 10.4808 6.24724 10.2792 6.31018L8.53618 6.88921C7.75918 7.15018 7.15018 7.75918 6.89068 8.53618L6.31018 10.2777C6.19176 10.4793 5.8106 10.4793 5.69218 10.2777L5.11168 8.53471C4.85071 7.75918 4.24171 7.15018 3.46618 6.88921L1.72318 6.30871C1.52156 6.24576 1.52156 5.75512 1.72318 5.69071L3.46618 5.11021C4.24171 4.85071 4.85071 4.24171 5.11168 3.46471L5.69218 1.72171Z", fill: color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.2957 0.148207C16.4119 0.016038 16.5905 0.016038 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.4848 2.83676 19.4848 3.16265 19.3527 3.20521L18.1917 3.59221C17.6727 3.76521 17.2662 4.17171 17.0937 4.69021L16.7067 5.85121C16.5905 5.98338 16.4119 5.98338 16.2957 5.85121L15.9087 4.69021C15.7377 4.17171 15.3312 3.76521 14.8122 3.59221L13.6512 3.20521C13.519 3.16265 13.519 2.83676 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: color })
+  ] });
+  const ConfidencePill = ({ score }) => /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.5,
+        px: 1.5,
+        py: 0.5,
+        borderRadius: "16px",
+        backgroundColor: "#10B981",
+        color: "white",
+        fontSize: "0.8rem",
+        fontWeight: 600,
+        fontFamily: "Plus Jakarta Sans"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SparklesIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { fontSize: "0.8rem", fontWeight: 600, fontFamily: "inherit" }, children: [
+          score,
+          "%"
+        ] })
+      ]
+    }
+  );
+  const ReasonAccordion = ({ reason, title }) => /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Accordion,
+    {
+      elevation: 0,
+      sx: {
+        backgroundColor: "#f3f0ff",
+        border: "1px solid #dcd6f7",
+        borderRadius: 2,
+        mb: 2,
+        "&::before": { display: "none" }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.AccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon__default["default"], { style: { color: "#5928ed" } }),
+            sx: { minHeight: "auto", "& .MuiAccordionSummary-content": { margin: "12px 0" } },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lightbulb, { size: 16, color: "#5928ed" }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "#5928ed", fontFamily: "Plus Jakarta Sans" }, children: title })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { pt: 0, pb: 1.5, backgroundColor: "#faf9ff" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "0.9rem", color: "#4A4458", fontFamily: "Plus Jakarta Sans" }, children: reason }) })
+      ]
+    }
+  );
+  const handleAcceptRecommendation = (condition, type, key) => {
+    if (type === "wta") {
+      setShowConflictingCard(false);
+      if (!hasAcceptedFromBatch.wta) {
+        setSuggestedWTA([condition]);
+        setHasAcceptedFromBatch((prev) => ({ ...prev, wta: true }));
+      } else {
+        setSuggestedWTA((prev) => Array.from(/* @__PURE__ */ new Set([...prev, condition])));
+      }
+      setRecommendedWta((prev) => {
+        if (!prev || !prev.when_to_apply) return prev;
+        const newConditions = { ...prev.when_to_apply };
+        delete newConditions[key];
+        return { ...prev, when_to_apply: newConditions };
+      });
+      setShowRecommendationHeaders((prev) => ({ ...prev, wta: false }));
+    } else {
+      setShowConflictingCard(false);
+      if (!hasAcceptedFromBatch.wnta) {
+        setSuggestedWnTA([condition]);
+        setHasAcceptedFromBatch((prev) => ({ ...prev, wnta: true }));
+      } else {
+        setSuggestedWnTA((prev) => Array.from(/* @__PURE__ */ new Set([...prev, condition])));
+      }
+      setRecommendedWnta((prev) => {
+        if (!prev || !prev.when_not_to_apply) return prev;
+        const newConditions = { ...prev.when_not_to_apply };
+        delete newConditions[key];
+        return { ...prev, when_not_to_apply: newConditions };
+      });
+      setShowRecommendationHeaders((prev) => ({ ...prev, wnta: false }));
+    }
+  };
+  const handleRejectRecommendation = (condition, type, key) => {
+    if (type === "wta") {
+      setRecommendedWta((prev) => {
+        if (!prev || !prev.when_to_apply) return prev;
+        const newConditions = { ...prev.when_to_apply };
+        delete newConditions[key];
+        return { ...prev, when_to_apply: newConditions };
+      });
+      setShowRecommendationHeaders((prev) => ({ ...prev, wta: false }));
+    } else {
+      setRecommendedWnta((prev) => {
+        if (!prev || !prev.when_not_to_apply) return prev;
+        const newConditions = { ...prev.when_not_to_apply };
+        delete newConditions[key];
+        return { ...prev, when_not_to_apply: newConditions };
+      });
+      setShowRecommendationHeaders((prev) => ({ ...prev, wnta: false }));
+    }
+  };
+  const handleMergeLearningFromChat = React.useCallback(async (learningId) => {
+    console.log("[LearningDetailsForm] Merging learning from chat:", learningId);
+    if (!DBSWtaApiResponse) {
+      console.log("No similar learnings data available");
+      return;
+    }
+    const learningToMerge = Object.values(DBSWtaApiResponse).find((learning) => learning && learning.id === learningId);
+    if (!learningToMerge) {
+      console.log(`Learning with ID ${learningId} not found in similar learnings`);
+      return;
+    }
+    console.log("Found learning to merge:", learningToMerge);
+    console.log("\u{1F535} LEARNING DETAILS FORM - Merge button clicked, waiting for merge response to provide correct conditions");
+    setIsMergeLoading(true);
+    setDBSWtaApiResponse((prev) => {
+      if (!prev) return {};
+      const newObj = {};
+      Object.keys(prev).forEach((key) => {
+        if (prev[key].id !== learningId) {
+          newObj[key] = prev[key];
+        }
+      });
+      return newObj;
+    });
+    setDeletedLearningIds((prev) => new Set(prev).add(learningId));
+    setTimeout(() => {
+      setDBCWtaApiResponse((currentConflicting) => {
+        setDBSWtaApiResponse((currentSimilar) => {
+          if ((!currentConflicting || Object.keys(currentConflicting).length === 0) && (!currentSimilar || Object.keys(currentSimilar).length === 0)) {
+            setShowConflictingCardDB(false);
+          }
+          return currentSimilar;
+        });
+        return currentConflicting;
+      });
+    }, 100);
+    console.log("[LearningDetailsForm] Successfully merged learning from chat");
+    if (baseUrl && organizationName && chatAssistantName) {
+      try {
+        const deletePayload = {
+          status: "approved",
+          metadata: {
+            userName: "M Kathyayani",
+            userEmailId: "madumbu.kathyayani@techolution.com",
+            llm: "claude-3.5-sonnet",
+            isVariantFlow: true,
+            isDeleteAction: true,
+            isAgentsFeedback: true,
+            variant: {
+              id: learningId,
+              scope: {
+                name: "User",
+                value: [{
+                  name: "M Kathyayani",
+                  email: "madumbu.kathyayani@techolution.com",
+                  userId: "8059658c-a65c-4e14-89aa-a5195f5d09f5"
+                }]
+              },
+              topic: {
+                id: null,
+                value: "default"
+              },
+              variant: `Learning ID: ${learningId}`,
+              question: "",
+              categories: [],
+              created_at: (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+                hour12: true
+              }),
+              originalQuestion: "",
+              parameterizedQuestion: "",
+              conditions_whentoapply: "",
+              conditions_whennottoapply: "",
+              parentId: null
+            }
+          }
+        };
+        console.log(`[LearningDetailsForm] Deleting merged learning with ID: ${learningId}`);
+        const response = await InstantLearningService.publishAgenticFeedbackForVariantIngestion({
+          baseUrl,
+          organizationName,
+          chatAssistantName,
+          payload: deletePayload
+        });
+        if (!response.ok) {
+          console.error(`[LearningDetailsForm] Failed to delete merged learning`, response.status, response.statusText);
+          setOperationStatus({ status: "error", message: `Failed to complete merge for learning.` });
+        } else {
+          setOperationStatus({ status: "success", message: `Learning merged successfully.` });
+          console.log(`[LearningDetailsForm] Successfully deleted merged learning ${learningId}`);
+        }
+      } catch (error) {
+        console.error(`[LearningDetailsForm] Error deleting merged learning ${learningId}:`, error);
+      }
+    } else {
+      console.log("[LearningDetailsForm] Missing required context for delete API call");
+    }
+  }, [DBSWtaApiResponse, setFormDataState, setSuggestedWTA, setSuggestedWnTA, baseUrl, organizationName, chatAssistantName]);
+  React.useEffect(() => {
+    if (mergeLearningTrigger) {
+      handleMergeLearningFromChat(mergeLearningTrigger);
+      if (onMergeLearning) {
+        onMergeLearning(mergeLearningTrigger);
+      }
+    }
+  }, [mergeLearningTrigger, onMergeLearning, handleMergeLearningFromChat]);
+  React.useEffect(() => {
+    if (formDataState == null ? void 0 : formDataState._extractedOriginalUpdate) {
+      console.log("\u{1F535} LEARNING DETAILS FORM - Syncing extracted original:", formDataState.original);
+      setFormData((prev) => ({
+        ...prev,
+        original: formDataState.original || ""
+      }));
+      setFormDataState((prev) => {
+        if (!prev) return prev;
+        const { _extractedOriginalUpdate, ...cleanState } = prev;
+        return cleanState;
+      });
+    }
+  }, [formDataState == null ? void 0 : formDataState._extractedOriginalUpdate, formDataState == null ? void 0 : formDataState.original, setFormDataState]);
+  React.useEffect(() => {
+    if (resetLearningTrigger) {
+      console.log("[LearningDetailsForm] \u{1F504} RESET TRIGGER RECEIVED - Clearing all learning data");
+      console.log("[LearningDetailsForm] Before reset - DBCWtaApiResponse:", DBCWtaApiResponse ? Object.keys(DBCWtaApiResponse).length : 0, "items");
+      console.log("[LearningDetailsForm] Before reset - DBSWtaApiResponse:", DBSWtaApiResponse ? Object.keys(DBSWtaApiResponse).length : 0, "items");
+      setDBCWtaApiResponse(null);
+      setDBSWtaApiResponse(null);
+      setShowConflictingCardDB(false);
+      setShowConflictingCard(false);
+      setDeletedLearningIds(/* @__PURE__ */ new Set());
+      setSuggestedWTA([]);
+      setSuggestedWnTA([]);
+      setIsMergeLoading(false);
+      setEditedLearningIds(/* @__PURE__ */ new Set());
+      setFormData((prev) => ({
+        ...prev,
+        original: isFromDashboard ? "" : prev.original,
+        whenToApply: "",
+        whenNotToApply: "",
+        tooltip: "",
+        modification: "",
+        isTooltipEnabled: false,
+        isModificationEnabled: true
+      }));
+      console.log("[LearningDetailsForm] \u2705 Learning data reset completed");
+    }
+  }, [resetLearningTrigger]);
+  const isFormValid = React.useMemo(() => {
+    var _a2, _b2, _c, _d, _e;
+    const hasOriginal = ((_a2 = formData == null ? void 0 : formData.original) == null ? void 0 : _a2.trim()) !== "";
+    const hasSuggestions = (suggestedWTA == null ? void 0 : suggestedWTA.length) > 0;
+    const allWtaFieldsFilled = suggestedWTA.every((wta) => wta.trim() !== "");
+    const modificationValid = !(formData == null ? void 0 : formData.isModificationEnabled) || ((_b2 = formData == null ? void 0 : formData.modification) == null ? void 0 : _b2.trim()) !== "";
+    const tooltipValid = !(formData == null ? void 0 : formData.isTooltipEnabled) || ((_c = formData == null ? void 0 : formData.tooltip) == null ? void 0 : _c.trim()) !== "";
+    const hasContent = (formData == null ? void 0 : formData.isModificationEnabled) && ((_d = formData == null ? void 0 : formData.modification) == null ? void 0 : _d.trim()) !== "" || (formData == null ? void 0 : formData.isTooltipEnabled) && ((_e = formData == null ? void 0 : formData.tooltip) == null ? void 0 : _e.trim()) !== "";
+    const hasScope = formData.scope !== "";
+    const isEditing = isEditableWTA || isEditableWnTA;
+    return hasOriginal && hasSuggestions && allWtaFieldsFilled && modificationValid && tooltipValid && hasContent && !isEditing && hasScope;
+  }, [formData, suggestedWTA, isEditableWTA, isEditableWnTA]);
+  const hasUnresolvedConflicts = React.useMemo(() => {
+    const hasConflictingConditions = showConflictingCard && validateWtaApiResponse;
+    if (hasConflictingConditions) {
+      return true;
+    }
+    const conflictingLearnings = Object.values(DBCWtaApiResponse || {});
+    const similarLearnings = Object.values(DBSWtaApiResponse || {});
+    const allDisplayedIds = [
+      ...conflictingLearnings.map((l) => l.id),
+      ...similarLearnings.map((l) => l.id)
+    ];
+    if (allDisplayedIds.length === 0) {
+      return false;
+    }
+    const allHaveBeenEdited = allDisplayedIds.every((id) => editedLearningIds.has(id));
+    return !allHaveBeenEdited;
+  }, [showConflictingCard, validateWtaApiResponse, DBCWtaApiResponse, DBSWtaApiResponse, editedLearningIds]);
+  const tooltipRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!formData.isModificationEnabled) {
+      setFormData((prev) => ({ ...prev, modification: "" }));
+    }
+    if (!formData.isTooltipEnabled) {
+      setFormData((prev) => ({ ...prev, tooltip: "" }));
+    }
+  }, [formData.isModificationEnabled, formData.isTooltipEnabled]);
+  React.useEffect(() => {
+    if (extractedModification === "" && (formData == null ? void 0 : formData.isTooltipEnabled)) {
+      setFormData((prev) => ({ ...prev, isModificationEnabled: false }));
+    }
+    if (extractedModification === "" && !(formData == null ? void 0 : formData.isTooltipEnabled)) {
+      setFormData((prev) => ({ ...prev, modification: "" }));
+    }
+    if (extractedModification && extractedModification !== "") {
+      setFormData((prev) => ({
+        ...prev,
+        modification: extractedModification,
+        isModificationEnabled: true
+      }));
+      setLoadingModification(true);
+      const timeout = setTimeout(() => {
+        setLoadingModification(false);
+      }, 400);
+      return () => clearTimeout(timeout);
+    }
+  }, [extractedModification]);
+  React.useEffect(() => {
+    if (extractedTooltip === "") {
+      setFormData((prev) => ({ ...prev, isTooltipEnabled: false }));
+    }
+    if (extractedTooltip && extractedTooltip !== "") {
+      setFormData((prev) => ({
+        ...prev,
+        tooltip: extractedTooltip,
+        isTooltipEnabled: true
+      }));
+    }
+  }, [extractedTooltip]);
+  React.useEffect(() => {
+    if (isNewChatClicked) {
+      setDeletedLearningIds(/* @__PURE__ */ new Set());
+    }
+  }, [isNewChatClicked]);
+  React.useEffect(() => {
+    if (isNewChatClicked) {
+      setFormData((prev) => ({
+        ...prev,
+        original: isFromDashboard ? "" : prev.original,
+        modification: "",
+        tooltip: "",
+        isTooltipEnabled: false,
+        isModificationEnabled: true,
+        whenToApply: "",
+        whenNotToApply: ""
+      }));
+      setSuggestedWTA([]);
+      setSuggestedWnTA([]);
+      setIsMergeLoading(false);
+      setIsNewChatClicked(false);
+      setShowSimilarLearningCard(false);
+      setShowConflictingCard(false);
+      setShowConflictingCardDB(false);
+    }
+  }, [isNewChatClicked]);
+  React.useEffect(() => {
+    setFormDataState(formData);
+  }, [formData]);
+  React.useEffect(() => {
+    if (formDataState == null ? void 0 : formDataState._mergeUpdate) {
+      console.log("\u{1F535} LEARNING DETAILS FORM - Detected merge update:", formDataState);
+      if (formDataState._mergeWTA) {
+        console.log("\u{1F535} LEARNING DETAILS FORM - Updating suggestedWTA with merge data:", formDataState._mergeWTA);
+        setSuggestedWTA(formDataState._mergeWTA);
+      }
+      if (formDataState._mergeWNTA) {
+        console.log("\u{1F535} LEARNING DETAILS FORM - Updating suggestedWnTA with merge data:", formDataState._mergeWNTA);
+        setSuggestedWnTA(formDataState._mergeWNTA);
+      }
+      setFormDataState((prev) => {
+        const { _mergeUpdate, _mergeWTA, _mergeWNTA, ...cleanState } = prev;
+        return cleanState;
+      });
+    }
+  }, [formDataState == null ? void 0 : formDataState._mergeUpdate, formDataState == null ? void 0 : formDataState._mergeWTA, formDataState == null ? void 0 : formDataState._mergeWNTA]);
+  React.useEffect(() => {
+    if (formData.original.trim() !== "" && (formData.modification.trim() !== "" || formData.tooltip.trim() !== "") && !isUserDoneFillingInfo) {
+      setIsUserDoneFillingInfo(true);
+    }
+  }, [formData]);
+  React.useEffect(() => {
+    if ((suggestedWTA == null ? void 0 : suggestedWTA.length) >= 0) {
+      const wtaString = suggestedWTA.join(" OR ");
+      if (formData.whenToApply !== wtaString) {
+        setFormData((prev) => ({
+          ...prev,
+          whenToApply: wtaString
+        }));
+      }
+    }
+  }, [JSON.stringify(suggestedWTA), formData.whenToApply]);
+  React.useEffect(() => {
+    if ((suggestedWnTA == null ? void 0 : suggestedWnTA.length) >= 0) {
+      const wntaString = suggestedWnTA.join(" OR ");
+      if (formData.whenNotToApply !== wntaString) {
+        setFormData((prev) => ({
+          ...prev,
+          whenNotToApply: wntaString
+        }));
+      }
+    }
+  }, [JSON.stringify(suggestedWnTA), formData.whenNotToApply]);
+  React.useEffect(() => {
+    if ((suggestedWTA == null ? void 0 : suggestedWTA.length) > 0 && !isEditableWTA) {
+      setLoadingWTA(true);
+      const timeout = setTimeout(() => {
+        setLoadingWTA(false);
+      }, 400);
+      return () => clearTimeout(timeout);
+    }
+  }, [JSON.stringify(suggestedWTA)]);
+  React.useEffect(() => {
+    if ((suggestedWnTA == null ? void 0 : suggestedWnTA.length) > 0 && !isEditableWnTA) {
+      setLoadingWnTA(true);
+      const timeout = setTimeout(() => {
+        setLoadingWnTA(false);
+      }, 400);
+      return () => clearTimeout(timeout);
+    }
+  }, [JSON.stringify(suggestedWnTA)]);
+  React.useEffect(() => {
+    if (instantLearningSuggestions) {
+      setIsEditableWTA(false);
+      setIsEditableWnTA(false);
+      const hasTextContent = (str) => str && /[a-zA-Z]/.test(str);
+      if (Array.isArray(instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whentoapply)) {
+        const whenToApplyStrings = instantLearningSuggestions.conditions_whentoapply.map(
+          (item) => item.when_to_apply
+        ).filter((item) => hasTextContent(item));
+        setSuggestedWTA(whenToApplyStrings);
+        setFormData((prev) => ({
+          ...prev,
+          whenToApply: whenToApplyStrings.join(" OR ")
+        }));
+      }
+      if (Array.isArray(instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whennottoapply)) {
+        const whenNotToApplyStrings = instantLearningSuggestions.conditions_whennottoapply.map(
+          (item) => item.when_not_to_apply
+        ).filter((item) => hasTextContent(item));
+        setSuggestedWnTA(whenNotToApplyStrings);
+        setFormData((prev) => ({
+          ...prev,
+          whenNotToApply: whenNotToApplyStrings.join(" OR ")
+        }));
+      }
+    }
+  }, [instantLearningSuggestions]);
+  React.useEffect(() => {
+    var _a2, _b2;
+    const hasNewSuggestions = ((_a2 = instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whentoapply) == null ? void 0 : _a2.length) > 0 || ((_b2 = instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whennottoapply) == null ? void 0 : _b2.length) > 0;
+    if (hasNewSuggestions) {
+      setRecommendedWta(null);
+      setRecommendedWnta(null);
+      setShowConflictingCard(false);
+    }
+  }, [instantLearningSuggestions]);
+  const debounceTimeout = React.useRef(null);
+  const handleDebouncedChange = React.useCallback(() => {
+    if (debounceTimeout.current) {
+      clearTimeout(debounceTimeout.current);
+    }
+    debounceTimeout.current = setTimeout(() => {
+      setHasUserWrittenModification(true);
+    }, 1e3);
+  }, []);
+  const handleChange = React.useCallback(
+    (field) => (event) => {
+      setFormData((prev) => ({
+        ...prev,
+        [field]: event.target.value
+      }));
+      handleDebouncedChange();
+    },
+    [handleDebouncedChange]
+  );
+  const handleSelectChange = (field) => (event) => {
+    setFormData((prev) => ({
+      ...prev,
+      [field]: event.target.value
+    }));
+  };
+  const getTooltipDisplayValue = () => {
+    const clean = stripTag(formData.tooltip);
+    return formData.isDevMode ? `<${devModeTag}>${clean}</${devModeTag}>` : clean;
+  };
+  const stripTag = (input) => {
+    return input.replace(new RegExp(`<${devModeTag}>`, "gi"), "").replace(new RegExp(`</${devModeTag}>`, "gi"), "").replace(/<\/?[^>]+(>|$)/g, "");
+  };
+  const handleTooltipChange = React.useCallback(
+    (value) => {
+      const clean = stripTag(value);
+      setFormData((prev) => ({ ...prev, tooltip: clean }));
+      handleDebouncedChange();
+    },
+    [handleDebouncedChange]
+  );
+  const handleFocus = () => {
+    setTimeout(() => {
+      if (formData.isDevMode) {
+        const visibleText = stripTag(formData.tooltip);
+        const cursorIndex = `<${devModeTag}>`.length + visibleText.length;
+        const el = tooltipRef.current;
+        if (el) {
+          el.setSelectionRange(cursorIndex, cursorIndex);
+        }
+      }
+    }, 0);
+  };
+  const handleToggleChange = (field) => (event) => {
+    const checked = event.target.checked;
+    let tempObj = {};
+    if (field === "isTooltipEnabled") {
+      tempObj = {
+        tooltip: checked ? formData.tooltip : "",
+        isModificationEnabled: checked ? formData.isModificationEnabled : true
+      };
+    } else if (field === "isModificationEnabled") {
+      tempObj = {
+        modification: checked ? formData.modification : ""
+      };
+    }
+    setFormData((prev) => ({
+      ...prev,
+      ...tempObj,
+      [field]: checked
+    }));
+  };
+  const handleSubmit = () => {
+    console.log("Form submitted:", formData);
+    setFormActionState("saving");
+    if ((formData == null ? void 0 : formData.modification) === "") {
+      setFormData((prev) => ({ ...prev, isModificationEnabled: false }));
+    }
+    if ((formData == null ? void 0 : formData.tooltip) === "") {
+      setFormData((prev) => ({ ...prev, isTooltipEnabled: false }));
+    }
+    submitFunction(formData, () => setFormActionState("idle"));
+  };
+  React.useEffect(() => {
+    if (save) {
+      console.log("'save: true' received. Forcibly clearing all conflict UI states.");
+      setShowConflictingCard(false);
+      setValidateWtaApiResponse(null);
+      setIsFormSavedClicked(true);
+      const saveIL = async () => {
+        if (hasUnresolvedConflicts) {
+          console.error("Save action triggered via prop, but is blocked due to unresolved conflicts.");
+          return;
+        }
+        handleSubmit();
+      };
+      saveIL();
+    }
+  }, [save, hasUnresolvedConflicts]);
+  const saveInstantLearning = async () => {
+    if (hasUnresolvedConflicts) {
+      console.warn("Save blocked by button click: Unresolved conflicts are present.");
+      scrollToBottom();
+      return;
+    }
+    setIsFormSavedClicked(true);
+  };
+  React.useEffect(() => {
+    if (validationWtaResponse && validationWtaResponse.is_valid === false) {
+      setShowConflictingCard(true);
+      setValidateWtaApiResponse(validationWtaResponse.conflictingConditions);
+      scrollToBottom();
+    } else if (validationWtaResponse && validationWtaResponse.is_valid) {
+      setShowConflictingCard(false);
+      setValidateWtaApiResponse(null);
+      console.log("valid response received, calling handleSubmit");
+    } else {
+      setShowConflictingCard(false);
+      console.log("resetting validateWtaApiResponse");
+      setValidateWtaApiResponse(null);
+    }
+  }, [validationWtaResponse]);
+  React.useEffect(() => {
+    if (!learningWtaResponse) return;
+    setEditedLearningIds(/* @__PURE__ */ new Set());
+    const conflictingLearnings = (learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {};
+    const similarLearnings = (learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {};
+    Object.keys(conflictingLearnings).length > 0;
+    Object.keys(similarLearnings).length > 0;
+    const filteredConflicting = Object.keys(conflictingLearnings).reduce((acc, key) => {
+      const learning = conflictingLearnings[key];
+      if (!deletedLearningIds.has(learning.id)) {
+        acc[key] = learning;
+      }
+      return acc;
+    }, {});
+    const filteredSimilar = Object.keys(similarLearnings).reduce((acc, key) => {
+      const learning = similarLearnings[key];
+      if (!deletedLearningIds.has(learning.id)) {
+        acc[key] = learning;
+      }
+      return acc;
+    }, {});
+    setDBCWtaApiResponse(filteredConflicting);
+    setDBSWtaApiResponse(filteredSimilar);
+    const hasFilteredConflicts = Object.keys(filteredConflicting).length > 0;
+    const hasFilteredSimilars = Object.keys(filteredSimilar).length > 0;
+    if (hasFilteredConflicts || hasFilteredSimilars) {
+      setShowConflictingCardDB(true);
+      setShowConflictingCard(false);
+      scrollToBottom();
+    } else if ((learningWtaResponse == null ? void 0 : learningWtaResponse.is_valid_db) === true) {
+      setShowConflictingCardDB(false);
+    }
+  }, [learningWtaResponse, deletedLearningIds]);
+  const callValidateWtaApi = async () => {
+    var _a2, _b2, _c, _d, _e, _f;
+    try {
+      const response = await transport.http.post(`${baseUrl}/instant_learning/validate-wta`, {
+        "whenToApply": (_b2 = (_a2 = formData == null ? void 0 : formData.whenToApply) == null ? void 0 : _a2.split("OR")) == null ? void 0 : _b2.filter((wta) => {
+          return wta !== "";
+        }),
+        "whenNotToApply": (_d = (_c = formData == null ? void 0 : formData.whenNotToApply) == null ? void 0 : _c.split("OR")) == null ? void 0 : _d.filter((wta) => {
+          return wta !== "";
+        })
+      }, {
+        headers: { "Content-Type": "application/json" }
+      });
+      const data = response.data;
+      if (data.response) {
+        setValidationWtaResponse(data.response);
+      }
+      if (data && data.response && data.response.is_valid) {
+        setErrorMessage(null);
+        setShowConflictingCard(false);
+        setValidateWtaApiResponse(null);
+      } else if (data && data.response && !data.response.is_valid) {
+        setErrorMessage((_e = data.response) == null ? void 0 : _e.reason);
+        setShowConflictingCard(true);
+        setValidateWtaApiResponse(data.response.conflictingConditions);
+        scrollToBottom();
+        setSendMessageInChat("Validation failed. Do you have any recommendations for me?");
+      }
+      return (_f = data == null ? void 0 : data.response) == null ? void 0 : _f.is_valid;
+    } catch (error) {
+      console.error("API error:", error);
+    }
+  };
+  const callLearningWtaApi = async () => {
+    console.error("Calling LearningWtaApi");
+    const variantDescription = formData.modification && formData.modification.trim() !== "" ? `Replace ${formData.original} with ${formData.modification}` : `Replace ${formData.original} with <sup>${formData.tooltip}</sup>`;
+    try {
+      const response = await transport.http.post(`${baseUrl}/instant_learning/similar-variants`, {
+        topic_table: `${organizationName}-instantLearning-topics`,
+        variant_table: `${organizationName}-instantLearning-variants`,
+        scope_table: `${organizationName}-instantLearning-scopes`,
+        scope_id: formData.scope,
+        embedding_column_name: "variant_embedding",
+        embedding_model: "mxbai-embed-large-v1",
+        topic: formData.original,
+        top_k: 5,
+        llm_model: "gemini-2.5-flash-lite",
+        similarity_threshold: "0.6",
+        variants: {
+          variant: variantDescription,
+          conditions_whentoapply: Array.isArray(formData.whenToApply) ? formData.whenToApply.filter(Boolean).join(" OR ") : formData.whenToApply || "",
+          conditions_whennottoapply: Array.isArray(formData.whenNotToApply) ? formData.whenNotToApply.filter(Boolean).join(" OR ") : formData.whenNotToApply || ""
+        }
+      }, {
+        headers: { "Content-Type": "application/json" }
+      });
+      const data = response.data;
+      console.error("[Learn] Data:", data.response);
+      console.error("[Learn] is_valid_db:", data.response.is_valid_db);
+      console.error("[Learn] conlficting_learnings:", data.response.conflicting_learnings);
+      console.error("[Learn] similar_learnings:", data.response.similar_learnings);
+      if (data && data.response) {
+        setLearningWtaResponse(data.response);
+      }
+    } catch (error) {
+      console.error("API error:", error);
+    }
+  };
+  const handleAddWTA = () => {
+    setSuggestedWTA((prev) => [...prev, ""]);
+    setIsEditableWTA(true);
+  };
+  const handleLockWTA = async () => {
+    var _a2, _b2, _c;
+    const updatedWTA = suggestedWTA.filter((item) => item.trim() !== "");
+    const currentWtaString = JSON.stringify(updatedWTA);
+    if (currentWtaString === lastValidatedWtaRef.current) {
+      console.log("WTA conditions unchanged. Skipping validation.");
+      setIsEditableWTA(false);
+      return;
+    }
+    setSuggestedWTA(updatedWTA);
+    setIsEditableWTA(false);
+    const hasOriginal = ((_a2 = formData.original) == null ? void 0 : _a2.trim()) !== "";
+    const hasContent = ((_b2 = formData.modification) == null ? void 0 : _b2.trim()) !== "" || ((_c = formData.tooltip) == null ? void 0 : _c.trim()) !== "";
+    if (!hasOriginal || !hasContent) {
+      lastValidatedWtaRef.current = currentWtaString;
+      return;
+    }
+    handleApiAction(async () => {
+      const isValid = await callValidateWtaApi();
+      if (isValid) {
+        await callLearningWtaApi();
+      }
+    }, "validating");
+    lastValidatedWtaRef.current = currentWtaString;
+  };
+  const handleAddWnTA = () => {
+    setSuggestedWnTA((prev) => [...prev, ""]);
+    setIsEditableWnTA(true);
+  };
+  const handleLockWnTA = async () => {
+    var _a2, _b2, _c;
+    const updatedWnTA = suggestedWnTA.filter((item) => item.trim() !== "");
+    const currentWntaString = JSON.stringify(updatedWnTA);
+    if (currentWntaString === lastValidatedWntaRef.current) {
+      console.log("WnTA conditions unchanged. Skipping validation.");
+      setIsEditableWnTA(false);
+      return;
+    }
+    setSuggestedWnTA(updatedWnTA);
+    setIsEditableWnTA(false);
+    const hasOriginal = ((_a2 = formData.original) == null ? void 0 : _a2.trim()) !== "";
+    const hasContent = ((_b2 = formData.modification) == null ? void 0 : _b2.trim()) !== "" || ((_c = formData.tooltip) == null ? void 0 : _c.trim()) !== "";
+    if (!hasOriginal || !hasContent) {
+      lastValidatedWntaRef.current = currentWntaString;
+      return;
+    }
+    if (formData.whenToApply.trim() !== "") {
+      handleApiAction(async () => {
+        const isValid = await callValidateWtaApi();
+        if (isValid) {
+          await callLearningWtaApi();
+        }
+      }, "validating");
+      lastValidatedWntaRef.current = currentWntaString;
+    }
+  };
+  const scrollContainerRef = React.useRef(null);
+  const [isScrollButtonVisible, setIsScrollDownButtonVisible] = React.useState(false);
+  const scrollToBottom = () => {
+    const scrollContainer = scrollContainerRef.current;
+    if (scrollContainer) {
+      setTimeout(() => {
+        scrollContainer.scrollTo({
+          top: scrollContainer.scrollHeight,
+          behavior: "smooth"
+        });
+        setIsScrollDownButtonVisible(false);
+      }, 200);
+    }
+  };
+  React.useEffect(() => {
+    const scrollContainer = scrollContainerRef.current;
+    const handleScroll = () => {
+      const scrollContainer2 = scrollContainerRef.current;
+      if (!scrollContainer2) return;
+      const scrollTop = scrollContainer2.scrollTop;
+      const scrollHeight = scrollContainer2.scrollHeight;
+      const clientHeight = scrollContainer2.clientHeight;
+      const isAtBottom = scrollHeight - (scrollTop + clientHeight) <= 35;
+      setIsScrollDownButtonVisible(!isAtBottom);
+    };
+    if (scrollContainer) {
+      scrollContainer.addEventListener("scroll", handleScroll);
+      handleScroll();
+    }
+    return () => {
+      if (scrollContainer) {
+        scrollContainer.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, [isScrollButtonVisible]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      p: 0,
+      className: InstantLearning_module["default"].customFont,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: 20, fontWeight: 600, fontFamily: "Plus Jakarta Sans" }, children: "Instant Learning" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Box,
+          {
+            sx: {
+              fontFamily: "Plus Jakarta Sans",
+              display: "flex",
+              flexDirection: "column",
+              gap: 2,
+              justifyContent: "space-between",
+              flexGrow: 1,
+              paddingTop: "20px",
+              height: "calc(100% - 30px)",
+              overflow: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                material.Box,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "20px",
+                    height: "calc(100% - 90px)",
+                    overflow: "auto",
+                    position: "relative"
+                  },
+                  ref: scrollContainerRef,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Box,
+                          {
+                            sx: {
+                              display: "flex",
+                              // justifyContent: "space-between",
+                              alignItems: "center"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Typography,
+                                {
+                                  sx: {
+                                    fontFamily: "Plus Jakarta Sans",
+                                    fontSize: "1rem",
+                                    fontWeight: 600,
+                                    display: "flex",
+                                    alignItems: "center"
+                                  },
+                                  children: [
+                                    "Original",
+                                    " ",
+                                    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Tooltip,
+                                      {
+                                        title: "Original word/phrase which needs to be replaced",
+                                        placement: "top",
+                                        arrow: true,
+                                        componentsProps: {
+                                          tooltip: {
+                                            sx: {
+                                              fontSize: "0.875rem",
+                                              padding: "0.5rem",
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            }
+                                          }
+                                        },
+                                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                material.Switch,
+                                {
+                                  sx: { visibility: "hidden" },
+                                  disabled: true
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              "& .MuiInputLabel-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              }
+                            },
+                            id: "original",
+                            value: formData.original,
+                            onChange: handleChange("original"),
+                            fullWidth: true,
+                            placeholder: "Enter original"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Box,
+                          {
+                            sx: {
+                              display: "flex",
+                              // justifyContent: "space-between",
+                              alignItems: "center"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Typography,
+                                {
+                                  sx: {
+                                    fontFamily: "Plus Jakarta Sans",
+                                    fontWeight: 600,
+                                    fontSize: "1rem",
+                                    display: "flex",
+                                    alignItems: "center"
+                                  },
+                                  children: [
+                                    "Modification",
+                                    formData.isModificationEnabled && !formData.isTooltipEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Box,
+                                      {
+                                        component: "span",
+                                        sx: { color: "red" },
+                                        children: "*"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Tooltip,
+                                      {
+                                        title: "Modified word/phrase which Original needs to be replaced with",
+                                        placement: "top",
+                                        arrow: true,
+                                        componentsProps: {
+                                          tooltip: {
+                                            sx: {
+                                              fontSize: "0.875rem",
+                                              padding: "0.5rem",
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            }
+                                          }
+                                        },
+                                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                material.Switch,
+                                {
+                                  checked: formData.isModificationEnabled,
+                                  disabled: !formData.isTooltipEnabled,
+                                  onChange: handleToggleChange(
+                                    "isModificationEnabled"
+                                  ),
+                                  sx: {
+                                    "& .MuiSwitch-switchBase.Mui-checked": {
+                                      color: "#5928ed"
+                                    },
+                                    "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+                                      backgroundColor: "#5928ed"
+                                    }
+                                  }
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        formData.isModificationEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              "& .MuiInputLabel-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              boxShadow: loadingModification ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+                              transition: "box-shadow 0.3s ease-in-out"
+                            },
+                            id: "modification",
+                            value: formData.modification,
+                            onChange: handleChange("modification"),
+                            fullWidth: true,
+                            placeholder: `Change ${selectedText} to...`
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 } }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Box,
+                          {
+                            sx: {
+                              display: "flex",
+                              justifyContent: "space-between"
+                              // alignItems: "center",
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Box,
+                                {
+                                  sx: {
+                                    display: "flex",
+                                    // justifyContent: "space-between",
+                                    alignItems: "center"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs(
+                                      material.Typography,
+                                      {
+                                        sx: {
+                                          fontSize: "1rem",
+                                          fontWeight: 600,
+                                          fontFamily: "Plus Jakarta Sans",
+                                          display: "flex",
+                                          alignItems: "center"
+                                        },
+                                        children: [
+                                          "Tooltip",
+                                          formData.isTooltipEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                                            material.Box,
+                                            {
+                                              component: "span",
+                                              sx: {
+                                                color: "red"
+                                              },
+                                              children: "*"
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsxRuntime.jsx(
+                                            material.Tooltip,
+                                            {
+                                              title: "Adds a tooltip to the modification or the original word",
+                                              placement: "top",
+                                              arrow: true,
+                                              componentsProps: {
+                                                tooltip: {
+                                                  sx: {
+                                                    fontSize: "0.875rem",
+                                                    padding: "0.5rem",
+                                                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                                                  }
+                                                }
+                                              },
+                                              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+                                            }
+                                          )
+                                        ]
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Switch,
+                                      {
+                                        checked: formData.isTooltipEnabled,
+                                        onChange: handleToggleChange(
+                                          "isTooltipEnabled"
+                                        ),
+                                        sx: {
+                                          "& .MuiSwitch-switchBase.Mui-checked": {
+                                            color: "#5928ed"
+                                          },
+                                          "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+                                            backgroundColor: "#5928ed"
+                                          }
+                                        }
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              formData.isTooltipEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Box,
+                                {
+                                  sx: {
+                                    display: "flex",
+                                    // justifyContent: "space-between",
+                                    alignItems: "center"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Typography,
+                                      {
+                                        sx: {
+                                          fontSize: 14,
+                                          fontWeight: 600,
+                                          fontFamily: "Plus Jakarta Sans"
+                                        },
+                                        children: "Dev Mode"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      material.Switch,
+                                      {
+                                        checked: formData.isDevMode,
+                                        onChange: handleToggleChange(
+                                          "isDevMode"
+                                        ),
+                                        sx: {
+                                          "& .MuiSwitch-switchBase.Mui-checked": {
+                                            color: "#4b5563"
+                                          },
+                                          "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+                                            backgroundColor: "#4b5563"
+                                          }
+                                        }
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        formData.isTooltipEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            id: "tooltip",
+                            inputRef: tooltipRef,
+                            value: getTooltipDisplayValue(),
+                            onChange: (e) => handleTooltipChange(e.target.value),
+                            onFocus: handleFocus,
+                            fullWidth: true,
+                            placeholder: formData.isDevMode ? `<${devModeTag}>Enter tooltip content</${devModeTag}>` : "Enter tooltip content",
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              "& .MuiInputLabel-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              }
+                            }
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2, minHeight: `${formData.isTooltipEnabled ? "400px" : "380px"}`, flexShrink: 0 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1, height: "100%" }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Typography,
+                          {
+                            sx: {
+                              fontSize: "1rem",
+                              fontWeight: 600,
+                              marginBottom: "8px",
+                              fontFamily: "Plus Jakarta Sans, sans-serif",
+                              display: "flex",
+                              alignItems: "center"
+                            },
+                            gutterBottom: true,
+                            children: [
+                              "When To Apply",
+                              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                material.Tooltip,
+                                {
+                                  title: "Specific situations or conditions where this learning should be applied.",
+                                  placement: "top",
+                                  arrow: true,
+                                  componentsProps: {
+                                    tooltip: {
+                                      sx: {
+                                        fontSize: "0.875rem",
+                                        padding: "0.5rem",
+                                        fontFamily: "Plus Jakarta Sans, sans-serif"
+                                      }
+                                    }
+                                  },
+                                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Box,
+                          {
+                            sx: {
+                              border: "1px solid #ccc",
+                              borderRadius: "8px",
+                              padding: 2,
+                              height: "calc(100% - 64px)",
+                              display: "flex",
+                              flexDirection: "column",
+                              boxShadow: loadingWTA ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+                              transition: "box-shadow 0.3s ease-in-out"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Box,
+                                {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                  sx: { mb: "8px" },
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", gap: "0.25rem", alignItems: "center", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", children: /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector", d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: "#5928ed" }) }) }),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Typography,
+                                        {
+                                          variant: "body1",
+                                          sx: { ml: chatLogo ? 1 : 0, fontWeight: "600", fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                                          children: "AI Suggestions"
+                                        }
+                                      )
+                                    ] }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "Add New Condition", placement: "top", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.IconButton,
+                                        {
+                                          onClick: handleAddWTA,
+                                          size: "small",
+                                          sx: { color: "gray", "&:hover": { color: "black" } },
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(AddIcon__default["default"], { fontSize: "small" })
+                                        }
+                                      ) }),
+                                      suggestedWTA.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Tooltip,
+                                        {
+                                          title: isEditableWTA ? "Save" : "Edit Conditions",
+                                          placement: "top",
+                                          arrow: true,
+                                          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                                            material.IconButton,
+                                            {
+                                              onClick: isEditableWTA ? handleLockWTA : () => setIsEditableWTA(true),
+                                              size: "small",
+                                              disabled: isEditableWTA && suggestedWTA.some((item) => item.trim() === ""),
+                                              sx: { color: "gray", "&:hover": { color: "black" } },
+                                              children: isEditableWTA ? /* @__PURE__ */ jsxRuntime.jsx(SaveIcon__default["default"], { fontSize: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default["default"], { fontSize: "small" })
+                                            }
+                                          ) })
+                                        }
+                                      )
+                                    ] })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flexGrow: 1, overflow: "auto", paddingTop: "16px" }, children: isMergeLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: "0.5rem", paddingTop: "1rem", paddingBottom: "1rem" }, children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 24, sx: { color: "#5928ED", mb: 1 } }),
+                                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: "700", color: "#5928ED" }, children: "Merging conditions..." }),
+                                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", gap: "0.25rem", fontSize: "0.875rem", flexFlow: "wrap" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Processing merge response...." }) })
+                              ] }) }) : loadingWTA ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 2 }, children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 24 }),
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading When to apply..." })
+                              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                                suggestedWTA.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { style: { paddingLeft: "0rem", margin: 0 }, children: suggestedWTA.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                  material.Box,
+                                  {
+                                    component: "li",
+                                    sx: {
+                                      display: "flex",
+                                      alignItems: "flex-start",
+                                      gap: 1,
+                                      mb: index < suggestedWTA.length - 1 ? 2 : 0
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.TextField,
+                                        {
+                                          variant: "outlined",
+                                          disabled: !isEditableWTA,
+                                          fullWidth: true,
+                                          multiline: true,
+                                          value,
+                                          error: isEditableWTA && !value.trim(),
+                                          helperText: isEditableWTA && !value.trim() ? "This field cannot be empty" : "",
+                                          onChange: (e) => {
+                                            const updated = [...suggestedWTA];
+                                            updated[index] = e.target.value;
+                                            setValidationWtaResponse(null);
+                                            setLearningWtaResponse({ similar_learnings: "", conflicting_learnings: "" });
+                                            setSuggestedWTA(updated);
+                                            setFormData((prev) => ({
+                                              ...prev,
+                                              whenToApply: updated.join(" OR ")
+                                            }));
+                                          },
+                                          sx: {
+                                            backgroundColor: "#f9fafb",
+                                            borderRadius: 1,
+                                            fontFamily: "Plus Jakarta Sans, sans-serif",
+                                            "& .MuiInputBase-root": {
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            },
+                                            "& .MuiInputLabel-root": {
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            },
+                                            "& .MuiInputBase-input.Mui-disabled": {
+                                              color: "#000",
+                                              WebkitTextFillColor: "#000"
+                                            }
+                                          },
+                                          InputProps: {
+                                            startAdornment: /* @__PURE__ */ jsxRuntime.jsxs(material.InputAdornment, { position: "start", sx: { color: "#000", alignSelf: "flex-start", paddingTop: "12px" }, children: [
+                                              index + 1,
+                                              "."
+                                            ] })
+                                          }
+                                        }
+                                      ),
+                                      isEditableWTA && /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.IconButton,
+                                        {
+                                          onClick: () => {
+                                            const updated = suggestedWTA.filter((_, i) => i !== index);
+                                            setSuggestedWTA(updated);
+                                            setFormData((prev) => ({
+                                              ...prev,
+                                              whenToApply: updated.join(" OR ")
+                                            }));
+                                          },
+                                          sx: { mt: 1 },
+                                          size: "large",
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default["default"], {})
+                                        }
+                                      )
+                                    ]
+                                  },
+                                  index
+                                )) }),
+                                formActionState === "validating" && /* @__PURE__ */ jsxRuntime.jsxs(
+                                  material.Box,
+                                  {
+                                    sx: {
+                                      display: "flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
+                                      gap: "6px",
+                                      mt: 2,
+                                      fontFamily: '"Plus Jakarta Sans", sans-serif',
+                                      color: "#5a28ed"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { color: "#5a28ed" }, children: "Validating your conditions" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`,
+                                            animationDelay: "-0.32s"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`,
+                                            animationDelay: "-0.16s"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                (recommendedWta == null ? void 0 : recommendedWta.when_to_apply) && Object.keys(recommendedWta.when_to_apply).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { mt: suggestedWTA.length > 0 ? 3 : 0, children: [
+                                  showRecommendationHeaders.wta && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1.5 }, children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { fontWeight: "bold", fontFamily: "Plus Jakarta Sans" }, children: "AI's Recommended Fix:" }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(ConfidencePill, { score: recommendedWta.confidence_score })
+                                  ] }),
+                                  showRecommendationHeaders.wta && /* @__PURE__ */ jsxRuntime.jsx(ReasonAccordion, { reason: recommendedWta.reason, title: "Why these suggestions?" }),
+                                  Object.entries(recommendedWta.when_to_apply).map(([key, condition]) => /* @__PURE__ */ jsxRuntime.jsx(
+                                    RecommendationBox,
+                                    {
+                                      condition: `${key}. ${condition}`,
+                                      onAccept: () => handleAcceptRecommendation(condition, "wta", key),
+                                      onReject: () => handleRejectRecommendation(condition, "wta", key)
+                                    },
+                                    `rec-wta-${key}`
+                                  ))
+                                ] }),
+                                suggestedWTA.length === 0 && (!(recommendedWta == null ? void 0 : recommendedWta.when_to_apply) || Object.keys(recommendedWta.when_to_apply).length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+                                  width: "100%",
+                                  display: "flex",
+                                  flexDirection: "column",
+                                  justifyContent: "center",
+                                  alignItems: "center",
+                                  gap: "0.5rem",
+                                  paddingTop: "1rem",
+                                  paddingBottom: "1rem"
+                                }, children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: "700", color: "#6b7280" }, children: "No suggestions found" }),
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", gap: "0.25rem", fontSize: "1rem", flexFlow: "wrap" }, children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {}, children: "Tell us about your learning in " }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#5928ED", fontWeight: "700" }, children: "InstantLearning.AI" }),
+                                    " ",
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Chat" })
+                                  ] })
+                                ] }) })
+                              ] }) })
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1, height: "100%" }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Typography,
+                          {
+                            sx: {
+                              fontSize: "1rem",
+                              fontWeight: 600,
+                              marginBottom: "8px",
+                              fontFamily: "Plus Jakarta Sans",
+                              display: "flex",
+                              alignItems: "center"
+                            },
+                            gutterBottom: true,
+                            children: [
+                              "When Not To Apply",
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                material.Tooltip,
+                                {
+                                  title: "Cases where this learning should not be applied to avoid incorrect responses.",
+                                  placement: "top",
+                                  arrow: true,
+                                  componentsProps: {
+                                    tooltip: {
+                                      sx: {
+                                        fontSize: "0.875rem",
+                                        padding: "0.5rem",
+                                        fontFamily: "Plus Jakarta Sans, sans-serif"
+                                      }
+                                    }
+                                  },
+                                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Box,
+                          {
+                            sx: {
+                              border: "1px solid #ccc",
+                              borderRadius: "8px",
+                              padding: 2,
+                              height: "calc(100% - 64px)",
+                              display: "flex",
+                              flexDirection: "column",
+                              boxShadow: loadingWnTA ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+                              transition: "box-shadow 0.3s ease-in-out"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                material.Box,
+                                {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                  sx: { mb: "8px" },
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", gap: "0.25rem", alignItems: "center", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", children: /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector", d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z", fill: "#5928ed" }) }) }),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Typography,
+                                        {
+                                          variant: "body1",
+                                          sx: { ml: chatLogo ? 1 : 0, fontWeight: "600", fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                                          children: "AI Suggestions"
+                                        }
+                                      )
+                                    ] }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "Add New Condition", placement: "top", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.IconButton,
+                                        {
+                                          onClick: handleAddWnTA,
+                                          size: "small",
+                                          sx: { color: "gray", "&:hover": { color: "black" } },
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(AddIcon__default["default"], { fontSize: "small" })
+                                        }
+                                      ) }),
+                                      suggestedWnTA.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Tooltip,
+                                        {
+                                          title: isEditableWnTA ? "Save" : "Edit Conditions",
+                                          placement: "top",
+                                          arrow: true,
+                                          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                                            material.IconButton,
+                                            {
+                                              onClick: isEditableWnTA ? handleLockWnTA : () => setIsEditableWnTA(true),
+                                              size: "small",
+                                              disabled: isEditableWnTA && suggestedWnTA.some((item) => item.trim() === ""),
+                                              sx: { color: "gray", "&:hover": { color: "black" } },
+                                              children: isEditableWnTA ? /* @__PURE__ */ jsxRuntime.jsx(SaveIcon__default["default"], { fontSize: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default["default"], { fontSize: "small" })
+                                            }
+                                          ) })
+                                        }
+                                      )
+                                    ] })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flexGrow: 1, overflow: "auto", paddingTop: "16px" }, children: isMergeLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" } }) : loadingWnTA ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 2 }, children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 24 }),
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading When not to apply..." })
+                              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                                suggestedWnTA.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { style: { paddingLeft: "0rem", margin: 0 }, children: suggestedWnTA.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                  material.Box,
+                                  {
+                                    component: "li",
+                                    sx: {
+                                      display: "flex",
+                                      alignItems: "flex-start",
+                                      gap: 1,
+                                      mb: index < suggestedWnTA.length - 1 ? 2 : 0
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.TextField,
+                                        {
+                                          variant: "outlined",
+                                          disabled: !isEditableWnTA,
+                                          fullWidth: true,
+                                          multiline: true,
+                                          value,
+                                          error: isEditableWnTA && !value.trim(),
+                                          helperText: isEditableWnTA && !value.trim() ? "This field cannot be empty" : "",
+                                          onChange: (e) => {
+                                            const updated = [...suggestedWnTA];
+                                            updated[index] = e.target.value;
+                                            setValidationWtaResponse(null);
+                                            setLearningWtaResponse({ similar_learnings: "", conflicting_learnings: "" });
+                                            setSuggestedWnTA(updated);
+                                            setFormData((prev) => ({
+                                              ...prev,
+                                              whenNotToApply: updated.join(" OR ")
+                                            }));
+                                          },
+                                          sx: {
+                                            backgroundColor: "#f9fafb",
+                                            borderRadius: 1,
+                                            fontFamily: "Plus Jakarta Sans, sans-serif",
+                                            "& .MuiInputBase-root": {
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            },
+                                            "& .MuiInputLabel-root": {
+                                              fontFamily: "Plus Jakarta Sans, sans-serif"
+                                            },
+                                            "& .MuiInputBase-input.Mui-disabled": {
+                                              color: "#000",
+                                              WebkitTextFillColor: "#000"
+                                            }
+                                          },
+                                          InputProps: {
+                                            startAdornment: /* @__PURE__ */ jsxRuntime.jsxs(material.InputAdornment, { position: "start", sx: { color: "#000", alignSelf: "flex-start", paddingTop: "12px" }, children: [
+                                              index + 1,
+                                              "."
+                                            ] })
+                                          }
+                                        }
+                                      ),
+                                      isEditableWnTA && /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.IconButton,
+                                        {
+                                          onClick: () => {
+                                            const updated = suggestedWnTA.filter((_, i) => i !== index);
+                                            setSuggestedWnTA(updated);
+                                            setFormData((prev) => ({
+                                              ...prev,
+                                              whenNotToApply: updated.join(" OR ")
+                                            }));
+                                          },
+                                          sx: { mt: 1 },
+                                          size: "large",
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default["default"], {})
+                                        }
+                                      )
+                                    ]
+                                  },
+                                  index
+                                )) }),
+                                suggestedWnTA.length > 0 && formActionState === "validating" && /* @__PURE__ */ jsxRuntime.jsxs(
+                                  material.Box,
+                                  {
+                                    sx: {
+                                      display: "flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
+                                      gap: "6px",
+                                      mt: 2,
+                                      fontFamily: '"Plus Jakarta Sans", sans-serif',
+                                      color: "#5a28ed"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { color: "#5a28ed" }, children: "Validating your conditions" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`,
+                                            animationDelay: "-0.32s"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`,
+                                            animationDelay: "-0.16s"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        material.Box,
+                                        {
+                                          sx: {
+                                            width: "8px",
+                                            height: "8px",
+                                            bgcolor: "#5a28ed",
+                                            borderRadius: "50%",
+                                            animation: `${bounce} 1.4s infinite ease-in-out both`
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                (recommendedWnta == null ? void 0 : recommendedWnta.when_not_to_apply) && Object.keys(recommendedWnta.when_not_to_apply).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { mt: suggestedWnTA.length > 0 ? 3 : 0, children: [
+                                  showRecommendationHeaders.wnta && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1.5 }, children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { fontWeight: "bold", fontFamily: "Plus Jakarta Sans" }, children: "AI's Recommended Fix:" }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(ConfidencePill, { score: recommendedWnta.confidence_score })
+                                  ] }),
+                                  showRecommendationHeaders.wnta && /* @__PURE__ */ jsxRuntime.jsx(ReasonAccordion, { reason: recommendedWnta.reason, title: "Why these suggestions?" }),
+                                  Object.entries(recommendedWnta.when_not_to_apply).map(([key, condition]) => /* @__PURE__ */ jsxRuntime.jsx(
+                                    RecommendationBox,
+                                    {
+                                      condition: `${key}. ${condition}`,
+                                      onAccept: () => handleAcceptRecommendation(condition, "wnta", key),
+                                      onReject: () => handleRejectRecommendation(condition, "wnta", key)
+                                    },
+                                    `rec-wnta-${key}`
+                                  ))
+                                ] }),
+                                suggestedWnTA.length === 0 && (!(recommendedWnta == null ? void 0 : recommendedWnta.when_not_to_apply) || Object.keys(recommendedWnta.when_not_to_apply).length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+                                  width: "100%",
+                                  display: "flex",
+                                  flexDirection: "column",
+                                  justifyContent: "center",
+                                  alignItems: "center",
+                                  gap: "0.5rem",
+                                  paddingTop: "1rem",
+                                  paddingBottom: "1rem"
+                                }, children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: "700", color: "#6b7280" }, children: "No suggestions found" }),
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", gap: "0.25rem", fontSize: "1rem", flexFlow: "wrap" }, children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {}, children: "Tell us about your learning in " }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#5928ED", fontWeight: "700" }, children: "InstantLearning.AI" }),
+                                    " ",
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Chat" })
+                                  ] })
+                                ] }) })
+                              ] }) })
+                            ]
+                          }
+                        )
+                      ] })
+                    ] }),
+                    showConflictingCard && validateWtaApiResponse && /* @__PURE__ */ jsxRuntime.jsx(ConflictingLearningWarnCard["default"], { conflictingConditions: validateWtaApiResponse }),
+                    (() => {
+                      const shouldShow = DBCWtaApiResponse && Object.keys(DBCWtaApiResponse).length > 0 || DBSWtaApiResponse && Object.keys(DBSWtaApiResponse).length > 0;
+                      console.log("[LearningDetailsForm] \u{1F50D} Checking if warning cards should show:", shouldShow);
+                      console.log("[LearningDetailsForm] DBCWtaApiResponse keys:", DBCWtaApiResponse ? Object.keys(DBCWtaApiResponse).length : 0);
+                      console.log("[LearningDetailsForm] DBSWtaApiResponse keys:", DBSWtaApiResponse ? Object.keys(DBSWtaApiResponse).length : 0);
+                      return shouldShow;
+                    })() && /* @__PURE__ */ jsxRuntime.jsx(
+                      ConflictingLearningWarnCardDB["default"],
+                      {
+                        conflictingConditions: [
+                          Object.values(DBCWtaApiResponse || {}),
+                          Object.values(DBSWtaApiResponse || {})
+                        ],
+                        baseUrl,
+                        organizationName,
+                        chatAssistantName: chatAssistantName || "",
+                        curlPayload: (_b = (_a = apiResponse == null ? void 0 : apiResponse.curlPayload) != null ? _a : window == null ? void 0 : window.__DELETE_CURL__) != null ? _b : "",
+                        onDeleted: (deletedVariantId) => {
+                          console.log("[LearningDetailsForm] Learning deleted:", deletedVariantId);
+                          setDeletedLearningIds((prev) => new Set(prev).add(deletedVariantId));
+                          setDBCWtaApiResponse((prev) => {
+                            if (!prev) return {};
+                            const remainingLearnings = Object.values(prev).filter((learning) => learning.id !== deletedVariantId);
+                            console.log("[LearningDetailsForm] Re-keying conflicting learnings after delete:", {
+                              deletedId: deletedVariantId,
+                              remainingCount: remainingLearnings.length,
+                              remainingLearnings: remainingLearnings.map((l) => ({ id: l.id, variant: l.feedback.variant }))
+                            });
+                            const newObj = {};
+                            remainingLearnings.forEach((learning, index) => {
+                              const key = String.fromCharCode(65 + index);
+                              newObj[key] = learning;
+                              console.log(`[LearningDetailsForm] Conflicting learning ${index} gets key '${key}':`, learning.feedback.variant);
+                            });
+                            console.log("[LearningDetailsForm] Final conflicting learnings object:", Object.keys(newObj));
+                            return newObj;
+                          });
+                          setDBSWtaApiResponse((prev) => {
+                            if (!prev) return {};
+                            const remainingLearnings = Object.values(prev).filter((learning) => learning.id !== deletedVariantId);
+                            console.log("[LearningDetailsForm] Re-keying similar learnings after delete:", {
+                              deletedId: deletedVariantId,
+                              remainingCount: remainingLearnings.length,
+                              remainingLearnings: remainingLearnings.map((l) => ({ id: l.id, variant: l.feedback.variant }))
+                            });
+                            const newObj = {};
+                            remainingLearnings.forEach((learning, index) => {
+                              const key = String.fromCharCode(65 + index);
+                              newObj[key] = learning;
+                              console.log(`[LearningDetailsForm] Similar learning ${index} gets key '${key}':`, learning.feedback.variant);
+                            });
+                            console.log("[LearningDetailsForm] Final similar learnings object:", Object.keys(newObj));
+                            return newObj;
+                          });
+                          setTimeout(() => {
+                            setDBCWtaApiResponse((currentConflicting) => {
+                              setDBSWtaApiResponse((currentSimilar) => {
+                                if ((!currentConflicting || Object.keys(currentConflicting).length === 0) && (!currentSimilar || Object.keys(currentSimilar).length === 0)) {
+                                  setShowConflictingCardDB(false);
+                                }
+                                return currentSimilar;
+                              });
+                              return currentConflicting;
+                            });
+                          }, 100);
+                        },
+                        onMergeMessage: (learningId) => {
+                          console.log("[LearningDetailsForm] \u{1F7E1} MERGE MESSAGE RECEIVED:", learningId);
+                          console.log("[LearningDetailsForm] onMergeLearning available:", !!onMergeLearning);
+                          if (onMergeLearning) {
+                            console.log("[LearningDetailsForm] Calling onMergeLearning with:", learningId);
+                            onMergeLearning(learningId);
+                          } else {
+                            console.log("[LearningDetailsForm] \u274C onMergeLearning not available");
+                          }
+                        },
+                        onDeleteLearning,
+                        setSendMessageInChat,
+                        editConflictingLearningTrigger,
+                        editSimilarLearningTrigger,
+                        operationStatus,
+                        onOperationComplete: () => setOperationStatus(null),
+                        onSetOperationStatus: setOperationStatus
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Typography,
+                    {
+                      sx: { fontSize: "1rem", fontWeight: 600, fontFamily: "Plus Jakarta Sans" },
+                      gutterBottom: true,
+                      children: [
+                        "Scope  ",
+                        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.FormControl, { sx: { width: "50%", fontFamily: "Plus Jakarta Sans" }, variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Select,
+                    {
+                      id: "scope",
+                      value: formData.scope,
+                      onChange: handleSelectChange("scope"),
+                      displayEmpty: true,
+                      sx: { fontFamily: "Plus Jakarta Sans" },
+                      fullWidth: true,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "", disabled: true, children: "Select scope" }),
+                        scopeOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: option.value, sx: { fontFamily: "Plus Jakarta Sans" }, children: option.labelText }, index))
+                      ]
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Box,
+                  {
+                    sx: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "flex-end",
+                      justifyContent: "flex-end"
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      material.Button,
+                      {
+                        variant: "contained",
+                        onClick: saveInstantLearning,
+                        sx: {
+                          width: "30%",
+                          height: "56px",
+                          fontFamily: "Plus Jakarta Sans",
+                          backgroundColor: "green",
+                          textTransform: "capitalize",
+                          "&:hover": {
+                            backgroundColor: "#006400"
+                          },
+                          pointerEvents: isSubmitting ? "none" : "auto"
+                        },
+                        disabled: !isFormValid || hasUnresolvedConflicts || formActionState !== "idle",
+                        children: [
+                          formActionState !== "idle" && /* @__PURE__ */ jsxRuntime.jsx(
+                            material.CircularProgress,
+                            {
+                              sx: {
+                                marginRight: "8px",
+                                color: "#fff"
+                              },
+                              size: 16
+                            }
+                          ),
+                          formActionState === "saving" ? "Saving" : formActionState === "validating" ? "Validating" : "Save"
+                        ]
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        operationStatus && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Snackbar,
+          {
+            open: true,
+            autoHideDuration: 4e3,
+            onClose: () => setOperationStatus(null),
+            anchorOrigin: { vertical: "top", horizontal: "right" },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Alert,
+              {
+                onClose: () => setOperationStatus(null),
+                severity: operationStatus.status,
+                sx: { width: "100%" },
+                children: operationStatus.message
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var LearningDetailsForm$1 = LearningDetailsForm;
+
+exports["default"] = LearningDetailsForm$1;
 //# sourceMappingURL=LearningDetailsForm.js.map