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

package/dist/features/DocumentLearning/_components/BookLearningForm.js

@@ -1,2 +1,1323 @@
-import{__assign as n,__spreadArray as e,__awaiter as t,__generator as o}from"tslib";import{useState as i,useEffect as r,useMemo as l,useRef as a,useCallback as s,createElement as c}from"react";import{jsxs as d,jsx as u,Fragment as f}from"react/jsx-runtime";import p from"@mui/icons-material/Delete";import h from"@mui/icons-material/Add";import m from"@mui/icons-material/Save";import g from"@mui/icons-material/Edit";import{Box as x,Typography as y,TextField as v,Autocomplete as w,Checkbox as b,ListItemText as C,CircularProgress as k,Chip as S,Button as _,Tooltip as L,IconButton as F,InputAdornment as I,Accordion as P,AccordionSummary as A,AccordionDetails as T}from"@mui/material";import z from"@mui/icons-material/CheckCircleOutline";import R from"@mui/icons-material/Cancel";import{X as J,Info as j,ChevronDown as W,Lightbulb as D}from"lucide-react";import O from"../InstantLearning.module.css.js";import{fetchBookSuggestions as V}from"../../../utils/bookGenieAPI.js";import E from"../../../hooks/useDebounce.js";import M,{Toaster as B}from"react-hot-toast";import N from"./ConflictingLearningWarnCard.js";import{http as H}from"../../../api/transport.js";var q=function(r){var l=r.label,a=r.required,s=void 0!==a&&a,c=r.tooltipText,f=r.conditions,w=r.onConditionsChange,b=r.isLoading,C=void 0!==b&&b,S=r.isValidating,_=void 0!==S&&S,P=r.onLock,A=r.onValidationFailure,T=r.children,z=i(!1),R=z[0],J=z[1];return d(x,n({sx:{display:"flex",flexDirection:"column",height:"100%"}},{children:[d(y,n({sx:{fontSize:"1rem",fontWeight:600,marginBottom:"8px",fontFamily:"Plus Jakarta Sans",display:"flex",alignItems:"center"}},{children:[l,s&&u(x,n({component:"span",sx:{color:"red"}},{children:"*"})),c&&u(L,n({title:c,placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:u(j,{size:16,style:{paddingLeft:"0.25rem"}})}))]})),d(x,n({sx:{border:"1px solid #ccc",borderRadius:"8px",padding:2,display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 32px)",bgcolor:"white",boxShadow:C?"0 0 12px 3px rgba(34, 197, 94, 0.6)":"none",transition:"box-shadow 0.3s ease-in-out"}},{children:[u(x,n({display:"flex",alignItems:"center",justifyContent:"space-between",sx:{mb:"8px"}},{children:d("div",n({style:{width:"100%",display:"flex",gap:"0.25rem",justifyContent:"space-between",alignItems:"center"}},{children:[d("div",n({style:{display:"flex",gap:"0.25rem",alignItems:"center"}},{children:[u("svg",n({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:u("g",n({clipPath:"url(#clip0_6004_60631)"},{children:u("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.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.37021Z",fill:"#5928ed"})}))})),u(y,n({variant:"body1",sx:{fontWeight:"600",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Suggestions"}))]})),d(x,{children:[u(L,n({title:"Add New Condition",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:u(F,n({onClick:function(){w(e(e([],f,!0),[""],!1)),J(!0)},size:"small",sx:{color:"gray","&:hover":{color:"black"}}},{children:u(h,{fontSize:"small"})}))})),f.length>0&&u(L,n({title:R?"Save & Lock":"Edit",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:u("span",{children:u(F,n({onClick:function(){return t(void 0,void 0,void 0,function(){var n;return o(this,function(e){switch(e.label){case 0:return R&&P?(console.log("Calling onLock (validation)..."),[4,P()]):[3,2];case 1:return n=e.sent(),console.log("Validation finished. Result (isValid):",n),J(!1),!n&&A?(console.log("Validation failed. Calling onValidationFailure..."),A()):n&&console.log("Validation succeeded."),[3,3];case 2:console.log("Toggling isEditable state (Edit clicked or no onLock)."),J(!R),e.label=3;case 3:return[2]}})})},size:"small",disabled:R&&f.some(function(n){return""===n.trim()})||_,sx:{color:"gray","&:hover":{color:"black"},opacity:_?.5:1,cursor:_?"wait":"pointer"}},{children:_?u(k,{size:20,sx:{color:"#5928ed"}}):u(R?m:g,{fontSize:"small"})}))})}))]})]}))})),u(x,n({sx:{height:"calc(100% - 38px)",overflow:"auto"}},{children:f.length>0?d(x,n({sx:{pt:"16px"}},{children:[u("ol",n({style:{paddingLeft:"0rem",margin:0,fontFamily:"Plus Jakarta Sans"}},{children:f.map(function(t,o){return d(x,n({component:"li",sx:{display:"flex",alignItems:"flex-start",gap:1,mb:o<f.length-1?2:0,fontFamily:"Plus Jakarta Sans"}},{children:[u(v,{variant:"outlined",disabled:!R,fullWidth:!0,multiline:!0,value:t,onChange:function(n){return function(n,t){var o=e([],f,!0);o[n]=t,w(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"}},InputProps:{startAdornment:d(I,n({position:"start",sx:{color:"#000",alignSelf:"flex-start",paddingTop:"12px"}},{children:[o+1,"."]}))}}),R&&u(F,n({onClick:function(){return function(n){w(f.filter(function(e,t){return t!==n}))}(o)},sx:{mt:1},size:"large"},{children:u(p,{})}))]}),o)})})),_&&u(x,n({sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",mt:3,mb:2,fontFamily:'"Plus Jakarta Sans", sans-serif',color:"#5a28ed"}},{children:u(y,n({variant:"body2",sx:{color:"#5a28ed"}},{children:"Validating your conditions"}))})),T]})):u("div",n({style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},{children:d("div",n({style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",paddingTop:"1rem",paddingBottom:"1rem"}},{children:[u("div",n({style:{fontWeight:"700",color:"#6b7280"}},{children:"No suggestions found"})),d("div",n({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"0.25rem",fontSize:"1rem",flexFlow:"wrap"}},{children:[u("div",{children:"Tell us about your learning in "}),u("span",n({style:{color:"#5928ED",fontWeight:"700"}},{children:"InstantLearning.AI"}))," ",u("span",{children:"Chat"})]}))]}))}))}))]}))]}))},Z=function(e){var t=e.color,o=void 0===t?"#fff":t,i=e.size,r=void 0===i?12:i;return d("svg",n({width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[u("path",{d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.3188 23.8989 12.0012 24.0019 11.7759 23.9658L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.37668 16.8492 4.37668 16.1502 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021Z",fill:o}),u("path",{d:"M5.69218 1.72171C5.8106 1.52009 6.19176 1.52009 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.4808 5.75512 10.4808 6.24724 10.2792 6.31018L8.53618 6.88921C7.75918 7.15018 7.15018 7.75918 6.89068 8.53618L6.31018 10.2777C6.19176 10.4793 5.8106 10.4793 5.69218 10.2777L5.11168 8.53471C4.85071 7.75918 4.24171 7.15018 3.46618 6.88921L1.72318 6.30871C1.52156 6.24576 1.52156 5.75512 1.72318 5.69071L3.46618 5.11021C4.24171 4.85071 4.85071 4.24171 5.11168 3.46471L5.69218 1.72171Z",fill:o}),u("path",{d:"M16.2957 0.148207C16.4119 0.016038 16.5905 0.016038 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.4848 2.83676 19.4848 3.16265 19.3527 3.20521L18.1917 3.59221C17.6727 3.76521 17.2662 4.17171 17.0937 4.69021L16.7067 5.85121C16.5905 5.98338 16.4119 5.98338 16.2957 5.85121L15.9087 4.69021C15.7377 4.17171 15.3312 3.76521 14.8122 3.59221L13.6512 3.20521C13.519 3.16265 13.519 2.83676 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:o})]}))},G=function(e){var t=e.score;return d(x,n({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:[u(Z,{}),d(y,n({sx:{fontSize:"0.8rem",fontWeight:600,fontFamily:"inherit"}},{children:[t,"%"]}))]}))},U=function(e){var t=e.reason,o=e.title;return d(P,n({elevation:0,sx:{backgroundColor:"#f3f0ff",border:"1px solid #dcd6f7",borderRadius:2,mb:2,"&::before":{display:"none"}}},{children:[u(A,n({expandIcon:u(W,{style:{color:"#5928ed"}}),sx:{minHeight:"auto","& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:d(x,n({sx:{display:"flex",alignItems:"center",gap:1}},{children:[u(D,{size:16,color:"#5928ed"}),u(y,n({sx:{fontSize:"0.85rem",fontWeight:600,color:"#5928ed",fontFamily:"Plus Jakarta Sans"}},{children:o}))]}))})),u(T,n({sx:{pt:0,pb:1.5,backgroundColor:"#faf9ff"}},{children:u(y,n({sx:{fontSize:"0.9rem",color:"#4A4458",fontFamily:"Plus Jakarta Sans"}},{children:t}))}))]}))},X=function(e){var t=e.condition,o=e.onAccept,i=e.onReject;return d(x,n({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",p:1,mb:1,backgroundColor:"#f0f4f8",border:"1px solid #d1d9e6",borderRadius:"4px"}},{children:[u(y,n({sx:{flex:1,fontFamily:"Plus Jakarta Sans",mr:1}},{children:t})),d(x,n({sx:{flexShrink:0}},{children:[u(F,n({onClick:o,size:"small",sx:{color:"green"}},{children:u(z,{})})),u(F,n({onClick:i,size:"small",sx:{color:"red"}},{children:u(R,{})}))]}))]}))},K=function(e){var t=e.rating,o=e.onRatingChange,r=i(0),l=r[0],a=r[1],s=function(n){var e=l||t;return e>=n?"100%":e>=n-.5?"50%":"0%"};return u(x,n({sx:{display:"flex",gap:.5},onMouseLeave:function(){return a(0)}},{children:[1,2,3,4,5].map(function(e){return d(x,n({onClick:function(n){return function(n,e){var t=n.currentTarget.getBoundingClientRect(),i=(n.clientX-t.left)/t.width<=.5;o(i?e-.5:e)}(n,e)},onMouseMove:function(n){return function(n,e){var t=n.currentTarget.getBoundingClientRect(),o=(n.clientX-t.left)/t.width<=.5;a(o?e-.5:e)}(n,e)},sx:{cursor:"pointer",fontSize:"1.5rem",color:"#E0E0E0",position:"relative",display:"inline-block",lineHeight:1}},{children:["★",u(x,n({sx:{position:"absolute",top:0,left:0,width:s(e),overflow:"hidden",color:"#FFD700"}},{children:"★"}))]}),e)})}))},Q=function(p){var h=p.question,m=p.onSubmit,g=p.rating,L=p.baseUrl,F=p.extractedRating;p.setExtractedRating;var I=p.currentDocumentDetails,P=p.formDataState,A=p.setFormDataState,T=p.instantLearningSuggestions,z=p.setSendMessageInChat,R=p.setValidationWtaResponse,j=p.availableBooks,W=p.setAvailableBooks,D=p.validationRecommendations,Z=P||{},Q=Z.whenToApply,Y=void 0===Q?[]:Q,$=Z.whenNotToApply,nn=void 0===$?[]:$,en=Z.rating,tn=void 0===en?g:en,on=Z.sourceDocuments,rn=void 0===on?[]:on,ln=i(!1),an=ln[0],sn=ln[1],cn=i(null),dn=cn[0],un=cn[1],fn=i(!1),pn=fn[0],hn=fn[1],mn=i(!1),gn=mn[0],xn=mn[1],yn=i(!1),vn=yn[0],wn=yn[1],bn=i(""),Cn=bn[0],kn=bn[1],Sn=i(50),_n=Sn[0],Ln=Sn[1],Fn=E(Cn,500),In=i(!1),Pn=In[0],An=In[1],Tn=i(null),zn=Tn[0],Rn=Tn[1],Jn={title:null==I?void 0:I.title,author:null==I?void 0:I.author},jn=i(null),Wn=jn[0],Dn=jn[1],On=i(null),Vn=On[0],En=On[1],Mn=i({wta:!1,wnta:!1}),Bn=Mn[0],Nn=Mn[1],Hn=i({wta:!1,wnta:!1}),qn=Hn[0],Zn=Hn[1];r(function(){D&&(console.log("BookLearningForm: Received new validationRecommendations:",D),Dn(D.wta),En(D.wnta),Nn({wta:!!D.wta,wnta:!!D.wnta}),Zn({wta:!1,wnta:!1}),An(!1),Rn(null))},[D]);var Gn=function(t,o,i){An(!1),Rn(null),"wta"===o?(A(function(o){var i=qn.wta?Array.from(new Set(e(e([],o.whenToApply||[],!0),[t],!1))):[t];return n(n({},o),{whenToApply:i})}),Zn(function(e){return n(n({},e),{wta:!0})}),Dn(function(e){if(!e||!e.when_to_apply)return e;var t=n({},e.when_to_apply);return delete t[i],0===Object.keys(t).length?null:n(n({},e),{when_to_apply:t})})):(A(function(o){var i=qn.wnta?Array.from(new Set(e(e([],o.whenNotToApply||[],!0),[t],!1))):[t];return n(n({},o),{whenNotToApply:i})}),Zn(function(e){return n(n({},e),{wnta:!0})}),En(function(e){if(!e||!e.when_not_to_apply)return e;var t=n({},e.when_not_to_apply);return delete t[i],0===Object.keys(t).length?null:n(n({},e),{when_not_to_apply:t})}))},Un=function(e,t,o){"wta"===t?Dn(function(e){if(!e||!e.when_to_apply)return e;var t=n({},e.when_to_apply);return delete t[o],0===Object.keys(t).length?null:n(n({},e),{when_to_apply:t})}):En(function(e){if(!e||!e.when_not_to_apply)return e;var t=n({},e.when_not_to_apply);return delete t[o],0===Object.keys(t).length?null:n(n({},e),{when_not_to_apply:t})})},Xn=function(){return t(void 0,void 0,void 0,function(){var n,e,t,i,r,l,a,s,c,d,u,f,p;return o(this,function(o){switch(o.label){case 0:if(console.log("handleLockValidation started."),An(!1),Rn(null),R(null),!L)return console.error("❌ ERROR: Missing baseUrl for validation."),[2,!1];if(vn)return console.log("❕ Validation already in progress. Aborting."),[2,!1];wn(!0),n=Y.filter(function(n){return""!==n.trim()}),e=nn.filter(function(n){return""!==n.trim()}),t="".concat(L,"/instant_learning/validate-wta"),i={whenToApply:n,whenNotToApply:e},o.label=1;case 1:return o.trys.push([1,3,,4]),console.log("📡 Firing fetch request to:",t),[4,H.post(t,i,{headers:{"Content-Type":"application/json"},validateStatus:function(){return!0}})];case 2:if(r=o.sent(),console.log("✅ Request initiated. Status Code:",r.status),r.status<200||r.status>=300){l="Could not read error body.";try{l="string"==typeof r.data?r.data:JSON.stringify(r.data)}catch(n){}throw console.error("❌ API Error Response (".concat(r.status,"):"),l),new Error("API Error: ".concat(r.status))}return a=r.data,console.log("✅ Validation API response data:",a),R(a.response),wn(!1),(s=!0===(null===(u=null==a?void 0:a.response)||void 0===u?void 0:u.is_valid))?(An(!1),Rn(null)):(console.log("Validation API reported failure."),Rn((null===(f=null==a?void 0:a.response)||void 0===f?void 0:f.conflictingConditions)||[{conflictType:"api_validation_error",reason:(null===(p=null==a?void 0:a.response)||void 0===p?void 0:p.reason)||"Validation failed for an unknown reason."}]),An(!0)),console.log("handleLockValidation returning:",s),[2,s];case 3:return c=o.sent(),console.error("❌ Validation API fetch FAILED:",c.message,c),d={is_valid:!1,reason:"Failed to connect to validation service: ".concat(c.message),conflictingConditions:[{conflictType:"api_error",reason:"Failed to connect to validation service: ".concat(c.message)}]},R(d),Rn(d.conflictingConditions),An(!0),wn(!1),console.log("handleLockValidation returning false due to error."),[2,!1];case 4:return[2]}})})},Kn=function(){console.log("handleValidationFailure triggered."),z("Validation Failed. Do you have any recommendations for me?")},Qn=function(n){return n?n.toLowerCase().replace(/[^a-z0-9]/g,""):""},Yn=l(function(){for(var n=new Map,e=0,t=j;e<t.length;e++){var o=t[e];n.set(Qn(o.title),o.title)}return n},[j]),$n=!!h&&Y.length>0&&tn>0,ne=l(function(){return Fn.length<3?j:j.filter(function(n){return n.title.toLowerCase().includes(Fn.toLowerCase())})},[j,Fn]);r(function(){var e,t;if(T){var o=null===(e=null==T?void 0:T.conditions_whentoapply)||void 0===e?void 0:e.map(function(n){return n.when_to_apply}).filter(Boolean),i=null===(t=null==T?void 0:T.conditions_whennottoapply)||void 0===t?void 0:t.map(function(n){return n.when_not_to_apply}).filter(Boolean);(null==o?void 0:o.length)>0&&(hn(!0),setTimeout(function(){return hn(!1)},400)),(null==i?void 0:i.length)>0&&(xn(!0),setTimeout(function(){return xn(!1)},400)),((null==o?void 0:o.length)>0||(null==i?void 0:i.length)>0)&&(Dn(null),En(null),Nn({wta:!1,wnta:!1}),An(!1),Rn(null),A(function(e){return n(n({},e),{whenToApply:(null==o?void 0:o.length)>0?o:e.whenToApply,whenNotToApply:(null==i?void 0:i.length)>0?i:e.whenNotToApply})}))}},[T,A]);var ee=a("");r(function(){if(0!==Yn.size){var t=JSON.stringify(e([],rn,!0).sort());if(ee.current!==t){ee.current=t;var o=[],i=[];if(rn.forEach(function(n){var e=Qn(n);Yn.has(e)?o.push(Yn.get(e)):i.push(n)}),i.length>0){console.warn("[BookLearningForm] Invalid books:",i);var r=i[i.length-1];M.error("The suggested book could not be found: ".concat(r),{duration:6e3,style:{fontFamily:"Plus Jakarta Sans"}})}JSON.stringify(o.sort())!==t&&(console.log("[BookLearningForm] Normalizing source documents. Found valid:",o),A(function(e){return n(n({},e),{sourceDocuments:o})}))}}},[rn,Yn,A]),r(function(){Ln(50)},[Fn]),r(function(){null!=F&&A(function(e){return n(n({},e),{rating:F})})},[F,A]),r(function(){if(L){t(void 0,void 0,void 0,function(){var n,e;return o(this,function(t){switch(t.label){case 0:sn(!0),un(null),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,V()];case 2:return n=t.sent(),W(n),[3,5];case 3:return e=t.sent(),console.error("Error loading book suggestions:",e),un("Failed to load book suggestions."),[3,5];case 4:return sn(!1),[7];case 5:return[2]}})})}},[L,W]);var te=l(function(){return ne.slice(0,_n).map(function(n){return n.title})},[ne,_n]),oe=s(function(n){var e=n.currentTarget;e.scrollTop+e.clientHeight+40>=e.scrollHeight&&Ln(function(n){return Math.min(n+50,ne.length)})},[ne.length]);return d(x,n({p:0,className:O.customFont,sx:{display:"flex",flexDirection:"column",height:"100%",width:"95%",ml:2}},{children:[d(x,n({sx:{fontFamily:"Plus Jakarta Sans",display:"flex",flexDirection:"column",gap:2,justifyContent:"space-between",flexGrow:1,paddingTop:"20px",height:"100%",overflow:"auto"}},{children:[d(x,n({sx:{display:"flex",flexDirection:"column",gap:"20px",height:"calc(100% - 70px)",overflow:"auto",position:"relative"}},{children:[u(y,n({sx:{fontSize:{sm:"1.1rem",md:"1.25rem"},fontWeight:600,fontFamily:"Plus Jakarta Sans",color:"#000"}},{children:"We noticed you didn't like the recommendation"})),u(x,n({sx:{border:"1px solid #e0e0e0",borderRadius:"12px",padding:{sm:2,md:3},backgroundColor:"white"}},{children:d(x,n({sx:{display:"flex",gap:{sm:2,md:3},alignItems:"flex-start",flexDirection:{sm:"column",md:"row"}}},{children:[u(x,n({sx:{width:{sm:"80px",md:"100px"},height:{sm:"120px",md:"150px"},flexShrink:0,borderRadius:"8px",overflow:"hidden",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",alignSelf:{sm:"center",md:"flex-start"}}},{children:u("img",{src:null==I?void 0:I.coverUrl,alt:"Book cover",style:{width:"100%",height:"100%",objectFit:"cover"}})})),d(x,n({sx:{flex:1,width:{sm:"100%",md:"auto"}}},{children:[u(y,n({sx:{fontSize:{sm:"0.7rem",md:"0.75rem"},color:"#666",fontFamily:"Plus Jakarta Sans",mb:.5,fontWeight:500}},{children:"Here's what you searched for"})),u(v,{fullWidth:!0,value:h,InputProps:{readOnly:!0,sx:{fontFamily:"Plus Jakarta Sans",fontSize:{sm:"0.85rem",md:"0.95rem"},bgcolor:"#fafafa"}},sx:{mb:2,"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans"}}}),d(x,n({sx:{display:"flex",gap:2,flexDirection:{sm:"column",lg:"row"}}},{children:[d(x,n({sx:{flex:1,width:{sm:"100%",lg:"auto"}}},{children:[u(y,n({sx:{fontSize:{sm:"0.7rem",md:"0.75rem"},color:"#666",fontFamily:"Plus Jakarta Sans",mb:.5,fontWeight:500}},{children:"Recommendation"})),u(x,n({sx:{border:"1px solid #c4c4c4",borderRadius:"4px",padding:{sm:"12px 10px",md:"16px 14px"},bgcolor:"#fafafa",minHeight:{sm:"48px",md:"56px"},display:"flex",alignItems:"center",boxSizing:"border-box",overflow:"hidden"}},{children:d(y,n({sx:{fontFamily:"Plus Jakarta Sans",fontSize:{sm:"0.85rem",md:"0.95rem"},color:"#000",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",width:"100%",lineHeight:1.4}},{children:[Jn.title," by ",Jn.author]}))}))]})),d(x,n({sx:{minWidth:{sm:"100%",lg:"200px"},display:"flex",flexDirection:"column"}},{children:[d(y,n({sx:{fontSize:{sm:"0.7rem",md:"0.75rem"},color:"#666",fontFamily:"Plus Jakarta Sans",mb:.5,fontWeight:500}},{children:["Ratings ",u("span",n({style:{color:"red"}},{children:"*"}))]})),u(x,n({sx:{border:"1px solid #c4c4c4",borderRadius:"4px",padding:{sm:"12px 10px",md:"16px 14px"},bgcolor:"#fafafa",minHeight:{sm:"48px",md:"56px"},display:"flex",alignItems:"center",justifyContent:{sm:"center",lg:"flex-start"},boxSizing:"border-box"}},{children:u(K,{rating:tn,onRatingChange:function(e){A(function(t){return n(n({},t),{rating:e})})}})}))]}))]}))]}))]}))})),u(y,n({sx:{fontSize:{sm:"1rem",md:"1.1rem"},fontWeight:600,fontFamily:"Plus Jakarta Sans",color:"#000"}},{children:"Help us improve the recommendation"})),d(x,n({sx:{display:"flex",gap:2,minHeight:"300px",flexShrink:0}},{children:[u(x,n({sx:{flex:1,height:"100%"}},{children:u(q,n({label:"When to Apply",required:!0,tooltipText:"Specific situations or conditions where this learning should be applied.",conditions:Y,onConditionsChange:function(e){A(function(t){return n(n({},t),{whenToApply:e})})},isLoading:pn,isValidating:vn,onLock:Xn,onValidationFailure:Kn},{children:Wn&&Wn.when_to_apply&&Object.keys(Wn.when_to_apply).length>0&&d(x,n({mt:Y.length>0?3:0,sx:{borderTop:Y.length>0?"1px dashed #ccc":"none",pt:Y.length>0?2:0}},{children:[Bn.wta&&d(x,n({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[u(y,n({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Recommended Fix:"})),u(G,{score:Wn.confidence_score})]})),Bn.wta&&Wn.reason&&u(U,{reason:Wn.reason,title:"Why these suggestions?"}),Object.entries(Wn.when_to_apply).map(function(n){var e=n[0],t=n[1];return u(X,{condition:"".concat(e,". ").concat(t),onAccept:function(){return Gn(t,"wta",e)},onReject:function(){return Un(0,"wta",e)}},"rec-wta-".concat(e))})]}))}))})),u(x,n({sx:{flex:1,height:"100%"}},{children:u(q,n({label:"When NOT to Apply",tooltipText:"Cases where this learning should not be applied to avoid incorrect responses.",conditions:nn,onConditionsChange:function(e){A(function(t){return n(n({},t),{whenNotToApply:e})})},isLoading:gn,isValidating:vn,onLock:Xn,onValidationFailure:Kn},{children:Vn&&Vn.when_not_to_apply&&Object.keys(Vn.when_not_to_apply).length>0&&d(x,n({mt:nn.length>0?3:0,sx:{borderTop:nn.length>0?"1px dashed #ccc":"none",pt:nn.length>0?2:0}},{children:[Bn.wnta&&d(x,n({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5}},{children:[u(y,n({variant:"subtitle2",sx:{fontWeight:"bold",fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"AI Recommended Fix:"})),u(G,{score:Vn.confidence_score})]})),Bn.wnta&&Vn.reason&&u(U,{reason:Vn.reason,title:"Why these suggestions?"}),Object.entries(Vn.when_not_to_apply).map(function(n){var e=n[0],t=n[1];return u(X,{condition:"".concat(e,". ").concat(t),onAccept:function(){return Gn(t,"wnta",e)},onReject:function(){return Un(0,"wnta",e)}},"rec-wnta-".concat(e))})]}))}))}))]})),Pn&&zn&&u(N,{conflictingConditions:zn}),d(x,{children:[u(y,n({sx:{fontSize:"1rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",mb:1.5}},{children:"Add Recommendations"})),u(w,{multiple:!0,id:"book-recommendation-autocomplete",options:te,onChange:function(e,t){A(function(e){return n(n({},e),{sourceDocuments:t})})},value:rn,isOptionEqualToValue:function(n,e){return Qn(n)===Qn(e)},disabled:an,disableCloseOnSelect:!0,inputValue:Cn,renderTags:function(){return null},onInputChange:function(n,e,t){"input"===t&&kn(e)},onOpen:function(){Ln(50)},filterOptions:function(n){return n},ListboxProps:{onScroll:oe},getOptionLabel:function(n){return n},renderOption:function(e,t,o){var i=o.selected;return c("li",n({},e,{key:t}),u(b,{checked:i}),u(C,{primary:t,sx:{fontFamily:"Plus Jakarta Sans"}}))},fullWidth:!0,loading:an,noOptionsText:dn?"Failed to load book suggestions.":Fn.length<3&&ne.length>0?"Type at least 3 characters to search":"No books found.",renderInput:function(e){return u(v,n({},e,{placeholder:"Search books which fit your description...",InputProps:n(n({},e.InputProps),{endAdornment:d(f,{children:[an?u(k,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})}),sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"white","& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans"},"& .MuiOutlinedInput-notchedOutline":{borderColor:"#e0e0e0"}}}))}}),rn.length>0&&u(x,n({sx:{display:"flex",flexWrap:"wrap",gap:1,mt:2}},{children:rn.map(function(e){return u(S,{label:u(x,n({sx:{display:"flex",flexDirection:"column",py:.5}},{children:u(y,n({sx:{fontSize:"0.875rem",fontFamily:"Plus Jakarta Sans",fontWeight:600,lineHeight:1.4}},{children:e}))})),onDelete:function(){return t=e,void A(function(e){return n(n({},e),{sourceDocuments:(e.sourceDocuments||[]).filter(function(n){return n!==t})})});var t},deleteIcon:u(x,n({sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"18px",height:"18px",borderRadius:"50%",backgroundColor:"#d0d0d0",marginRight:"4px","&:hover":{backgroundColor:"#b0b0b0"}}},{children:u(J,{size:12,color:"#666"})})),sx:{height:"auto",padding:"6px 8px 6px 12px",backgroundColor:"#f5f5f5",border:"1px solid #e0e0e0",borderRadius:"8px","& .MuiChip-label":{padding:0,paddingRight:"8px"},"& .MuiChip-deleteIcon":{margin:0}}},e)})}))]})]})),u(x,n({sx:{display:"flex",gap:2,pt:2}},{children:u(x,n({sx:{flex:1,display:"flex",alignItems:"flex-end",justifyContent:"flex-end"}},{children:u(_,n({variant:"contained",onClick:function(){var n={question:h,whenToApply:Y.filter(function(n){return""!==n.trim()}),whenNotToApply:nn.filter(function(n){return""!==n.trim()}),rating:tn,sourceDocuments:rn};console.log("Form Data:",n),z("Save it"),m&&m(n)},disabled:!$n,sx:{width:"120px",height:"48px",fontFamily:"Plus Jakarta Sans",backgroundColor:"#5928ED",textTransform:"capitalize",fontSize:"1rem",fontWeight:600,borderRadius:"8px","&:hover":{backgroundColor:"#4820C9"},"&.Mui-disabled":{backgroundColor:"#E0E0E0",color:"#999"}}},{children:"Save"}))}))}))]})),u(B,{position:"bottom-center",containerStyle:{bottom:60,left:60},toastOptions:{style:{fontFamily:"Plus Jakarta Sans",fontSize:"0.95rem"}}})]}))};export{Q as default};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo, useRef, useCallback, createElement } from 'react';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+import SaveIcon from '@mui/icons-material/Save';
+import EditIcon from '@mui/icons-material/Edit';
+import { Box, Typography, TextField, Autocomplete, Checkbox, ListItemText, CircularProgress, Chip, Button, Tooltip, IconButton, InputAdornment, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+import CancelIcon from '@mui/icons-material/Cancel';
+import { X, Info, ChevronDown, Lightbulb } from 'lucide-react';
+import styles from '../InstantLearning.module.css.js';
+import { fetchBookSuggestions } from '../../../utils/bookGenieAPI.js';
+import useDebounce from '../../../hooks/useDebounce.js';
+import toast, { Toaster } from 'react-hot-toast';
+import ConflictsDisplay from './ConflictingLearningWarnCard.js';
+import { http } from '../../../api/transport.js';
+
+const EditableConditionsBox = ({
+  label,
+  required = false,
+  tooltipText,
+  conditions,
+  onConditionsChange,
+  isLoading = false,
+  isValidating = false,
+  onLock,
+  onValidationFailure,
+  children
+}) => {
+  const [isEditable, setIsEditable] = 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));
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ jsxs(
+      Typography,
+      {
+        sx: {
+          fontSize: "1rem",
+          fontWeight: 600,
+          marginBottom: "8px",
+          fontFamily: "Plus Jakarta Sans",
+          display: "flex",
+          alignItems: "center"
+        },
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "red" }, children: "*" }),
+          tooltipText && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: tooltipText,
+              placement: "top",
+              arrow: true,
+              componentsProps: {
+                tooltip: {
+                  sx: {
+                    fontSize: "0.875rem",
+                    padding: "0.5rem",
+                    fontFamily: "Plus Jakarta Sans, sans-serif"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx(Info, { size: 16, style: { paddingLeft: "0.25rem" } })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      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__ */ jsx(
+            Box,
+            {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              sx: { mb: "8px" },
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    gap: "0.25rem",
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.25rem", alignItems: "center" }, children: [
+                      /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          width: "24",
+                          height: "24",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          children: /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_6004_60631)", children: /* @__PURE__ */ 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.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.37021Z",
+                              fill: "#5928ed"
+                            }
+                          ) })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: { fontWeight: "600", fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                          children: "AI Suggestions"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs(Box, { children: [
+                      /* @__PURE__ */ jsx(
+                        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__ */ jsx(
+                            IconButton,
+                            {
+                              onClick: handleAdd,
+                              size: "small",
+                              sx: {
+                                color: "gray",
+                                "&:hover": {
+                                  color: "black"
+                                }
+                              },
+                              children: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" })
+                            }
+                          )
+                        }
+                      ),
+                      conditions.length > 0 && /* @__PURE__ */ jsx(
+                        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__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                            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" },
+                                opacity: isValidating ? 0.5 : 1,
+                                cursor: isValidating ? "wait" : "pointer"
+                              },
+                              children: isValidating ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, sx: { color: "#5928ed" } }) : isEditable ? /* @__PURE__ */ jsx(SaveIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(EditIcon, { fontSize: "small" })
+                            }
+                          ) })
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { sx: { height: "calc(100% - 38px)", overflow: "auto" }, children: conditions.length > 0 ? /* @__PURE__ */ jsxs(Box, { sx: { pt: "16px" }, children: [
+            /* @__PURE__ */ jsx("ol", { style: { paddingLeft: "0rem", margin: 0, fontFamily: "Plus Jakarta Sans" }, children: conditions.map((value, index) => /* @__PURE__ */ jsxs(
+              Box,
+              {
+                component: "li",
+                sx: {
+                  display: "flex",
+                  alignItems: "flex-start",
+                  gap: 1,
+                  mb: index < conditions.length - 1 ? 2 : 0,
+                  fontFamily: "Plus Jakarta Sans"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    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"
+                        }
+                      },
+                      InputProps: {
+                        startAdornment: /* @__PURE__ */ jsxs(
+                          InputAdornment,
+                          {
+                            position: "start",
+                            sx: { color: "#000", alignSelf: "flex-start", paddingTop: "12px" },
+                            children: [
+                              index + 1,
+                              "."
+                            ]
+                          }
+                        )
+                      }
+                    }
+                  ),
+                  isEditable && /* @__PURE__ */ jsx(IconButton, { onClick: () => handleDelete(index), sx: { mt: 1 }, size: "large", children: /* @__PURE__ */ jsx(DeleteIcon, {}) })
+                ]
+              },
+              index
+            )) }),
+            isValidating && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  gap: "6px",
+                  mt: 3,
+                  mb: 2,
+                  fontFamily: '"Plus Jakarta Sans", sans-serif',
+                  color: "#5a28ed"
+                },
+                children: /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "#5a28ed" }, children: "Validating your conditions" })
+              }
+            ),
+            children
+          ] }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                    paddingTop: "1rem",
+                    paddingBottom: "1rem"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { style: { fontWeight: "700", color: "#6b7280" }, children: "No suggestions found" }),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexDirection: "row",
+                          justifyContent: "center",
+                          alignItems: "center",
+                          gap: "0.25rem",
+                          fontSize: "1rem",
+                          flexFlow: "wrap"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("div", { children: "Tell us about your learning in " }),
+                          /* @__PURE__ */ jsx("span", { style: { color: "#5928ED", fontWeight: "700" }, children: "InstantLearning.AI" }),
+                          " ",
+                          /* @__PURE__ */ jsx("span", { children: "Chat" })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+const SparklesIcon = ({ color = "#fff", size = 12 }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(
+  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__ */ jsx(SparklesIcon, {}),
+      /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.8rem", fontWeight: 600, fontFamily: "inherit" }, children: [
+        score,
+        "%"
+      ] })
+    ]
+  }
+);
+const ReasonAccordion = ({ reason, title }) => /* @__PURE__ */ jsxs(
+  Accordion,
+  {
+    elevation: 0,
+    sx: {
+      backgroundColor: "#f3f0ff",
+      border: "1px solid #dcd6f7",
+      borderRadius: 2,
+      mb: 2,
+      "&::before": { display: "none" }
+    },
+    children: [
+      /* @__PURE__ */ jsx(
+        AccordionSummary,
+        {
+          expandIcon: /* @__PURE__ */ jsx(ChevronDown, { style: { color: "#5928ed" } }),
+          sx: { minHeight: "auto", "& .MuiAccordionSummary-content": { margin: "12px 0" } },
+          children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx(Lightbulb, { size: 16, color: "#5928ed" }),
+            /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "#5928ed", fontFamily: "Plus Jakarta Sans" }, children: title })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(AccordionDetails, { sx: { pt: 0, pb: 1.5, backgroundColor: "#faf9ff" }, children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.9rem", color: "#4A4458", fontFamily: "Plus Jakarta Sans" }, children: reason }) })
+    ]
+  }
+);
+const RecommendationBox = ({ condition, onAccept, onReject }) => /* @__PURE__ */ jsxs(
+  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__ */ jsx(Typography, { sx: { flex: 1, fontFamily: "Plus Jakarta Sans", mr: 1 }, children: condition }),
+      /* @__PURE__ */ jsxs(Box, { sx: { flexShrink: 0 }, children: [
+        /* @__PURE__ */ jsx(IconButton, { onClick: onAccept, size: "small", sx: { color: "green" }, children: /* @__PURE__ */ jsx(CheckCircleOutlineIcon, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { onClick: onReject, size: "small", sx: { color: "red" }, children: /* @__PURE__ */ jsx(CancelIcon, {}) })
+      ] })
+    ]
+  }
+);
+const StarRating = ({ rating, onRatingChange }) => {
+  const [hoverRating, setHoverRating] = useState(0);
+  const handleMouseMove = (e, starValue) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const isHalf = (e.clientX - rect.left) / rect.width <= 0.5;
+    setHoverRating(isHalf ? starValue - 0.5 : starValue);
+  };
+  const handleClick = (e, starValue) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const isHalf = (e.clientX - rect.left) / rect.width <= 0.5;
+    onRatingChange(isHalf ? starValue - 0.5 : starValue);
+  };
+  const getStarWidth = (starValue) => {
+    const displayRating = hoverRating || rating;
+    if (displayRating >= starValue) return "100%";
+    if (displayRating >= starValue - 0.5) return "50%";
+    return "0%";
+  };
+  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5 }, onMouseLeave: () => setHoverRating(0), children: [1, 2, 3, 4, 5].map((starValue) => /* @__PURE__ */ jsxs(
+    Box,
+    {
+      onClick: (e) => handleClick(e, starValue),
+      onMouseMove: (e) => handleMouseMove(e, starValue),
+      sx: {
+        cursor: "pointer",
+        fontSize: "1.5rem",
+        color: "#E0E0E0",
+        position: "relative",
+        display: "inline-block",
+        lineHeight: 1
+      },
+      children: [
+        "\u2605",
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: getStarWidth(starValue),
+              overflow: "hidden",
+              color: "#FFD700"
+            },
+            children: "\u2605"
+          }
+        )
+      ]
+    },
+    starValue
+  )) });
+};
+const BookLearningForm = ({
+  question,
+  onSubmit,
+  rating: initialRating,
+  baseUrl,
+  extractedRating,
+  setExtractedRating,
+  currentDocumentDetails,
+  formDataState,
+  setFormDataState,
+  instantLearningSuggestions,
+  setSendMessageInChat,
+  setValidationWtaResponse,
+  availableBooks,
+  setAvailableBooks,
+  validationRecommendations
+}) => {
+  const {
+    whenToApply = [],
+    whenNotToApply = [],
+    rating = initialRating,
+    sourceDocuments = []
+  } = formDataState || {};
+  const [isLoadingBooks, setIsLoadingBooks] = useState(false);
+  const [bookFetchError, setBookFetchError] = useState(null);
+  const [loadingWTA, setLoadingWTA] = useState(false);
+  const [loadingWnTA, setLoadingWnTA] = useState(false);
+  const [isValidatingConditions, setIsValidatingConditions] = useState(false);
+  const PAGE_SIZE = 50;
+  const [bookInputValue, setBookInputValue] = useState("");
+  const [visibleBookCount, setVisibleBookCount] = useState(PAGE_SIZE);
+  const debouncedBookInput = useDebounce(bookInputValue, 500);
+  const [showConflictingCard, setShowConflictingCard] = useState(false);
+  const [localConflictData, setLocalConflictData] = useState(null);
+  const recommendation = {
+    title: currentDocumentDetails == null ? void 0 : currentDocumentDetails.title,
+    author: currentDocumentDetails == null ? void 0 : currentDocumentDetails.author
+  };
+  const [recommendedWta, setRecommendedWta] = useState(null);
+  const [recommendedWnta, setRecommendedWnta] = useState(null);
+  const [showRecommendationHeaders, setShowRecommendationHeaders] = useState({ wta: false, wnta: false });
+  const [hasAcceptedFromBatch, setHasAcceptedFromBatch] = useState({ wta: false, wnta: false });
+  useEffect(() => {
+    if (validationRecommendations) {
+      console.log("BookLearningForm: 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]);
+  const handleAcceptRecommendation = (condition, type, key) => {
+    setShowConflictingCard(false);
+    setLocalConflictData(null);
+    if (type === "wta") {
+      setFormDataState((prev) => {
+        const newWta = !hasAcceptedFromBatch.wta ? [condition] : Array.from(/* @__PURE__ */ new Set([...prev.whenToApply || [], condition]));
+        return { ...prev, whenToApply: newWta };
+      });
+      setHasAcceptedFromBatch((prev) => ({ ...prev, wta: true }));
+      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 {
+      setFormDataState((prev) => {
+        const newWnta = !hasAcceptedFromBatch.wnta ? [condition] : Array.from(/* @__PURE__ */ new Set([...prev.whenNotToApply || [], condition]));
+        return { ...prev, whenNotToApply: newWnta };
+      });
+      setHasAcceptedFromBatch((prev) => ({ ...prev, wnta: true }));
+      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 handleLockValidation = async () => {
+    var _a, _b, _c;
+    console.log("handleLockValidation started.");
+    setShowConflictingCard(false);
+    setLocalConflictData(null);
+    setValidationWtaResponse(null);
+    if (!baseUrl) {
+      console.error("\u274C ERROR: Missing baseUrl for validation.");
+      return false;
+    }
+    if (isValidatingConditions) {
+      console.log("\u2755 Validation already in progress. Aborting.");
+      return false;
+    }
+    setIsValidatingConditions(true);
+    const currentWta = whenToApply.filter((c) => c.trim() !== "");
+    const currentWnta = whenNotToApply.filter((c) => c.trim() !== "");
+    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 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 = ((_a = data == null ? void 0 : data.response) == null ? void 0 : _a.is_valid) === true;
+      if (!isValid) {
+        console.log("Validation API reported failure.");
+        setLocalConflictData(((_b = data == null ? void 0 : data.response) == null ? void 0 : _b.conflictingConditions) || [{
+          conflictType: "api_validation_error",
+          reason: ((_c = data == null ? void 0 : data.response) == null ? void 0 : _c.reason) || "Validation failed for an unknown reason."
+        }]);
+        setShowConflictingCard(true);
+      } else {
+        setShowConflictingCard(false);
+        setLocalConflictData(null);
+      }
+      console.log("handleLockValidation returning:", isValid);
+      return isValid;
+    } catch (error) {
+      console.error("\u274C Validation API fetch FAILED:", error.message, error);
+      const networkErrorData = {
+        is_valid: false,
+        reason: `Failed to connect to validation service: ${error.message}`,
+        conflictingConditions: [{
+          conflictType: "api_error",
+          reason: `Failed to connect to validation service: ${error.message}`
+        }]
+      };
+      setValidationWtaResponse(networkErrorData);
+      setLocalConflictData(networkErrorData.conflictingConditions);
+      setShowConflictingCard(true);
+      setIsValidatingConditions(false);
+      console.log("handleLockValidation returning false due to error.");
+      return false;
+    }
+  };
+  const handleValidationFailure = () => {
+    console.log("handleValidationFailure triggered.");
+    setSendMessageInChat("Validation Failed. Do you have any recommendations for me?");
+  };
+  const normalizeTitle = (title) => {
+    if (!title) return "";
+    return title.toLowerCase().replace(/[^a-z0-9]/g, "");
+  };
+  const availableBookMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const book of availableBooks) {
+      map.set(normalizeTitle(book.title), book.title);
+    }
+    return map;
+  }, [availableBooks]);
+  const handleSubmit = () => {
+    const formData = {
+      question,
+      whenToApply: whenToApply.filter((c) => c.trim() !== ""),
+      whenNotToApply: whenNotToApply.filter((c) => c.trim() !== ""),
+      rating,
+      sourceDocuments
+    };
+    console.log("Form Data:", formData);
+    setSendMessageInChat("Save it");
+    if (onSubmit) onSubmit(formData);
+  };
+  const handleRemoveDocument = (docToRemove) => {
+    setFormDataState((prev) => ({
+      ...prev,
+      sourceDocuments: (prev.sourceDocuments || []).filter((doc) => doc !== docToRemove)
+    }));
+  };
+  const isFormValid = !!question && whenToApply.length > 0 && rating > 0;
+  const memoizedFullFilteredList = useMemo(() => {
+    if (debouncedBookInput.length < 3) {
+      return availableBooks;
+    }
+    return availableBooks.filter(
+      (book) => book.title.toLowerCase().includes(debouncedBookInput.toLowerCase())
+    );
+  }, [availableBooks, debouncedBookInput]);
+  useEffect(() => {
+    var _a, _b;
+    if (instantLearningSuggestions) {
+      const whenToApplyStrings = (_a = instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whentoapply) == null ? void 0 : _a.map(
+        (item) => item.when_to_apply
+      ).filter(Boolean);
+      const whenNotToApplyStrings = (_b = instantLearningSuggestions == null ? void 0 : instantLearningSuggestions.conditions_whennottoapply) == null ? void 0 : _b.map(
+        (item) => item.when_not_to_apply
+      ).filter(Boolean);
+      if ((whenToApplyStrings == null ? void 0 : whenToApplyStrings.length) > 0) {
+        setLoadingWTA(true);
+        setTimeout(() => setLoadingWTA(false), 400);
+      }
+      if ((whenNotToApplyStrings == null ? void 0 : whenNotToApplyStrings.length) > 0) {
+        setLoadingWnTA(true);
+        setTimeout(() => setLoadingWnTA(false), 400);
+      }
+      if ((whenToApplyStrings == null ? void 0 : whenToApplyStrings.length) > 0 || (whenNotToApplyStrings == null ? void 0 : whenNotToApplyStrings.length) > 0) {
+        setRecommendedWta(null);
+        setRecommendedWnta(null);
+        setShowRecommendationHeaders({ wta: false, wnta: false });
+        setShowConflictingCard(false);
+        setLocalConflictData(null);
+        setFormDataState((prev) => ({
+          ...prev,
+          whenToApply: (whenToApplyStrings == null ? void 0 : whenToApplyStrings.length) > 0 ? whenToApplyStrings : prev.whenToApply,
+          whenNotToApply: (whenNotToApplyStrings == null ? void 0 : whenNotToApplyStrings.length) > 0 ? whenNotToApplyStrings : prev.whenNotToApply
+        }));
+      }
+    }
+  }, [instantLearningSuggestions, setFormDataState]);
+  const lastProcessedDocsRef = useRef("");
+  useEffect(() => {
+    if (availableBookMap.size === 0) {
+      return;
+    }
+    const currentDocsKey = JSON.stringify([...sourceDocuments].sort());
+    if (lastProcessedDocsRef.current === currentDocsKey) {
+      return;
+    }
+    lastProcessedDocsRef.current = currentDocsKey;
+    const validTitles = [];
+    const missingTitles = [];
+    sourceDocuments.forEach((docTitle) => {
+      const normalizedDocTitle = normalizeTitle(docTitle);
+      if (availableBookMap.has(normalizedDocTitle)) {
+        validTitles.push(availableBookMap.get(normalizedDocTitle));
+      } else {
+        missingTitles.push(docTitle);
+      }
+    });
+    if (missingTitles.length > 0) {
+      console.warn(`[BookLearningForm] Invalid books:`, missingTitles);
+      const lastMissingTitle = missingTitles[missingTitles.length - 1];
+      toast.error(`The suggested book could not be found: ${lastMissingTitle}`, {
+        duration: 6e3,
+        style: {
+          fontFamily: "Plus Jakarta Sans"
+        }
+      });
+    }
+    if (JSON.stringify(validTitles.sort()) !== currentDocsKey) {
+      console.log("[BookLearningForm] Normalizing source documents. Found valid:", validTitles);
+      setFormDataState((prev) => ({
+        ...prev,
+        sourceDocuments: validTitles
+      }));
+    }
+  }, [sourceDocuments, availableBookMap, setFormDataState]);
+  useEffect(() => {
+    setVisibleBookCount(PAGE_SIZE);
+  }, [debouncedBookInput]);
+  useEffect(() => {
+    if (extractedRating !== null && extractedRating !== void 0) {
+      setFormDataState((prev) => ({ ...prev, rating: extractedRating }));
+    }
+  }, [extractedRating, setFormDataState]);
+  useEffect(() => {
+    if (!baseUrl) return;
+    const loadBooks = async () => {
+      setIsLoadingBooks(true);
+      setBookFetchError(null);
+      try {
+        const books = await fetchBookSuggestions(baseUrl);
+        setAvailableBooks(books);
+      } catch (error) {
+        console.error("Error loading book suggestions:", error);
+        setBookFetchError("Failed to load book suggestions.");
+      } finally {
+        setIsLoadingBooks(false);
+      }
+    };
+    loadBooks();
+  }, [baseUrl, setAvailableBooks]);
+  const displayedOptions = useMemo(() => {
+    return memoizedFullFilteredList.slice(0, visibleBookCount).map((book) => book.title);
+  }, [memoizedFullFilteredList, visibleBookCount]);
+  const handleScroll = useCallback((event) => {
+    const listbox = event.currentTarget;
+    if (listbox.scrollTop + listbox.clientHeight + 40 >= listbox.scrollHeight) {
+      setVisibleBookCount(
+        (prevCount) => Math.min(prevCount + PAGE_SIZE, memoizedFullFilteredList.length)
+      );
+    }
+  }, [memoizedFullFilteredList.length]);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      p: 0,
+      className: styles.customFont,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "95%",
+        ml: 2
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              fontFamily: "Plus Jakarta Sans",
+              display: "flex",
+              flexDirection: "column",
+              gap: 2,
+              justifyContent: "space-between",
+              flexGrow: 1,
+              paddingTop: "20px",
+              height: "100%",
+              overflow: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "20px",
+                    height: "calc(100% - 70px)",
+                    overflow: "auto",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        sx: {
+                          fontSize: { sm: "1.1rem", md: "1.25rem" },
+                          fontWeight: 600,
+                          fontFamily: "Plus Jakarta Sans",
+                          color: "#000"
+                        },
+                        children: "We noticed you didn't like the recommendation"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        sx: {
+                          border: "1px solid #e0e0e0",
+                          borderRadius: "12px",
+                          padding: { sm: 2, md: 3 },
+                          backgroundColor: "white"
+                        },
+                        children: /* @__PURE__ */ jsxs(Box, { sx: {
+                          display: "flex",
+                          gap: { sm: 2, md: 3 },
+                          alignItems: "flex-start",
+                          flexDirection: { sm: "column", md: "row" }
+                        }, children: [
+                          /* @__PURE__ */ jsx(
+                            Box,
+                            {
+                              sx: {
+                                width: { sm: "80px", md: "100px" },
+                                height: { sm: "120px", md: "150px" },
+                                flexShrink: 0,
+                                borderRadius: "8px",
+                                overflow: "hidden",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                                alignSelf: { sm: "center", md: "flex-start" }
+                              },
+                              children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  src: currentDocumentDetails == null ? void 0 : currentDocumentDetails.coverUrl,
+                                  alt: "Book cover",
+                                  style: {
+                                    width: "100%",
+                                    height: "100%",
+                                    objectFit: "cover"
+                                  }
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, width: { sm: "100%", md: "auto" } }, children: [
+                            /* @__PURE__ */ jsx(
+                              Typography,
+                              {
+                                sx: {
+                                  fontSize: { sm: "0.7rem", md: "0.75rem" },
+                                  color: "#666",
+                                  fontFamily: "Plus Jakarta Sans",
+                                  mb: 0.5,
+                                  fontWeight: 500
+                                },
+                                children: "Here's what you searched for"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              TextField,
+                              {
+                                fullWidth: true,
+                                value: question,
+                                InputProps: {
+                                  readOnly: true,
+                                  sx: {
+                                    fontFamily: "Plus Jakarta Sans",
+                                    fontSize: { sm: "0.85rem", md: "0.95rem" },
+                                    bgcolor: "#fafafa"
+                                  }
+                                },
+                                sx: {
+                                  mb: 2,
+                                  "& .MuiInputBase-root": {
+                                    fontFamily: "Plus Jakarta Sans"
+                                  }
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(Box, { sx: {
+                              display: "flex",
+                              gap: 2,
+                              flexDirection: { sm: "column", lg: "row" }
+                            }, children: [
+                              /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, width: { sm: "100%", lg: "auto" } }, children: [
+                                /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    sx: {
+                                      fontSize: { sm: "0.7rem", md: "0.75rem" },
+                                      color: "#666",
+                                      fontFamily: "Plus Jakarta Sans",
+                                      mb: 0.5,
+                                      fontWeight: 500
+                                    },
+                                    children: "Recommendation"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  Box,
+                                  {
+                                    sx: {
+                                      border: "1px solid #c4c4c4",
+                                      borderRadius: "4px",
+                                      padding: { sm: "12px 10px", md: "16px 14px" },
+                                      bgcolor: "#fafafa",
+                                      minHeight: { sm: "48px", md: "56px" },
+                                      display: "flex",
+                                      alignItems: "center",
+                                      boxSizing: "border-box",
+                                      overflow: "hidden"
+                                    },
+                                    children: /* @__PURE__ */ jsxs(
+                                      Typography,
+                                      {
+                                        sx: {
+                                          fontFamily: "Plus Jakarta Sans",
+                                          fontSize: { sm: "0.85rem", md: "0.95rem" },
+                                          color: "#000",
+                                          overflow: "hidden",
+                                          textOverflow: "ellipsis",
+                                          display: "-webkit-box",
+                                          WebkitLineClamp: 2,
+                                          WebkitBoxOrient: "vertical",
+                                          width: "100%",
+                                          lineHeight: 1.4
+                                        },
+                                        children: [
+                                          recommendation.title,
+                                          " by ",
+                                          recommendation.author
+                                        ]
+                                      }
+                                    )
+                                  }
+                                )
+                              ] }),
+                              /* @__PURE__ */ jsxs(
+                                Box,
+                                {
+                                  sx: {
+                                    minWidth: { sm: "100%", lg: "200px" },
+                                    display: "flex",
+                                    flexDirection: "column"
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsxs(
+                                      Typography,
+                                      {
+                                        sx: {
+                                          fontSize: { sm: "0.7rem", md: "0.75rem" },
+                                          color: "#666",
+                                          fontFamily: "Plus Jakarta Sans",
+                                          mb: 0.5,
+                                          fontWeight: 500
+                                        },
+                                        children: [
+                                          "Ratings ",
+                                          /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+                                        ]
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx(
+                                      Box,
+                                      {
+                                        sx: {
+                                          border: "1px solid #c4c4c4",
+                                          borderRadius: "4px",
+                                          padding: { sm: "12px 10px", md: "16px 14px" },
+                                          bgcolor: "#fafafa",
+                                          minHeight: { sm: "48px", md: "56px" },
+                                          display: "flex",
+                                          alignItems: "center",
+                                          justifyContent: { sm: "center", lg: "flex-start" },
+                                          boxSizing: "border-box"
+                                        },
+                                        children: /* @__PURE__ */ jsx(
+                                          StarRating,
+                                          {
+                                            rating,
+                                            onRatingChange: (newRating) => {
+                                              setFormDataState((prev) => ({ ...prev, rating: newRating }));
+                                            }
+                                          }
+                                        )
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
+                            ] })
+                          ] })
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        sx: {
+                          fontSize: { sm: "1rem", md: "1.1rem" },
+                          fontWeight: 600,
+                          fontFamily: "Plus Jakarta Sans",
+                          color: "#000"
+                        },
+                        children: "Help us improve the recommendation"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, minHeight: "300px", flexShrink: 0 }, children: [
+                      /* @__PURE__ */ jsx(Box, { sx: { flex: 1, height: "100%" }, children: /* @__PURE__ */ jsx(
+                        EditableConditionsBox,
+                        {
+                          label: "When to Apply",
+                          required: true,
+                          tooltipText: "Specific situations or conditions where this learning should be applied.",
+                          conditions: whenToApply,
+                          onConditionsChange: (newConditions) => {
+                            setFormDataState((prev) => ({ ...prev, whenToApply: newConditions }));
+                          },
+                          isLoading: loadingWTA,
+                          isValidating: isValidatingConditions,
+                          onLock: handleLockValidation,
+                          onValidationFailure: handleValidationFailure,
+                          children: recommendedWta && recommendedWta.when_to_apply && Object.keys(recommendedWta.when_to_apply).length > 0 && /* @__PURE__ */ jsxs(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 && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1.5 }, children: [
+                              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", fontFamily: "Plus Jakarta Sans", color: "#5928ed" }, children: "AI Recommended Fix:" }),
+                              /* @__PURE__ */ jsx(ConfidencePill, { score: recommendedWta.confidence_score })
+                            ] }),
+                            showRecommendationHeaders.wta && recommendedWta.reason && /* @__PURE__ */ jsx(ReasonAccordion, { reason: recommendedWta.reason, title: "Why these suggestions?" }),
+                            Object.entries(recommendedWta.when_to_apply).map(([key, condition]) => /* @__PURE__ */ jsx(
+                              RecommendationBox,
+                              {
+                                condition: `${key}. ${condition}`,
+                                onAccept: () => handleAcceptRecommendation(condition, "wta", key),
+                                onReject: () => handleRejectRecommendation(condition, "wta", key)
+                              },
+                              `rec-wta-${key}`
+                            ))
+                          ] })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Box, { sx: { flex: 1, height: "100%" }, children: /* @__PURE__ */ jsx(
+                        EditableConditionsBox,
+                        {
+                          label: "When NOT to Apply",
+                          tooltipText: "Cases where this learning should not be applied to avoid incorrect responses.",
+                          conditions: whenNotToApply,
+                          onConditionsChange: (newConditions) => {
+                            setFormDataState((prev) => ({ ...prev, whenNotToApply: newConditions }));
+                          },
+                          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__ */ jsxs(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 && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1.5 }, children: [
+                              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", fontFamily: "Plus Jakarta Sans", color: "#5928ed" }, children: "AI Recommended Fix:" }),
+                              /* @__PURE__ */ jsx(ConfidencePill, { score: recommendedWnta.confidence_score })
+                            ] }),
+                            showRecommendationHeaders.wnta && recommendedWnta.reason && /* @__PURE__ */ jsx(ReasonAccordion, { reason: recommendedWnta.reason, title: "Why these suggestions?" }),
+                            Object.entries(recommendedWnta.when_not_to_apply).map(([key, condition]) => /* @__PURE__ */ jsx(
+                              RecommendationBox,
+                              {
+                                condition: `${key}. ${condition}`,
+                                onAccept: () => handleAcceptRecommendation(condition, "wnta", key),
+                                onReject: () => handleRejectRecommendation(condition, "wnta", key)
+                              },
+                              `rec-wnta-${key}`
+                            ))
+                          ] })
+                        }
+                      ) })
+                    ] }),
+                    showConflictingCard && localConflictData && /* @__PURE__ */ jsx(ConflictsDisplay, { conflictingConditions: localConflictData }),
+                    /* @__PURE__ */ jsxs(Box, { children: [
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          sx: {
+                            fontSize: "1rem",
+                            fontWeight: 600,
+                            fontFamily: "Plus Jakarta Sans",
+                            mb: 1.5
+                          },
+                          children: "Add Recommendations"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Autocomplete,
+                        {
+                          multiple: true,
+                          id: "book-recommendation-autocomplete",
+                          options: displayedOptions,
+                          onChange: (_event, newValue) => {
+                            setFormDataState((prev) => ({ ...prev, sourceDocuments: newValue }));
+                          },
+                          value: sourceDocuments,
+                          isOptionEqualToValue: (option, value) => {
+                            return normalizeTitle(option) === normalizeTitle(value);
+                          },
+                          disabled: isLoadingBooks,
+                          disableCloseOnSelect: true,
+                          inputValue: bookInputValue,
+                          renderTags: () => null,
+                          onInputChange: (_event, newInputValue, reason) => {
+                            if (reason === "input") {
+                              setBookInputValue(newInputValue);
+                            }
+                          },
+                          onOpen: () => {
+                            setVisibleBookCount(PAGE_SIZE);
+                          },
+                          filterOptions: (options) => options,
+                          ListboxProps: {
+                            onScroll: handleScroll
+                          },
+                          getOptionLabel: (option) => option,
+                          renderOption: (props, option, { selected }) => /* @__PURE__ */ createElement("li", { ...props, key: option }, /* @__PURE__ */ jsx(Checkbox, { checked: selected }), /* @__PURE__ */ jsx(ListItemText, { primary: option, sx: { fontFamily: "Plus Jakarta Sans" } })),
+                          fullWidth: true,
+                          loading: isLoadingBooks,
+                          noOptionsText: bookFetchError ? "Failed to load book suggestions." : debouncedBookInput.length < 3 && memoizedFullFilteredList.length > 0 ? "Type at least 3 characters to search" : "No books found.",
+                          renderInput: (params) => /* @__PURE__ */ jsx(
+                            TextField,
+                            {
+                              ...params,
+                              placeholder: "Search books which fit your description...",
+                              InputProps: {
+                                ...params.InputProps,
+                                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                                  isLoadingBooks ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                                  params.InputProps.endAdornment
+                                ] })
+                              },
+                              sx: {
+                                fontFamily: "Plus Jakarta Sans",
+                                backgroundColor: "white",
+                                "& .MuiInputBase-root": {
+                                  fontFamily: "Plus Jakarta Sans"
+                                },
+                                "& .MuiOutlinedInput-notchedOutline": {
+                                  borderColor: "#e0e0e0"
+                                }
+                              }
+                            }
+                          )
+                        }
+                      ),
+                      sourceDocuments.length > 0 && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mt: 2 }, children: sourceDocuments.map((doc) => /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          label: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", py: 0.5 }, children: /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              sx: {
+                                fontSize: "0.875rem",
+                                fontFamily: "Plus Jakarta Sans",
+                                fontWeight: 600,
+                                lineHeight: 1.4
+                              },
+                              children: doc
+                            }
+                          ) }),
+                          onDelete: () => handleRemoveDocument(doc),
+                          deleteIcon: /* @__PURE__ */ jsx(
+                            Box,
+                            {
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                width: "18px",
+                                height: "18px",
+                                borderRadius: "50%",
+                                backgroundColor: "#d0d0d0",
+                                marginRight: "4px",
+                                "&:hover": {
+                                  backgroundColor: "#b0b0b0"
+                                }
+                              },
+                              children: /* @__PURE__ */ jsx(X, { size: 12, color: "#666" })
+                            }
+                          ),
+                          sx: {
+                            height: "auto",
+                            padding: "6px 8px 6px 12px",
+                            backgroundColor: "#f5f5f5",
+                            border: "1px solid #e0e0e0",
+                            borderRadius: "8px",
+                            "& .MuiChip-label": {
+                              padding: 0,
+                              paddingRight: "8px"
+                            },
+                            "& .MuiChip-deleteIcon": {
+                              margin: 0
+                            }
+                          }
+                        },
+                        doc
+                      )) })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 2, pt: 2 }, children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    flex: 1,
+                    display: "flex",
+                    alignItems: "flex-end",
+                    justifyContent: "flex-end"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "contained",
+                      onClick: handleSubmit,
+                      disabled: !isFormValid,
+                      sx: {
+                        width: "120px",
+                        height: "48px",
+                        fontFamily: "Plus Jakarta Sans",
+                        backgroundColor: "#5928ED",
+                        textTransform: "capitalize",
+                        fontSize: "1rem",
+                        fontWeight: 600,
+                        borderRadius: "8px",
+                        "&:hover": {
+                          backgroundColor: "#4820C9"
+                        },
+                        "&.Mui-disabled": {
+                          backgroundColor: "#E0E0E0",
+                          color: "#999"
+                        }
+                      },
+                      children: "Save"
+                    }
+                  )
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toaster,
+          {
+            position: "bottom-center",
+            containerStyle: {
+              bottom: 60,
+              left: 60
+            },
+            toastOptions: {
+              style: {
+                fontFamily: "Plus Jakarta Sans",
+                fontSize: "0.95rem"
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+var BookLearningForm$1 = BookLearningForm;
+
+export { BookLearningForm$1 as default };
 //# sourceMappingURL=BookLearningForm.js.map