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

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

@@ -1,2 +1,2579 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),o=require("../../../hooks/useDebounce.js"),s=require("../../../utils/agentGenieAPI.js"),a=require("./ContextualConflictDBCard.js"),i=require("@mui/icons-material/Delete"),r=require("@mui/icons-material/Edit"),l=require("@mui/icons-material/Add"),c=require("@mui/icons-material/CheckCircleOutline"),u=require("@mui/icons-material/Cancel"),d=require("@mui/icons-material/Save"),p=require("./ConflictingLearningWarnCard.js"),g=require("@mui/material"),f=require("../../../utils/instantLearningAPI.js"),h=require("lucide-react"),x=require("../InstantLearning.module.css.js"),_=require("./GeneralizationAccordion.js"),m=require("../../../api/transport.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,w,j=y(i),b=y(r),C=y(l),S=y(c),T=y(u),k=y(d),I=function(o){var s=o.label,a=o.required,i=void 0!==a&&a,r=o.tooltipText,l=o.conditions,c=o.onConditionsChange,u=o.isLoading,d=o.isValidating,p=o.onLock,f=o.onValidationFailure,x=o.children,_=t.useState(!1),m=_[0],y=_[1],w=g.keyframes(v||(v=e.__makeTemplateObject(["\n   0%, 80%, 100% {\n     transform: scale(0);\n   }\n   40% {\n     transform: scale(1.0);\n   }\n "],["\n   0%, 80%, 100% {\n     transform: scale(0);\n   }\n   40% {\n     transform: scale(1.0);\n   }\n "])));return n.jsxs(g.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%"}},{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,marginBottom:"8px",fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center"}},{children:[s,i&&n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),r&&n.jsx(g.Tooltip,e.__assign({title:r,placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),n.jsxs(g.Box,e.__assign({sx:{border:"1px solid #ccc",borderRadius:"8px",padding:2,display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 32px)",bgcolor:"white",boxShadow:u?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"}},{children:[n.jsx(g.Box,e.__assign({display:"flex",alignItems:"center",justifyContent:"space-between",sx:{mb:"8px"}},{children:n.jsxs("div",e.__assign({style:{width:"100%",display:"flex",gap:"0.25rem",justifyContent:"space-between",alignItems:"center"}},{children:[n.jsxs("div",e.__assign({style:{display:"flex",gap:"0.25rem",alignItems:"center"}},{children:[n.jsxs("svg",e.__assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n.jsx("g",e.__assign({id:"bi:stars",clipPath:"url(#clip0_6004_60631)"},{children:n.jsx("path",{id:"Vector",d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:"#5928ed"})})),n.jsx("defs",{children:n.jsx("clipPath",e.__assign({id:"clip0_6004_60631"},{children:n.jsx("rect",{width:"24",height:"24",fill:"white"})}))})]})),n.jsx(g.Typography,e.__assign({variant:"body1",sx:{fontWeight:"600",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Suggestions"}))]})),n.jsxs(g.Box,{children:[n.jsx(g.Tooltip,e.__assign({title:"Add New Condition",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(g.IconButton,e.__assign({onClick:function(){c(e.__spreadArray(e.__spreadArray([],l,!0),[""],!1)),y(!0)},size:"small",sx:{color:"gray","&:hover":{color:"black"}}},{children:n.jsx(C.default,{fontSize:"small"})}))})),l.length>0&&n.jsx(g.Tooltip,e.__assign({title:m?"Save & Lock":"Edit",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsxs("span",{children:[" ",n.jsx(g.IconButton,e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var n;return e.__generator(this,function(e){switch(e.label){case 0:return m&&p?(console.log("Calling onLock (validation)..."),[4,p()]):[3,2];case 1:return n=e.sent(),console.log("Validation finished. Result (isValid):",n),y(!1),!n&&f?(console.log("Validation failed. Calling onValidationFailure..."),f()):n&&console.log("Validation succeeded."),[3,3];case 2:console.log("Toggling isEditable state (Edit clicked or no onLock)."),y(!m),e.label=3;case 3:return[2]}})})},size:"small",disabled:m&&l.some(function(e){return""===e.trim()})||d,sx:{color:"gray","&:hover":{color:"black"},opacity:d?.5:1,cursor:d?"wait":"pointer"}},{children:d?n.jsx(g.CircularProgress,{size:20,sx:{color:"#5928ed"}}):m?n.jsx(k.default,{fontSize:"small"}):n.jsx(b.default,{fontSize:"small"})}))]})}))]})]}))})),n.jsx(g.Box,e.__assign({sx:{height:"calc(100% - 38px)",overflow:"auto"}},{children:l.length>0?n.jsxs(g.Box,e.__assign({sx:{pt:"16px"}},{children:[n.jsx("ol",e.__assign({style:{paddingLeft:"0rem",margin:0,fontFamily:"Plus Jakarta Sans"}},{children:l.map(function(t,o){return n.jsxs(g.Box,e.__assign({component:"li",sx:{display:"flex",alignItems:"flex-start",gap:1,mb:o<l.length-1?2:0,fontFamily:"Plus Jakarta Sans"}},{children:[n.jsx(g.TextField,{variant:"outlined",disabled:!m,fullWidth:!0,multiline:!0,value:t,onChange:function(n){return function(n,t){var o=e.__spreadArray([],l,!0);o[n]=t,c(o)}(o,n.target.value)},sx:{backgroundColor:"#f9fafb",borderRadius:1,"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputBase-input.Mui-disabled":{color:"#000",WebkitTextFillColor:"#000"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root.Mui-disabled":{color:"rgba(0, 0, 0, 0.6)"}},InputProps:{startAdornment:n.jsxs(g.InputAdornment,e.__assign({position:"start",sx:{color:"#000",alignSelf:"flex-start",paddingTop:"12px"}},{children:[o+1,"."]}))}}),m&&n.jsx(g.IconButton,e.__assign({onClick:function(){return function(e){c(l.filter(function(n,t){return t!==e}))}(o)},sx:{mt:1},size:"large"},{children:n.jsx(j.default,{})}))]}),o)})})),d&&n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",mt:3,mb:2,fontFamily:'"Plus Jakarta Sans", sans-serif',color:"#5a28ed"}},{children:[n.jsx(g.Typography,e.__assign({variant:"body2",sx:{color:"#5a28ed"}},{children:"Validating your conditions"})),n.jsx(g.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(w," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),n.jsx(g.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(w," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),n.jsx(g.Box,{sx:{width:"8px",height:"8px",bgcolor:"#5a28ed",borderRadius:"50%",animation:"".concat(w," 1.4s infinite ease-in-out both")}})]})),x]})):n.jsx("div",e.__assign({style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},{children:n.jsxs("div",e.__assign({style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",paddingTop:"1rem",paddingBottom:"1rem"}},{children:[n.jsx("div",e.__assign({style:{fontWeight:"700",color:"#6b7280"}},{children:"No suggestions found"})),n.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"0.25rem",fontSize:"1rem",flexFlow:"wrap"}},{children:[n.jsx("div",e.__assign({style:{}},{children:"Tell us about your learning in "})),n.jsx("span",e.__assign({style:{color:"#5928ED",fontWeight:"700"}},{children:"InstantLearning.AI"}))," ",n.jsx("span",{children:"Chat"})]}))]}))}))}))]}))]}))};exports.default=function(i){var r,l,c,u,d,y,v,j=i.question;i.categoryOptions;var b=i.onSubmit,C=i.formData,k=i.setFormData,A=i.extractedHowToRespond,F=i.extractedTopic,L=i.organizationName,P=i.iLAssistantName,R=i.validationWtaResponse,B=i.setValidationWtaResponse,z=i.baseUrl,M=i.extractedCategories,q=i.learningWtaResponse,J=i.setSendMessageInChat,E=i.editConflictingLearningTrigger,W=i.editSimilarLearningTrigger,O=i.onSetOperationStatus,D=i.onDeleted,H=i.onMergeMessage,N=i.chatAssistantName,V=i.validationRecommendations,U=i.resetLearningTrigger,$=i.save,G=i.setIsFormSavedClicked,Y=i.assistantId,Q=i.isFromDashboard,Z=i.authToken,K=t.useState(!1),X=K[0],ee=K[1],ne=t.useState(""),te=ne[0],oe=ne[1],se=t.useState(!1),ae=se[0],ie=se[1],re=t.useRef(null),le=o.default(te,300),ce=t.useState([]),ue=ce[0],de=ce[1],pe=t.useState(!0),ge=pe[0],fe=pe[1],he=t.useState(""),xe=he[0],_e=he[1],me=t.useRef(null),ye=t.useState([]),ve=ye[0],we=ye[1],je=t.useState([]),be=je[0],Ce=je[1],Se=t.useState(!1),Te=Se[0],ke=Se[1],Ie=t.useState(!1),Ae=Ie[0],Fe=Ie[1],Le=t.useState(!1),Pe=Le[0],Re=Le[1],Be=t.useRef(!1),ze=t.useRef(!1),Me=t.useState(!1),qe=Me[0],Je=Me[1],Ee=t.useState([]),We=Ee[0],Oe=Ee[1],De=t.useState([]),He=De[0],Ne=De[1],Ve=t.useState(""),Ue=Ve[0],$e=Ve[1],Ge=t.useState(!1),Ye=Ge[0],Qe=Ge[1],Ze=t.useState(""),Ke=Ze[0],Xe=Ze[1],en=t.useState(!1),nn=en[0],tn=en[1],on=t.useState(null),sn=on[0],an=on[1],rn=t.useState([]),ln=rn[0],cn=rn[1],un=t.useState(!1),dn=un[0],pn=un[1],gn=o.default(C.howToRespond,2500),fn=t.useState(!1),hn=fn[0],xn=fn[1],_n=t.useState(null),mn=_n[0],yn=_n[1],vn=t.useState(null),wn=vn[0],jn=vn[1],bn=t.useState(new Set),Cn=bn[0],Sn=bn[1],Tn=t.useState(84),kn=Tn[0],In=Tn[1],An=t.useRef(null),Fn=t.useState(56),Ln=Fn[0],Pn=Fn[1],Rn=t.useRef(null),Bn=t.useState([]),zn=Bn[0],Mn=Bn[1],qn=t.useState([]),Jn=qn[0],En=qn[1],Wn=t.useState({}),On=Wn[0],Dn=Wn[1],Hn=t.useState({}),Nn=Hn[0],Vn=Hn[1],Un=t.useState(null),$n=Un[0],Gn=Un[1],Yn=t.useState(null),Qn=Yn[0],Zn=Yn[1],Kn=t.useState(!1),Xn=Kn[0],et=Kn[1],nt=t.useState(!1),tt=nt[0],ot=nt[1],st=o.default(C.howToRespond,1500),at=o.default(C.question,1500),it=t.useRef(!1),rt=t.useRef(null),lt=t.useState(""),ct=lt[0],ut=lt[1],dt=t.useState([]),pt=dt[0],gt=dt[1],ft=t.useState(!1),ht=ft[0],xt=ft[1],_t=o.default(ct,400);t.useEffect(function(){if(Q&&_t){e.__awaiter(void 0,void 0,void 0,function(){var n,t;return e.__generator(this,function(e){switch(e.label){case 0:xt(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,s.searchAssistants(_t,z||"",Z)];case 2:return n=e.sent(),gt(n),[3,5];case 3:return t=e.sent(),console.error("Failed to search assistants",t),gt([]),[3,5];case 4:return xt(!1),[7];case 5:return[2]}})})}},[_t,Q,z,Z]),g.keyframes(w||(w=e.__makeTemplateObject(["\n   0%, 80%, 100% {\n     transform: scale(0);\n   }\n   40% {\n     transform: scale(1.0);\n   }\n "],["\n   0%, 80%, 100% {\n     transform: scale(0);\n   }\n   40% {\n     transform: scale(1.0);\n   }\n "])));var mt=function(t){var o=t.color,s=void 0===o?"#fff":o,a=t.size,i=void 0===a?12:a;return n.jsxs("svg",e.__assign({width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n.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:s}),n.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:s}),n.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:s})]}))},yt=function(t){var o=t.score;return n.jsxs(g.Box,e.__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:[n.jsx(mt,{}),n.jsxs(g.Typography,e.__assign({sx:{fontSize:"0.8rem",fontWeight:600,fontFamily:"inherit"}},{children:[o,"%"]}))]}))},vt=function(t){var o=t.reason,s=t.title;return n.jsxs(g.Accordion,e.__assign({elevation:0,sx:{backgroundColor:"#f3f0ff",border:"1px solid #dcd6f7",borderRadius:2,mb:2,"&::before":{display:"none"}}},{children:[n.jsx(g.AccordionSummary,e.__assign({expandIcon:n.jsx(h.ChevronDown,{style:{color:"#5928ed"}}),sx:{minHeight:"auto","& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n.jsx(h.Lightbulb,{size:16,color:"#5928ed"}),n.jsx(g.Typography,e.__assign({sx:{fontSize:"0.85rem",fontWeight:600,color:"#5928ed",fontFamily:"Plus Jakarta Sans"}},{children:s}))]}))})),n.jsx(g.AccordionDetails,e.__assign({sx:{pt:0,pb:1.5,backgroundColor:"#faf9ff"}},{children:n.jsx(g.Typography,e.__assign({sx:{fontSize:"0.9rem",color:"#4A4458",fontFamily:"Plus Jakarta Sans"}},{children:o}))}))]}))},wt=function(t){var o=t.condition,s=t.onAccept,a=t.onReject;return n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",p:1,mb:1,backgroundColor:"#f0f4f8",border:"1px solid #d1d9e6",borderRadius:"4px"}},{children:[n.jsx(g.Typography,e.__assign({sx:{flex:1,fontFamily:"Plus Jakarta Sans",mr:1}},{children:o})),n.jsxs(g.Box,e.__assign({sx:{flexShrink:0}},{children:[n.jsx(g.IconButton,e.__assign({onClick:s,size:"small",sx:{color:"green"}},{children:n.jsx(S.default,{})})),n.jsx(g.IconButton,e.__assign({onClick:a,size:"small",sx:{color:"red"}},{children:n.jsx(T.default,{})}))]}))]}))},jt=t.useState({wta:!1,wnta:!1}),bt=jt[0],Ct=jt[1],St=t.useState({wta:!1,wnta:!1}),Tt=St[0],kt=St[1],It=function(){console.log("handleValidationFailure triggered in parent form."),J("Validation Failed. Do you have any recommendations for me?")},At=function(n,t){k(function(o){var s;return e.__assign(e.__assign({},o),((s={})[n]=t,s))})},Ft=function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,o,a;return e.__generator(this,function(i){switch(i.label){case 0:if(!Ue.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/))return Xe("Invalid email format"),[2];if((n=Array.isArray(C.scope.value)?C.scope.value:[]).some(function(e){return e.email===Ue}))return Xe("This email is already added."),[2];Qe(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,s.fetchUserByEmail(Ue,z,Z)];case 2:return t=i.sent(),o={email:Ue,userId:t.id,name:t.name},k(function(t){return e.__assign(e.__assign({},t),{scope:e.__assign(e.__assign({},t.scope),{value:e.__spreadArray(e.__spreadArray([],n,!0),[o],!1)})})}),$e(""),Xe(""),[3,5];case 3:return a=i.sent(),console.error("Error adding email:",a),Xe("Invalid email. Please enter a valid email."),[3,5];case 4:return Qe(!1),[7];case 5:return[2]}})})};t.useEffect(function(){console.log("ContextualForm: validationWtaResponse changed:",R),R&&!1===R.is_valid?(tn(!0),an(R.conflictingConditions),console.log("ContextualForm: Showing conflict card with data:",R.conflictingConditions)):(tn(!1),an(null),console.log("ContextualForm: Hiding conflict card."))},[R]),t.useEffect(function(){V&&(console.log("ContextualForm: Received new validationRecommendations:",V),yn(V.wta),jn(V.wnta),Ct({wta:!!V.wta,wnta:!!V.wnta}),kt({wta:!1,wnta:!1}),tn(!1),an(null))},[V]),t.useEffect(function(){U&&(console.log("[ContextualLearningForm] 🔄 Reset Trigger Received - Clearing form state."),we([]),Ce([]),tn(!1),an(null),yn(null),jn(null),Ct({wta:!1,wnta:!1}),kt({wta:!1,wnta:!1}),xn(!1),$e(""),Xe(""),oe(""),_e(""),cn([]),Sn(new Set),Mn([]),En([]),Dn({}),Vn({}),Gn(null),Zn(null),k(function(e){return{question:Q?"":e.question,howToRespond:"",whenToApply:"",whenNotToApply:"",topic:{id:null,value:""},categories:[],scope:{name:"",value:null}}}),console.log("[ContextualLearningForm] ✅ Form state reset."))},[U,k,j]),t.useEffect(function(){if(gn&&C.question&&z){e.__awaiter(void 0,void 0,void 0,function(){var n,t,o;return e.__generator(this,function(e){switch(e.label){case 0:pn(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,f.fetchSuggestedCategories(C.howToRespond||"",z)];case 2:return n=e.sent(),t=n.map(function(e){return{id:null,label:e.label||e.value,value:e.value,isCustom:!1}}),cn(t),[3,5];case 3:return o=e.sent(),console.error("Failed to fetch categories:",o),cn([]),[3,5];case 4:return pn(!1),[7];case 5:return[2]}})})}},[gn,C.question,z]),t.useEffect(function(){if(Array.isArray(M)){var e=M.map(function(e){return{id:null,label:e,value:e,isCustom:!1}});At("categories",e)}},[M]),t.useEffect(function(){var e;if("string"==typeof F&&F!==(null===(e=C.topic)||void 0===e?void 0:e.value)){var n=ue.find(function(e){return e.label===F}),t=n?{id:n.id,value:n.label}:{id:null,value:F};At("topic",t),console.log("📌 Topic Set from Chat:",{extractedTopic:F,topicToSet:t}),Je(!0);var o=setTimeout(function(){Je(!1)},500);return function(){return clearTimeout(o)}}},[F,ue]),t.useEffect(function(){if("string"==typeof A&&A!==C.howToRespond){At("howToRespond",A),ke(!0);var e=setTimeout(function(){ke(!1)},500);return function(){return clearTimeout(e)}}},[A]),t.useEffect(function(){var e=[],n=!1;if(Array.isArray(C.whenToApply))e=C.whenToApply,n=!0;else if("string"==typeof C.whenToApply){var t=C.whenToApply.split(" OR ");e=1===t.length&&""===t[0]?[]:t}e.join("|||")!==ve.join("|||")&&(Be.current=!0,we(e),n&&e.length>0&&(Fe(!0),setTimeout(function(){return Fe(!1)},500)))},[C.whenToApply]),t.useEffect(function(){var e=[],n=!1;if(Array.isArray(C.whenNotToApply))e=C.whenNotToApply,n=!0;else if("string"==typeof C.whenNotToApply){var t=C.whenNotToApply.split(" OR ");e=1===t.length&&""===t[0]?[]:t}e.join("|||")!==be.join("|||")&&(ze.current=!0,Ce(e),n&&e.length>0&&(Re(!0),setTimeout(function(){return Re(!1)},500)))},[C.whenNotToApply]),t.useEffect(function(){Be.current?Be.current=!1:At("whenToApply",ve.join(" OR "))},[ve]),t.useEffect(function(){ze.current?ze.current=!1:At("whenNotToApply",be.join(" OR "))},[be]);var Lt=function(n,t,o){"wta"===t?(tn(!1),an(null),Tt.wta?we(function(t){return Array.from(new Set(e.__spreadArray(e.__spreadArray([],t,!0),[n],!1)))}):(we([n]),kt(function(n){return e.__assign(e.__assign({},n),{wta:!0})})),yn(function(n){if(!n||!n.when_to_apply)return n;var t=e.__assign({},n.when_to_apply);return delete t[o],0===Object.keys(t).length?null:e.__assign(e.__assign({},n),{when_to_apply:t})})):(tn(!1),an(null),Tt.wnta?Ce(function(t){return Array.from(new Set(e.__spreadArray(e.__spreadArray([],t,!0),[n],!1)))}):(Ce([n]),kt(function(n){return e.__assign(e.__assign({},n),{wnta:!0})})),jn(function(n){if(!n||!n.when_not_to_apply)return n;var t=e.__assign({},n.when_not_to_apply);return delete t[o],0===Object.keys(t).length?null:e.__assign(e.__assign({},n),{when_not_to_apply:t})}))},Pt=function(n,t,o){"wta"===t?yn(function(n){if(!n||!n.when_to_apply)return n;var t=e.__assign({},n.when_to_apply);return delete t[o],0===Object.keys(t).length?null:e.__assign(e.__assign({},n),{when_to_apply:t})}):jn(function(n){if(!n||!n.when_not_to_apply)return n;var t=e.__assign({},n.when_not_to_apply);return delete t[o],0===Object.keys(t).length?null:e.__assign(e.__assign({},n),{when_not_to_apply:t})})},Rt=t.useMemo(function(){var e=C.scope;if(!e||!e.name)return!1;switch(e.name){case"User":return Array.isArray(e.value)&&e.value.length>0;case"Custom":return!(!e.value||!e.value.scopeId);case"Assistant":return!(!e.value||!e.value.assistantName);default:return!0}},[C.scope]),Bt=t.useMemo(function(){var e;return C.question&&C.howToRespond&&(null===(e=C.topic)||void 0===e?void 0:e.value)&&Rt},[C.question,C.howToRespond,C.topic,Rt]),zt=t.useMemo(function(){return C.categories||[]},[C.categories]),Mt=t.useMemo(function(){return!(!q||!0===q.is_valid_db)&&Object.keys((null==q?void 0:q.conflicting_learnings)||{}).length+Object.keys((null==q?void 0:q.similar_learnings)||{}).length>0},[q]),qt=t.useMemo(function(){var e=new Set(zt.map(function(e){return e.value.toLowerCase()}));return ln.filter(function(n){return!e.has(n.value.toLowerCase())})},[ln,zt]),Jt=t.useMemo(function(){if(!q||!0===q.is_valid_db)return!1;var n=Object.values((null==q?void 0:q.conflicting_learnings)||{}),t=Object.values((null==q?void 0:q.similar_learnings)||{}),o=e.__spreadArray(e.__spreadArray([],n.map(function(e){return e.id}),!0),t.map(function(e){return e.id}),!0);return 0!==o.length&&!o.every(function(e){return Cn.has(e)})},[q,Cn]);t.useEffect(function(){if($){console.log("ContextualLearningForm: 'save: true' received. Forcibly clearing all conflict UI states."),tn(!1),an(null),G(!0);e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(n){return Jt?(console.error("Save action triggered via prop, but is blocked due to unresolved conflicts."),[2]):(console.log("ContextualLearningForm: Submitting this formData:",C),function(){console.log("Contextual form submitting...");var n=zn&&zn.length>0||Jn&&Jn.length>0,t=C.question||"",o=Gt(t,zn),s=e.__assign(e.__assign({},C),{howToRespond:C.howToRespond,isInstantLearningPlus:n,parameterizedQuestion:t,originalQuestion:o,appliedTagsForQ:zn,appliedTagsIL:Jn,tagMappingInfoQ:On,tagMappingInfoIL:Nn});console.log("Final Payload with Generalization:",s),ee(!0),b(s,function(){return ee(!1)})}(),[2])})})}},[$,Jt]);var Et=function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,o,s,a,i,r,l,c,u;return e.__generator(this,function(e){switch(e.label){case 0:if(console.log("handleLockValidation started."),!z||!B)return console.error("❌ ERROR: Missing baseUrl or setValidationWtaResponse for validation."),[2,!1];if(hn)return console.log("❕ Validation already in progress. Aborting."),[2,!1];if(xn(!0),B(null),tn(!1),an(null),n=ve.filter(function(e){return""!==e.trim()}),t=be.filter(function(e){return""!==e.trim()}),0===n.length)return console.warn("⚠️ Validation Aborted: 'When To Apply' cannot be empty."),B({is_valid:!1,reason:"'When To Apply' conditions cannot be empty.",conflictingConditions:[]}),tn(!0),an([{conflictType:"validation_error",reason:"'When To Apply' conditions cannot be empty."}]),xn(!1),[2,!1];o="".concat(z,"/instant_learning/validate-wta"),s={whenToApply:n,whenNotToApply:t},e.label=1;case 1:return e.trys.push([1,3,,4]),console.log("📡 Firing fetch request to:",o),[4,m.http.post(o,s,{headers:{"Content-Type":"application/json"},validateStatus:function(){return!0}})];case 2:if(a=e.sent(),console.log("✅ Request initiated. Status Code:",a.status),a.status<200||a.status>=300){i="Could not read error body.";try{i="string"==typeof a.data?a.data:JSON.stringify(a.data)}catch(e){}throw console.error("❌ API Error Response (".concat(a.status,"):"),i),new Error("API Error: ".concat(a.status))}return r=a.data,console.log("✅ Validation API response data:",r),B(r.response),xn(!1),l=!0===(null===(u=null==r?void 0:r.response)||void 0===u?void 0:u.is_valid),console.log("handleLockValidation returning:",l),[2,l];case 3:return c=e.sent(),console.error("❌ Validation API fetch FAILED:",c.message,c),B({is_valid:!1,reason:"API call failed: ".concat(c.message),conflictingConditions:[]}),tn(!0),an([{conflictType:"api_error",reason:"Failed to connect to validation service: ".concat(c.message)}]),xn(!1),console.log("handleLockValidation returning false due to error."),[2,!1];case 4:return[2]}})})};t.useEffect(function(){e.__awaiter(void 0,void 0,void 0,function(){var n;return e.__generator(this,function(e){switch(e.label){case 0:return fe(!0),[4,s.fetchExistingTopicsAPI(z,Z)];case 1:return n=e.sent(),de(n),fe(!1),[2]}})})},[z,Z]),t.useEffect(function(){e.__awaiter(void 0,void 0,void 0,function(){var n,t,o,a,i;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,5,,6]),Q?[4,s.fetchAllCustomScopes(z,Z)]:[3,2];case 1:return n=e.sent(),Ne(n),Oe([{scope:"Global",value:"Global"},{scope:"User",value:"User"},{scope:"Assistant",value:"Assistant"},{scope:"Custom",value:"Custom"}]),console.log("[Dashboard] Loaded custom scopes:",n.length),[3,4];case 2:return[4,s.fetchScopes(P||"",L||"",z,Z)];case 3:t=e.sent(),o=t.scopeOptions,a=t.customScopeOptions,Oe(o),Ne(a),e.label=4;case 4:return[3,6];case 5:return i=e.sent(),console.error("Failed to load scopes:",i),[3,6];case 6:return[2]}})})},[P,L,z,Q,Z]),t.useEffect(function(){C._contextualUpdate&&(console.log("ContextualForm: Clearing recommendations due to new direct/contextual suggestions."),yn(null),jn(null),tn(!1),an(null),k(function(n){return n._contextualUpdate,e.__rest(n,["_contextualUpdate"])}))},[C._contextualUpdate]),t.useEffect(function(){var e=function(e){re.current&&!re.current.contains(e.target)&&ie(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),t.useEffect(function(){var e;(null===(e=C.topic)||void 0===e?void 0:e.value)?oe(C.topic.value):oe("")},[C.topic]);var Wt=t.useMemo(function(){return le?ue.filter(function(e){return e.label.toLowerCase().includes(le.toLowerCase())}):ue},[le,ue]),Ot=function(e,n){At("topic",{id:e,value:n}),ie(!1),oe(n),console.log("📌 Topic Selected:",{id:e,value:n})},Dt=t.useCallback(function(n,t){return e.__awaiter(void 0,void 0,void 0,function(){var o,s;return e.__generator(this,function(e){switch(e.label){case 0:if(it.current)return console.log("API call skipped: Apply/Undo in progress."),[2];"question"===t&&et(!0),"howToRespond"===t&&ot(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,f.fetchInstantLearningTagsAPI(null!=z?z:"",n)];case 2:return o=e.sent(),"question"===t?Dn(o):Vn(o),[3,5];case 3:return s=e.sent(),console.error("Error fetching instant learning tags:",s),"question"===t&&Dn({}),"howToRespond"===t&&Vn({}),[3,5];case 4:return"question"===t&&et(!1),"howToRespond"===t&&ot(!1),[7];case 5:return[2]}})})},[z]);t.useEffect(function(){at&&!it.current&&(console.log("ContextualLearningForm: Firing API for 'Question'",at),Dt(at,"question"))},[at,Dt]),t.useEffect(function(){st&&!it.current&&Dt(st,"howToRespond")},[st,Dt]);var Ht=function(t){var o=[],s=("question"===t?C.question:C.howToRespond)||"",a="question"===t?zn:Jn,i="question"===t?On:Nn,r=new Set(e.__spreadArray(e.__spreadArray(e.__spreadArray([],a.map(function(e){return e.original}),!0),a.map(function(e){return e.replacement}),!0),Object.keys(i),!0));if(0===r.size)return s;var l=Array.from(r).filter(Boolean).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===l.length)return s;for(var c=new RegExp("(".concat(l.join("|"),")"),"gi"),u=s.split(c),d=function(t){var s=u[t];if(!s)return"continue";var r=a.find(function(e){return e.replacement.toLowerCase()===s.toLowerCase()}),l=r?void 0:Object.keys(i).find(function(e){return e.toLowerCase()===s.toLowerCase()}),c=!1;if(r){var d=$n===r.original,p=Qn===r.replacement,g=d?r.original:r.replacement;o.push(n.jsx("span",e.__assign({onMouseEnter:function(){Gn(r.original),Zn(r.replacement)},onMouseLeave:function(){Gn(null),Zn(null)},style:{backgroundColor:d||p?"#eef2ff":"transparent",borderRadius:"3px",padding:"1px 2px",color:"inherit",fontWeight:500}},{children:g}),t)),c=!0}else if(l){var f=i[l],h=Qn===f;g=h?f:s;o.push(n.jsx("span",e.__assign({onMouseEnter:function(){Gn(l),Zn(f)},onMouseLeave:function(){Gn(null),Zn(null)},style:{backgroundColor:h||$n===l?"#eef2ff":"transparent",borderRadius:"3px",padding:"1px 2px",cursor:"pointer"}},{children:g}),t)),c=!0}c||o.push(n.jsx("span",{children:s},t))},p=0;p<u.length;p++)d(p);return o},Nt=function(n,t,o){!function(n,t,o){var s;rt.current&&clearTimeout(rt.current),it.current=!0;var a=new RegExp(n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gi"),i=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp(i,"gi");if("question"===o){var l=null===(s=C.question)||void 0===s?void 0:s.replace(a,t);if(k(function(n){return e.__assign(e.__assign({},n),{question:l})}),Mn(function(o){return e.__spreadArray(e.__spreadArray([],o,!0),[{original:n,replacement:t}],!1)}),C.howToRespond.match(a)&&!C.howToRespond.match(r)){var c=C.howToRespond.replace(a,t);k(function(n){return e.__assign(e.__assign({},n),{howToRespond:c})}),En(function(o){return e.__spreadArray(e.__spreadArray([],o,!0),[{original:n,replacement:t}],!1)})}}else{var u=C.howToRespond.replace(a,t);k(function(n){return e.__assign(e.__assign({},n),{howToRespond:u})}),En(function(o){return e.__spreadArray(e.__spreadArray([],o,!0),[{original:n,replacement:t}],!1)})}rt.current=setTimeout(function(){console.log("Releasing API lock"),it.current=!1},2e3)}(n,t,o)},Vt=function(n,t,o){!function(n,t,o){var s;rt.current&&clearTimeout(rt.current),it.current=!0;var a=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=new RegExp(a,"i");if("question"===o){var r=null===(s=C.question)||void 0===s?void 0:s.replace(i,n);if(k(function(n){return e.__assign(e.__assign({},n),{question:r})}),Mn(function(o){var s=o.findIndex(function(e){return e.original===n&&e.replacement===t});return s>-1?e.__spreadArray(e.__spreadArray([],o.slice(0,s),!0),o.slice(s+1),!0):o}),C.howToRespond.match(i)){var l=C.howToRespond.replace(i,n);k(function(n){return e.__assign(e.__assign({},n),{howToRespond:l})}),En(function(o){var s=o.findIndex(function(e){return e.original===n&&e.replacement===t});return s>-1?e.__spreadArray(e.__spreadArray([],o.slice(0,s),!0),o.slice(s+1),!0):o})}}else{var c=C.howToRespond.replace(i,n);k(function(n){return e.__assign(e.__assign({},n),{howToRespond:c})}),En(function(o){var s=o.findIndex(function(e){return e.original===n&&e.replacement===t});return s>-1?e.__spreadArray(e.__spreadArray([],o.slice(0,s),!0),o.slice(s+1),!0):o})}rt.current=setTimeout(function(){console.log("Releasing API lock"),it.current=!1},2e3)}(n,t,o)},Ut=function(n,t,o,s){var a="question"===s?On:Nn,i="question"===s?Dn:Vn,r=("question"===s?C.question:C.howToRespond)||"";return new RegExp(t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i").test(r)?n!==t&&a.hasOwnProperty(t)?{success:!1,error:"This phrase (key) already exists as a suggestion."}:(i(function(s){var a=e.__assign({},s);return n!==t&&a.hasOwnProperty(n)&&delete a[n],a[t]=o,a}),{success:!0}):{success:!1,error:"This phrase (key) does not exist in the text."}},$t=function(n,t,o){var s="question"===o?On:Nn,a="question"===o?Dn:Vn,i=("question"===o?C.question:C.howToRespond)||"";return new RegExp(n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i").test(i)?s.hasOwnProperty(n)?{success:!1,error:"This phrase (key) already exists as a suggestion."}:(a(function(o){var s;return e.__assign(e.__assign({},o),((s={})[n]=t,s))}),{success:!0}):{success:!1,error:"This phrase (key) does not exist in the text."}},Gt=function(n,t){if(!t||0===t.length)return n;var o=e.__spreadArray([],t,!0).sort(function(e,n){return n.replacement.length-e.replacement.length}),s=n;return o.forEach(function(e){var n=e.replacement.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),t=new RegExp(n,"g");s=s.replace(t,e.original)}),s},Yt={fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"1rem",whiteSpace:"pre-wrap",wordWrap:"break-word",lineHeight:"1.4375em",minHeight:"56px",maxHeight:"200px",overflowY:"auto",boxSizing:"border-box",padding:"16.5px 14px",borderRadius:"4px",border:"1px solid #ccc",transition:"box-shadow 0.3s ease-in-out"},Qt={fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"1rem",whiteSpace:"pre-wrap",wordWrap:"break-word",lineHeight:"1.4375em",minHeight:"84px",maxHeight:"204px",overflowY:"auto",boxSizing:"border-box",boxShadow:Te?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out",padding:"16.5px 14px",borderRadius:"4px",border:"1px solid #ccc"};return n.jsxs(g.Box,e.__assign({p:0,className:x.default.customFont,sx:{display:"flex",flexDirection:"column",height:"100%",width:"95%",ml:2}},{children:[n.jsx(g.Box,{children:n.jsx(g.Typography,e.__assign({sx:{fontSize:20,fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:"Instant Learning"}))}),n.jsxs(g.Box,e.__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:[n.jsxs(g.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"20px",height:"calc(100% - 90px)",overflow:"auto",position:"relative"}},{children:[n.jsxs(g.Box,{children:[n.jsxs(g.Typography,e.__assign({sx:{fontFamily:"Plus Jakarta Sans",fontSize:"1rem",fontWeight:600,display:"flex",alignItems:"center",marginBottom:"8px"}},{children:["Question",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"The key phrase or user query that should utilise this learning",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),Q?$n?n.jsx(g.Box,e.__assign({sx:e.__assign(e.__assign({},Yt),{height:"".concat(Math.max(56,Ln),"px"),backgroundColor:"#fff","&:hover":{borderColor:"#000"},cursor:"text"}),onClick:function(){Gn(null),Zn(null),setTimeout(function(){var e;null===(e=Rn.current)||void 0===e||e.focus()},0)}},{children:Ht("question")})):n.jsx(g.TextField,{value:C.question,onChange:function(e){if(At("question",e.target.value),Rn.current){Rn.current.style.height="auto";var n=Rn.current.scrollHeight,t=Math.max(56,Math.min(n,200));Rn.current.style.height="".concat(t,"px"),Pn(t)}},multiline:!0,placeholder:"Enter your question...",fullWidth:!0,inputRef:Rn,InputProps:{sx:{"& .MuiInputBase-input":{fontFamily:Yt.fontFamily,fontSize:Yt.fontSize,lineHeight:Yt.lineHeight,whiteSpace:Yt.whiteSpace,wordWrap:Yt.wordWrap,boxSizing:Yt.boxSizing,height:"".concat(Math.max(56,Ln),"px !important"),padding:"".concat(Yt.padding," !important"),overflowY:"".concat(Yt.overflowY," !important"),resize:"none"}}},sx:{borderRadius:Yt.borderRadius,transition:Yt.transition,"& .MuiOutlinedInput-root":{padding:0,height:"auto","& .MuiOutlinedInput-notchedOutline":{borderColor:"#ccc"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"#000"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#5928ed",borderWidth:"1px"}}}}):n.jsx(g.Box,e.__assign({sx:e.__assign(e.__assign({},Yt),{bgcolor:"#fafafa",cursor:"default",height:"auto"})},{children:Ht("question")}))]}),n.jsx(g.Box,{children:n.jsx(_.default,{title:"Question Generalization",description:"Instant Learning Plus broadens instant learning across similar contexts.",tags:On,appliedTags:zn,hoveredWord:$n,isLoading:Xn,onApply:function(e,n){return Nt(e,n,"question")},onUndo:function(e,n){return Vt(e,n,"question")},onEditSave:function(e,n,t){return Ut(e,n,t,"question")},onAddSave:function(e,n){return $t(e,n,"question")},setHoveredText:Gn,setHoveredTag:Zn})}),n.jsxs(g.Box,{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center",marginBottom:"8px"}},{children:["How to respond",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"The guidance AI should follow when answering the user's question",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),$n?n.jsx(g.Box,e.__assign({sx:e.__assign(e.__assign({},Qt),{height:"".concat(Math.max(84,kn),"px"),backgroundColor:"#fff","&:hover":{borderColor:"#000"},cursor:"text"}),onClick:function(){Gn(null),Zn(null),setTimeout(function(){var e;null===(e=An.current)||void 0===e||e.focus()},0)}},{children:Ht("howToRespond")})):n.jsx(g.TextField,{name:"howToRespond",value:C.howToRespond,onChange:function(n){if(k(function(t){return e.__assign(e.__assign({},t),{howToRespond:n.target.value})}),An.current){An.current.style.height="auto";var t=An.current.scrollHeight,o=Math.max(84,Math.min(t,204));An.current.style.height="".concat(o,"px"),In(o)}},multiline:!0,placeholder:"Type your response...",fullWidth:!0,inputRef:An,InputProps:{sx:{"& .MuiInputBase-input":{fontFamily:Qt.fontFamily,fontSize:Qt.fontSize,lineHeight:Qt.lineHeight,whiteSpace:Qt.whiteSpace,wordWrap:Qt.wordWrap,boxSizing:Qt.boxSizing,height:"".concat(Math.max(84,kn),"px !important"),padding:"".concat(Qt.padding," !important"),overflowY:"".concat(Qt.overflowY," !important"),maxHeight:"".concat(Qt.maxHeight," !important"),minHeight:"".concat(Qt.minHeight," !imporant"),resize:"none"}}},sx:{borderRadius:Qt.borderRadius,boxShadow:Qt.boxShadow,transition:Qt.transition,"& .MuiOutlinedInput-root":{padding:0,height:"auto","& .MuiOutlinedInput-notchedOutline":{borderColor:"#ccc"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#5928ed",borderWidth:"1px"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"#000"}}}})]}),n.jsx(g.Box,{children:n.jsx(_.default,{title:"Instant Learning Generalization",description:"Instant Learning Plus broadens instant learning across similar contexts.",tags:Nn,appliedTags:Jn,hoveredWord:$n,isLoading:tt,onApply:function(e,n){return Nt(e,n,"howToRespond")},onUndo:function(e,n){return Vt(e,n,"howToRespond")},onEditSave:function(e,n,t){return Ut(e,n,t,"howToRespond")},onAddSave:function(e,n){return $t(e,n,"howToRespond")},setHoveredText:Gn,setHoveredTag:Zn})}),n.jsxs(g.Box,e.__assign({sx:{display:"flex",gap:2,minHeight:"380px",flexShrink:0}},{children:[n.jsx(g.Box,e.__assign({sx:{flex:1,height:"100%"}},{children:n.jsx(I,e.__assign({label:"When to Apply",required:!0,tooltipText:"Specific situations or conditions where this learning should be applied.",conditions:ve,onConditionsChange:we,isLoading:Ae,isValidating:hn,onLock:Et,onValidationFailure:It},{children:mn&&mn.when_to_apply&&Object.keys(mn.when_to_apply).length>0&&n.jsxs(g.Box,e.__assign({mt:ve.length>0?3:0,sx:{borderTop:ve.length>0?"1px dashed #ccc":"none",pt:ve.length>0?2:0}},{children:[bt.wta&&n.jsxs(g.Box,e.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[n.jsx(g.Typography,e.__assign({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Recommended Fix:"})),n.jsx(yt,{score:mn.confidence_score})]})),bt.wta&&mn.reason&&n.jsx(vt,{reason:mn.reason,title:"Why these suggestions?"}),Object.entries(mn.when_to_apply).map(function(e){var t=e[0],o=e[1];return n.jsx(wt,{condition:"".concat(t,". ").concat(o),onAccept:function(){return Lt(o,"wta",t)},onReject:function(){return Pt(0,"wta",t)}},"rec-wta-".concat(t))})]}))}))})),n.jsx(g.Box,e.__assign({sx:{flex:1,height:"100%"}},{children:n.jsx(I,e.__assign({label:"When NOT to Apply",tooltipText:"Cases where this learning should not be applied to avoid incorrect responses.",conditions:be,onConditionsChange:Ce,isLoading:Pe,isValidating:hn,onLock:Et,onValidationFailure:It},{children:wn&&wn.when_not_to_apply&&Object.keys(wn.when_not_to_apply).length>0&&n.jsxs(g.Box,e.__assign({mt:be.length>0?3:0,sx:{borderTop:be.length>0?"1px dashed #ccc":"none",pt:be.length>0?2:0}},{children:[bt.wnta&&n.jsxs(g.Box,e.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[n.jsx(g.Typography,e.__assign({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Recommended Fix:"})),n.jsx(yt,{score:wn.confidence_score})]})),bt.wnta&&wn.reason&&n.jsx(vt,{reason:wn.reason,title:"Why these suggestions?"}),Object.entries(wn.when_not_to_apply).map(function(e){var t=e[0],o=e[1];return n.jsx(wt,{condition:"".concat(t,". ").concat(o),onAccept:function(){return Lt(o,"wnta",t)},onReject:function(){return Pt(0,"wnta",t)}},"rec-wnta-".concat(t))})]}))}))}))]})),nn&&sn&&n.jsx(p.default,{conflictingConditions:sn}),Mt&&n.jsx(a.default,{conflictingConditions:[Object.values((null==q?void 0:q.conflicting_learnings)||{}),Object.values((null==q?void 0:q.similar_learnings)||{})],baseUrl:z,organizationName:L,chatAssistantName:N,setSendMessageInChat:J,editConflictingLearningTrigger:E,editSimilarLearningTrigger:W,onSetOperationStatus:O,onDeleted:D,onMergeMessage:H,onEdited:function(e){console.log("ContextualForm: Marking learning as edited from card callback:",e),Sn(function(n){return new Set(n).add(e)})},isFromDashboard:Q}),n.jsxs(g.FormControl,e.__assign({fullWidth:!0,ref:re},{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center",marginBottom:"8px"}},{children:["Topic",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"Specific key subjects or concepts covered by this learning. Helps organize and trigger relavant responses from AI",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),n.jsxs(g.Box,e.__assign({sx:{position:"relative"}},{children:[n.jsx(g.TextField,{fullWidth:!0,placeholder:"Select or type a topic",value:te,onChange:function(e){oe(e.target.value),ae||ie(!0),""===e.target.value&&At("topic",{id:null,value:""})},onKeyDown:function(e){if("Enter"===e.key){e.preventDefault();var n=te.trim();if(!n)return;var t=ue.find(function(e){return e.label.toLowerCase()===n.toLowerCase()});t?(Ot(t.id,t.label),console.log("📌 Existing Topic Selected:",t)):(Ot(null,n),console.log("📌 New Topic Created:",{id:null,value:n}))}},onClick:function(){return ie(!0)},InputProps:{endAdornment:n.jsx(h.ChevronDown,{size:20,color:"#667085"}),sx:{fontFamily:"Plus Jakarta Sans, sans-serif"}},sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},"& .MuiInputLabel-root":{fontFamily:"Plus Jakarta Sans, sans-serif"},boxShadow:qe?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"}}),ae&&n.jsx(g.Box,e.__assign({sx:{position:"absolute",zIndex:1300,width:"90%",mt:1,bgcolor:"background.paper",border:"1px solid #ccc",borderRadius:"8px",boxShadow:3,maxHeight:200,overflowY:"auto"}},{children:ge?n.jsx(g.Box,e.__assign({sx:{display:"flex",justifyContent:"center",p:2}},{children:n.jsx(g.CircularProgress,{size:24})})):n.jsxs(n.Fragment,{children:[Wt.map(function(t){return n.jsx(g.MenuItem,e.__assign({onMouseDown:function(){return Ot(t.id,t.label)},sx:{fontSize:"1rem",fontFamily:"Plus Jakarta Sans"}},{children:t.label}),t.id)}),0===Wt.length&&n.jsx(g.MenuItem,e.__assign({disabled:!0,sx:{fontSize:"1rem",fontFamily:"Plus Jakarta Sans"}},{children:"No results found."}))]})}))]}))]})),n.jsxs(g.FormControl,e.__assign({fullWidth:!0},{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center",marginBottom:"8px"}},{children:["Categories",n.jsx(g.Tooltip,e.__assign({title:"Additional tags or classifications for organizing this learning",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),n.jsxs(g.Box,e.__assign({sx:{display:"flex",flexWrap:"wrap",gap:1,p:1.5,border:"1px solid #ccc",borderRadius:"8px",alignItems:"center",bgcolor:"white",cursor:"text",minHeight:"56px"},onClick:function(){var e;return null===(e=me.current)||void 0===e?void 0:e.focus()}},{children:[zt.map(function(e){return n.jsx(g.Chip,{label:e.label,onDelete:function(){return n=e,t=zt.filter(function(e){return e.value!==n.value}),void At("categories",t);var n,t},deleteIcon:n.jsx(h.X,{size:16}),sx:{bgcolor:e.isCustom?"#e0e7ff":"#f5f5f5",fontSize:"1rem",height:"36px",fontFamily:"Plus Jakarta Sans","& .MuiChip-deleteIcon":{color:"#666","&:hover":{color:"#333"}}}},e.value)}),n.jsx(g.TextField,{variant:"standard",inputRef:me,value:xe,onChange:function(e){return _e(e.target.value)},onKeyDown:function(n){if("Enter"===n.key){n.preventDefault();var t=xe.trim();if(t&&!zt.some(function(e){return e.value===t})){var o={id:null,label:t,value:t,isCustom:!0};At("categories",e.__spreadArray(e.__spreadArray([],zt,!0),[o],!1))}_e("")}},placeholder:0===zt.length?"Add or select categories":"",sx:{flex:1,minWidth:"180px","& .MuiInput-underline:before":{borderBottom:"none"},"& .MuiInput-underline:after":{borderBottom:"none"},"& .MuiInput-underline:hover:not(.Mui-disabled):before":{borderBottom:"none"},"& .MuiInputBase-input":{fontSize:"1rem",padding:"4px 0",fontFamily:"Plus Jakarta Sans"}}})]})),dn?n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,mt:2,color:"#5928ED"}},{children:[n.jsx(g.CircularProgress,{size:16,color:"inherit"}),n.jsx(g.Typography,e.__assign({variant:"caption",sx:{fontSize:"0.95rem",fontFamily:"Plus Jakarta Sans"}},{children:"Getting AI suggestions..."}))]})):qt.length>0?n.jsx(g.Box,e.__assign({sx:{display:"flex",flexWrap:"wrap",gap:1.5,mt:2}},{children:qt.map(function(t){return n.jsx(g.Chip,{label:t.label,icon:n.jsx(h.Sparkles,{size:16,style:{marginLeft:"8px"}}),onClick:function(){return n=t,void(new Set(zt.map(function(e){return e.value.toLowerCase()})).has(n.value.toLowerCase())||At("categories",e.__spreadArray(e.__spreadArray([],zt,!0),[n],!1)));var n},sx:{bgcolor:"#f5f5f5",fontSize:"1rem",height:"36px",fontFamily:"Plus Jakarta Sans",cursor:"pointer","&:hover":{bgcolor:"#e0e0e0"}}},t.value)})})):!dn&&ln.length>0&&n.jsx(g.Typography,e.__assign({variant:"caption",sx:{color:"#666",mt:2,fontSize:"0.95rem",fontFamily:"Plus Jakarta Sans"}},{children:"All suggested categories have been added."})),n.jsx(g.Typography,e.__assign({variant:"caption",sx:{color:"#666",mt:2,mb:2,fontSize:"0.95rem",fontFamily:"Plus Jakarta Sans"}},{children:dn?"":qt.length>0?"Choose from the suggested categories based on your Instant Learning.":zt.length>0&&0===ln.length&&!dn?"You can add more categories by typing and pressing Enter.":"Type and press Enter to add a category. AI suggestions will appear based on your 'How to respond' text."}))]})),n.jsx(g.FormControl,e.__assign({sx:{width:"100%"}},{children:n.jsxs(g.Box,e.__assign({sx:{display:"flex",gap:2,alignItems:"flex-start"}},{children:[n.jsxs(g.Box,e.__assign({sx:{flexShrink:0}},{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans"},gutterBottom:!0},{children:["Scope",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"Defines at what scope this learning applies",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),n.jsx(g.FormControl,e.__assign({sx:{width:"auto",minWidth:"200px",fontFamily:"Plus Jakarta Sans"},variant:"outlined"},{children:n.jsxs(g.Select,e.__assign({value:C.scope.name,onChange:function(n){var t=n.target.value,o=null;"User"===t?o=[]:"Assistant"===t&&(o={assistantName:P||"",conciergeId:Y||""}),k(function(n){return e.__assign(e.__assign({},n),{scope:{name:t,value:o}})})},displayEmpty:!0,sx:{fontFamily:"Plus Jakarta Sans"},fullWidth:!0,renderValue:function(t){return t||n.jsx("em",e.__assign({style:{fontFamily:"Plus Jakarta Sans",color:"#6c757d"}},{children:"Select scope"}))}},{children:[n.jsx(g.MenuItem,e.__assign({value:"",disabled:!0,sx:{fontFamily:"Plus Jakarta Sans"}},{children:n.jsx("em",e.__assign({style:{fontFamily:"Plus Jakarta Sans",color:"#6c757d"}},{children:"Select scope"}))})),We.map(function(t){return n.jsx(g.MenuItem,e.__assign({value:t.scope,sx:{fontFamily:"Plus Jakarta Sans"}},{children:t.scope}),t.value)})]}))}))]})),n.jsxs(g.Box,e.__assign({sx:{flex:1}},{children:["User"===C.scope.name&&n.jsxs(g.Box,{children:[n.jsxs(g.Typography,e.__assign({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans"},gutterBottom:!0},{children:["User Details",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"Select the user for whom this learning applies",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),Array.isArray(null===(r=null==C?void 0:C.scope)||void 0===r?void 0:r.value)&&(null===(l=null==C?void 0:C.scope)||void 0===l?void 0:l.value.length)>0?n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,p:1,bgcolor:"#ecf0f8",borderRadius:"20px",width:"fit-content"}},{children:[n.jsx(g.Box,e.__assign({sx:{width:20,height:20,borderRadius:"50%",bgcolor:"#385390",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontSize:"0.75rem"}},{children:null===(c=C.scope.value[0].email[0])||void 0===c?void 0:c.toUpperCase()})),n.jsx(g.Typography,e.__assign({sx:{color:"#385390",fontFamily:"Plus Jakarta Sans"}},{children:C.scope.value[0].name})),n.jsx("button",e.__assign({style:{color:"#aabef2",cursor:"pointer",background:"transparent",border:"none",padding:0,fontSize:"1.25rem"},type:"button",onMouseOver:function(e){return e.currentTarget.style.color="#385390"},onMouseOut:function(e){return e.currentTarget.style.color="#aabef2"},onClick:function(){k(function(n){return e.__assign(e.__assign({},n),{scope:e.__assign(e.__assign({},n.scope),{value:[]})})}),$e("")}},{children:"×"}))]})):n.jsxs(g.Box,e.__assign({sx:{display:"flex",alignItems:"flex-start"}},{children:[n.jsx(g.TextField,{fullWidth:!0,type:"email",value:Ue,onChange:function(e){return $e(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&Ft()},placeholder:"Enter email",error:!!Ke,helperText:Ke,InputProps:{sx:{fontFamily:"Plus Jakarta Sans, sans-serif"}},sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"}}}),n.jsx(g.Button,e.__assign({variant:"contained",onClick:Ft,disabled:Ye||!Ue||Array.isArray(null===(u=null==C?void 0:C.scope)||void 0===u?void 0:u.value)&&(null===(d=null==C?void 0:C.scope)||void 0===d?void 0:d.value.length)>0,sx:{fontFamily:"Plus Jakarta Sans",bgcolor:"#DEE6FB",color:"#385390",textTransform:"none",minWidth:"120px",height:"56px",ml:1,flexShrink:0,"&:hover":{bgcolor:"#c9d9f7"},"&.Mui-disabled":{bgcolor:"#f5f5f5",color:"#9e9e9e"}}},{children:Ye?n.jsx(g.CircularProgress,{size:16,sx:{color:"#385390"}}):"Add email"}))]}))]}),"Custom"===C.scope.name&&n.jsxs(g.Box,e.__assign({sx:{flexShrink:0}},{children:[n.jsxs(g.Typography,e.__assign({sx:{fontFamily:"Plus Jakarta Sans",fontSize:"1rem",fontWeight:600,display:"flex",alignItems:"center"},gutterBottom:!0},{children:["Custom Filter",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"Select a custom scope filter for this learning",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),n.jsx(g.FormControl,e.__assign({sx:{width:"auto",minWidth:"200px",fontFamily:"Plus Jakarta Sans"},variant:"outlined"},{children:n.jsxs(g.Select,e.__assign({value:(null===(v=null===(y=null==C?void 0:C.scope)||void 0===y?void 0:y.value)||void 0===v?void 0:v.scopeId)||"",onChange:function(n){var t=He.find(function(e){return e.scopeId===n.target.value});k(function(n){return e.__assign(e.__assign({},n),{scope:e.__assign(e.__assign({},n.scope),{value:t?{scopeName:t.scopeName,scopeId:t.scopeId}:null})})})},displayEmpty:!0,sx:{fontFamily:"Plus Jakarta Sans"},fullWidth:!0},{children:[n.jsx(g.MenuItem,e.__assign({value:"",disabled:!0,sx:{fontFamily:"Plus Jakarta Sans"}},{children:"Select Custom Filter"})),He.map(function(t){return n.jsx(g.MenuItem,e.__assign({value:t.scopeId,sx:{fontFamily:"Plus Jakarta Sans"}},{children:t.scopeName}),t.scopeId)})]}))})),n.jsx(g.Typography,e.__assign({sx:{fontSize:"0.75rem",color:"text.secondary",mt:1}},{children:0===He.length?"No scopes available.":"".concat(He.length," scopes available.")}))]})),"Assistant"===C.scope.name&&n.jsxs(g.Box,{children:[n.jsxs(g.Typography,e.__assign({sx:{fontFamily:"Plus Jakarta Sans",fontSize:"1rem",fontWeight:600,display:"flex",alignItems:"center"},gutterBottom:!0},{children:["Assistant",n.jsx(g.Box,e.__assign({component:"span",sx:{color:"red"}},{children:"*"})),n.jsx(g.Tooltip,e.__assign({title:"The assistant for which this learning applies",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:n.jsx(h.Info,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),Q?n.jsx(g.Autocomplete,{options:pt,loading:ht,getOptionLabel:function(e){return e.name||""},inputValue:ct,onInputChange:function(e,n){ut(n)},onChange:function(n,t){k(function(n){return e.__assign(e.__assign({},n),{scope:e.__assign(e.__assign({},n.scope),{value:t?{assistantName:t.name,conciergeId:t.id}:null})})})},renderInput:function(t){return n.jsx(g.TextField,e.__assign({},t,{placeholder:"Search for an assistant",InputProps:e.__assign(e.__assign({},t.InputProps),{endAdornment:n.jsxs(n.Fragment,{children:[ht?n.jsx(g.CircularProgress,{color:"inherit",size:20}):null,t.InputProps.endAdornment]}),sx:{fontFamily:"Plus Jakarta Sans, sans-serif"}})}))}}):n.jsxs(n.Fragment,{children:[n.jsx(g.TextField,{fullWidth:!0,value:P||"",InputProps:{readOnly:!0,sx:{fontFamily:"Plus Jakarta Sans, sans-serif",bgcolor:"#fafafa"}},sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif"}}}),n.jsx("input",{type:"hidden",value:P||"",onChange:function(n){k(function(t){return e.__assign(e.__assign({},t),{scope:e.__assign(e.__assign({},t.scope),{value:{assistantName:P||"",conciergeId:n.target.value||""}})})})}})]})]})]}))]}))}))]})),n.jsx(g.Box,e.__assign({sx:{display:"flex",gap:2}},{children:n.jsx(g.Box,e.__assign({sx:{flex:1,display:"flex",alignItems:"flex-end",justifyContent:"flex-end"}},{children:n.jsxs(g.Button,e.__assign({variant:"contained",onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){return Jt?(console.warn("Save blocked by button click: Unresolved conflicts are present."),[2]):(G(!0),[2])})})},disabled:!Bt||X||Jt,sx:{width:"30%",height:"56px",fontFamily:"Plus Jakarta Sans",backgroundColor:"green",textTransform:"capitalize","&:hover":{backgroundColor:"#006400"},pointerEvents:X?"none":"auto"}},{children:[X&&n.jsx(g.CircularProgress,{sx:{marginRight:"8px",color:"#fff"},size:16}),X?"Saving":"Save"]}))}))}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useDebounce = require('../../../hooks/useDebounce.js');
+var agentGenieAPI = require('../../../utils/agentGenieAPI.js');
+var ContextualConflictDBCard = require('./ContextualConflictDBCard.js');
+var DeleteIcon = require('@mui/icons-material/Delete');
+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 SaveIcon = require('@mui/icons-material/Save');
+var ConflictingLearningWarnCard = require('./ConflictingLearningWarnCard.js');
+var material = require('@mui/material');
+var instantLearningAPI = require('../../../utils/instantLearningAPI.js');
+var lucideReact = require('lucide-react');
+var InstantLearning_module = require('../InstantLearning.module.css.js');
+var GeneralizationAccordion = require('./GeneralizationAccordion.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 EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
+var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
+var CheckCircleOutlineIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckCircleOutlineIcon);
+var CancelIcon__default = /*#__PURE__*/_interopDefaultLegacy(CancelIcon);
+var SaveIcon__default = /*#__PURE__*/_interopDefaultLegacy(SaveIcon);
+
+const EditableConditionsBox = ({
+  label,
+  required = false,
+  tooltipText,
+  conditions,
+  onConditionsChange,
+  isLoading,
+  isValidating,
+  onLock,
+  onValidationFailure,
+  children
+}) => {
+  const [isEditable, setIsEditable] = React.useState(false);
+  const handleAdd = () => {
+    onConditionsChange([...conditions, ""]);
+    setIsEditable(true);
+  };
+  const handleChange = (index, value) => {
+    const updated = [...conditions];
+    updated[index] = value;
+    onConditionsChange(updated);
+  };
+  const handleDelete = (index) => {
+    onConditionsChange(conditions.filter((_, i) => i !== index));
+  };
+  const bounce = material.keyframes`
+   0%, 80%, 100% {
+     transform: scale(0);
+   }
+   40% {
+     transform: scale(1.0);
+   }
+ `;
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Typography,
+      {
+        sx: {
+          fontSize: "1rem",
+          fontWeight: 600,
+          marginBottom: "8px",
+          fontFamily: "Plus Jakarta Sans",
+          display: "flex",
+          alignItems: "center"
+        },
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+          tooltipText && /* @__PURE__ */ jsxRuntime.jsx(
+            material.Tooltip,
+            {
+              title: tooltipText,
+              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,
+          display: "flex",
+          flexDirection: "column",
+          flexGrow: 1,
+          height: "calc(100% - 32px)",
+          bgcolor: "white",
+          boxShadow: isLoading ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+          transition: "box-shadow 0.3s ease-in-out"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", sx: { mb: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", gap: "0.25rem", justifyContent: "space-between", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.25rem", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", clipPath: "url(#clip0_6004_60631)", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    id: "Vector",
+                    d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",
+                    fill: "#5928ed"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6004_60631", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  variant: "body1",
+                  sx: { 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,
+                  componentsProps: {
+                    tooltip: {
+                      sx: {
+                        fontSize: "0.875rem",
+                        padding: "0.5rem",
+                        fontFamily: "Plus Jakarta Sans, sans-serif"
+                      }
+                    }
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    material.IconButton,
+                    {
+                      onClick: handleAdd,
+                      size: "small",
+                      sx: {
+                        color: "gray",
+                        "&:hover": {
+                          color: "black"
+                        }
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(AddIcon__default["default"], { fontSize: "small" })
+                    }
+                  )
+                }
+              ),
+              conditions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                material.Tooltip,
+                {
+                  title: isEditable ? "Save & Lock" : "Edit",
+                  placement: "top",
+                  arrow: true,
+                  componentsProps: {
+                    tooltip: {
+                      sx: {
+                        fontSize: "0.875rem",
+                        padding: "0.5rem",
+                        fontFamily: "Plus Jakarta Sans, sans-serif"
+                      }
+                    }
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.IconButton,
+                      {
+                        onClick: async () => {
+                          if (isEditable && onLock) {
+                            console.log("Calling onLock (validation)...");
+                            const isValid = await onLock();
+                            console.log("Validation finished. Result (isValid):", isValid);
+                            setIsEditable(false);
+                            if (!isValid && onValidationFailure) {
+                              console.log("Validation failed. Calling onValidationFailure...");
+                              onValidationFailure();
+                            } else if (isValid) {
+                              console.log("Validation succeeded.");
+                            }
+                          } else {
+                            console.log("Toggling isEditable state (Edit clicked or no onLock).");
+                            setIsEditable(!isEditable);
+                          }
+                        },
+                        size: "small",
+                        disabled: isEditable && conditions.some((item) => item.trim() === "") || isValidating,
+                        sx: {
+                          color: "gray",
+                          "&:hover": { color: "black" },
+                          // Add visual indication during validation if needed
+                          opacity: isValidating ? 0.5 : 1,
+                          cursor: isValidating ? "wait" : "pointer"
+                        },
+                        children: isValidating ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 20, sx: { color: "#5928ed" } }) : isEditable ? (
+                          // Use SaveIcon when editable, implying save+validate on click
+                          /* @__PURE__ */ jsxRuntime.jsx(SaveIcon__default["default"], { fontSize: "small" })
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default["default"], { fontSize: "small" })
+                      }
+                    )
+                  ] })
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { height: "calc(100% - 38px)", overflow: "auto" }, children: conditions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { pt: "16px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("ol", { style: { paddingLeft: "0rem", margin: 0, fontFamily: "Plus Jakarta Sans" }, children: conditions.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Box,
+              {
+                component: "li",
+                sx: {
+                  display: "flex",
+                  alignItems: "flex-start",
+                  gap: 1,
+                  mb: index < conditions.length - 1 ? 2 : 0,
+                  fontFamily: "Plus Jakarta Sans"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.TextField,
+                    {
+                      variant: "outlined",
+                      disabled: !isEditable,
+                      fullWidth: true,
+                      multiline: true,
+                      value,
+                      onChange: (e) => handleChange(index, e.target.value),
+                      sx: {
+                        backgroundColor: "#f9fafb",
+                        borderRadius: 1,
+                        "& .MuiInputBase-root": {
+                          fontFamily: "Plus Jakarta Sans, sans-serif"
+                        },
+                        "& .MuiInputBase-input.Mui-disabled": {
+                          color: "#000",
+                          WebkitTextFillColor: "#000"
+                        },
+                        "& .MuiInputLabel-root": {
+                          fontFamily: "Plus Jakarta Sans, sans-serif"
+                        },
+                        "& .MuiInputLabel-root.Mui-disabled": {
+                          color: "rgba(0, 0, 0, 0.6)"
+                        }
+                      },
+                      InputProps: {
+                        startAdornment: /* @__PURE__ */ jsxRuntime.jsxs(material.InputAdornment, { position: "start", sx: { color: "#000", alignSelf: "flex-start", paddingTop: "12px" }, children: [
+                          index + 1,
+                          "."
+                        ] })
+                      }
+                    }
+                  ),
+                  isEditable && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: () => handleDelete(index), sx: { mt: 1 }, size: "large", children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default["default"], {}) })
+                ]
+              },
+              index
+            )) }),
+            isValidating && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  gap: "6px",
+                  mt: 3,
+                  mb: 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`
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            children
+          ] }) : /* @__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" })
+            ] })
+          ] }) }) })
+        ]
+      }
+    )
+  ] });
+};
+const ContextualLearningForm = ({
+  question,
+  categoryOptions = [],
+  onSubmit,
+  formData,
+  setFormData,
+  extractedHowToRespond,
+  extractedTopic,
+  organizationName,
+  iLAssistantName,
+  validationWtaResponse,
+  setValidationWtaResponse,
+  baseUrl,
+  extractedCategories,
+  learningWtaResponse,
+  setSendMessageInChat,
+  editConflictingLearningTrigger,
+  editSimilarLearningTrigger,
+  onSetOperationStatus,
+  onDeleted,
+  onMergeMessage,
+  chatAssistantName,
+  validationRecommendations,
+  resetLearningTrigger,
+  save,
+  setIsFormSavedClicked,
+  assistantId,
+  isFromDashboard,
+  authToken
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [isSaving, setIsSaving] = React.useState(false);
+  const [topicInputValue, setTopicInputValue] = React.useState("");
+  const [isTopicDropdownOpen, setIsTopicDropdownOpen] = React.useState(false);
+  const topicComponentRef = React.useRef(null);
+  const debouncedTopicSearch = useDebounce["default"](topicInputValue, 300);
+  const [topicOptions, setTopicOptions] = React.useState([]);
+  const [isLoadingTopics, setIsLoadingTopics] = React.useState(true);
+  const [categoryInputValue, setCategoryInputValue] = React.useState("");
+  const categoryInputRef = React.useRef(null);
+  const [whenToApply, setWhenToApply] = React.useState([]);
+  const [whenNotToApply, setWhenNotToApply] = React.useState([]);
+  const [loadingHowToRespond, setLoadingHowToRespond] = React.useState(false);
+  const [loadingWTA, setLoadingWTA] = React.useState(false);
+  const [loadingWNTA, setLoadingWNTA] = React.useState(false);
+  const isUpdatingWTAFromProp = React.useRef(false);
+  const isUpdatingWNTAFromProp = React.useRef(false);
+  const [loadingTopic, setLoadingTopic] = React.useState(false);
+  const [scopeOptions, setScopeOptions] = React.useState([]);
+  const [customScopeOptions, setCustomScopeOptions] = React.useState([]);
+  const [userScopeEmail, setUserScopeEmail] = React.useState("");
+  const [loadingUserEmail, setLoadingUserEmail] = React.useState(false);
+  const [userScopeEmailError, setUserScopeEmailError] = React.useState("");
+  const [showConflictingCard, setShowConflictingCard] = React.useState(false);
+  const [localConflictData, setLocalConflictData] = React.useState(null);
+  const [suggestedCategories, setSuggestedCategories] = React.useState([]);
+  const [isLoadingCategories, setIsLoadingCategories] = React.useState(false);
+  const debouncedHowToRespond = useDebounce["default"](formData.howToRespond, 2500);
+  const [isValidatingConditions, setIsValidatingConditions] = React.useState(false);
+  const [recommendedWta, setRecommendedWta] = React.useState(null);
+  const [recommendedWnta, setRecommendedWnta] = React.useState(null);
+  const [editedLearningIds, setEditedLearningIds] = React.useState(/* @__PURE__ */ new Set());
+  const [textareaHeight, setTextareaHeight] = React.useState(84);
+  const textareaRef = React.useRef(null);
+  const [questionTextareaHeight, setQuestionTextareaHeight] = React.useState(56);
+  const questionTextareaRef = React.useRef(null);
+  const [appliedTagsForQ, setAppliedTagsForQ] = React.useState([]);
+  const [appliedTagsIL, setAppliedTagsIL] = React.useState([]);
+  const [tagMappingInfoQ, setTagMappingInfoQ] = React.useState({});
+  const [tagMappingInfoIL, setTagMappingInfoIL] = React.useState({});
+  const [hoveredText, setHoveredText] = React.useState(null);
+  const [hoveredTag, setHoveredTag] = React.useState(null);
+  const [isLoadingQTags, setIsLoadingQTags] = React.useState(false);
+  const [isLoadingILTags, setIsLoadingILTags] = React.useState(false);
+  const debouncedApiHowToRespond = useDebounce["default"](formData.howToRespond, 1500);
+  const debouncedQuestion = useDebounce["default"](formData.question, 1500);
+  const isApplyingOrUndoing = React.useRef(false);
+  const applyUndoTimerRef = React.useRef(null);
+  const [assistantSearchValue, setAssistantSearchValue] = React.useState("");
+  const [assistantOptions, setAssistantOptions] = React.useState([]);
+  const [isAssistantLoading, setIsAssistantLoading] = React.useState(false);
+  const debouncedAssistantSearch = useDebounce["default"](assistantSearchValue, 400);
+  React.useEffect(() => {
+    if (!isFromDashboard || !debouncedAssistantSearch) return;
+    const fetchAssistants = async () => {
+      setIsAssistantLoading(true);
+      try {
+        const results = await agentGenieAPI.searchAssistants(debouncedAssistantSearch, baseUrl || "", authToken);
+        setAssistantOptions(results);
+      } catch (error) {
+        console.error("Failed to search assistants", error);
+        setAssistantOptions([]);
+      } finally {
+        setIsAssistantLoading(false);
+      }
+    };
+    fetchAssistants();
+  }, [debouncedAssistantSearch, isFromDashboard, baseUrl, authToken]);
+  material.keyframes`
+   0%, 80%, 100% {
+     transform: scale(0);
+   }
+   40% {
+     transform: scale(1.0);
+   }
+ `;
+  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(lucideReact.ChevronDown, { 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 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",
+          mr: 1
+          /* Add margin */
+        }, children: condition }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: {
+          flexShrink: 0
+          /* Prevent buttons from shrinking */
+        }, 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 [showRecommendationHeaders, setShowRecommendationHeaders] = React.useState({ wta: false, wnta: false });
+  const [hasAcceptedFromBatch, setHasAcceptedFromBatch] = React.useState({ wta: false, wnta: false });
+  const handleValidationFailure = () => {
+    console.log("handleValidationFailure triggered in parent form.");
+    setSendMessageInChat("Validation Failed. Do you have any recommendations for me?");
+  };
+  const handleChange = (field, value) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+  const validateEmail = (email) => email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/);
+  const handleAddEmail = async () => {
+    if (!validateEmail(userScopeEmail)) {
+      setUserScopeEmailError("Invalid email format");
+      return;
+    }
+    const existingEmails = Array.isArray(formData.scope.value) ? formData.scope.value : [];
+    if (existingEmails.some((item) => item.email === userScopeEmail)) {
+      setUserScopeEmailError("This email is already added.");
+      return;
+    }
+    setLoadingUserEmail(true);
+    try {
+      const userData = await agentGenieAPI.fetchUserByEmail(userScopeEmail, baseUrl, authToken);
+      const newEmailObject = {
+        email: userScopeEmail,
+        userId: userData.id,
+        name: userData.name
+      };
+      setFormData((prev) => ({
+        ...prev,
+        scope: {
+          ...prev.scope,
+          value: [...existingEmails, newEmailObject]
+        }
+      }));
+      setUserScopeEmail("");
+      setUserScopeEmailError("");
+    } catch (error) {
+      console.error("Error adding email:", error);
+      setUserScopeEmailError("Invalid email. Please enter a valid email.");
+    } finally {
+      setLoadingUserEmail(false);
+    }
+  };
+  const handleSubmit = () => {
+    console.log("Contextual form submitting...");
+    const isInstantLearningPlus = appliedTagsForQ && appliedTagsForQ.length > 0 || appliedTagsIL && appliedTagsIL.length > 0;
+    const parameterizedQuestion = formData.question || "";
+    const originalQuestion = getOriginalQuestion(parameterizedQuestion, appliedTagsForQ);
+    const finalPayload = {
+      ...formData,
+      // Standard fields
+      howToRespond: formData.howToRespond,
+      // This might contain tags like <Greetings>
+      // Generalization fields
+      isInstantLearningPlus,
+      parameterizedQuestion,
+      // e.g. "<Say> me about..."
+      originalQuestion,
+      // e.g. "Tell me about..."
+      // Tag Metadata
+      appliedTagsForQ,
+      appliedTagsIL,
+      tagMappingInfoQ,
+      tagMappingInfoIL
+    };
+    console.log("Final Payload with Generalization:", finalPayload);
+    setIsSaving(true);
+    onSubmit(finalPayload, () => setIsSaving(false));
+  };
+  const saveInstantLearning = async () => {
+    if (hasUnresolvedDBConflicts) {
+      console.warn("Save blocked by button click: Unresolved conflicts are present.");
+      return;
+    }
+    setIsFormSavedClicked(true);
+  };
+  React.useEffect(() => {
+    console.log("ContextualForm: validationWtaResponse changed:", validationWtaResponse);
+    if (validationWtaResponse && validationWtaResponse.is_valid === false) {
+      setShowConflictingCard(true);
+      setLocalConflictData(validationWtaResponse.conflictingConditions);
+      console.log("ContextualForm: Showing conflict card with data:", validationWtaResponse.conflictingConditions);
+    } else {
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      console.log("ContextualForm: Hiding conflict card.");
+    }
+  }, [validationWtaResponse]);
+  React.useEffect(() => {
+    if (validationRecommendations) {
+      console.log("ContextualForm: Received new validationRecommendations:", validationRecommendations);
+      setRecommendedWta(validationRecommendations.wta);
+      setRecommendedWnta(validationRecommendations.wnta);
+      setShowRecommendationHeaders({
+        wta: !!validationRecommendations.wta,
+        wnta: !!validationRecommendations.wnta
+      });
+      setHasAcceptedFromBatch({ wta: false, wnta: false });
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+    }
+  }, [validationRecommendations]);
+  React.useEffect(() => {
+    if (resetLearningTrigger) {
+      console.log("[ContextualLearningForm] \u{1F504} Reset Trigger Received - Clearing form state.");
+      setWhenToApply([]);
+      setWhenNotToApply([]);
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      setRecommendedWta(null);
+      setRecommendedWnta(null);
+      setShowRecommendationHeaders({ wta: false, wnta: false });
+      setHasAcceptedFromBatch({ wta: false, wnta: false });
+      setIsValidatingConditions(false);
+      setUserScopeEmail("");
+      setUserScopeEmailError("");
+      setTopicInputValue("");
+      setCategoryInputValue("");
+      setSuggestedCategories([]);
+      setEditedLearningIds(/* @__PURE__ */ new Set());
+      setAppliedTagsForQ([]);
+      setAppliedTagsIL([]);
+      setTagMappingInfoQ({});
+      setTagMappingInfoIL({});
+      setHoveredText(null);
+      setHoveredTag(null);
+      setFormData((prevFormData) => ({
+        question: isFromDashboard ? "" : prevFormData.question,
+        howToRespond: "",
+        whenToApply: "",
+        // Important: Reset the string version too
+        whenNotToApply: "",
+        // Important: Reset the string version too
+        topic: { id: null, value: "" },
+        categories: [],
+        scope: { name: "", value: null }
+        // Reset to initial scope state
+      }));
+      console.log("[ContextualLearningForm] \u2705 Form state reset.");
+    }
+  }, [resetLearningTrigger, setFormData, question]);
+  React.useEffect(() => {
+    if (debouncedHowToRespond && formData.question && baseUrl) {
+      const getCategories = async () => {
+        setIsLoadingCategories(true);
+        try {
+          const apiCategories = await instantLearningAPI.fetchSuggestedCategories(
+            formData.howToRespond || "",
+            baseUrl
+          );
+          const mappedCategories = apiCategories.map((cat) => ({
+            id: null,
+            // API suggestions don't have IDs yet
+            label: cat.label || cat.value,
+            value: cat.value,
+            isCustom: false
+          }));
+          setSuggestedCategories(mappedCategories);
+        } catch (error) {
+          console.error("Failed to fetch categories:", error);
+          setSuggestedCategories([]);
+        } finally {
+          setIsLoadingCategories(false);
+        }
+      };
+      getCategories();
+    }
+  }, [debouncedHowToRespond, formData.question, baseUrl]);
+  React.useEffect(() => {
+    if (Array.isArray(extractedCategories)) {
+      const newCategories = extractedCategories.map(
+        (cat) => ({
+          id: null,
+          label: cat,
+          value: cat,
+          isCustom: false
+        })
+      );
+      handleChange("categories", newCategories);
+    }
+  }, [extractedCategories]);
+  React.useEffect(() => {
+    var _a2;
+    if (typeof extractedTopic === "string" && extractedTopic !== ((_a2 = formData.topic) == null ? void 0 : _a2.value)) {
+      const existingTopic = topicOptions.find(
+        (option) => option.label === extractedTopic
+      );
+      const topicToSet = existingTopic ? { id: existingTopic.id, value: existingTopic.label } : { id: null, value: extractedTopic };
+      handleChange("topic", topicToSet);
+      console.log("\u{1F4CC} Topic Set from Chat:", {
+        extractedTopic,
+        topicToSet
+      });
+      setLoadingTopic(true);
+      const timeout = setTimeout(() => {
+        setLoadingTopic(false);
+      }, 500);
+      return () => clearTimeout(timeout);
+    }
+  }, [extractedTopic, topicOptions]);
+  React.useEffect(() => {
+    if (typeof extractedHowToRespond === "string" && extractedHowToRespond !== formData.howToRespond) {
+      handleChange("howToRespond", extractedHowToRespond);
+      setLoadingHowToRespond(true);
+      const timeout = setTimeout(() => {
+        setLoadingHowToRespond(false);
+      }, 500);
+      return () => clearTimeout(timeout);
+    }
+  }, [extractedHowToRespond]);
+  React.useEffect(() => {
+    let incomingConditions = [];
+    let isFromServerUpdate = false;
+    if (Array.isArray(formData.whenToApply)) {
+      incomingConditions = formData.whenToApply;
+      isFromServerUpdate = true;
+    } else if (typeof formData.whenToApply === "string") {
+      const conditions = formData.whenToApply.split(" OR ");
+      incomingConditions = conditions.length === 1 && conditions[0] === "" ? [] : conditions;
+    }
+    const hasChanged = incomingConditions.join("|||") !== whenToApply.join("|||");
+    if (hasChanged) {
+      isUpdatingWTAFromProp.current = true;
+      setWhenToApply(incomingConditions);
+      if (isFromServerUpdate && incomingConditions.length > 0) {
+        setLoadingWTA(true);
+        setTimeout(() => setLoadingWTA(false), 500);
+      }
+    }
+  }, [formData.whenToApply]);
+  React.useEffect(() => {
+    let incomingConditions = [];
+    let isFromServerUpdate = false;
+    if (Array.isArray(formData.whenNotToApply)) {
+      incomingConditions = formData.whenNotToApply;
+      isFromServerUpdate = true;
+    } else if (typeof formData.whenNotToApply === "string") {
+      const conditions = formData.whenNotToApply.split(" OR ");
+      incomingConditions = conditions.length === 1 && conditions[0] === "" ? [] : conditions;
+    }
+    const hasChanged = incomingConditions.join("|||") !== whenNotToApply.join("|||");
+    if (hasChanged) {
+      isUpdatingWNTAFromProp.current = true;
+      setWhenNotToApply(incomingConditions);
+      if (isFromServerUpdate && incomingConditions.length > 0) {
+        setLoadingWNTA(true);
+        setTimeout(() => setLoadingWNTA(false), 500);
+      }
+    }
+  }, [formData.whenNotToApply]);
+  React.useEffect(() => {
+    if (isUpdatingWTAFromProp.current) {
+      isUpdatingWTAFromProp.current = false;
+      return;
+    }
+    handleChange("whenToApply", whenToApply.join(" OR "));
+  }, [whenToApply]);
+  React.useEffect(() => {
+    if (isUpdatingWNTAFromProp.current) {
+      isUpdatingWNTAFromProp.current = false;
+      return;
+    }
+    handleChange("whenNotToApply", whenNotToApply.join(" OR "));
+  }, [whenNotToApply]);
+  const handleAcceptRecommendation = (condition, type, key) => {
+    if (type === "wta") {
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      if (!hasAcceptedFromBatch.wta) {
+        setWhenToApply([condition]);
+        setHasAcceptedFromBatch((prev) => ({ ...prev, wta: true }));
+      } else {
+        setWhenToApply((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];
+        if (Object.keys(newConditions).length === 0) return null;
+        return { ...prev, when_to_apply: newConditions };
+      });
+    } else {
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      if (!hasAcceptedFromBatch.wnta) {
+        setWhenNotToApply([condition]);
+        setHasAcceptedFromBatch((prev) => ({ ...prev, wnta: true }));
+      } else {
+        setWhenNotToApply((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];
+        if (Object.keys(newConditions).length === 0) return null;
+        return { ...prev, when_not_to_apply: newConditions };
+      });
+    }
+  };
+  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];
+        if (Object.keys(newConditions).length === 0) return null;
+        return { ...prev, when_to_apply: newConditions };
+      });
+    } else {
+      setRecommendedWnta((prev) => {
+        if (!prev || !prev.when_not_to_apply) return prev;
+        const newConditions = { ...prev.when_not_to_apply };
+        delete newConditions[key];
+        if (Object.keys(newConditions).length === 0) return null;
+        return { ...prev, when_not_to_apply: newConditions };
+      });
+    }
+  };
+  const isScopeValid = React.useMemo(() => {
+    const { scope } = formData;
+    if (!scope || !scope.name) {
+      return false;
+    }
+    switch (scope.name) {
+      case "User":
+        return Array.isArray(scope.value) && scope.value.length > 0;
+      case "Custom":
+        return !!(scope.value && scope.value.scopeId);
+      case "Assistant":
+        return !!(scope.value && scope.value.assistantName);
+      default:
+        return true;
+    }
+  }, [formData.scope]);
+  const isFormValid = React.useMemo(() => {
+    var _a2;
+    return (
+      // Use our new, more specific scope validation
+      // Check that topic value is not empty
+      formData.question && formData.howToRespond && ((_a2 = formData.topic) == null ? void 0 : _a2.value) && isScopeValid
+    );
+  }, [
+    formData.question,
+    formData.howToRespond,
+    formData.topic,
+    isScopeValid
+  ]);
+  const currentCategories = React.useMemo(
+    () => formData.categories || [],
+    [formData.categories]
+  );
+  const shouldShowDBConflictCard = React.useMemo(() => {
+    if (!learningWtaResponse || learningWtaResponse.is_valid_db === true) {
+      return false;
+    }
+    const conflictingCount = Object.keys((learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {}).length;
+    const similarCount = Object.keys((learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {}).length;
+    return conflictingCount + similarCount > 0;
+  }, [learningWtaResponse]);
+  const availableCategories = React.useMemo(() => {
+    const currentCategoryValues = new Set(currentCategories.map((c) => c.value.toLowerCase()));
+    return suggestedCategories.filter((s) => !currentCategoryValues.has(s.value.toLowerCase()));
+  }, [suggestedCategories, currentCategories]);
+  const hasUnresolvedDBConflicts = React.useMemo(() => {
+    if (!learningWtaResponse || learningWtaResponse.is_valid_db === true) {
+      return false;
+    }
+    const conflictingLearnings = Object.values((learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {});
+    const similarLearnings = Object.values((learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {});
+    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;
+  }, [learningWtaResponse, editedLearningIds]);
+  React.useEffect(() => {
+    if (save) {
+      console.log("ContextualLearningForm: 'save: true' received. Forcibly clearing all conflict UI states.");
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      setIsFormSavedClicked(true);
+      const saveIL = async () => {
+        if (hasUnresolvedDBConflicts) {
+          console.error("Save action triggered via prop, but is blocked due to unresolved conflicts.");
+          return;
+        }
+        console.log("ContextualLearningForm: Submitting this formData:", formData);
+        handleSubmit();
+      };
+      saveIL();
+    }
+  }, [save, hasUnresolvedDBConflicts]);
+  const handleLockValidation = async () => {
+    var _a2;
+    console.log("handleLockValidation started.");
+    if (!baseUrl || !setValidationWtaResponse) {
+      console.error("\u274C ERROR: Missing baseUrl or setValidationWtaResponse for validation.");
+      return false;
+    }
+    if (isValidatingConditions) {
+      console.log("\u2755 Validation already in progress. Aborting.");
+      return false;
+    }
+    setIsValidatingConditions(true);
+    setValidationWtaResponse(null);
+    setShowConflictingCard(false);
+    setLocalConflictData(null);
+    const currentWta = whenToApply.filter((c) => c.trim() !== "");
+    const currentWnta = whenNotToApply.filter((c) => c.trim() !== "");
+    if (currentWta.length === 0) {
+      console.warn("\u26A0\uFE0F Validation Aborted: 'When To Apply' cannot be empty.");
+      setValidationWtaResponse({
+        is_valid: false,
+        reason: "'When To Apply' conditions cannot be empty.",
+        conflictingConditions: []
+      });
+      setShowConflictingCard(true);
+      setLocalConflictData([{
+        conflictType: "validation_error",
+        reason: "'When To Apply' conditions cannot be empty."
+      }]);
+      setIsValidatingConditions(false);
+      return false;
+    }
+    const apiEndpoint = `${baseUrl}/instant_learning/validate-wta`;
+    const payload = { "whenToApply": currentWta, "whenNotToApply": currentWnta };
+    try {
+      console.log("\u{1F4E1} Firing fetch request to:", apiEndpoint);
+      const response = await transport.http.post(apiEndpoint, payload, {
+        headers: { "Content-Type": "application/json" },
+        // Matches fetch, which resolves on any HTTP status, so the error body
+        // below is still readable on a failure.
+        validateStatus: () => true
+      });
+      console.log("\u2705 Request initiated. Status Code:", response.status);
+      if (response.status < 200 || response.status >= 300) {
+        let errorBody = "Could not read error body.";
+        try {
+          errorBody = typeof response.data === "string" ? response.data : JSON.stringify(response.data);
+        } catch (e) {
+        }
+        console.error(`\u274C API Error Response (${response.status}):`, errorBody);
+        throw new Error(`API Error: ${response.status}`);
+      }
+      const data = response.data;
+      console.log("\u2705 Validation API response data:", data);
+      setValidationWtaResponse(data.response);
+      setIsValidatingConditions(false);
+      const isValid = ((_a2 = data == null ? void 0 : data.response) == null ? void 0 : _a2.is_valid) === true;
+      console.log("handleLockValidation returning:", isValid);
+      return isValid;
+    } catch (error) {
+      console.error("\u274C Validation API fetch FAILED:", error.message, error);
+      setValidationWtaResponse({ is_valid: false, reason: `API call failed: ${error.message}`, conflictingConditions: [] });
+      setShowConflictingCard(true);
+      setLocalConflictData([{
+        conflictType: "api_error",
+        reason: `Failed to connect to validation service: ${error.message}`
+      }]);
+      setIsValidatingConditions(false);
+      console.log("handleLockValidation returning false due to error.");
+      return false;
+    }
+  };
+  const handleCategoryKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      const newCategoryValue = categoryInputValue.trim();
+      if (newCategoryValue && !currentCategories.some((c) => c.value === newCategoryValue)) {
+        const newCategory = {
+          id: null,
+          // New user-created category doesn't have an ID yet
+          label: newCategoryValue,
+          value: newCategoryValue,
+          isCustom: true
+          // Mark as user-created
+        };
+        handleChange("categories", [...currentCategories, newCategory]);
+      }
+      setCategoryInputValue("");
+    }
+  };
+  const handleDeleteCategory = (categoryToDelete) => {
+    const updatedCategories = currentCategories.filter(
+      (c) => c.value !== categoryToDelete.value
+    );
+    handleChange("categories", updatedCategories);
+  };
+  const handleAddCategory = (categoryToAdd) => {
+    const currentLowerValues = new Set(currentCategories.map((c) => c.value.toLowerCase()));
+    if (!currentLowerValues.has(categoryToAdd.value.toLowerCase())) {
+      handleChange("categories", [...currentCategories, categoryToAdd]);
+    }
+  };
+  React.useEffect(() => {
+    const loadTopics = async () => {
+      setIsLoadingTopics(true);
+      const topics = await agentGenieAPI.fetchExistingTopicsAPI(baseUrl, authToken);
+      setTopicOptions(topics);
+      setIsLoadingTopics(false);
+    };
+    loadTopics();
+  }, [baseUrl, authToken]);
+  React.useEffect(() => {
+    const loadScopes = async () => {
+      try {
+        if (isFromDashboard) {
+          const allCustomScopes = await agentGenieAPI.fetchAllCustomScopes(baseUrl, authToken);
+          setCustomScopeOptions(allCustomScopes);
+          setScopeOptions([
+            { scope: "Global", value: "Global" },
+            { scope: "User", value: "User" },
+            { scope: "Assistant", value: "Assistant" },
+            { scope: "Custom", value: "Custom" }
+          ]);
+          console.log("[Dashboard] Loaded custom scopes:", allCustomScopes.length);
+        } else {
+          const { scopeOptions: scopeOptions2, customScopeOptions: customScopeOptions2 } = await agentGenieAPI.fetchScopes(
+            iLAssistantName || "",
+            organizationName || "",
+            baseUrl,
+            authToken
+          );
+          setScopeOptions(scopeOptions2);
+          setCustomScopeOptions(customScopeOptions2);
+        }
+      } catch (error) {
+        console.error("Failed to load scopes:", error);
+      }
+    };
+    loadScopes();
+  }, [iLAssistantName, organizationName, baseUrl, isFromDashboard, authToken]);
+  React.useEffect(() => {
+    const isContextualUpdate = formData._contextualUpdate;
+    if (isContextualUpdate) {
+      console.log("ContextualForm: Clearing recommendations due to new direct/contextual suggestions.");
+      setRecommendedWta(null);
+      setRecommendedWnta(null);
+      setShowConflictingCard(false);
+      setLocalConflictData(null);
+      setFormData((prev) => {
+        const { _contextualUpdate, ...rest } = prev;
+        return rest;
+      });
+    }
+  }, [formData._contextualUpdate]);
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (topicComponentRef.current && !topicComponentRef.current.contains(event.target)) {
+        setIsTopicDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React.useEffect(() => {
+    var _a2;
+    if ((_a2 = formData.topic) == null ? void 0 : _a2.value) {
+      setTopicInputValue(formData.topic.value);
+    } else {
+      setTopicInputValue("");
+    }
+  }, [formData.topic]);
+  const filteredTopicOptions = React.useMemo(() => {
+    if (!debouncedTopicSearch) {
+      return topicOptions;
+    }
+    return topicOptions.filter(
+      (option) => option.label.toLowerCase().includes(debouncedTopicSearch.toLowerCase())
+    );
+  }, [debouncedTopicSearch, topicOptions]);
+  const handleTopicSelect = (selectedId, selectedLabel) => {
+    handleChange("topic", { id: selectedId, value: selectedLabel });
+    setIsTopicDropdownOpen(false);
+    setTopicInputValue(selectedLabel);
+    console.log("\u{1F4CC} Topic Selected:", { id: selectedId, value: selectedLabel });
+  };
+  const handleTopicKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      const trimmedInput = topicInputValue.trim();
+      if (!trimmedInput) return;
+      const existingOption = topicOptions.find(
+        (option) => option.label.toLowerCase() === trimmedInput.toLowerCase()
+      );
+      if (existingOption) {
+        handleTopicSelect(existingOption.id, existingOption.label);
+        console.log("\u{1F4CC} Existing Topic Selected:", existingOption);
+      } else {
+        handleTopicSelect(null, trimmedInput);
+        console.log("\u{1F4CC} New Topic Created:", { id: null, value: trimmedInput });
+      }
+    }
+  };
+  const fetchInstantLearningTags = React.useCallback(async (query, type) => {
+    if (isApplyingOrUndoing.current) {
+      console.log("API call skipped: Apply/Undo in progress.");
+      return;
+    }
+    if (type === "question") setIsLoadingQTags(true);
+    if (type === "howToRespond") setIsLoadingILTags(true);
+    try {
+      const tags = await instantLearningAPI.fetchInstantLearningTagsAPI(baseUrl != null ? baseUrl : "", query);
+      if (type === "question") {
+        setTagMappingInfoQ(tags);
+      } else {
+        setTagMappingInfoIL(tags);
+      }
+    } catch (error) {
+      console.error("Error fetching instant learning tags:", error);
+      if (type === "question") setTagMappingInfoQ({});
+      if (type === "howToRespond") setTagMappingInfoIL({});
+    } finally {
+      if (type === "question") setIsLoadingQTags(false);
+      if (type === "howToRespond") setIsLoadingILTags(false);
+    }
+  }, [baseUrl]);
+  React.useEffect(() => {
+    if (debouncedQuestion && !isApplyingOrUndoing.current) {
+      console.log("ContextualLearningForm: Firing API for 'Question'", debouncedQuestion);
+      fetchInstantLearningTags(debouncedQuestion, "question");
+    }
+  }, [debouncedQuestion, fetchInstantLearningTags]);
+  React.useEffect(() => {
+    if (debouncedApiHowToRespond && !isApplyingOrUndoing.current) {
+      fetchInstantLearningTags(debouncedApiHowToRespond, "howToRespond");
+    }
+  }, [debouncedApiHowToRespond, fetchInstantLearningTags]);
+  const applyTag = (original, replacement, type) => {
+    var _a2;
+    if (applyUndoTimerRef.current) clearTimeout(applyUndoTimerRef.current);
+    isApplyingOrUndoing.current = true;
+    const regex = new RegExp(original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
+    const escapedReplacement = replacement.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const replacementRegex = new RegExp(escapedReplacement, "gi");
+    if (type === "question") {
+      const updatedQuestion = (_a2 = formData.question) == null ? void 0 : _a2.replace(regex, replacement);
+      setFormData((prev) => ({ ...prev, question: updatedQuestion }));
+      setAppliedTagsForQ((prev) => [...prev, { original, replacement }]);
+      if (formData.howToRespond.match(regex) && !formData.howToRespond.match(replacementRegex)) {
+        const updatedLearning = formData.howToRespond.replace(regex, replacement);
+        setFormData((prev) => ({ ...prev, howToRespond: updatedLearning }));
+        setAppliedTagsIL((prev) => [...prev, { original, replacement }]);
+      }
+    } else {
+      const updatedLearning = formData.howToRespond.replace(regex, replacement);
+      setFormData((prev) => ({ ...prev, howToRespond: updatedLearning }));
+      setAppliedTagsIL((prev) => [...prev, { original, replacement }]);
+    }
+    applyUndoTimerRef.current = setTimeout(() => {
+      console.log("Releasing API lock");
+      isApplyingOrUndoing.current = false;
+    }, 2e3);
+  };
+  const undoTag = (original, replacement, type) => {
+    var _a2;
+    if (applyUndoTimerRef.current) clearTimeout(applyUndoTimerRef.current);
+    isApplyingOrUndoing.current = true;
+    const escapedReplacement = replacement.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const regex = new RegExp(escapedReplacement, "i");
+    if (type === "question") {
+      const updatedQuestion = (_a2 = formData.question) == null ? void 0 : _a2.replace(regex, original);
+      setFormData((prev) => ({ ...prev, question: updatedQuestion }));
+      setAppliedTagsForQ((prev) => {
+        const indexToRemove = prev.findIndex((t) => t.original === original && t.replacement === replacement);
+        if (indexToRemove > -1) {
+          return [...prev.slice(0, indexToRemove), ...prev.slice(indexToRemove + 1)];
+        }
+        return prev;
+      });
+      if (formData.howToRespond.match(regex)) {
+        const updatedLearning = formData.howToRespond.replace(regex, original);
+        setFormData((prev) => ({ ...prev, howToRespond: updatedLearning }));
+        setAppliedTagsIL((prev) => {
+          const indexToRemove = prev.findIndex((t) => t.original === original && t.replacement === replacement);
+          if (indexToRemove > -1) {
+            return [...prev.slice(0, indexToRemove), ...prev.slice(indexToRemove + 1)];
+          }
+          return prev;
+        });
+      }
+    } else {
+      const updatedLearning = formData.howToRespond.replace(regex, original);
+      setFormData((prev) => ({ ...prev, howToRespond: updatedLearning }));
+      setAppliedTagsIL((prev) => {
+        const indexToRemove = prev.findIndex((t) => t.original === original && t.replacement === replacement);
+        if (indexToRemove > -1) {
+          return [...prev.slice(0, indexToRemove), ...prev.slice(indexToRemove + 1)];
+        }
+        return prev;
+      });
+    }
+    applyUndoTimerRef.current = setTimeout(() => {
+      console.log("Releasing API lock");
+      isApplyingOrUndoing.current = false;
+    }, 2e3);
+  };
+  const getHighlightedText = (type) => {
+    const processedText = [];
+    const remainingText = (type === "question" ? formData.question : formData.howToRespond) || "";
+    const appliedTags = type === "question" ? appliedTagsForQ : appliedTagsIL;
+    const tagMappingInfo = type === "question" ? tagMappingInfoQ : tagMappingInfoIL;
+    const allTokens = /* @__PURE__ */ new Set([
+      ...appliedTags.map((t) => t.original),
+      ...appliedTags.map((t) => t.replacement),
+      ...Object.keys(tagMappingInfo)
+    ]);
+    if (allTokens.size === 0) return remainingText;
+    const regexParts = Array.from(allTokens).filter(Boolean).map((tag) => tag.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+    if (regexParts.length === 0) return remainingText;
+    const splitRegex = new RegExp(`(${regexParts.join("|")})`, "gi");
+    const parts = remainingText.split(splitRegex);
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
+      if (!part) continue;
+      const appliedTag = appliedTags.find(
+        (t) => t.replacement.toLowerCase() === part.toLowerCase()
+      );
+      const suggestedKey = !appliedTag ? Object.keys(tagMappingInfo).find((k) => k.toLowerCase() === part.toLowerCase()) : void 0;
+      let isHighlighted = false;
+      if (appliedTag) {
+        const isHoveringOriginal = hoveredText === appliedTag.original;
+        const isHoveringTag = hoveredTag === appliedTag.replacement;
+        const displayText = isHoveringOriginal ? appliedTag.original : appliedTag.replacement;
+        processedText.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              onMouseEnter: () => {
+                setHoveredText(appliedTag.original);
+                setHoveredTag(appliedTag.replacement);
+              },
+              onMouseLeave: () => {
+                setHoveredText(null);
+                setHoveredTag(null);
+              },
+              style: {
+                backgroundColor: isHoveringOriginal || isHoveringTag ? "#eef2ff" : "transparent",
+                borderRadius: "3px",
+                padding: "1px 2px",
+                color: "inherit",
+                fontWeight: 500
+              },
+              children: displayText
+            },
+            i
+          )
+        );
+        isHighlighted = true;
+      } else if (suggestedKey) {
+        const replacementValue = tagMappingInfo[suggestedKey];
+        const isHovered = hoveredTag === replacementValue;
+        const displayText = isHovered ? replacementValue : part;
+        processedText.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              onMouseEnter: () => {
+                setHoveredText(suggestedKey);
+                setHoveredTag(replacementValue);
+              },
+              onMouseLeave: () => {
+                setHoveredText(null);
+                setHoveredTag(null);
+              },
+              style: {
+                backgroundColor: isHovered || hoveredText === suggestedKey ? "#eef2ff" : "transparent",
+                borderRadius: "3px",
+                padding: "1px 2px",
+                cursor: "pointer"
+              },
+              children: displayText
+            },
+            i
+          )
+        );
+        isHighlighted = true;
+      }
+      if (!isHighlighted) processedText.push(/* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i));
+    }
+    return processedText;
+  };
+  const handleApply = (original, replacement, type) => {
+    applyTag(original, replacement, type);
+  };
+  const handleUndo = (original, replacement, type) => {
+    undoTag(original, replacement, type);
+  };
+  const handleEditSave = (originalKey, newKey, newValue, type) => {
+    const mapping = type === "question" ? tagMappingInfoQ : tagMappingInfoIL;
+    const setMapping = type === "question" ? setTagMappingInfoQ : setTagMappingInfoIL;
+    const textToSearch = (type === "question" ? formData.question : formData.howToRespond) || "";
+    const keyRegex = new RegExp(newKey.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "i");
+    if (!keyRegex.test(textToSearch)) {
+      return { success: false, error: "This phrase (key) does not exist in the text." };
+    }
+    if (originalKey !== newKey && mapping.hasOwnProperty(newKey)) {
+      return { success: false, error: "This phrase (key) already exists as a suggestion." };
+    }
+    setMapping((prev) => {
+      const updated = { ...prev };
+      if (originalKey !== newKey && updated.hasOwnProperty(originalKey)) {
+        delete updated[originalKey];
+      }
+      updated[newKey] = newValue;
+      return updated;
+    });
+    return { success: true };
+  };
+  const handleAddSave = (key, value, type) => {
+    const mapping = type === "question" ? tagMappingInfoQ : tagMappingInfoIL;
+    const setMapping = type === "question" ? setTagMappingInfoQ : setTagMappingInfoIL;
+    const textToSearch = (type === "question" ? formData.question : formData.howToRespond) || "";
+    const keyRegex = new RegExp(key.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "i");
+    if (!keyRegex.test(textToSearch)) {
+      return { success: false, error: "This phrase (key) does not exist in the text." };
+    }
+    if (mapping.hasOwnProperty(key)) {
+      return { success: false, error: "This phrase (key) already exists as a suggestion." };
+    }
+    setMapping((prev) => ({ ...prev, [key]: value }));
+    return { success: true };
+  };
+  const getOriginalQuestion = (currentQuestion, appliedTags) => {
+    if (!appliedTags || appliedTags.length === 0) return currentQuestion;
+    const sortedTags = [...appliedTags].sort(
+      (a, b) => b.replacement.length - a.replacement.length
+    );
+    let originalQuestion = currentQuestion;
+    sortedTags.forEach((tag) => {
+      const escapedReplacement = tag.replacement.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const regex = new RegExp(escapedReplacement, "g");
+      originalQuestion = originalQuestion.replace(regex, tag.original);
+    });
+    return originalQuestion;
+  };
+  const questionStyles = {
+    fontFamily: "Plus Jakarta Sans, sans-serif",
+    fontSize: "1rem",
+    whiteSpace: "pre-wrap",
+    wordWrap: "break-word",
+    lineHeight: "1.4375em",
+    minHeight: "56px",
+    maxHeight: "200px",
+    // Optional cap
+    overflowY: "auto",
+    boxSizing: "border-box",
+    padding: "16.5px 14px",
+    borderRadius: "4px",
+    border: "1px solid #ccc",
+    transition: "box-shadow 0.3s ease-in-out"
+  };
+  const howToRespondStyles = {
+    fontFamily: "Plus Jakarta Sans, sans-serif",
+    fontSize: "1rem",
+    whiteSpace: "pre-wrap",
+    wordWrap: "break-word",
+    lineHeight: "1.4375em",
+    // MUI default
+    minHeight: "84px",
+    // 3 rows
+    maxHeight: "204px",
+    // 8 rows
+    overflowY: "auto",
+    boxSizing: "border-box",
+    // Crucial for padding
+    boxShadow: loadingHowToRespond ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+    transition: "box-shadow 0.3s ease-in-out",
+    padding: "16.5px 14px",
+    borderRadius: "4px",
+    border: "1px solid #ccc"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      p: 0,
+      className: InstantLearning_module["default"].customFont,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "95%",
+        ml: 2
+      },
+      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"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Typography,
+                        {
+                          sx: {
+                            fontFamily: "Plus Jakarta Sans",
+                            fontSize: "1rem",
+                            fontWeight: 600,
+                            display: "flex",
+                            alignItems: "center",
+                            marginBottom: "8px"
+                          },
+                          children: [
+                            "Question",
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Tooltip,
+                              {
+                                title: "The key phrase or user query that should utilise this learning",
+                                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" } })
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      isFromDashboard ? (
+                        // DASHBOARD MODE: Editable
+                        hoveredText ? (
+                          // 1. Highlight View (Box)
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Box,
+                            {
+                              sx: {
+                                ...questionStyles,
+                                height: `${Math.max(56, questionTextareaHeight)}px`,
+                                // Sync height
+                                backgroundColor: "#fff",
+                                "&:hover": { borderColor: "#000" },
+                                cursor: "text"
+                              },
+                              onClick: () => {
+                                setHoveredText(null);
+                                setHoveredTag(null);
+                                setTimeout(() => {
+                                  var _a2;
+                                  (_a2 = questionTextareaRef.current) == null ? void 0 : _a2.focus();
+                                }, 0);
+                              },
+                              children: getHighlightedText("question")
+                            }
+                          )
+                        ) : (
+                          // 2. Edit View (TextField)
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.TextField,
+                            {
+                              value: formData.question,
+                              onChange: (e) => {
+                                handleChange("question", e.target.value);
+                                if (questionTextareaRef.current) {
+                                  questionTextareaRef.current.style.height = "auto";
+                                  const newHeight = questionTextareaRef.current.scrollHeight;
+                                  const clampedHeight = Math.max(56, Math.min(newHeight, 200));
+                                  questionTextareaRef.current.style.height = `${clampedHeight}px`;
+                                  setQuestionTextareaHeight(clampedHeight);
+                                }
+                              },
+                              multiline: true,
+                              placeholder: "Enter your question...",
+                              fullWidth: true,
+                              inputRef: questionTextareaRef,
+                              InputProps: {
+                                sx: {
+                                  "& .MuiInputBase-input": {
+                                    fontFamily: questionStyles.fontFamily,
+                                    fontSize: questionStyles.fontSize,
+                                    lineHeight: questionStyles.lineHeight,
+                                    whiteSpace: questionStyles.whiteSpace,
+                                    wordWrap: questionStyles.wordWrap,
+                                    boxSizing: questionStyles.boxSizing,
+                                    // Force height match
+                                    height: `${Math.max(56, questionTextareaHeight)}px !important`,
+                                    padding: `${questionStyles.padding} !important`,
+                                    overflowY: `${questionStyles.overflowY} !important`,
+                                    resize: "none"
+                                  }
+                                }
+                              },
+                              sx: {
+                                borderRadius: questionStyles.borderRadius,
+                                transition: questionStyles.transition,
+                                "& .MuiOutlinedInput-root": {
+                                  padding: 0,
+                                  height: "auto",
+                                  "& .MuiOutlinedInput-notchedOutline": { borderColor: "#ccc" },
+                                  "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "#000" },
+                                  "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                                    borderColor: "#5928ed",
+                                    borderWidth: "1px"
+                                  }
+                                }
+                              }
+                            }
+                          )
+                        )
+                      ) : (
+                        // STANDARD MODE: Read-Only Box
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Box,
+                          {
+                            sx: {
+                              ...questionStyles,
+                              bgcolor: "#fafafa",
+                              cursor: "default",
+                              // Ensure standard mode also respects min-height
+                              height: "auto"
+                            },
+                            children: getHighlightedText("question")
+                          }
+                        )
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      GeneralizationAccordion["default"],
+                      {
+                        title: "Question Generalization",
+                        description: "Instant Learning Plus broadens instant learning across similar contexts.",
+                        tags: tagMappingInfoQ,
+                        appliedTags: appliedTagsForQ,
+                        hoveredWord: hoveredText,
+                        isLoading: isLoadingQTags,
+                        onApply: (orig, repl) => handleApply(orig, repl, "question"),
+                        onUndo: (orig, repl) => handleUndo(orig, repl, "question"),
+                        onEditSave: (origKey, newKey, newVal) => handleEditSave(origKey, newKey, newVal, "question"),
+                        onAddSave: (key, val) => handleAddSave(key, val, "question"),
+                        setHoveredText,
+                        setHoveredTag
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Typography,
+                        {
+                          sx: {
+                            fontSize: "1rem",
+                            fontWeight: 600,
+                            fontFamily: "Plus Jakarta Sans",
+                            display: "flex",
+                            alignItems: "center",
+                            marginBottom: "8px"
+                          },
+                          children: [
+                            "How to respond",
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Tooltip,
+                              {
+                                title: `The guidance AI should follow when answering the user's question`,
+                                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" } })
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      hoveredText ? /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Box,
+                        {
+                          sx: {
+                            ...howToRespondStyles,
+                            // Use the shared style object
+                            height: `${Math.max(84, textareaHeight)}px`,
+                            // Apply dynamic height
+                            backgroundColor: "#fff",
+                            // Match TextField bg
+                            "&:hover": {
+                              borderColor: "#000"
+                            },
+                            cursor: "text"
+                          },
+                          onClick: () => {
+                            setHoveredText(null);
+                            setHoveredTag(null);
+                            setTimeout(() => {
+                              var _a2;
+                              (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+                            }, 0);
+                          },
+                          children: getHighlightedText("howToRespond")
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(
+                        material.TextField,
+                        {
+                          name: "howToRespond",
+                          value: formData.howToRespond,
+                          onChange: (e) => {
+                            setFormData((prev) => ({ ...prev, howToRespond: e.target.value }));
+                            if (textareaRef.current) {
+                              textareaRef.current.style.height = "auto";
+                              const newHeight = textareaRef.current.scrollHeight;
+                              const clampedHeight = Math.max(84, Math.min(newHeight, 204));
+                              textareaRef.current.style.height = `${clampedHeight}px`;
+                              setTextareaHeight(clampedHeight);
+                            }
+                          },
+                          multiline: true,
+                          placeholder: "Type your response...",
+                          fullWidth: true,
+                          inputRef: textareaRef,
+                          InputProps: {
+                            sx: {
+                              // Apply font/padding/etc to the input element itself to match the <Box>
+                              "& .MuiInputBase-input": {
+                                fontFamily: howToRespondStyles.fontFamily,
+                                fontSize: howToRespondStyles.fontSize,
+                                lineHeight: howToRespondStyles.lineHeight,
+                                whiteSpace: howToRespondStyles.whiteSpace,
+                                wordWrap: howToRespondStyles.wordWrap,
+                                boxSizing: howToRespondStyles.boxSizing,
+                                // Dynamic height
+                                height: `${Math.max(84, textareaHeight)}px !important`,
+                                padding: `${howToRespondStyles.padding} !important`,
+                                overflowY: `${howToRespondStyles.overflowY} !important`,
+                                maxHeight: `${howToRespondStyles.maxHeight} !important`,
+                                minHeight: `${howToRespondStyles.minHeight} !imporant`,
+                                resize: "none"
+                              }
+                            }
+                          },
+                          sx: {
+                            // Apply container styles (border, shadow, radius) to the root
+                            borderRadius: howToRespondStyles.borderRadius,
+                            boxShadow: howToRespondStyles.boxShadow,
+                            transition: howToRespondStyles.transition,
+                            // Ensure the root's height matches the input's content
+                            "& .MuiOutlinedInput-root": {
+                              padding: 0,
+                              height: "auto",
+                              "& .MuiOutlinedInput-notchedOutline": {
+                                borderColor: "#ccc"
+                              },
+                              "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                                borderColor: "#5928ed",
+                                borderWidth: "1px"
+                              },
+                              "&:hover .MuiOutlinedInput-notchedOutline": {
+                                borderColor: "#000"
+                              }
+                            }
+                          }
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      GeneralizationAccordion["default"],
+                      {
+                        title: "Instant Learning Generalization",
+                        description: "Instant Learning Plus broadens instant learning across similar contexts.",
+                        tags: tagMappingInfoIL,
+                        appliedTags: appliedTagsIL,
+                        hoveredWord: hoveredText,
+                        isLoading: isLoadingILTags,
+                        onApply: (orig, repl) => handleApply(orig, repl, "howToRespond"),
+                        onUndo: (orig, repl) => handleUndo(orig, repl, "howToRespond"),
+                        onEditSave: (origKey, newKey, newVal) => handleEditSave(origKey, newKey, newVal, "howToRespond"),
+                        onAddSave: (key, val) => handleAddSave(key, val, "howToRespond"),
+                        setHoveredText,
+                        setHoveredTag
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2, minHeight: "380px", flexShrink: 0 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1, height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        EditableConditionsBox,
+                        {
+                          label: "When to Apply",
+                          required: true,
+                          tooltipText: "Specific situations or conditions where this learning should be applied.",
+                          conditions: whenToApply,
+                          onConditionsChange: setWhenToApply,
+                          isLoading: loadingWTA,
+                          isValidating: isValidatingConditions,
+                          onLock: handleLockValidation,
+                          onValidationFailure: handleValidationFailure,
+                          children: recommendedWta && recommendedWta.when_to_apply && Object.keys(recommendedWta.when_to_apply).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { mt: whenToApply.length > 0 ? 3 : 0, sx: { borderTop: whenToApply.length > 0 ? "1px dashed #ccc" : "none", pt: whenToApply.length > 0 ? 2 : 0 }, children: [
+                            showRecommendationHeaders.wta && // Only show headers initially
+                            /* @__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", color: "#5928ed" }, children: "AI Recommended Fix:" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(ConfidencePill, { score: recommendedWta.confidence_score })
+                            ] }),
+                            showRecommendationHeaders.wta && recommendedWta.reason && // Only show reason initially
+                            /* @__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}`
+                            ))
+                          ] })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1, height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        EditableConditionsBox,
+                        {
+                          label: "When NOT to Apply",
+                          tooltipText: "Cases where this learning should not be applied to avoid incorrect responses.",
+                          conditions: whenNotToApply,
+                          onConditionsChange: setWhenNotToApply,
+                          isLoading: loadingWNTA,
+                          isValidating: isValidatingConditions,
+                          onLock: handleLockValidation,
+                          onValidationFailure: handleValidationFailure,
+                          children: recommendedWnta && recommendedWnta.when_not_to_apply && Object.keys(recommendedWnta.when_not_to_apply).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { mt: whenNotToApply.length > 0 ? 3 : 0, sx: { borderTop: whenNotToApply.length > 0 ? "1px dashed #ccc" : "none", pt: whenNotToApply.length > 0 ? 2 : 0 }, children: [
+                            showRecommendationHeaders.wnta && // Only show headers initially
+                            /* @__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", color: "#5928ed" }, children: "AI Recommended Fix:" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(ConfidencePill, { score: recommendedWnta.confidence_score })
+                            ] }),
+                            showRecommendationHeaders.wnta && recommendedWnta.reason && // Only show reason initially
+                            /* @__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}`
+                            ))
+                          ] })
+                        }
+                      ) })
+                    ] }),
+                    showConflictingCard && localConflictData && /* @__PURE__ */ jsxRuntime.jsx(ConflictingLearningWarnCard["default"], { conflictingConditions: localConflictData }),
+                    shouldShowDBConflictCard && /* @__PURE__ */ jsxRuntime.jsx(
+                      ContextualConflictDBCard["default"],
+                      {
+                        conflictingConditions: [
+                          Object.values((learningWtaResponse == null ? void 0 : learningWtaResponse.conflicting_learnings) || {}),
+                          Object.values((learningWtaResponse == null ? void 0 : learningWtaResponse.similar_learnings) || {})
+                        ],
+                        baseUrl,
+                        organizationName,
+                        chatAssistantName,
+                        setSendMessageInChat,
+                        editConflictingLearningTrigger,
+                        editSimilarLearningTrigger,
+                        onSetOperationStatus,
+                        onDeleted,
+                        onMergeMessage,
+                        onEdited: (learningId) => {
+                          console.log("ContextualForm: Marking learning as edited from card callback:", learningId);
+                          setEditedLearningIds((prev) => new Set(prev).add(learningId));
+                        },
+                        isFromDashboard
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, ref: topicComponentRef, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Typography,
+                        {
+                          sx: {
+                            fontSize: "1rem",
+                            fontWeight: 600,
+                            fontFamily: "Plus Jakarta Sans",
+                            display: "flex",
+                            alignItems: "center",
+                            marginBottom: "8px"
+                          },
+                          children: [
+                            "Topic",
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Tooltip,
+                              {
+                                title: "Specific key subjects or concepts covered by this learning. Helps organize and trigger relavant responses from AI",
+                                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: { position: "relative" }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            fullWidth: true,
+                            placeholder: "Select or type a topic",
+                            value: topicInputValue,
+                            onChange: (e) => {
+                              setTopicInputValue(e.target.value);
+                              if (!isTopicDropdownOpen) setIsTopicDropdownOpen(true);
+                              if (e.target.value === "") {
+                                handleChange("topic", { id: null, value: "" });
+                              }
+                            },
+                            onKeyDown: handleTopicKeyDown,
+                            onClick: () => setIsTopicDropdownOpen(true),
+                            InputProps: {
+                              endAdornment: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 20, color: "#667085" }),
+                              sx: {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              }
+                            },
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              "& .MuiInputLabel-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif"
+                              },
+                              boxShadow: loadingTopic ? "0 0 12px 3px rgba(34, 197, 94, 0.6)" : "none",
+                              transition: "box-shadow 0.3s ease-in-out"
+                            }
+                          }
+                        ),
+                        isTopicDropdownOpen && /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Box,
+                          {
+                            sx: {
+                              position: "absolute",
+                              zIndex: 1300,
+                              width: "90%",
+                              mt: 1,
+                              bgcolor: "background.paper",
+                              border: "1px solid #ccc",
+                              borderRadius: "8px",
+                              boxShadow: 3,
+                              maxHeight: 200,
+                              overflowY: "auto"
+                            },
+                            children: isLoadingTopics ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 24 }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              filteredTopicOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                                material.MenuItem,
+                                {
+                                  onMouseDown: () => handleTopicSelect(option.id, option.label),
+                                  sx: { fontSize: "1rem", fontFamily: "Plus Jakarta Sans" },
+                                  children: option.label
+                                },
+                                option.id
+                              )),
+                              filteredTopicOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { disabled: true, sx: { fontSize: "1rem", fontFamily: "Plus Jakarta Sans" }, children: "No results found." })
+                            ] })
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Typography,
+                        {
+                          sx: {
+                            fontSize: "1rem",
+                            fontWeight: 600,
+                            fontFamily: "Plus Jakarta Sans",
+                            display: "flex",
+                            alignItems: "center",
+                            marginBottom: "8px"
+                          },
+                          children: [
+                            "Categories",
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Tooltip,
+                              {
+                                title: "Additional tags or classifications for organizing this learning",
+                                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: {
+                            display: "flex",
+                            flexWrap: "wrap",
+                            gap: 1,
+                            p: 1.5,
+                            border: "1px solid #ccc",
+                            borderRadius: "8px",
+                            alignItems: "center",
+                            bgcolor: "white",
+                            cursor: "text",
+                            minHeight: "56px"
+                            // Ensure min height
+                          },
+                          onClick: () => {
+                            var _a2;
+                            return (_a2 = categoryInputRef.current) == null ? void 0 : _a2.focus();
+                          },
+                          children: [
+                            currentCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Chip,
+                              {
+                                label: category.label,
+                                onDelete: () => handleDeleteCategory(category),
+                                deleteIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16 }),
+                                sx: {
+                                  bgcolor: category.isCustom ? "#e0e7ff" : "#f5f5f5",
+                                  // Different color for custom
+                                  fontSize: "1rem",
+                                  height: "36px",
+                                  fontFamily: "Plus Jakarta Sans",
+                                  "& .MuiChip-deleteIcon": {
+                                    color: "#666",
+                                    "&:hover": { color: "#333" }
+                                  }
+                                }
+                              },
+                              category.value
+                            )),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.TextField,
+                              {
+                                variant: "standard",
+                                inputRef: categoryInputRef,
+                                value: categoryInputValue,
+                                onChange: (e) => setCategoryInputValue(e.target.value),
+                                onKeyDown: handleCategoryKeyDown,
+                                placeholder: currentCategories.length === 0 ? "Add or select categories" : "",
+                                sx: {
+                                  flex: 1,
+                                  minWidth: "180px",
+                                  "& .MuiInput-underline:before": { borderBottom: "none" },
+                                  "& .MuiInput-underline:after": { borderBottom: "none" },
+                                  "& .MuiInput-underline:hover:not(.Mui-disabled):before": {
+                                    borderBottom: "none"
+                                  },
+                                  "& .MuiInputBase-input": {
+                                    fontSize: "1rem",
+                                    padding: "4px 0",
+                                    fontFamily: "Plus Jakarta Sans"
+                                  }
+                                }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      isLoadingCategories ? /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 1,
+                            mt: 2,
+                            color: "#5928ED"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, color: "inherit" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Typography,
+                              {
+                                variant: "caption",
+                                sx: {
+                                  fontSize: "0.95rem",
+                                  fontFamily: "Plus Jakarta Sans"
+                                },
+                                children: "Getting AI suggestions..."
+                              }
+                            )
+                          ]
+                        }
+                      ) : availableCategories.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1.5, mt: 2 }, children: availableCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Chip,
+                        {
+                          label: category.label,
+                          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { size: 16, style: { marginLeft: "8px" } }),
+                          onClick: () => handleAddCategory(category),
+                          sx: {
+                            bgcolor: "#f5f5f5",
+                            fontSize: "1rem",
+                            height: "36px",
+                            fontFamily: "Plus Jakarta Sans",
+                            cursor: "pointer",
+                            "&:hover": {
+                              bgcolor: "#e0e0e0"
+                            }
+                          }
+                        },
+                        category.value
+                      )) }) : !isLoadingCategories && suggestedCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Typography,
+                        {
+                          variant: "caption",
+                          sx: {
+                            color: "#666",
+                            mt: 2,
+                            fontSize: "0.95rem",
+                            fontFamily: "Plus Jakarta Sans"
+                          },
+                          children: "All suggested categories have been added."
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Typography,
+                        {
+                          variant: "caption",
+                          sx: {
+                            color: "#666",
+                            mt: 2,
+                            mb: 2,
+                            fontSize: "0.95rem",
+                            fontFamily: "Plus Jakarta Sans"
+                          },
+                          children: isLoadingCategories ? "" : availableCategories.length > 0 ? "Choose from the suggested categories based on your Instant Learning." : currentCategories.length > 0 && suggestedCategories.length === 0 && !isLoadingCategories ? "You can add more categories by typing and pressing Enter." : "Type and press Enter to add a category. AI suggestions will appear based on your 'How to respond' text."
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.FormControl, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2, alignItems: "flex-start" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flexShrink: 0 }, 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.Tooltip,
+                                {
+                                  title: "Defines at what scope this learning applies",
+                                  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.FormControl, { sx: { width: "auto", minWidth: "200px", fontFamily: "Plus Jakarta Sans" }, variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Select,
+                          {
+                            value: formData.scope.name,
+                            onChange: (e) => {
+                              const newValue = e.target.value;
+                              let scopeValue = null;
+                              if (newValue === "User") {
+                                scopeValue = [];
+                              } else if (newValue === "Assistant") {
+                                scopeValue = { assistantName: iLAssistantName || "", conciergeId: assistantId || "" };
+                              }
+                              setFormData((prev) => ({
+                                ...prev,
+                                scope: {
+                                  name: newValue,
+                                  value: scopeValue
+                                }
+                              }));
+                            },
+                            displayEmpty: true,
+                            sx: { fontFamily: "Plus Jakarta Sans" },
+                            fullWidth: true,
+                            renderValue: (selected) => {
+                              if (!selected) {
+                                return /* @__PURE__ */ jsxRuntime.jsx("em", { style: { fontFamily: "Plus Jakarta Sans", color: "#6c757d" }, children: "Select scope" });
+                              }
+                              return selected;
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "", disabled: true, sx: { fontFamily: "Plus Jakarta Sans" }, children: /* @__PURE__ */ jsxRuntime.jsx("em", { style: { fontFamily: "Plus Jakarta Sans", color: "#6c757d" }, children: "Select scope" }) }),
+                              scopeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: option.scope, sx: { fontFamily: "Plus Jakarta Sans" }, children: option.scope }, option.value))
+                            ]
+                          }
+                        ) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+                        formData.scope.name === "User" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            material.Typography,
+                            {
+                              sx: { fontSize: "1rem", fontWeight: 600, fontFamily: "Plus Jakarta Sans" },
+                              gutterBottom: true,
+                              children: [
+                                "User Details",
+                                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Tooltip,
+                                  {
+                                    title: "Select the user for whom this learning applies",
+                                    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" } })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          Array.isArray((_a = formData == null ? void 0 : formData.scope) == null ? void 0 : _a.value) && ((_b = formData == null ? void 0 : formData.scope) == null ? void 0 : _b.value.length) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 1,
+                            p: 1,
+                            bgcolor: "#ecf0f8",
+                            borderRadius: "20px",
+                            width: "fit-content"
+                          }, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: {
+                              width: 20,
+                              height: 20,
+                              borderRadius: "50%",
+                              bgcolor: "#385390",
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              color: "white",
+                              fontSize: "0.75rem"
+                            }, children: (_c = formData.scope.value[0].email[0]) == null ? void 0 : _c.toUpperCase() }),
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "#385390", fontFamily: "Plus Jakarta Sans" }, children: formData.scope.value[0].name }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                style: {
+                                  color: "#aabef2",
+                                  cursor: "pointer",
+                                  background: "transparent",
+                                  border: "none",
+                                  padding: 0,
+                                  fontSize: "1.25rem"
+                                },
+                                type: "button",
+                                onMouseOver: (e) => e.currentTarget.style.color = "#385390",
+                                onMouseOut: (e) => e.currentTarget.style.color = "#aabef2",
+                                onClick: () => {
+                                  setFormData((prev) => ({
+                                    ...prev,
+                                    scope: {
+                                      ...prev.scope,
+                                      value: []
+                                    }
+                                  }));
+                                  setUserScopeEmail("");
+                                },
+                                children: "\xD7"
+                              }
+                            )
+                          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.TextField,
+                              {
+                                fullWidth: true,
+                                type: "email",
+                                value: userScopeEmail,
+                                onChange: (e) => setUserScopeEmail(e.target.value),
+                                onKeyDown: (e) => {
+                                  if (e.key === "Enter") {
+                                    handleAddEmail();
+                                  }
+                                },
+                                placeholder: "Enter email",
+                                error: !!userScopeEmailError,
+                                helperText: userScopeEmailError,
+                                InputProps: {
+                                  sx: {
+                                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                                  }
+                                },
+                                sx: {
+                                  "& .MuiInputBase-root": {
+                                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                                  }
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Button,
+                              {
+                                variant: "contained",
+                                onClick: handleAddEmail,
+                                disabled: loadingUserEmail || !userScopeEmail || Array.isArray((_d = formData == null ? void 0 : formData.scope) == null ? void 0 : _d.value) && ((_e = formData == null ? void 0 : formData.scope) == null ? void 0 : _e.value.length) > 0,
+                                sx: {
+                                  fontFamily: "Plus Jakarta Sans",
+                                  bgcolor: "#DEE6FB",
+                                  color: "#385390",
+                                  textTransform: "none",
+                                  minWidth: "120px",
+                                  height: "56px",
+                                  ml: 1,
+                                  flexShrink: 0,
+                                  "&:hover": {
+                                    bgcolor: "#c9d9f7"
+                                  },
+                                  "&.Mui-disabled": {
+                                    bgcolor: "#f5f5f5",
+                                    color: "#9e9e9e"
+                                  }
+                                },
+                                children: loadingUserEmail ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, sx: { color: "#385390" } }) : "Add email"
+                              }
+                            )
+                          ] })
+                        ] }),
+                        formData.scope.name === "Custom" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flexShrink: 0 }, children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            material.Typography,
+                            {
+                              sx: {
+                                fontFamily: "Plus Jakarta Sans",
+                                fontSize: "1rem",
+                                fontWeight: 600,
+                                display: "flex",
+                                alignItems: "center"
+                                // marginBottom: "8px"
+                              },
+                              gutterBottom: true,
+                              children: [
+                                "Custom Filter",
+                                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Tooltip,
+                                  {
+                                    title: "Select a custom scope filter for this learning",
+                                    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.FormControl, { sx: { width: "auto", minWidth: "200px", fontFamily: "Plus Jakarta Sans" }, variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                            material.Select,
+                            {
+                              value: ((_g = (_f = formData == null ? void 0 : formData.scope) == null ? void 0 : _f.value) == null ? void 0 : _g.scopeId) || "",
+                              onChange: (e) => {
+                                const selectedScope = customScopeOptions.find((scope) => scope.scopeId === e.target.value);
+                                setFormData((prev) => ({
+                                  ...prev,
+                                  scope: {
+                                    ...prev.scope,
+                                    value: selectedScope ? {
+                                      scopeName: selectedScope.scopeName,
+                                      scopeId: selectedScope.scopeId
+                                    } : null
+                                  }
+                                }));
+                              },
+                              displayEmpty: true,
+                              sx: {
+                                fontFamily: "Plus Jakarta Sans"
+                              },
+                              fullWidth: true,
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "", disabled: true, sx: { fontFamily: "Plus Jakarta Sans" }, children: "Select Custom Filter" }),
+                                customScopeOptions.map((scope) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: scope.scopeId, sx: { fontFamily: "Plus Jakarta Sans" }, children: scope.scopeName }, scope.scopeId))
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "0.75rem", color: "text.secondary", mt: 1 }, children: customScopeOptions.length === 0 ? "No scopes available." : `${customScopeOptions.length} scopes available.` })
+                        ] }),
+                        formData.scope.name === "Assistant" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            material.Typography,
+                            {
+                              sx: {
+                                fontFamily: "Plus Jakarta Sans",
+                                fontSize: "1rem",
+                                fontWeight: 600,
+                                display: "flex",
+                                alignItems: "center"
+                                // marginBottom: "8px"
+                              },
+                              gutterBottom: true,
+                              children: [
+                                "Assistant",
+                                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { color: "red" }, children: "*" }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Tooltip,
+                                  {
+                                    title: "The assistant for which this learning applies",
+                                    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" } })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          isFromDashboard ? (
+                            //dropdown search for dashboard mode
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Autocomplete,
+                              {
+                                options: assistantOptions,
+                                loading: isAssistantLoading,
+                                getOptionLabel: (option) => option.name || "",
+                                inputValue: assistantSearchValue,
+                                onInputChange: (_, newInputValue) => {
+                                  setAssistantSearchValue(newInputValue);
+                                },
+                                onChange: (_, newValue) => {
+                                  setFormData((prev) => ({
+                                    ...prev,
+                                    scope: {
+                                      ...prev.scope,
+                                      value: newValue ? {
+                                        assistantName: newValue.name,
+                                        conciergeId: newValue.id
+                                        // Assuming API returns 'id'
+                                      } : null
+                                    }
+                                  }));
+                                },
+                                renderInput: (params) => /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.TextField,
+                                  {
+                                    ...params,
+                                    placeholder: "Search for an assistant",
+                                    InputProps: {
+                                      ...params.InputProps,
+                                      endAdornment: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                                        isAssistantLoading ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { color: "inherit", size: 20 }) : null,
+                                        params.InputProps.endAdornment
+                                      ] }),
+                                      sx: { fontFamily: "Plus Jakarta Sans, sans-serif" }
+                                    }
+                                  }
+                                )
+                              }
+                            )
+                          ) : (
+                            //read-only view for non-dashboard mode
+                            /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                material.TextField,
+                                {
+                                  fullWidth: true,
+                                  value: iLAssistantName || "",
+                                  InputProps: {
+                                    readOnly: true,
+                                    sx: {
+                                      fontFamily: "Plus Jakarta Sans, sans-serif",
+                                      bgcolor: "#fafafa"
+                                    }
+                                  },
+                                  sx: {
+                                    "& .MuiInputBase-root": {
+                                      fontFamily: "Plus Jakarta Sans, sans-serif"
+                                    }
+                                  }
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "input",
+                                {
+                                  type: "hidden",
+                                  value: iLAssistantName || "",
+                                  onChange: (e) => {
+                                    setFormData((prev) => ({
+                                      ...prev,
+                                      scope: {
+                                        ...prev.scope,
+                                        value: {
+                                          assistantName: iLAssistantName || "",
+                                          conciergeId: e.target.value || ""
+                                        }
+                                      }
+                                    }));
+                                  }
+                                }
+                              )
+                            ] })
+                          )
+                        ] })
+                      ] })
+                    ] }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", gap: 2 }, children: /* @__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,
+                      disabled: !isFormValid || isSaving || hasUnresolvedDBConflicts,
+                      sx: {
+                        width: "30%",
+                        height: "56px",
+                        fontFamily: "Plus Jakarta Sans",
+                        backgroundColor: "green",
+                        textTransform: "capitalize",
+                        "&:hover": {
+                          backgroundColor: "#006400"
+                        },
+                        pointerEvents: isSaving ? "none" : "auto"
+                      },
+                      children: [
+                        isSaving && /* @__PURE__ */ jsxRuntime.jsx(
+                          material.CircularProgress,
+                          {
+                            sx: {
+                              marginRight: "8px",
+                              color: "#fff"
+                            },
+                            size: 16
+                          }
+                        ),
+                        isSaving ? "Saving" : "Save"
+                      ]
+                    }
+                  )
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var ContextualLearningForm$1 = ContextualLearningForm;
+
+exports["default"] = ContextualLearningForm$1;
 //# sourceMappingURL=ContextualLearningForm.js.map