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

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

@@ -1,2 +1,1405 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),a=require("@mui/icons-material/KeyboardArrowDown"),o=require("@mui/material/Tooltip"),r=require("@mui/icons-material/Delete"),s=require("@mui/icons-material/HelpOutline"),l=require("@mui/icons-material/Edit"),c=require("@mui/icons-material/MergeType"),d=require("../../../utils/variantParser.js"),u=require("lucide-react");function f(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var g=f(a),_=f(o),p=f(r),h=f(s),x=f(l),y=f(c);exports.default=function(a){var o=a.conflictingConditions,r=a.baseUrl,s=a.organizationName,l=a.chatAssistantName;a.curlPayload;var c=a.onDeleted;a.onMerged;var f=a.onDeleteLearning,m=a.onMergeMessage,b=a.setSendMessageInChat,v=a.editConflictingLearningTrigger,C=a.editSimilarLearningTrigger;a.operationStatus,a.onOperationComplete;var k=a.onSetOperationStatus,w=o||[],j=w[0],S=w[1],F=j||[],B=S||[];console.log("[ConflictsDisplayDB] Component props:",{baseUrl:r,organizationName:s,chatAssistantName:l,conflictingLearningsCount:F.length,similarLearningsCount:B.length,hasOnDeletedCallback:!!c});var A=i.useState(function(){return F.length>0?[0]:[]}),T=A[0],P=A[1],J=i.useState(function(){return B.length>0?[0]:[]}),z=J[0],L=J[1],M=i.useState(new Set),D=M[0],I=M[1],W=i.useState(new Set),E=W[0],N=W[1],R=i.useState(new Set),O=R[0],q=R[1],U=i.useState({}),Y=U[0],V=U[1],G=i.useState({}),H=G[0],Z=G[1],K=i.useState({}),$=K[0],Q=K[1],X=i.useState({}),nn=X[0],en=X[1],tn=i.useRef(!0);i.useEffect(function(){return function(){tn.current=!1}},[]),i.useEffect(function(){v&&"object"==typeof v&&Object.keys(v).length>0&&(console.log("Edit conflicting learning response received:",v),Object.entries(v).forEach(function(e){var i=e[0],t=e[1];return n.__awaiter(void 0,void 0,void 0,function(){var e,a,o,r,s,l,c,u,f;return n.__generator(this,function(g){return t&&t.edit_actions&&t.edit_actions.action&&(console.log("Processing conflicting learning edit action:",i,t),e=t.conditions_whentoapply||[],a=t.conditions_whennottoapply||[],o=e.join(" OR "),r=a.join(" OR "),s=d.parseVariant(t.variant),l=s.topic,c=s.modification,u=s.tooltip,-1!==(f=F.findIndex(function(n){return n.id===i}))&&(F[f]=n.__assign(n.__assign({},F[f]),{feedback:n.__assign(n.__assign({},F[f].feedback),{variant:t.variant,when_to_apply:o,when_not_to_apply:r})})),V(function(e){var t;return n.__assign(n.__assign({},e),((t={})[i]={topic:l,modification:c,tooltip:u,whenToApply:o,whenNotToApply:r},t))})),[2]})})}),Object.keys(v).forEach(function(e){q(function(n){var i=new Set(n);return i.delete(e),i}),N(function(n){var i=new Set(n);return i.delete(e),i}),V(function(i){var t=n.__assign({},i);return delete t[e],t}),Z(function(i){var t=n.__assign({},i);return delete t[e],t}),Q(function(i){var t=n.__assign({},i);return delete t[e],t})}))},[v]),i.useEffect(function(){C&&"object"==typeof C&&Object.keys(C).length>0&&(console.log("Edit similar learning response received:",C),Object.entries(C).forEach(function(e){var i=e[0],t=e[1];return n.__awaiter(void 0,void 0,void 0,function(){var e,a,o,r,s,l,c,u,f;return n.__generator(this,function(g){return t&&t.edit_actions&&t.edit_actions.action&&(console.log("Processing similar learning edit action:",i,t),e=t.conditions_whentoapply||[],a=t.conditions_whennottoapply||[],o=e.join(" OR "),r=a.join(" OR "),s=d.parseVariant(t.variant),l=s.topic,c=s.modification,u=s.tooltip,-1!==(f=B.findIndex(function(n){return n.id===i}))&&(B[f]=n.__assign(n.__assign({},B[f]),{feedback:n.__assign(n.__assign({},B[f].feedback),{variant:t.variant,when_to_apply:o,when_not_to_apply:r})})),V(function(e){var t;return n.__assign(n.__assign({},e),((t={})[i]={topic:l,modification:c,tooltip:u,whenToApply:o,whenNotToApply:r},t))})),[2]})})}),Object.keys(C).forEach(function(e){q(function(n){var i=new Set(n);return i.delete(e),i}),N(function(n){var i=new Set(n);return i.delete(e),i}),V(function(i){var t=n.__assign({},i);return delete t[e],t}),Z(function(i){var t=n.__assign({},i);return delete t[e],t}),Q(function(i){var t=n.__assign({},i);return delete t[e],t})}))},[C]);var an=function(e,i){Z(function(t){var a;return n.__assign(n.__assign({},t),((a={})[e]=i,a))})},on=function(e){Z(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]=null,t))})},rn=function(n,e){var i,t,a,o,r,s,l,c;if(!e)return!1;var u=d.parseVariant(n.feedback.variant),f=(null===(i=u.topic)||void 0===i?void 0:i.trim())||"",g=(null===(t=u.modification)||void 0===t?void 0:t.trim())||"",_=(null===(a=u.tooltip)||void 0===a?void 0:a.trim())||"",p=(Array.isArray(n.feedback.when_to_apply)?n.feedback.when_to_apply.join(", "):n.feedback.when_to_apply||"").trim(),h=(Array.isArray(n.feedback.when_not_to_apply)?n.feedback.when_not_to_apply.join(", "):n.feedback.when_not_to_apply||"").trim(),x=(null===(o=e.topic)||void 0===o?void 0:o.trim())||"",y=(null===(r=e.modification)||void 0===r?void 0:r.trim())||"",m=(null===(s=e.tooltip)||void 0===s?void 0:s.trim())||"",b=(null===(l=e.whenToApply)||void 0===l?void 0:l.trim())||"",v=(null===(c=e.whenNotToApply)||void 0===c?void 0:c.trim())||"";return f!==x||g!==y||_!==m||p!==b||h!==v},sn=function(e){Q(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]=null,t))})},ln=function(i){var a=function(n){var e=Math.min(n,1);return Math.round(100*e)}(i.score),o=function(n){return n>=80?{bg:"#10B981",text:"#f2f2f2"}:n>=50?{bg:"#F59E0B",text:"#f2f2f2"}:{bg:"#cc0000",text:"#f2f2f2"}}(a);return e.jsx(_.default,n.__assign({title:"AI Confidence Score",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.75rem",padding:"0.25rem 0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:e.jsxs(t.Box,n.__assign({sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,mr:1,borderRadius:"16px",backgroundColor:o.bg,color:o.text,fontSize:"0.8rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",cursor:"default",transition:"all 0.2s ease-in-out"}},{children:[e.jsx("svg",n.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("g",n.__assign({id:"bi:stars","clip-path":"url(#clip0_6004_60631)"},{children:e.jsx("path",{id:"Vector",d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.4801 23.7376 12.4112 23.832 12.3188 23.8989C12.2264 23.9658 12.1153 24.0019 12.0012 24.0019C11.8871 24.0019 11.7759 23.9658 11.6835 23.8989C11.5912 23.832 11.5223 23.7376 11.4867 23.6292L10.5192 20.7237C10.3064 20.0852 9.9478 19.505 9.47187 19.029C8.99594 18.5531 8.41572 18.1945 7.77718 17.9817L4.87168 17.0142C4.76329 16.9786 4.6689 16.9097 4.60198 16.8173C4.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.6689 16.0897 4.76329 16.0208 4.87168 15.9852L7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021ZM5.69218 1.72171C5.71369 1.65675 5.75512 1.60022 5.8106 1.56016C5.86607 1.52009 5.93275 1.49853 6.00118 1.49853C6.06961 1.49853 6.13629 1.52009 6.19176 1.56016C6.24724 1.60022 6.28867 1.65675 6.31018 1.72171L6.89068 3.46471C7.15018 4.24171 7.75918 4.85071 8.53618 5.11021L10.2792 5.69071C10.3441 5.71222 10.4007 5.75365 10.4407 5.80912C10.4808 5.86459 10.5024 5.93128 10.5024 5.99971C10.5024 6.06813 10.4808 6.13482 10.4407 6.19029C10.4007 6.24576 10.3441 6.2872 10.2792 6.30871L8.53618 6.88921C8.15274 7.01647 7.80431 7.23149 7.51864 7.51717C7.23296 7.80284 7.01794 8.15127 6.89068 8.53471L6.31018 10.2777C6.28867 10.3427 6.24724 10.3992 6.19176 10.4393C6.13629 10.4793 6.06961 10.5009 6.00118 10.5009C5.93275 10.5009 5.86607 10.4793 5.8106 10.4393C5.75512 10.3992 5.71369 10.3427 5.69218 10.2777L5.11168 8.53471C4.98442 8.15127 4.7694 7.80284 4.48372 7.51717C4.19805 7.23149 3.84962 7.01647 3.46618 6.88921L1.72318 6.30871C1.65822 6.2872 1.60169 6.24576 1.56163 6.19029C1.52156 6.13482 1.5 6.06813 1.5 5.99971C1.5 5.93128 1.52156 5.86459 1.56163 5.80912C1.60169 5.75365 1.65822 5.71222 1.72318 5.69071L3.46618 5.11021C3.84962 4.98295 4.19805 4.76792 4.48372 4.48225C4.7694 4.19657 4.98442 3.84815 5.11168 3.46471L5.69218 1.72171ZM16.2957 0.148207C16.3105 0.105497 16.3382 0.068461 16.3751 0.0422495C16.4119 0.016038 16.456 0.00195312 16.5012 0.00195312C16.5464 0.00195313 16.5905 0.016038 16.6273 0.0422495C16.6641 0.068461 16.6919 0.105497 16.7067 0.148207L17.0937 1.30921C17.2662 1.82821 17.6727 2.23471 18.1917 2.40721L19.3527 2.79421C19.3954 2.80901 19.4324 2.83676 19.4586 2.87359C19.4848 2.91042 19.4989 2.9545 19.4989 2.99971C19.4989 3.04491 19.4848 3.08899 19.4586 3.12582C19.4324 3.16265 19.3954 3.1904 19.3527 3.20521L18.1917 3.59221C17.9361 3.67771 17.7039 3.82139 17.5134 4.01193C17.3229 4.20247 17.1792 4.43467 17.0937 4.69021L16.7067 5.85121C16.6919 5.89392 16.6641 5.93095 16.6273 5.95717C16.5905 5.98338 16.5464 5.99746 16.5012 5.99746C16.456 5.99746 16.4119 5.98338 16.3751 5.95717C16.3382 5.93095 16.3105 5.89392 16.2957 5.85121L15.9087 4.69021C15.8232 4.43467 15.6795 4.20247 15.489 4.01193C15.2984 3.82139 15.0662 3.67771 14.8107 3.59221L13.6512 3.20521C13.6085 3.1904 13.5714 3.16265 13.5452 3.12582C13.519 3.08899 13.5049 3.04491 13.5049 2.99971C13.5049 2.9545 13.519 2.91042 13.5452 2.87359C13.5714 2.83676 13.6085 2.80901 13.6512 2.79421L14.8122 2.40721C15.3312 2.23471 15.7377 1.82821 15.9102 1.30921L16.2957 0.148207Z",fill:o.text})}))})),e.jsxs(t.Typography,n.__assign({sx:{fontSize:"0.8rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",color:o.text}},{children:[a,"%"]}))]}))}))},cn=function(i,a,o,u){var v,C,w,j;console.log("[ConflictsDisplayDB] Rendering ".concat(o," learning:"),{id:i.id,variant:i.feedback.variant,similarity_score:i.similarity_score,type:o});var S="conflict"===o?T.includes(a):z.includes(a),F="conflict"===o?"#991B1B":"#F87171",B="conflict"===o?"Conflicting with variant : ".concat(i.feedback.variant):"Similar to variant : ".concat(i.feedback.variant),A=!!nn[i.id],J="conflict"===o?"Why it's conflicting?":"Why it's similar?",M=Y[i.id],W=O.has(i.id),R=H[i.id],U=$[i.id],G=M||{whenToApply:Array.isArray(i.feedback.when_to_apply)?i.feedback.when_to_apply.join(", "):i.feedback.when_to_apply||"",whenNotToApply:Array.isArray(i.feedback.when_not_to_apply)?i.feedback.when_not_to_apply.join(", "):i.feedback.when_not_to_apply||""};return e.jsxs(t.Accordion,n.__assign({expanded:S,onChange:function(){return function(e,i){"conflict"===i?P(function(i){return i.includes(e)?i.filter(function(n){return n!==e}):n.__spreadArray(n.__spreadArray([],i,!0),[e],!1)}):L(function(i){return i.includes(e)?i.filter(function(n){return n!==e}):n.__spreadArray(n.__spreadArray([],i,!0),[e],!1)})}(a,o)},disableGutters:!0,sx:{mb:2,border:"2px solid #acb5c2",borderRadius:2,fontFamily:"Plus Jakarta Sans","&::before":{display:"none"}}},{children:[e.jsx(t.AccordionSummary,n.__assign({expandIcon:e.jsx(g.default,{style:{color:F}}),"aria-controls":"panel-".concat(o,"-").concat(a,"-content"),id:"panel-".concat(o,"-").concat(a,"-header"),"aria-label":"".concat(u?"".concat(u,": "):"").concat(B),sx:{fontFamily:"Plus Jakarta Sans",color:F,fontWeight:600,px:2,py:1.5}},{children:e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between"}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center"}},{children:[u&&e.jsxs(t.Typography,n.__assign({component:"span",sx:{fontSize:"0.9rem",fontWeight:700,color:F,mr:1,fontFamily:"Plus Jakarta Sans"}},{children:[u,"."]})),e.jsx(t.Typography,n.__assign({sx:{fontSize:"0.95rem",fontWeight:600,color:F,fontFamily:"Plus Jakarta Sans"}},{children:B}))]})),e.jsx(ln,{score:i.similarity_score})]}))})),e.jsxs(t.AccordionDetails,n.__assign({sx:{px:2,pb:2}},{children:[e.jsxs(t.Accordion,n.__assign({expanded:A,onChange:function(){return e=i.id,void en(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]=!i[e],t))});var e},disableGutters:!0,elevation:0,sx:{backgroundColor:"transparent",border:"1px solid #fde68a",borderRadius:2,mb:2,"&::before":{display:"none"}}},{children:[e.jsx(t.AccordionSummary,n.__assign({expandIcon:e.jsx(g.default,{style:{color:"#92400e"}}),sx:{backgroundColor:"#fef3c7",borderRadius:A?"8px 8px 0 0":2,minHeight:"auto","& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",gap:.5}},{children:[e.jsx(t.Typography,n.__assign({sx:{fontSize:"0.85rem",fontWeight:600,color:"#92400e",fontFamily:"Plus Jakarta Sans"}},{children:J})),e.jsx(_.default,n.__assign({title:"Click to expand for more details",arrow:!0},{children:e.jsx(h.default,{style:{color:"#92400e",fontSize:"1rem",cursor:"pointer"}})}))]}))})),e.jsx(t.AccordionDetails,n.__assign({sx:{p:1.5,backgroundColor:"#fffbeb"}},{children:e.jsx(t.Typography,n.__assign({sx:{fontSize:"0.9rem",color:"#b45309",fontFamily:"Plus Jakarta Sans"}},{children:i.reason}))}))]})),M&&e.jsxs(t.Box,n.__assign({sx:{mb:2,p:2,border:"1px solid #991B1B",borderRadius:2}},{children:[e.jsx(t.Typography,n.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:"#991B1B",fontWeight:600,mb:1,display:"block",fontFamily:"Plus Jakarta Sans"}},{children:"Edit Variant"})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:2,alignItems:"center",mb:2}},{children:[e.jsx(t.Typography,n.__assign({sx:{fontFamily:"Plus Jakarta Sans"}},{children:"Replace"})),e.jsx(t.TextField,{value:G.topic,label:"Original",onChange:function(e){return V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[i.id]=n.__assign(n.__assign({},t[i.id]),{topic:e.target.value}),a))})},disabled:W,size:"small",sx:{flex:1,"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}}),e.jsx(t.Typography,n.__assign({sx:{fontFamily:"Plus Jakarta Sans"}},{children:"with"})),e.jsx(t.TextField,{value:G.modification,label:"Modification",onChange:function(e){return V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[i.id]=n.__assign(n.__assign({},t[i.id]),{modification:e.target.value}),a))})},disabled:W,size:"small",sx:{flex:1,"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}})]})),e.jsx(t.TextField,{fullWidth:!0,size:"small",label:"Tooltip (Optional)",value:G.tooltip,onChange:function(e){return V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[i.id]=n.__assign(n.__assign({},t[i.id]),{tooltip:e.target.value}),a))})},disabled:W,sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}})]})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},gap:2,mb:2}},{children:[e.jsxs(t.Box,n.__assign({sx:{flex:1,scale:M?1.02:1,border:M&&"whenToApply"===R?"1px solid #991B1B":M?"1px solid #B91C1C":"1px solid #FCA5A5",borderRadius:2,padding:2,transition:"all 0.2s ease-in-out",boxShadow:M&&"whenToApply"===R?"0 0 0 1px rgba(153, 27, 27, 0.1)":"none"}},{children:[e.jsxs(t.Typography,n.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:M&&"whenToApply"===R?"#991B1B":M?"#B91C1C":"#6B7280",fontWeight:600,mb:.5,display:"block",fontFamily:"Plus Jakarta Sans"}},{children:["When To Apply",e.jsx("span",n.__assign({style:{color:"#e4050b"}},{children:"*"}))]})),M||W?e.jsx(t.TextField,{fullWidth:!0,multiline:!0,rows:3,value:W?Array.isArray(i.feedback.when_to_apply)?i.feedback.when_to_apply.join("\n"):i.feedback.when_to_apply||"":G.whenToApply,disabled:W,onChange:function(e){return!W&&V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[i.id]=n.__assign(n.__assign({},t[i.id]),{whenToApply:e.target.value}),a))})},onFocus:function(){return!W&&an(i.id,"whenToApply")},onBlur:function(){return!W&&on(i.id)},sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif",backgroundColor:"#FFFFFF",border:"1px solid #991B1B",borderRadius:1},"& .MuiOutlinedInput-notchedOutline":{border:"none"}}}):e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"1rem",color:"#374151",whiteSpace:"pre-line",fontFamily:"Plus Jakarta Sans"}},{children:Array.isArray(i.feedback.when_to_apply)?i.feedback.when_to_apply.join("\n"):i.feedback.when_to_apply}))]})),e.jsxs(t.Box,n.__assign({sx:{flex:1,scale:M?1.02:1,border:M&&"whenToApply"===R?"1px solid #991B1B":M?"1px solid #B91C1C":"1px solid #FCA5A5",borderRadius:2,padding:2,transition:"all 0.2s ease-in-out",boxShadow:M&&"whenNotToApply"===R?"0 0 0 1px rgba(153, 27, 27, 0.1)":"none"}},{children:[e.jsx(t.Typography,n.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:M&&"whenNotToApply"===R?"#991B1B":M?"#B91C1C":"#6B7280",fontWeight:600,mb:.5,display:"block",fontFamily:"Plus Jakarta Sans"}},{children:"When Not To Apply"})),M||W?e.jsx(t.TextField,{fullWidth:!0,multiline:!0,rows:3,value:W?Array.isArray(i.feedback.when_not_to_apply)?i.feedback.when_not_to_apply.join("\n"):i.feedback.when_not_to_apply||"":G.whenNotToApply,disabled:W,onChange:function(e){return!W&&V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[i.id]=n.__assign(n.__assign({},t[i.id]),{whenNotToApply:e.target.value}),a))})},onFocus:function(){return!W&&an(i.id,"whenNotToApply")},onBlur:function(){return!W&&on(i.id)},sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans, sans-serif",backgroundColor:"#FFFFFF",border:"1px solid #B91C1C",borderRadius:1},"& .MuiOutlinedInput-notchedOutline":{border:"none"}}}):e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"1rem",color:"#374151",whiteSpace:"pre-line",fontFamily:"Plus Jakarta Sans"}},{children:Array.isArray(i.feedback.when_not_to_apply)?i.feedback.when_not_to_apply.join("\n"):i.feedback.when_not_to_apply}))]}))]})),M?"save"===U?e.jsxs(t.Box,n.__assign({sx:{mt:2}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"0.9rem",color:"#6B7280",mb:1,fontFamily:"Plus Jakarta Sans",fontWeight:500,fontStyle:"italic"}},{children:"Are you sure you want to save this learning with the edited changes?"})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:1}},{children:[O.has(i.id)&&e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"0.8rem",color:"#545454",fontFamily:"Plus Jakarta Sans",fontWeight:500,fontStyle:"italic",mr:1}},{children:"I got it, Editing your conditions..."})),e.jsx(t.Button,n.__assign({size:"small",variant:"contained",onClick:function(){return function(e,i,t){return n.__awaiter(void 0,void 0,void 0,function(){var a,o,r,s,l,c,d,u;return n.__generator(this,function(n){if(!(a=Y[e.id]))return[2];N(function(n){return new Set(n).add(e.id)}),q(function(n){return new Set(n).add(e.id)});try{console.log("[Edit-UI] Sending edit request to API:",e.id,a),o=e.feedback.variant.match(/<[^>]+>[^<]+<\/[^>]+>/),r=o?o[0]:"<tooltip>$1</tooltip>",s=r.match(/<([^>]+)>/),l=s?s[1]:"tooltip",c="Replace ".concat(a.topic," with ").concat(a.modification).concat(a.tooltip?" <".concat(l,">").concat(a.tooltip,"</").concat(l,">"):""),d=(null===(u=a.whenNotToApply)||void 0===u?void 0:u.trim())?"and WNTA: ".concat(a.whenNotToApply):"and remove the WNTA conditions",b("Edit ".concat(i," learning ").concat(t," variant to ").concat(c," with WTA: ").concat(a.whenToApply," ").concat(d)),tn.current&&k&&k({status:"success",message:"Processing edit request..."})}catch(n){console.error("[Edit-UI] error sending edit request:",n),tn.current&&k&&k({status:"error",message:"Error sending edit request: ".concat(n instanceof Error?n.message:"Unknown error")}),q(function(n){var i=new Set(n);return i.delete(e.id),i}),N(function(n){var i=new Set(n);return i.delete(e.id),i})}return[2]})})}(i,o,u||"")},disabled:E.has(i.id)||O.has(i.id),sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:O.has(i.id)?"#10B981":"#1565c0",textTransform:"none",color:"white",height:32,px:1.5,fontWeight:600,minWidth:O.has(i.id)?100:"auto","&:disabled":{backgroundColor:"#f3f4f6",color:"#9CA3AF",height:32}}},{children:O.has(i.id)?e.jsxs(e.Fragment,{children:[e.jsx(t.CircularProgress,{size:16,style:{color:"black",marginRight:6}}),"Saving..."]}):E.has(i.id)?e.jsx(t.CircularProgress,{size:16,style:{color:"white"}}):"Yes"})),e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",onClick:function(){return sn(i.id)},disabled:E.has(i.id)||O.has(i.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:2,mt:2}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"0.9rem",color:"#6B7280",fontFamily:"Plus Jakarta Sans",fontWeight:500,fontStyle:"italic"}},{children:"You are now editing this learning. Changes are applied upon saving."})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[e.jsx(t.Button,n.__assign({size:"small",variant:"contained",onClick:function(){return e=i.id,void Q(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]="save",t))});var e},disabled:E.has(i.id)||!(null===(v=G.whenToApply)||void 0===v?void 0:v.trim())||!(null===(C=G.topic)||void 0===C?void 0:C.trim())||!(null===(w=G.modification)||void 0===w?void 0:w.trim())&&!(null===(j=G.tooltip)||void 0===j?void 0:j.trim())||!rn(i,G),sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"#1565c0",border:"1px solid #624ea6",textTransform:"none",color:"white",height:32,px:1.5,fontWeight:600,"&:disabled":{backgroundColor:"#f3f4f6",color:"#9CA3AF",borderColor:"#d1d5db",height:32}}},{children:"Save"})),e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",onClick:function(){return e=i.id,V(function(i){var t=n.__assign({},i);return delete t[e],t}),Z(function(i){var t=n.__assign({},i);return delete t[e],t}),void Q(function(i){var t=n.__assign({},i);return delete t[e],t});var e},disabled:E.has(i.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"Cancel"}))]}))]})):"merge"===U?e.jsxs(t.Box,n.__assign({sx:{mt:2}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"0.9rem",color:"#6B7280",mb:2,fontFamily:"Plus Jakarta Sans",fontStyle:"italic"}},{children:"Merging will delete this learning and move its conditions into the current one. Do you want to proceed?"})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[e.jsx(t.Button,n.__assign({size:"small",variant:"contained",disabled:!1,onClick:function(){console.log("[Merge-DB] Merge button clicked for learning:",i.id),console.log("[Merge-DB] Sending merge message to chat"),m?(console.log("[Merge-DB] 🔵 MERGE BUTTON CLICKED - Sending merge request for learning:",i.id),console.log("[Merge-DB] Learning data:",i),m(i.id),tn.current&&k&&k({status:"success",message:"Merge request sent to chat for learning: ".concat(i.feedback.variant)})):(console.log("[Merge-DB] No onMergeMessage callback provided"),tn.current&&k&&k({status:"error",message:"Unable to send merge request - chat integration not available"})),Q(function(e){var t;return n.__assign(n.__assign({},e),((t={})[i.id]=null,t))})},sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"#10B981",textTransform:"none",color:"white",height:32,px:1.5,fontWeight:600,"&:hover":{backgroundColor:"#059669"}}},{children:D.has(i.id)?e.jsx(t.CircularProgress,{size:16,style:{color:"white"}}):"Yes"})),e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",onClick:function(){return sn(i.id)},disabled:D.has(i.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):U&&"object"==typeof U&&"delete"===U.action?e.jsxs(t.Box,n.__assign({sx:{mt:2}},{children:[e.jsx(t.Typography,n.__assign({variant:"body2",sx:{fontSize:"0.9rem",color:"#B91C1C",mb:2,fontFamily:"Plus Jakarta Sans",fontStyle:"italic"}},{children:"This action cannot be undone, are you sure you want to delete this learning?"})),e.jsxs(t.Box,n.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",disabled:D.has(i.id),onClick:function(e){return n.__awaiter(void 0,void 0,void 0,function(){return n.__generator(this,function(t){e.stopPropagation(),console.log("[Delete-DB] Delete confirmation clicked for learning:",i.id),console.log("[Delete-DB] Setting deleting state for:",i.id),I(function(n){return new Set(n).add(i.id)});try{f&&(f(U.label),console.log("[Delete-DB] Delete callback called for learning:",i.feedback.variant)),c&&c(i.id),tn.current&&k&&k({status:"success",message:"Successfully deleted learning: ".concat(i.feedback.variant)})}catch(n){console.error("[Delete-DB] error",n),tn.current&&k&&k({status:"error",message:"Error deleting learning: ".concat(n instanceof Error?n.message:"Unknown error")})}finally{tn.current&&(I(function(n){var e=new Set(n);return e.delete(i.id),e}),Q(function(e){var t=n.__assign({},e);return delete t[i.id],t}))}return[2]})})},startIcon:e.jsx(p.default,{}),sx:{fontFamily:"Plus Jakarta Sans",color:F,textTransform:"none",borderColor:F,"&:hover":{borderColor:F,backgroundColor:"".concat(F,"10")},"&:disabled":{color:"#9CA3AF",borderColor:"#9CA3AF"}}},{children:D.has(i.id)?e.jsx(t.CircularProgress,{size:16,style:{color:F}}):"Yes"})),e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",onClick:function(){return sn(i.id)},disabled:D.has(i.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):e.jsxs(t.Box,n.__assign({sx:{display:"flex",gap:1,justifyContent:"flex-end",mt:2}},{children:["similar"===o&&e.jsx(_.default,n.__assign({title:"Merge this similar learning into the current one",arrow:!0},{children:e.jsx("span",n.__assign({style:{display:"inline-flex"}},{children:e.jsx(t.Button,n.__assign({size:"small",variant:"contained",onClick:function(){return e=i.id,void Q(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]="merge",t))});var e},startIcon:e.jsx(y.default,{}),sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"white",border:"1px solid #10B981",textTransform:"none",color:"#10B981",height:32,px:1.5,fontWeight:600,"&:hover":{backgroundColor:"#10B98110"}}},{children:"Merge"}))}))})),e.jsx(_.default,n.__assign({title:r&&s&&l?"Correct Me":"Edit unavailable: missing context",arrow:!0},{children:e.jsx("span",n.__assign({style:{display:"inline-flex"}},{children:e.jsx(t.Button,n.__assign({size:"small",color:"primary",variant:"contained",disabled:!(r&&s&&l)||E.has(i.id),onClick:function(){return function(e){var i=d.parseVariant(e.feedback.variant);V(function(t){var a;return n.__assign(n.__assign({},t),((a={})[e.id]={topic:i.topic,modification:i.modification,tooltip:i.tooltip,whenToApply:Array.isArray(e.feedback.when_to_apply)?e.feedback.when_to_apply.join(", "):e.feedback.when_to_apply||"",whenNotToApply:Array.isArray(e.feedback.when_not_to_apply)?e.feedback.when_not_to_apply.join(", "):e.feedback.when_not_to_apply||""},a))})}(i)},startIcon:e.jsx(x.default,{}),sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"white",border:"1px solid #624ea6",textTransform:"none",color:"#1565c0",height:32,px:1.5,"&:hover":{backgroundColor:"#1565c020"},fontWeight:600}},{children:"Correct Me"}))}))})),e.jsx(_.default,n.__assign({title:r&&s&&l?"Delete":"Delete unavailable: missing context",arrow:!0},{children:e.jsx("span",n.__assign({style:{display:"inline-flex"}},{children:e.jsx(t.Button,n.__assign({size:"small",variant:"outlined",disabled:!(r&&s&&l)||D.has(i.id),onClick:function(e){e.stopPropagation(),function(e,i,t){var a="".concat("conflict"===t?"Conflicting":"Similar"," Learning ").concat(i);Q(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e]={action:"delete",label:a},t))})}(i.id,u||"A",o)},startIcon:e.jsx(p.default,{}),sx:{fontFamily:"Plus Jakarta Sans",color:"#cc0000",textTransform:"none",borderColor:"#cc0000","&:hover":{borderColor:"#cc0000",backgroundColor:"#cc000010"},"&:disabled":{color:"#9CA3AF",borderColor:"#9CA3AF"}}},{children:"Delete"}))}))}))]}))]}))]}),"".concat(o,"-").concat(a))};if(!(F&&0!==F.length||B&&0!==B.length))return null;var dn=function(n){return"similar"===n?"We've identified existing learnings that are similar to the current one. You may want to edit or delete them to avoid duplication or confusion.":"Some existing learnings may contradict the current one. Review them carefully, as they could cause instability when applied together."},un=function(i,a){if(0===i.length)return null;var o=function(n,e){return 1===n?"similar"===e?"1 Similar Learning Found":"1 Conflicting Learning Found":"".concat(n,"similar"===e?" Similar Learnings Found":" Conflicting Learnings Found")}(i.length,a);return e.jsxs(t.Box,n.__assign({sx:{border:"1px solid #FCA5A5",boxShadow:"0 4px 10px rgba(0,0,0,0.05)",p:3,borderRadius:3,mt:3,mb:3,fontFamily:"Plus Jakarta Sans",transition:"all 0.2s ease-in-out","&:hover":{boxShadow:"0 6px 14px rgba(0,0,0,0.08)",transform:"translateY(-2px)"}}},{children:[e.jsxs(t.Box,n.__assign({sx:{display:"flex",alignItems:"center",mb:2,justifyContent:"",fontFamily:"Plus Jakarta Sans"}},{children:[e.jsx(t.Typography,n.__assign({sx:{fontSize:"1.2rem",fontWeight:700,color:"#B91C1C",fontFamily:"Plus Jakarta Sans"}},{children:o})),e.jsx(_.default,n.__assign({title:dn(a),placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",p:1,borderRadius:1.5,color:"#fff",fontFamily:"Plus Jakarta Sans"}}}},{children:e.jsx(t.Box,n.__assign({sx:{width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",ml:1,fontFamily:"Plus Jakarta Sans"}},{children:e.jsx(u.Info,{size:16,color:"#B91C1C"})}))}))]})),e.jsx(t.Box,n.__assign({sx:{maxHeight:360,overflowY:"auto",pr:1.5,fontFamily:"Plus Jakarta Sans","&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#FCA5A5",borderRadius:"8px"},"&::-webkit-scrollbar-track":{backgroundColor:"#FEE2E2"}}},{children:i.map(function(n,e){return cn(n,e,a,function(n){return String.fromCharCode(65+n)}(e))})}))]}),a)};return e.jsxs(e.Fragment,{children:[un(F,"conflict"),un(B,"similar")]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
+var Tooltip = require('@mui/material/Tooltip');
+var DeleteIcon = require('@mui/icons-material/Delete');
+var HelpOutlineIcon = require('@mui/icons-material/HelpOutline');
+var EditIcon = require('@mui/icons-material/Edit');
+var MergeTypeIcon = require('@mui/icons-material/MergeType');
+var variantParser = require('../../../utils/variantParser.js');
+var lucideReact = require('lucide-react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var KeyboardArrowDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardArrowDownIcon);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var DeleteIcon__default = /*#__PURE__*/_interopDefaultLegacy(DeleteIcon);
+var HelpOutlineIcon__default = /*#__PURE__*/_interopDefaultLegacy(HelpOutlineIcon);
+var EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
+var MergeTypeIcon__default = /*#__PURE__*/_interopDefaultLegacy(MergeTypeIcon);
+
+const ConflictsDisplayDB = ({ conflictingConditions, baseUrl, organizationName, chatAssistantName, curlPayload, onDeleted, onMerged, onDeleteLearning, onMergeMessage, setSendMessageInChat, editConflictingLearningTrigger, editSimilarLearningTrigger, operationStatus, onOperationComplete, onSetOperationStatus }) => {
+  const [conflictingLearningsRaw, similarLearningsRaw] = conflictingConditions || [];
+  const conflictingLearnings = conflictingLearningsRaw || [];
+  const similarLearnings = similarLearningsRaw || [];
+  console.log("[ConflictsDisplayDB] Component props:", {
+    baseUrl,
+    organizationName,
+    chatAssistantName,
+    conflictingLearningsCount: conflictingLearnings.length,
+    similarLearningsCount: similarLearnings.length,
+    hasOnDeletedCallback: !!onDeleted
+  });
+  const [expandedConflicts, setExpandedConflicts] = React.useState(
+    () => conflictingLearnings.length > 0 ? [0] : []
+  );
+  const [expandedSimilars, setExpandedSimilars] = React.useState(
+    () => similarLearnings.length > 0 ? [0] : []
+  );
+  const [deletingIds, setDeletingIds] = React.useState(/* @__PURE__ */ new Set());
+  const [editingIds, setEditingIds] = React.useState(/* @__PURE__ */ new Set());
+  const [processingIds, setProcessingIds] = React.useState(/* @__PURE__ */ new Set());
+  const [inlineEditing, setInlineEditing] = React.useState({});
+  const [focusedField, setFocusedField] = React.useState({});
+  const [confirmationState, setConfirmationState] = React.useState({});
+  const [reasonExpanded, setReasonExpanded] = React.useState({});
+  const isMountedRef = React.useRef(true);
+  const handleReasonToggle = (learningId) => {
+    setReasonExpanded((prev) => ({
+      ...prev,
+      [learningId]: !prev[learningId]
+    }));
+  };
+  React.useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    if (editConflictingLearningTrigger && typeof editConflictingLearningTrigger === "object" && Object.keys(editConflictingLearningTrigger).length > 0) {
+      console.log("Edit conflicting learning response received:", editConflictingLearningTrigger);
+      Object.entries(editConflictingLearningTrigger).forEach(async ([learningId, learningData]) => {
+        if (learningData && learningData.edit_actions && learningData.edit_actions.action) {
+          console.log("Processing conflicting learning edit action:", learningId, learningData);
+          const wtaConditions = learningData.conditions_whentoapply || [];
+          const wntaConditions = learningData.conditions_whennottoapply || [];
+          const whenToApply = wtaConditions.join(" OR ");
+          const whenNotToApply = wntaConditions.join(" OR ");
+          const { topic, modification, tooltip } = variantParser.parseVariant(learningData.variant);
+          const conflictIndex = conflictingLearnings.findIndex((l) => l.id === learningId);
+          if (conflictIndex !== -1) {
+            conflictingLearnings[conflictIndex] = {
+              ...conflictingLearnings[conflictIndex],
+              feedback: {
+                ...conflictingLearnings[conflictIndex].feedback,
+                variant: learningData.variant,
+                when_to_apply: whenToApply,
+                when_not_to_apply: whenNotToApply
+              }
+            };
+          }
+          setInlineEditing((prev) => ({
+            ...prev,
+            [learningId]: {
+              topic,
+              modification,
+              tooltip,
+              whenToApply,
+              whenNotToApply
+            }
+          }));
+        }
+      });
+      Object.keys(editConflictingLearningTrigger).forEach((learningId) => {
+        setProcessingIds((prev) => {
+          const newSet = new Set(prev);
+          newSet.delete(learningId);
+          return newSet;
+        });
+        setEditingIds((prev) => {
+          const newSet = new Set(prev);
+          newSet.delete(learningId);
+          return newSet;
+        });
+        setInlineEditing((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+        setFocusedField((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+        setConfirmationState((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+      });
+    }
+  }, [editConflictingLearningTrigger]);
+  React.useEffect(() => {
+    if (editSimilarLearningTrigger && typeof editSimilarLearningTrigger === "object" && Object.keys(editSimilarLearningTrigger).length > 0) {
+      console.log("Edit similar learning response received:", editSimilarLearningTrigger);
+      Object.entries(editSimilarLearningTrigger).forEach(async ([learningId, learningData]) => {
+        if (learningData && learningData.edit_actions && learningData.edit_actions.action) {
+          console.log("Processing similar learning edit action:", learningId, learningData);
+          const wtaConditions = learningData.conditions_whentoapply || [];
+          const wntaConditions = learningData.conditions_whennottoapply || [];
+          const whenToApply = wtaConditions.join(" OR ");
+          const whenNotToApply = wntaConditions.join(" OR ");
+          const { topic, modification, tooltip } = variantParser.parseVariant(learningData.variant);
+          const similarIndex = similarLearnings.findIndex((l) => l.id === learningId);
+          if (similarIndex !== -1) {
+            similarLearnings[similarIndex] = {
+              ...similarLearnings[similarIndex],
+              feedback: {
+                ...similarLearnings[similarIndex].feedback,
+                variant: learningData.variant,
+                when_to_apply: whenToApply,
+                when_not_to_apply: whenNotToApply
+              }
+            };
+          }
+          setInlineEditing((prev) => ({
+            ...prev,
+            [learningId]: {
+              topic,
+              modification,
+              tooltip,
+              whenToApply,
+              whenNotToApply
+            }
+          }));
+        }
+      });
+      Object.keys(editSimilarLearningTrigger).forEach((learningId) => {
+        setProcessingIds((prev) => {
+          const newSet = new Set(prev);
+          newSet.delete(learningId);
+          return newSet;
+        });
+        setEditingIds((prev) => {
+          const newSet = new Set(prev);
+          newSet.delete(learningId);
+          return newSet;
+        });
+        setInlineEditing((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+        setFocusedField((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+        setConfirmationState((prev) => {
+          const newState = { ...prev };
+          delete newState[learningId];
+          return newState;
+        });
+      });
+    }
+  }, [editSimilarLearningTrigger]);
+  const handleToggle = (index, type) => {
+    if (type === "conflict") {
+      setExpandedConflicts((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
+    } else {
+      setExpandedSimilars((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
+    }
+  };
+  const handleInlineEditStart = (learning) => {
+    const parsedVariant = variantParser.parseVariant(learning.feedback.variant);
+    setInlineEditing((prev) => ({
+      ...prev,
+      [learning.id]: {
+        topic: parsedVariant.topic,
+        modification: parsedVariant.modification,
+        tooltip: parsedVariant.tooltip,
+        whenToApply: Array.isArray(learning.feedback.when_to_apply) ? learning.feedback.when_to_apply.join(", ") : learning.feedback.when_to_apply || "",
+        whenNotToApply: Array.isArray(learning.feedback.when_not_to_apply) ? learning.feedback.when_not_to_apply.join(", ") : learning.feedback.when_not_to_apply || ""
+      }
+    }));
+  };
+  const handleInlineEditCancel = (learningId) => {
+    setInlineEditing((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+    setFocusedField((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+    setConfirmationState((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+  };
+  const handleFieldFocus = (learningId, field) => {
+    setFocusedField((prev) => ({
+      ...prev,
+      [learningId]: field
+    }));
+  };
+  const handleFieldBlur = (learningId) => {
+    setFocusedField((prev) => ({
+      ...prev,
+      [learningId]: null
+    }));
+  };
+  const hasActualChanges = (learning, editData) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!editData) return false;
+    const parsedVariant = variantParser.parseVariant(learning.feedback.variant);
+    const originalTopic = ((_a = parsedVariant.topic) == null ? void 0 : _a.trim()) || "";
+    const originalModification = ((_b = parsedVariant.modification) == null ? void 0 : _b.trim()) || "";
+    const originalTooltip = ((_c = parsedVariant.tooltip) == null ? void 0 : _c.trim()) || "";
+    const originalWTA = (Array.isArray(learning.feedback.when_to_apply) ? learning.feedback.when_to_apply.join(", ") : learning.feedback.when_to_apply || "").trim();
+    const originalWNTA = (Array.isArray(learning.feedback.when_not_to_apply) ? learning.feedback.when_not_to_apply.join(", ") : learning.feedback.when_not_to_apply || "").trim();
+    const currentTopic = ((_d = editData.topic) == null ? void 0 : _d.trim()) || "";
+    const currentModification = ((_e = editData.modification) == null ? void 0 : _e.trim()) || "";
+    const currentTooltip = ((_f = editData.tooltip) == null ? void 0 : _f.trim()) || "";
+    const currentWTA = ((_g = editData.whenToApply) == null ? void 0 : _g.trim()) || "";
+    const currentWNTA = ((_h = editData.whenNotToApply) == null ? void 0 : _h.trim()) || "";
+    return originalTopic !== currentTopic || originalModification !== currentModification || originalTooltip !== currentTooltip || originalWTA !== currentWTA || originalWNTA !== currentWNTA;
+  };
+  const handleSaveClick = (learningId) => {
+    setConfirmationState((prev) => ({
+      ...prev,
+      [learningId]: "save"
+    }));
+  };
+  const handleDeleteClick = (learningId, label, type) => {
+    const typeText = type === "conflict" ? "Conflicting" : "Similar";
+    const deleteLabel = `${typeText} Learning ${label}`;
+    setConfirmationState((prev) => ({
+      ...prev,
+      [learningId]: { action: "delete", label: deleteLabel }
+    }));
+  };
+  const handleMergeClick = (learningId) => {
+    setConfirmationState((prev) => ({
+      ...prev,
+      [learningId]: "merge"
+    }));
+  };
+  const handleConfirmationCancel = (learningId) => {
+    setConfirmationState((prev) => ({
+      ...prev,
+      [learningId]: null
+    }));
+  };
+  const handleInlineEditSave = async (learning, type, sequentialLabel) => {
+    var _a;
+    const editData = inlineEditing[learning.id];
+    if (!editData) return;
+    setEditingIds((prev) => new Set(prev).add(learning.id));
+    setProcessingIds((prev) => new Set(prev).add(learning.id));
+    try {
+      console.log("[Edit-UI] Sending edit request to API:", learning.id, editData);
+      const originalTooltipMatch = learning.feedback.variant.match(/<[^>]+>[^<]+<\/[^>]+>/);
+      const originalTooltipFormat = originalTooltipMatch ? originalTooltipMatch[0] : "<tooltip>$1</tooltip>";
+      const tooltipTags = originalTooltipFormat.match(/<([^>]+)>/);
+      const tooltipTagName = tooltipTags ? tooltipTags[1] : "tooltip";
+      const variantString = `Replace ${editData.topic} with ${editData.modification}${editData.tooltip ? ` <${tooltipTagName}>${editData.tooltip}</${tooltipTagName}>` : ""}`;
+      const wntaPart = ((_a = editData.whenNotToApply) == null ? void 0 : _a.trim()) ? `and WNTA: ${editData.whenNotToApply}` : "and remove the WNTA conditions";
+      setSendMessageInChat(`Edit ${type} learning ${sequentialLabel} variant to ${variantString} with WTA: ${editData.whenToApply} ${wntaPart}`);
+      if (isMountedRef.current) {
+        if (onSetOperationStatus) {
+          onSetOperationStatus({ status: "success", message: `Processing edit request...` });
+        }
+      }
+    } catch (err) {
+      console.error("[Edit-UI] error sending edit request:", err);
+      if (isMountedRef.current && onSetOperationStatus) {
+        onSetOperationStatus({ status: "error", message: `Error sending edit request: ${err instanceof Error ? err.message : "Unknown error"}` });
+      }
+      setProcessingIds((prev) => {
+        const newSet = new Set(prev);
+        newSet.delete(learning.id);
+        return newSet;
+      });
+      setEditingIds((prev) => {
+        const newSet = new Set(prev);
+        newSet.delete(learning.id);
+        return newSet;
+      });
+    }
+  };
+  const formatConfidenceScore = (score) => {
+    const cappedScore = Math.min(score, 1);
+    return Math.round(cappedScore * 100);
+  };
+  const getConfidenceBadgeColor = (percentage) => {
+    if (percentage >= 80) {
+      return { bg: "#10B981", text: "#f2f2f2" };
+    } else if (percentage >= 50) {
+      return { bg: "#F59E0B", text: "#f2f2f2" };
+    } else {
+      return { bg: "#cc0000", text: "#f2f2f2" };
+    }
+  };
+  const ConfidenceBadge = ({ score }) => {
+    const percentage = formatConfidenceScore(score);
+    const colors = getConfidenceBadgeColor(percentage);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Tooltip__default["default"],
+      {
+        title: "AI Confidence Score",
+        placement: "top",
+        arrow: true,
+        componentsProps: {
+          tooltip: {
+            sx: {
+              fontSize: "0.75rem",
+              padding: "0.25rem 0.5rem",
+              fontFamily: "Plus Jakarta Sans, sans-serif"
+            }
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Box,
+          {
+            sx: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 0.5,
+              px: 1.5,
+              py: 0.5,
+              mr: 1,
+              borderRadius: "16px",
+              // Pill shape
+              // border: "1px solid #5338b1",
+              backgroundColor: colors.bg,
+              color: colors.text,
+              fontSize: "0.8rem",
+              fontWeight: 600,
+              fontFamily: "Plus Jakarta Sans",
+              cursor: "default",
+              transition: "all 0.2s ease-in-out"
+              // '&:hover': {
+              //   opacity: 0.9,
+              //   transform: 'scale(1.02)',
+              // },
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "bi:stars", "clip-path": "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: colors.text
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                material.Typography,
+                {
+                  sx: {
+                    fontSize: "0.8rem",
+                    fontWeight: 600,
+                    fontFamily: "Plus Jakarta Sans",
+                    color: colors.text
+                  },
+                  children: [
+                    percentage,
+                    "%"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  };
+  const renderLearningAccordion = (learning, index, type, sequentialLabel) => {
+    var _a, _b, _c, _d;
+    console.log(`[ConflictsDisplayDB] Rendering ${type} learning:`, {
+      id: learning.id,
+      variant: learning.feedback.variant,
+      similarity_score: learning.similarity_score,
+      type
+    });
+    const isExpanded = type === "conflict" ? expandedConflicts.includes(index) : expandedSimilars.includes(index);
+    const color = type === "conflict" ? "#991B1B" : "#F87171";
+    const label = type === "conflict" ? `Conflicting with variant : ${learning.feedback.variant}` : `Similar to variant : ${learning.feedback.variant}`;
+    const isReasonExpanded = !!reasonExpanded[learning.id];
+    const reasonTitle = type === "conflict" ? "Why it's conflicting?" : "Why it's similar?";
+    const isInlineEditing = inlineEditing[learning.id];
+    const isProcessing = processingIds.has(learning.id);
+    const currentFocusedField = focusedField[learning.id];
+    const currentConfirmation = confirmationState[learning.id];
+    const editData = isInlineEditing || {
+      whenToApply: Array.isArray(learning.feedback.when_to_apply) ? learning.feedback.when_to_apply.join(", ") : learning.feedback.when_to_apply || "",
+      whenNotToApply: Array.isArray(learning.feedback.when_not_to_apply) ? learning.feedback.when_not_to_apply.join(", ") : learning.feedback.when_not_to_apply || ""
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Accordion,
+      {
+        expanded: isExpanded,
+        onChange: () => handleToggle(index, type),
+        disableGutters: true,
+        sx: {
+          mb: 2,
+          border: "2px solid #acb5c2" ,
+          borderRadius: 2,
+          fontFamily: "Plus Jakarta Sans",
+          "&::before": { display: "none" }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.AccordionSummary,
+            {
+              expandIcon: /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon__default["default"], { style: { color } }),
+              "aria-controls": `panel-${type}-${index}-content`,
+              id: `panel-${type}-${index}-header`,
+              "aria-label": `${sequentialLabel ? `${sequentialLabel}: ` : ""}${label}`,
+              sx: {
+                fontFamily: "Plus Jakarta Sans",
+                color,
+                fontWeight: 600,
+                px: 2,
+                py: 1.5
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", width: "100%", justifyContent: "space-between" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center" }, children: [
+                  sequentialLabel && /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Typography,
+                    {
+                      component: "span",
+                      sx: {
+                        fontSize: "0.9rem",
+                        fontWeight: 700,
+                        color,
+                        mr: 1,
+                        fontFamily: "Plus Jakarta Sans"
+                      },
+                      children: [
+                        sequentialLabel,
+                        "."
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      sx: {
+                        fontSize: "0.95rem",
+                        fontWeight: 600,
+                        color,
+                        fontFamily: "Plus Jakarta Sans"
+                      },
+                      children: label
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(ConfidenceBadge, { score: learning.similarity_score })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.AccordionDetails, { sx: { px: 2, pb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Accordion,
+              {
+                expanded: isReasonExpanded,
+                onChange: () => handleReasonToggle(learning.id),
+                disableGutters: true,
+                elevation: 0,
+                sx: {
+                  backgroundColor: "transparent",
+                  border: "1px solid #fde68a",
+                  borderRadius: 2,
+                  mb: 2,
+                  "&::before": { display: "none" }
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.AccordionSummary,
+                    {
+                      expandIcon: /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon__default["default"], { style: { color: "#92400e" } }),
+                      sx: {
+                        backgroundColor: "#fef3c7",
+                        borderRadius: isReasonExpanded ? "8px 8px 0 0" : 2,
+                        minHeight: "auto",
+                        "& .MuiAccordionSummary-content": {
+                          margin: "12px 0"
+                        }
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Typography,
+                          {
+                            sx: {
+                              fontSize: "0.85rem",
+                              fontWeight: 600,
+                              color: "#92400e",
+                              fontFamily: "Plus Jakarta Sans"
+                            },
+                            children: reasonTitle
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: "Click to expand for more details", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(HelpOutlineIcon__default["default"], { style: { color: "#92400e", fontSize: "1rem", cursor: "pointer" } }) })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { p: 1.5, backgroundColor: "#fffbeb" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      sx: {
+                        fontSize: "0.9rem",
+                        color: "#b45309",
+                        fontFamily: "Plus Jakarta Sans"
+                      },
+                      children: learning.reason
+                    }
+                  ) })
+                ]
+              }
+            ),
+            isInlineEditing && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Box,
+              {
+                sx: {
+                  mb: 2,
+                  p: 2,
+                  border: "1px solid #991B1B",
+                  borderRadius: 2
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      variant: "caption",
+                      sx: {
+                        fontSize: "0.9rem",
+                        color: "#991B1B",
+                        fontWeight: 600,
+                        mb: 1,
+                        display: "block",
+                        fontFamily: "Plus Jakarta Sans"
+                      },
+                      children: "Edit Variant"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2, alignItems: "center", mb: 2 }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontFamily: "Plus Jakarta Sans" }, children: "Replace" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.TextField,
+                      {
+                        value: editData.topic,
+                        label: "Original",
+                        onChange: (e) => setInlineEditing((prev) => ({
+                          ...prev,
+                          [learning.id]: { ...prev[learning.id], topic: e.target.value }
+                        })),
+                        disabled: isProcessing,
+                        size: "small",
+                        sx: {
+                          flex: 1,
+                          "& .MuiInputBase-root": {
+                            fontFamily: "Plus Jakarta Sans",
+                            backgroundColor: "#FFFFFF"
+                          }
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontFamily: "Plus Jakarta Sans" }, children: "with" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.TextField,
+                      {
+                        value: editData.modification,
+                        label: "Modification",
+                        onChange: (e) => setInlineEditing((prev) => ({
+                          ...prev,
+                          [learning.id]: { ...prev[learning.id], modification: e.target.value }
+                        })),
+                        disabled: isProcessing,
+                        size: "small",
+                        sx: {
+                          flex: 1,
+                          "& .MuiInputBase-root": {
+                            fontFamily: "Plus Jakarta Sans",
+                            backgroundColor: "#FFFFFF"
+                          }
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.TextField,
+                    {
+                      fullWidth: true,
+                      size: "small",
+                      label: "Tooltip (Optional)",
+                      value: editData.tooltip,
+                      onChange: (e) => setInlineEditing((prev) => ({
+                        ...prev,
+                        [learning.id]: { ...prev[learning.id], tooltip: e.target.value }
+                      })),
+                      disabled: isProcessing,
+                      sx: {
+                        "& .MuiInputBase-root": {
+                          fontFamily: "Plus Jakarta Sans",
+                          backgroundColor: "#FFFFFF"
+                        }
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Box,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: { xs: "column", sm: "row" },
+                  gap: 2,
+                  mb: 2
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Box,
+                    {
+                      sx: {
+                        flex: 1,
+                        scale: isInlineEditing ? 1.02 : 1,
+                        border: isInlineEditing && currentFocusedField === "whenToApply" ? "1px solid #991B1B" : isInlineEditing ? "1px solid #B91C1C" : "1px solid #FCA5A5",
+                        borderRadius: 2,
+                        padding: 2,
+                        // backgroundColor: isInlineEditing && currentFocusedField === 'whenToApply' ? "#FEE2E2" :
+                        //   isInlineEditing ? "#FEF2F2" : "#FFFFFF",
+                        transition: "all 0.2s ease-in-out",
+                        boxShadow: isInlineEditing && currentFocusedField === "whenToApply" ? "0 0 0 1px rgba(153, 27, 27, 0.1)" : "none"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Typography,
+                          {
+                            variant: "caption",
+                            sx: {
+                              fontSize: "0.9rem",
+                              color: isInlineEditing && currentFocusedField === "whenToApply" ? "#991B1B" : isInlineEditing ? "#B91C1C" : "#6B7280",
+                              fontWeight: 600,
+                              mb: 0.5,
+                              display: "block",
+                              fontFamily: "Plus Jakarta Sans"
+                            },
+                            children: [
+                              "When To Apply",
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#e4050b" }, children: "*" })
+                            ]
+                          }
+                        ),
+                        isInlineEditing || isProcessing ? /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            fullWidth: true,
+                            multiline: true,
+                            rows: 3,
+                            value: isProcessing ? Array.isArray(learning.feedback.when_to_apply) ? learning.feedback.when_to_apply.join("\n") : learning.feedback.when_to_apply || "" : editData.whenToApply,
+                            disabled: isProcessing,
+                            onChange: (e) => !isProcessing && setInlineEditing((prev) => ({
+                              ...prev,
+                              [learning.id]: { ...prev[learning.id], whenToApply: e.target.value }
+                            })),
+                            onFocus: () => !isProcessing && handleFieldFocus(learning.id, "whenToApply"),
+                            onBlur: () => !isProcessing && handleFieldBlur(learning.id),
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif",
+                                backgroundColor: "#FFFFFF",
+                                border: currentFocusedField === "whenToApply" ? "1px solid #991B1B" : "1px solid #991B1B",
+                                borderRadius: 1
+                                // '&:hover': {
+                                //   border: '2px solid #991B1B',
+                                // },
+                                // '&.Mui-focused': {
+                                //   border: '3px solid #991B1B',
+                                //   boxShadow: '0 0 0 2px rgba(153, 27, 27, 0.2)',
+                                // },
+                              },
+                              "& .MuiOutlinedInput-notchedOutline": {
+                                border: "none"
+                              }
+                            }
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Typography,
+                          {
+                            variant: "body2",
+                            sx: {
+                              fontSize: "1rem",
+                              color: "#374151",
+                              whiteSpace: "pre-line",
+                              fontFamily: "Plus Jakarta Sans"
+                            },
+                            children: Array.isArray(learning.feedback.when_to_apply) ? learning.feedback.when_to_apply.join("\n") : learning.feedback.when_to_apply
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Box,
+                    {
+                      sx: {
+                        flex: 1,
+                        scale: isInlineEditing ? 1.02 : 1,
+                        // border: isInlineEditing && currentFocusedField === 'whenNotToApply' ? "2px solid #991B1B" : 
+                        //        isInlineEditing ? "2px solid #B91C1C" : "1px solid #FCA5A5",
+                        border: isInlineEditing && currentFocusedField === "whenToApply" ? "1px solid #991B1B" : isInlineEditing ? "1px solid #B91C1C" : "1px solid #FCA5A5",
+                        borderRadius: 2,
+                        padding: 2,
+                        // backgroundColor: isInlineEditing && currentFocusedField === 'whenNotToApply' ? "#FEE2E2" :
+                        //   isInlineEditing ? "#FEF2F2" : "#FFFFFF",
+                        transition: "all 0.2s ease-in-out",
+                        boxShadow: isInlineEditing && currentFocusedField === "whenNotToApply" ? "0 0 0 1px rgba(153, 27, 27, 0.1)" : "none"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Typography,
+                          {
+                            variant: "caption",
+                            sx: {
+                              fontSize: "0.9rem",
+                              color: isInlineEditing && currentFocusedField === "whenNotToApply" ? "#991B1B" : isInlineEditing ? "#B91C1C" : "#6B7280",
+                              fontWeight: 600,
+                              mb: 0.5,
+                              display: "block",
+                              fontFamily: "Plus Jakarta Sans"
+                            },
+                            children: "When Not To Apply"
+                          }
+                        ),
+                        isInlineEditing || isProcessing ? /* @__PURE__ */ jsxRuntime.jsx(
+                          material.TextField,
+                          {
+                            fullWidth: true,
+                            multiline: true,
+                            rows: 3,
+                            value: isProcessing ? Array.isArray(learning.feedback.when_not_to_apply) ? learning.feedback.when_not_to_apply.join("\n") : learning.feedback.when_not_to_apply || "" : editData.whenNotToApply,
+                            disabled: isProcessing,
+                            onChange: (e) => !isProcessing && setInlineEditing((prev) => ({
+                              ...prev,
+                              [learning.id]: { ...prev[learning.id], whenNotToApply: e.target.value }
+                            })),
+                            onFocus: () => !isProcessing && handleFieldFocus(learning.id, "whenNotToApply"),
+                            onBlur: () => !isProcessing && handleFieldBlur(learning.id),
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontFamily: "Plus Jakarta Sans, sans-serif",
+                                backgroundColor: "#FFFFFF",
+                                border: "1px solid #B91C1C",
+                                borderRadius: 1
+                                // '&:hover': {
+                                //   border: '2px solid #991B1B',
+                                // },
+                                // '&.Mui-focused': {
+                                //   border: '3px solid #991B1B',
+                                //   boxShadow: '0 0 0 2px rgba(153, 27, 27, 0.2)',
+                                // },
+                              },
+                              "& .MuiOutlinedInput-notchedOutline": {
+                                border: "none"
+                              }
+                            }
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Typography,
+                          {
+                            variant: "body2",
+                            sx: {
+                              fontSize: "1rem",
+                              color: "#374151",
+                              whiteSpace: "pre-line",
+                              fontFamily: "Plus Jakarta Sans"
+                            },
+                            children: Array.isArray(learning.feedback.when_not_to_apply) ? learning.feedback.when_not_to_apply.join("\n") : learning.feedback.when_not_to_apply
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            isInlineEditing ? currentConfirmation === "save" ? (
+              // Save Confirmation
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 2 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    variant: "body2",
+                    sx: {
+                      fontSize: "0.9rem",
+                      color: "#6B7280",
+                      mb: 1,
+                      fontFamily: "Plus Jakarta Sans",
+                      fontWeight: 500,
+                      fontStyle: "italic"
+                    },
+                    children: "Are you sure you want to save this learning with the edited changes?"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: 1 }, children: [
+                  processingIds.has(learning.id) && /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      variant: "body2",
+                      sx: {
+                        fontSize: "0.8rem",
+                        color: "#545454",
+                        fontFamily: "Plus Jakarta Sans",
+                        fontWeight: 500,
+                        fontStyle: "italic",
+                        mr: 1
+                      },
+                      children: "I got it, Editing your conditions..."
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "contained",
+                      onClick: () => handleInlineEditSave(learning, type, sequentialLabel || ""),
+                      disabled: editingIds.has(learning.id) || processingIds.has(learning.id),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        backgroundColor: processingIds.has(learning.id) ? "#10B981" : "#1565c0",
+                        textTransform: "none",
+                        color: "white",
+                        height: 32,
+                        px: 1.5,
+                        fontWeight: 600,
+                        minWidth: processingIds.has(learning.id) ? 100 : "auto",
+                        "&:disabled": {
+                          backgroundColor: "#f3f4f6",
+                          color: "#9CA3AF",
+                          height: 32
+                        }
+                      },
+                      children: processingIds.has(learning.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, style: { color: "black", marginRight: 6 } }),
+                        "Saving..."
+                      ] }) : editingIds.has(learning.id) ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, style: { color: "white" } }) : "Yes"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      onClick: () => handleConfirmationCancel(learning.id),
+                      disabled: editingIds.has(learning.id) || processingIds.has(learning.id),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        color: "#6B7280",
+                        textTransform: "none",
+                        borderColor: "#6B7280",
+                        "&:hover": {
+                          borderColor: "#374151",
+                          backgroundColor: "#F3F4F6"
+                        }
+                      },
+                      children: "No"
+                    }
+                  )
+                ] })
+              ] })
+            ) : (
+              // Normal Edit Mode with Inline Edit Prompt
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 2, mt: 2 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    variant: "body2",
+                    sx: {
+                      fontSize: "0.9rem",
+                      color: "#6B7280",
+                      fontFamily: "Plus Jakarta Sans",
+                      fontWeight: 500,
+                      fontStyle: "italic"
+                    },
+                    children: "You are now editing this learning. Changes are applied upon saving."
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "contained",
+                      onClick: () => handleSaveClick(learning.id),
+                      disabled: editingIds.has(learning.id) || !((_a = editData.whenToApply) == null ? void 0 : _a.trim()) || !((_b = editData.topic) == null ? void 0 : _b.trim()) || !((_c = editData.modification) == null ? void 0 : _c.trim()) && !((_d = editData.tooltip) == null ? void 0 : _d.trim()) || !hasActualChanges(learning, editData),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        backgroundColor: "#1565c0",
+                        border: "1px solid #624ea6",
+                        textTransform: "none",
+                        color: "white",
+                        height: 32,
+                        px: 1.5,
+                        fontWeight: 600,
+                        "&:disabled": {
+                          backgroundColor: "#f3f4f6",
+                          color: "#9CA3AF",
+                          borderColor: "#d1d5db",
+                          height: 32
+                        }
+                      },
+                      children: "Save"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      onClick: () => handleInlineEditCancel(learning.id),
+                      disabled: editingIds.has(learning.id),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        color: "#6B7280",
+                        textTransform: "none",
+                        borderColor: "#6B7280",
+                        "&:hover": {
+                          borderColor: "#374151",
+                          backgroundColor: "#F3F4F6"
+                        }
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] })
+            ) : currentConfirmation === "merge" ? (
+              // Merge Confirmation
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 2 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    variant: "body2",
+                    sx: {
+                      fontSize: "0.9rem",
+                      color: "#6B7280",
+                      mb: 2,
+                      fontFamily: "Plus Jakarta Sans",
+                      fontStyle: "italic"
+                    },
+                    children: "Merging will delete this learning and move its conditions into the current one. Do you want to proceed?"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "contained",
+                      disabled: false,
+                      onClick: () => {
+                        console.log("[Merge-DB] Merge button clicked for learning:", learning.id);
+                        console.log("[Merge-DB] Sending merge message to chat");
+                        if (onMergeMessage) {
+                          console.log("[Merge-DB] \u{1F535} MERGE BUTTON CLICKED - Sending merge request for learning:", learning.id);
+                          console.log("[Merge-DB] Learning data:", learning);
+                          onMergeMessage(learning.id);
+                          if (isMountedRef.current && onSetOperationStatus) {
+                            onSetOperationStatus({ status: "success", message: `Merge request sent to chat for learning: ${learning.feedback.variant}` });
+                          }
+                        } else {
+                          console.log("[Merge-DB] No onMergeMessage callback provided");
+                          if (isMountedRef.current && onSetOperationStatus) {
+                            onSetOperationStatus({ status: "error", message: "Unable to send merge request - chat integration not available" });
+                          }
+                        }
+                        setConfirmationState((prev) => ({
+                          ...prev,
+                          [learning.id]: null
+                        }));
+                      },
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        backgroundColor: "#10B981",
+                        textTransform: "none",
+                        color: "white",
+                        height: 32,
+                        px: 1.5,
+                        fontWeight: 600,
+                        "&:hover": {
+                          backgroundColor: "#059669"
+                        }
+                      },
+                      children: deletingIds.has(learning.id) ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, style: { color: "white" } }) : "Yes"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      onClick: () => handleConfirmationCancel(learning.id),
+                      disabled: deletingIds.has(learning.id),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        color: "#6B7280",
+                        textTransform: "none",
+                        borderColor: "#6B7280",
+                        "&:hover": {
+                          borderColor: "#374151",
+                          backgroundColor: "#F3F4F6"
+                        }
+                      },
+                      children: "No"
+                    }
+                  )
+                ] })
+              ] })
+            ) : currentConfirmation && typeof currentConfirmation === "object" && currentConfirmation.action === "delete" ? (
+              // Delete Confirmation - Full width layout
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 2 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    variant: "body2",
+                    sx: {
+                      fontSize: "0.9rem",
+                      color: "#B91C1C",
+                      mb: 2,
+                      fontFamily: "Plus Jakarta Sans",
+                      fontStyle: "italic"
+                    },
+                    children: "This action cannot be undone, are you sure you want to delete this learning?"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      disabled: deletingIds.has(learning.id),
+                      onClick: async (e) => {
+                        e.stopPropagation();
+                        console.log("[Delete-DB] Delete confirmation clicked for learning:", learning.id);
+                        console.log("[Delete-DB] Setting deleting state for:", learning.id);
+                        setDeletingIds((prev) => new Set(prev).add(learning.id));
+                        try {
+                          if (onDeleteLearning) {
+                            const deleteInfo = currentConfirmation;
+                            onDeleteLearning(deleteInfo.label);
+                            console.log("[Delete-DB] Delete callback called for learning:", learning.feedback.variant);
+                          }
+                          if (onDeleted) {
+                            onDeleted(learning.id);
+                          }
+                          if (isMountedRef.current && onSetOperationStatus) {
+                            onSetOperationStatus({ status: "success", message: `Successfully deleted learning: ${learning.feedback.variant}` });
+                          }
+                        } catch (err) {
+                          console.error("[Delete-DB] error", err);
+                          if (isMountedRef.current && onSetOperationStatus) {
+                            onSetOperationStatus({ status: "error", message: `Error deleting learning: ${err instanceof Error ? err.message : "Unknown error"}` });
+                          }
+                        } finally {
+                          if (isMountedRef.current) {
+                            setDeletingIds((prev) => {
+                              const newSet = new Set(prev);
+                              newSet.delete(learning.id);
+                              return newSet;
+                            });
+                            setConfirmationState((prev) => {
+                              const newState = { ...prev };
+                              delete newState[learning.id];
+                              return newState;
+                            });
+                          }
+                        }
+                      },
+                      startIcon: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default["default"], {}),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        color,
+                        textTransform: "none",
+                        borderColor: color,
+                        "&:hover": {
+                          borderColor: color,
+                          backgroundColor: `${color}10`
+                        },
+                        "&:disabled": {
+                          color: "#9CA3AF",
+                          borderColor: "#9CA3AF"
+                        }
+                      },
+                      children: deletingIds.has(learning.id) ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, style: { color } }) : "Yes"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Button,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      onClick: () => handleConfirmationCancel(learning.id),
+                      disabled: deletingIds.has(learning.id),
+                      sx: {
+                        fontFamily: "Plus Jakarta Sans",
+                        color: "#6B7280",
+                        textTransform: "none",
+                        borderColor: "#6B7280",
+                        "&:hover": {
+                          borderColor: "#374151",
+                          backgroundColor: "#F3F4F6"
+                        }
+                      },
+                      children: "No"
+                    }
+                  )
+                ] })
+              ] })
+            ) : (
+              // Normal Action Buttons - All buttons on right side
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", mt: 2 }, children: [
+                type === "similar" && /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: "Merge this similar learning into the current one", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    onClick: () => handleMergeClick(learning.id),
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(MergeTypeIcon__default["default"], {}),
+                    sx: {
+                      fontFamily: "Plus Jakarta Sans",
+                      backgroundColor: "white",
+                      border: "1px solid #10B981",
+                      textTransform: "none",
+                      color: "#10B981",
+                      height: 32,
+                      px: 1.5,
+                      fontWeight: 600,
+                      "&:hover": {
+                        backgroundColor: "#10B98110"
+                      }
+                    },
+                    children: "Merge"
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: baseUrl && organizationName && chatAssistantName ? "Correct Me" : "Edit unavailable: missing context", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    size: "small",
+                    color: "primary",
+                    variant: "contained",
+                    disabled: !(baseUrl && organizationName && chatAssistantName) || editingIds.has(learning.id),
+                    onClick: () => handleInlineEditStart(learning),
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default["default"], {}),
+                    sx: {
+                      fontFamily: "Plus Jakarta Sans",
+                      backgroundColor: "white",
+                      border: "1px solid #624ea6",
+                      textTransform: "none",
+                      color: "#1565c0",
+                      height: 32,
+                      // 🔒 locking button height
+                      px: 1.5,
+                      // keep padding consistent
+                      //  "&:hover": {
+                      //    backgroundColor: "#ece9f7",
+                      //    color: "#624ea6",
+                      //  },
+                      //  "&:disabled": {
+                      //    backgroundColor: "#f3f4f6", // softer gray instead of dark
+                      //    color: "#9CA3AF",           // gray text
+                      //    border: "1px solid #d1d5db",// keep border so height doesn't shift
+                      //    height: 32,                 // same height even when disabled
+                      //  },
+                      "&:hover": { backgroundColor: "#1565c020" },
+                      fontWeight: 600
+                    },
+                    children: "Correct Me"
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: baseUrl && organizationName && chatAssistantName ? "Delete" : "Delete unavailable: missing context", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    size: "small",
+                    variant: "outlined",
+                    disabled: !(baseUrl && organizationName && chatAssistantName) || deletingIds.has(learning.id),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleDeleteClick(learning.id, sequentialLabel || "A", type);
+                    },
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default["default"], {}),
+                    sx: {
+                      fontFamily: "Plus Jakarta Sans",
+                      color: "#cc0000",
+                      textTransform: "none",
+                      borderColor: "#cc0000",
+                      "&:hover": {
+                        borderColor: "#cc0000",
+                        backgroundColor: `#cc000010`
+                      },
+                      "&:disabled": {
+                        color: "#9CA3AF",
+                        borderColor: "#9CA3AF"
+                      }
+                    },
+                    children: "Delete"
+                  }
+                ) }) })
+              ] })
+            )
+          ] })
+        ]
+      },
+      `${type}-${index}`
+    );
+  };
+  if ((!conflictingLearnings || conflictingLearnings.length === 0) && (!similarLearnings || similarLearnings.length === 0)) {
+    return null;
+  }
+  const getSequentialLabel = (index) => {
+    return String.fromCharCode(65 + index);
+  };
+  const generateCategoryTitle = (count, type) => {
+    if (count === 1) {
+      return type === "similar" ? "1 Similar Learning Found" : "1 Conflicting Learning Found";
+    } else {
+      return type === "similar" ? `${count} Similar Learnings Found` : `${count} Conflicting Learnings Found`;
+    }
+  };
+  const getCategoryTooltipText = (type) => {
+    if (type === "similar") {
+      return "We've identified existing learnings that are similar to the current one. You may want to edit or delete them to avoid duplication or confusion.";
+    } else {
+      return "Some existing learnings may contradict the current one. Review them carefully, as they could cause instability when applied together.";
+    }
+  };
+  const renderCategoryBox = (learnings, type) => {
+    if (learnings.length === 0) return null;
+    const title = generateCategoryTitle(learnings.length, type);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Box,
+      {
+        sx: {
+          // background: "linear-gradient(135deg, #FFF5F5 0%, #FFF 100%)",
+          border: "1px solid #FCA5A5",
+          boxShadow: "0 4px 10px rgba(0,0,0,0.05)",
+          p: 3,
+          borderRadius: 3,
+          mt: 3,
+          mb: 3,
+          fontFamily: "Plus Jakarta Sans",
+          transition: "all 0.2s ease-in-out",
+          "&:hover": {
+            boxShadow: "0 6px 14px rgba(0,0,0,0.08)",
+            transform: "translateY(-2px)"
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                mb: 2,
+                justifyContent: "",
+                fontFamily: "Plus Jakarta Sans"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    sx: {
+                      fontSize: "1.2rem",
+                      fontWeight: 700,
+                      color: "#B91C1C",
+                      fontFamily: "Plus Jakarta Sans"
+                    },
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Tooltip__default["default"],
+                  {
+                    title: getCategoryTooltipText(type),
+                    placement: "top",
+                    arrow: true,
+                    componentsProps: {
+                      tooltip: {
+                        sx: {
+                          fontSize: "0.875rem",
+                          p: 1,
+                          borderRadius: 1.5,
+                          // backgroundColor: "#1F2937",
+                          color: "#fff",
+                          fontFamily: "Plus Jakarta Sans"
+                        }
+                      }
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Box,
+                      {
+                        sx: {
+                          width: 24,
+                          height: 24,
+                          borderRadius: "50%",
+                          // backgroundColor: "#FEE2E2",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          cursor: "pointer",
+                          ml: 1,
+                          fontFamily: "Plus Jakarta Sans"
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, color: "#B91C1C" })
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Box,
+            {
+              sx: {
+                maxHeight: 360,
+                overflowY: "auto",
+                pr: 1.5,
+                fontFamily: "Plus Jakarta Sans",
+                "&::-webkit-scrollbar": {
+                  width: "6px"
+                },
+                "&::-webkit-scrollbar-thumb": {
+                  backgroundColor: "#FCA5A5",
+                  borderRadius: "8px"
+                },
+                "&::-webkit-scrollbar-track": {
+                  backgroundColor: "#FEE2E2"
+                }
+              },
+              children: learnings.map(
+                (learning, index) => renderLearningAccordion(
+                  learning,
+                  index,
+                  type,
+                  getSequentialLabel(index) 
+                )
+              )
+            }
+          )
+        ]
+      },
+      type
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    renderCategoryBox(conflictingLearnings, "conflict"),
+    renderCategoryBox(similarLearnings, "similar")
+  ] });
+};
+var ConflictsDisplayDB$1 = ConflictsDisplayDB;
+
+exports["default"] = ConflictsDisplayDB$1;
 //# sourceMappingURL=ConflictingLearningWarnCardDB.js.map