npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.2 → 1.3.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1959) hide show

package/dist/cjs/features/InstantLearning/_components/ContextualConflictDBCard.js CHANGED Viewed

@@ -1,2 +1,663 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),t=require("@mui/icons-material/KeyboardArrowDown"),i=require("@mui/material/Tooltip"),a=require("@mui/icons-material/Delete"),s=require("@mui/icons-material/Edit"),l=require("@mui/icons-material/MergeType"),d=require("lucide-react");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(t),f=c(i),g=c(a),h=c(s),p=c(l);exports.default=function(t){var i=t.conflictingConditions;t.baseUrl,t.organizationName,t.chatAssistantName,t.onDeleted;var a=t.onMergeMessage,s=t.setSendMessageInChat;t.editConflictingLearningTrigger,t.editSimilarLearningTrigger;var l=t.onSetOperationStatus,c=t.onEdited,_=t.isFromDashboard,x=i||[[],[]],y=x[0],b=x[1],m=o.useState(y||[]),v=m[0],C=m[1],w=o.useState(b||[]),j=w[0],k=w[1],S=o.useState(function(){return(i[0]||[]).length>0?[0]:[]}),F=S[0],A=S[1],T=o.useState(function(){return(i[1]||[]).length>0?[0]:[]}),B=T[0],z=T[1],P=o.useState(new Set),W=P[0];P[1];var J=o.useState(new Set),R=J[0],I=J[1],M=o.useState(new Set),N=M[0],D=M[1],q=o.useState({}),L=q[0],E=q[1],Y=o.useState({}),H=Y[0],O=Y[1],U=o.useState({}),G=U[0],K=U[1],Z=o.useRef(!0);o.useEffect(function(){return function(){Z.current=!1}},[]),o.useEffect(function(){var e=i||[[],[]],n=e[0],o=e[1];C(n||[]),k(o||[]),_&&(D(function(e){return e.size>0?(console.log("[Dashboard Mode] Props updated. Releasing all locks."),new Set):e}),I(function(e){return e.size>0?new Set:e}),E(function(e){return Object.keys(e).length>0?{}:e}),O(function(e){return Object.keys(e).length>0?{}:e}))},[i,_]);var Q=function(n,o){O(function(r){var t;return e.__assign(e.__assign({},r),((t={})[n]=o,t))})},V=function(e,n){var o,r,t,i;if(!n)return!1;var a=(null===(o=e.feedback.variant)||void 0===o?void 0:o.trim())||"",s=(Array.isArray(e.feedback.when_to_apply)?e.feedback.when_to_apply.join(", "):e.feedback.when_to_apply||"").trim(),l=(Array.isArray(e.feedback.when_not_to_apply)?e.feedback.when_not_to_apply.join(", "):e.feedback.when_not_to_apply||"").trim(),d=(null===(r=n.howToRespond)||void 0===r?void 0:r.trim())||"",c=(null===(t=n.whenToApply)||void 0===t?void 0:t.trim())||"",u=(null===(i=n.whenNotToApply)||void 0===i?void 0:i.trim())||"";return a!==d||s!==c||l!==u},X=function(o){var t=function(e){return Math.round(100*e)}(o.score),i=function(e){return e>=90?{bg:"#059669",text:"#f0fdf4"}:e>=80?{bg:"#10B981",text:"#f0fdf4"}:e>=70?{bg:"#3B82F6",text:"#f0fdf4"}:e>=60?{bg:"#F59E0B",text:"#fffbeb"}:{bg:"#cc0000",text:"#f2f2f2"}}(t);return n.jsx(f.default,e.__assign({title:"AI Confidence Score",placement:"top",arrow:!0},{children:n.jsxs(r.Box,e.__assign({sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,mr:1,borderRadius:"16px",backgroundColor:i.bg,color:i.text,fontSize:"0.8rem",fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:[n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.3188 23.8989 12.1153 24.0019 12.0012 24.0019C11.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.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.76329 16.0208 4.87168 15.9852 7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021Z",fill:i.text})})),n.jsxs(r.Typography,e.__assign({sx:{fontSize:"0.8rem",fontWeight:600,fontFamily:"Plus Jakarta Sans",color:i.text}},{children:[t,"%"]}))]}))}))},$=function(o,t,i,d){var x,y,b="conflict"===i?F.includes(t):B.includes(t),m="conflict"===i?"#991B1B":"#F87171",v="How to respond : ".concat(o.feedback.variant),w=!!G[o.id],j=!!L[o.id],S=N.has(o.id),T=H[o.id],P=L[o.id]||{howToRespond:"",whenToApply:"",whenNotToApply:""};return n.jsxs(r.Accordion,e.__assign({expanded:b,onChange:function(){return function(n,o){("conflict"===o?A:z)(function(o){return o.includes(n)?o.filter(function(e){return e!==n}):e.__spreadArray(e.__spreadArray([],o,!0),[n],!1)})}(t,i)},disableGutters:!0,sx:{mb:2,border:"1px solid #acb5c2",borderRadius:2,"&::before":{display:"none"}}},{children:[n.jsx(r.AccordionSummary,e.__assign({expandIcon:n.jsx(u.default,{style:{color:m}}),sx:{color:m,fontWeight:600,px:2,py:1.5}},{children:n.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between"}},{children:[n.jsxs(r.Typography,e.__assign({sx:{fontSize:"0.95rem",fontWeight:600,color:m,fontFamily:"Plus Jakarta Sans"}},{children:[d,". ",v]})),n.jsx(X,{score:o.similarity_score})]}))})),n.jsxs(r.AccordionDetails,e.__assign({sx:{px:2,pb:2,fontFamily:"Plus Jakarta Sans"}},{children:[n.jsxs(r.Accordion,e.__assign({expanded:w,onChange:function(){return n=o.id,void K(function(o){var r;return e.__assign(e.__assign({},o),((r={})[n]=!o[n],r))});var n},disableGutters:!0,elevation:0,sx:{backgroundColor:"transparent",border:"1px solid #fde68a",borderRadius:2,mb:2,"&::before":{display:"none"}}},{children:[n.jsx(r.AccordionSummary,e.__assign({expandIcon:n.jsx(u.default,{style:{color:"#92400e"}}),sx:{backgroundColor:"#fef3c7",borderRadius:w?"8px 8px 0 0":2,minHeight:"auto","& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:n.jsxs(r.Typography,e.__assign({sx:{fontSize:"0.85rem",fontWeight:600,color:"#92400e"}},{children:["Why is it ",i,"?"]}))})),n.jsx(r.AccordionDetails,e.__assign({sx:{p:1.5,backgroundColor:"#fffbeb"}},{children:n.jsx(r.Typography,e.__assign({sx:{fontSize:"0.9rem",color:"#b45309"}},{children:o.reason}))}))]})),j&&n.jsxs(r.Box,e.__assign({sx:{mb:2,p:2,border:"1px solid #991B1B",borderRadius:2}},{children:[n.jsx(r.Typography,e.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:"#991B1B",fontWeight:600,mb:1,display:"block"}},{children:"Edit how to respond"})),n.jsx(r.TextField,{fullWidth:!0,multiline:!0,rows:4,label:"How to Respond",value:P.howToRespond,onChange:function(n){return E(function(r){var t;return e.__assign(e.__assign({},r),((t={})[o.id]=e.__assign(e.__assign({},r[o.id]),{howToRespond:n.target.value}),t))})},disabled:S,sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}})]})),n.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},gap:2,mb:2}},{children:[n.jsxs(r.Box,e.__assign({sx:{flex:1,border:"1px solid #FCA5A5",borderRadius:2,p:2}},{children:[n.jsxs(r.Typography,e.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:"#6B7280",fontWeight:600,mb:.5,display:"block"}},{children:["When To Apply",n.jsx("span",e.__assign({style:{color:"#e4050b"}},{children:"*"}))]})),j?n.jsx(r.TextField,{fullWidth:!0,multiline:!0,rows:3,value:P.whenToApply,onChange:function(n){return E(function(r){var t;return e.__assign(e.__assign({},r),((t={})[o.id]=e.__assign(e.__assign({},r[o.id]),{whenToApply:n.target.value}),t))})},disabled:S,sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}}):n.jsx(r.Typography,e.__assign({variant:"body2",sx:{fontSize:"1rem",color:"#374151",whiteSpace:"pre-line"}},{children:Array.isArray(o.feedback.when_to_apply)?o.feedback.when_to_apply.join("\n"):o.feedback.when_to_apply}))]})),n.jsxs(r.Box,e.__assign({sx:{flex:1,border:"1px solid #FCA5A5",borderRadius:2,p:2}},{children:[n.jsx(r.Typography,e.__assign({variant:"caption",sx:{fontSize:"0.9rem",color:"#6B7280",fontWeight:600,mb:.5,display:"block"}},{children:"When Not To Apply"})),j?n.jsx(r.TextField,{fullWidth:!0,multiline:!0,rows:3,value:P.whenNotToApply,onChange:function(n){return E(function(r){var t;return e.__assign(e.__assign({},r),((t={})[o.id]=e.__assign(e.__assign({},r[o.id]),{whenNotToApply:n.target.value}),t))})},disabled:S,sx:{"& .MuiInputBase-root":{fontFamily:"Plus Jakarta Sans",backgroundColor:"#FFFFFF"}}}):n.jsx(r.Typography,e.__assign({variant:"body2",sx:{fontSize:"1rem",color:"#374151",whiteSpace:"pre-line"}},{children:Array.isArray(o.feedback.when_not_to_apply)?o.feedback.when_not_to_apply.join("\n"):o.feedback.when_not_to_apply}))]}))]})),j?"save"===T?n.jsxs(r.Box,e.__assign({sx:{mt:2}},{children:[n.jsx(r.Typography,e.__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?"})),n.jsxs(r.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:1}},{children:[S&&n.jsx(r.Typography,e.__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..."})),n.jsx(r.Button,e.__assign({size:"small",variant:"contained",onClick:function(){return function(n,o,r){return e.__awaiter(void 0,void 0,void 0,function(){var t,i,a,d;return e.__generator(this,function(u){if(!(t=L[n.id]))return[2];I(function(e){return new Set(e).add(n.id)}),D(function(e){return new Set(e).add(n.id)});try{if(i=(null===(d=t.whenNotToApply)||void 0===d?void 0:d.trim())?"and WNTA: ".concat(t.whenNotToApply):"and remove the WNTA conditions",a="Edit ".concat(o," learning ").concat(r,' to respond with "').concat(t.howToRespond,'" with WTA: ').concat(t.whenToApply," ").concat(i),s(a),_)return console.log("[Dashboard Mode] Edit sent. UI locked. Waiting for prop update..."),[2];"conflict"===o?C(function(o){var r=e.__spreadArray([],o,!0),i=r.findIndex(function(e){return e.id===n.id});return-1!==i&&(r[i].feedback.variant=t.howToRespond,r[i].feedback.when_to_apply=t.whenToApply,r[i].feedback.when_not_to_apply=t.whenNotToApply),r}):k(function(o){var r=e.__spreadArray([],o,!0),i=r.findIndex(function(e){return e.id===n.id});return-1!==i&&(r[i].feedback.variant=t.howToRespond,r[i].feedback.when_to_apply=t.whenToApply,r[i].feedback.when_not_to_apply=t.whenNotToApply),r}),c&&c(n.id),E(function(o){var r=e.__assign({},o);return delete r[n.id],r}),O(function(o){var r=e.__assign({},o);return delete r[n.id],r}),D(function(e){var o=new Set(e);return o.delete(n.id),o}),I(function(e){var o=new Set(e);return o.delete(n.id),o}),l&&l({status:"success",message:"Learning edit for '".concat(r,"' sent.")})}catch(e){console.error("[Edit-UI] error sending edit request:",e),Z.current&&(D(function(e){var o=new Set(e);return o.delete(n.id),o}),I(function(e){var o=new Set(e);return o.delete(n.id),o}))}return[2]})})}(o,i,d)},disabled:R.has(o.id)||S,sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:S?"#10B981":"#1565c0",textTransform:"none",color:"white",height:32,px:1.5,fontWeight:600,minWidth:S?100:"auto","&:disabled":{backgroundColor:"#f3f4f6",color:"#9CA3AF",height:32}}},{children:S?n.jsxs(n.Fragment,{children:[n.jsx(r.CircularProgress,{size:16,style:{color:"black",marginRight:6}}),"Saving..."]}):R.has(o.id)?n.jsx(r.CircularProgress,{size:16,style:{color:"white"}}):"Yes"})),n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",onClick:function(){return Q(o.id,null)},disabled:R.has(o.id)||S,sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):n.jsxs(r.Box,e.__assign({sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:2,mt:2}},{children:[n.jsx(r.Typography,e.__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."})),n.jsxs(r.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[n.jsx(r.Button,e.__assign({size:"small",variant:"contained",onClick:function(){return Q(o.id,"save")},disabled:R.has(o.id)||!(null===(x=P.whenToApply)||void 0===x?void 0:x.trim())||!(null===(y=P.howToRespond)||void 0===y?void 0:y.trim())||!V(o,P),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"})),n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",onClick:function(){return n=o.id,E(function(o){var r=e.__assign({},o);return delete r[n],r}),void O(function(o){var r=e.__assign({},o);return delete r[n],r});var n},disabled:R.has(o.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"Cancel"}))]}))]})):"merge"===T?n.jsxs(r.Box,e.__assign({sx:{mt:2}},{children:[n.jsx(r.Typography,e.__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?"})),n.jsxs(r.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[n.jsx(r.Button,e.__assign({size:"small",variant:"contained",disabled:!1,onClick:function(){return n=o.id,a&&a(n),void O(function(o){var r=e.__assign({},o);return delete r[n],r});var n},sx:{fontFamily:"Plus Jakarta Sans",backgroundColor:"#10B981",textTransform:"none",color:"white",height:32,px:1.5,fontWeight:600,"&:hover":{backgroundColor:"#059669"}}},{children:W.has(o.id)?n.jsx(r.CircularProgress,{size:16,style:{color:"white"}}):"Yes"})),n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",onClick:function(){return Q(o.id,null)},disabled:W.has(o.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):T&&"object"==typeof T&&"delete"===T.action?n.jsxs(r.Box,e.__assign({sx:{mt:2}},{children:[n.jsx(r.Typography,e.__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?"})),n.jsxs(r.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end",gap:1}},{children:[n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",disabled:W.has(o.id),onClick:function(n){n.stopPropagation(),function(n,o,r){s("Delete ".concat(r," learning ").concat(o)),O(function(o){var r=e.__assign({},o);return delete r[n],r})}(o.id,d,i)},sx:{fontFamily:"Plus Jakarta Sans",color:"#cc0000",textTransform:"none",borderColor:"#cc0000","&:hover":{borderColor:"#cc0000",backgroundColor:"#cc000010"},"&:disabled":{color:"#9CA3AF",borderColor:"#9CA3AF"}}},{children:W.has(o.id)?n.jsx(r.CircularProgress,{size:16,style:{color:"#cc0000"}}):"Yes"})),n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",onClick:function(){return Q(o.id,null)},disabled:W.has(o.id),sx:{fontFamily:"Plus Jakarta Sans",color:"#6B7280",textTransform:"none",borderColor:"#6B7280","&:hover":{borderColor:"#374151",backgroundColor:"#F3F4F6"}}},{children:"No"}))]}))]})):n.jsxs(r.Box,e.__assign({sx:{display:"flex",gap:1,justifyContent:"flex-end",mt:2}},{children:["similar"===i&&n.jsx(f.default,e.__assign({title:"Merge this similar learning into the current one",arrow:!0},{children:n.jsx("span",e.__assign({style:{display:"inline-flex"}},{children:n.jsx(r.Button,e.__assign({size:"small",variant:"contained",onClick:function(){return Q(o.id,"merge")},startIcon:n.jsx(p.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"}))}))})),n.jsx(f.default,e.__assign({title:"Correct Me",arrow:!0},{children:n.jsx("span",e.__assign({style:{display:"inline-flex"}},{children:n.jsx(r.Button,e.__assign({size:"small",color:"primary",variant:"contained",onClick:function(){return function(n){E(function(o){var r;return e.__assign(e.__assign({},o),((r={})[n.id]={howToRespond:n.feedback.variant,whenToApply:Array.isArray(n.feedback.when_to_apply)?n.feedback.when_to_apply.join(", "):n.feedback.when_to_apply||"",whenNotToApply:Array.isArray(n.feedback.when_not_to_apply)?n.feedback.when_not_to_apply.join(", "):n.feedback.when_not_to_apply||""},r))})}(o)},startIcon:n.jsx(h.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"}))}))})),n.jsx(f.default,e.__assign({title:"Delete",arrow:!0},{children:n.jsx("span",e.__assign({style:{display:"inline-flex"}},{children:n.jsx(r.Button,e.__assign({size:"small",variant:"outlined",onClick:function(e){e.stopPropagation(),Q(o.id,{action:"delete",label:d})},startIcon:n.jsx(g.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(i,"-").concat(t))},ee=function(o,t){if(0===o.length)return null;var i="".concat(o.length," ").concat(t.charAt(0).toUpperCase()+t.slice(1)," Learning").concat(o.length>1?"s":""," Found");return n.jsxs(r.Box,e.__assign({sx:{border:"1px solid #FCA5A5",boxShadow:"0 4px 10px rgba(0,0,0,0.05)",p:3,borderRadius:3,mt:2,mb:2}},{children:[n.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",mb:2}},{children:[n.jsx(r.Typography,e.__assign({sx:{fontSize:"1.2rem",fontWeight:700,color:"#B91C1C"}},{children:i})),n.jsx(f.default,e.__assign({title:"similar"===t?"Similar learnings detected. You may want to edit or delete them to avoid duplicates.":"Conflicting learnings detected. Review them to avoid issues.",placement:"top",arrow:!0},{children:n.jsx(r.Box,e.__assign({sx:{width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",ml:1}},{children:n.jsx(d.Info,{size:16,color:"#B91C1C"})}))}))]})),n.jsx(r.Box,e.__assign({sx:{maxHeight:360,overflowY:"auto",pr:1.5}},{children:o.map(function(e,n){return $(e,n,t,function(e){return String.fromCharCode(65+e)}(n))})}))]}),t)};return 0===v.length&&0===j.length?null:n.jsxs(n.Fragment,{children:[ee(v,"conflict"),ee(j,"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 EditIcon = require('@mui/icons-material/Edit');
+var MergeTypeIcon = require('@mui/icons-material/MergeType');
+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 EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
+var MergeTypeIcon__default = /*#__PURE__*/_interopDefaultLegacy(MergeTypeIcon);
+const ContextualConflictsDisplayDB = ({
+  conflictingConditions,
+  baseUrl,
+  organizationName,
+  chatAssistantName,
+  onDeleted,
+  onMergeMessage,
+  setSendMessageInChat,
+  editConflictingLearningTrigger,
+  editSimilarLearningTrigger,
+  onSetOperationStatus,
+  onEdited,
+  isFromDashboard
+}) => {
+  const [conflictingLearningsRaw, similarLearningsRaw] = conflictingConditions || [[], []];
+  const [conflictingLearnings, setConflictingLearnings] = React.useState(conflictingLearningsRaw || []);
+  const [similarLearnings, setSimilarLearnings] = React.useState(similarLearningsRaw || []);
+  const [expandedConflicts, setExpandedConflicts] = React.useState(
+    () => (conflictingConditions[0] || []).length > 0 ? [0] : []
+  );
+  const [expandedSimilars, setExpandedSimilars] = React.useState(
+    () => (conflictingConditions[1] || []).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 [confirmationState, setConfirmationState] = React.useState({});
+  const [reasonExpanded, setReasonExpanded] = React.useState({});
+  const isMountedRef = React.useRef(true);
+  React.useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    const [rawConflicting, rawSimilar] = conflictingConditions || [[], []];
+    setConflictingLearnings(rawConflicting || []);
+    setSimilarLearnings(rawSimilar || []);
+    if (isFromDashboard) {
+      setProcessingIds((prev) => {
+        if (prev.size > 0) {
+          console.log("[Dashboard Mode] Props updated. Releasing all locks.");
+          return /* @__PURE__ */ new Set();
+        }
+        return prev;
+      });
+      setEditingIds((prev) => {
+        if (prev.size > 0) return /* @__PURE__ */ new Set();
+        return prev;
+      });
+      setInlineEditing((prev) => Object.keys(prev).length > 0 ? {} : prev);
+      setConfirmationState((prev) => Object.keys(prev).length > 0 ? {} : prev);
+    }
+  }, [conflictingConditions, isFromDashboard]);
+  const handleReasonToggle = (learningId) => {
+    setReasonExpanded((prev) => ({ ...prev, [learningId]: !prev[learningId] }));
+  };
+  const handleToggle = (index, type) => {
+    const setExpanded = type === "conflict" ? setExpandedConflicts : setExpandedSimilars;
+    setExpanded((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
+  };
+  const handleInlineEditStart = (learning) => {
+    setInlineEditing((prev) => ({
+      ...prev,
+      [learning.id]: {
+        howToRespond: learning.feedback.variant,
+        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;
+    });
+    setConfirmationState((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+  };
+  const handleConfirmation = (learningId, action) => {
+    setConfirmationState((prev) => ({ ...prev, [learningId]: action }));
+  };
+  const hasActualChanges = (learning, editData) => {
+    var _a, _b, _c, _d;
+    if (!editData) return false;
+    const originalHowToRespond = ((_a = learning.feedback.variant) == null ? void 0 : _a.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 currentHowToRespond = ((_b = editData.howToRespond) == null ? void 0 : _b.trim()) || "";
+    const currentWTA = ((_c = editData.whenToApply) == null ? void 0 : _c.trim()) || "";
+    const currentWNTA = ((_d = editData.whenNotToApply) == null ? void 0 : _d.trim()) || "";
+    return originalHowToRespond !== currentHowToRespond || originalWTA !== currentWTA || originalWNTA !== currentWNTA;
+  };
+  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 {
+      const wntaPart = ((_a = editData.whenNotToApply) == null ? void 0 : _a.trim()) ? `and WNTA: ${editData.whenNotToApply}` : "and remove the WNTA conditions";
+      const editMessage = `Edit ${type} learning ${sequentialLabel} to respond with "${editData.howToRespond}" with WTA: ${editData.whenToApply} ${wntaPart}`;
+      setSendMessageInChat(editMessage);
+      if (isFromDashboard) {
+        console.log(`[Dashboard Mode] Edit sent. UI locked. Waiting for prop update...`);
+        return;
+      } else {
+        if (type === "conflict") {
+          setConflictingLearnings((prev) => {
+            const newArray = [...prev];
+            const index = newArray.findIndex((l) => l.id === learning.id);
+            if (index !== -1) {
+              newArray[index].feedback.variant = editData.howToRespond;
+              newArray[index].feedback.when_to_apply = editData.whenToApply;
+              newArray[index].feedback.when_not_to_apply = editData.whenNotToApply;
+            }
+            return newArray;
+          });
+        } else {
+          setSimilarLearnings((prev) => {
+            const newArray = [...prev];
+            const index = newArray.findIndex((l) => l.id === learning.id);
+            if (index !== -1) {
+              newArray[index].feedback.variant = editData.howToRespond;
+              newArray[index].feedback.when_to_apply = editData.whenToApply;
+              newArray[index].feedback.when_not_to_apply = editData.whenNotToApply;
+            }
+            return newArray;
+          });
+        }
+        if (onEdited) onEdited(learning.id);
+        setInlineEditing((prev) => {
+          const n = { ...prev };
+          delete n[learning.id];
+          return n;
+        });
+        setConfirmationState((prev) => {
+          const n = { ...prev };
+          delete n[learning.id];
+          return n;
+        });
+        setProcessingIds((prev) => {
+          const n = new Set(prev);
+          n.delete(learning.id);
+          return n;
+        });
+        setEditingIds((prev) => {
+          const n = new Set(prev);
+          n.delete(learning.id);
+          return n;
+        });
+        if (onSetOperationStatus) {
+          onSetOperationStatus({ status: "success", message: `Learning edit for '${sequentialLabel}' sent.` });
+        }
+      }
+    } catch (err) {
+      console.error("[Edit-UI] error sending edit request:", err);
+      if (isMountedRef.current) {
+        setProcessingIds((prev) => {
+          const n = new Set(prev);
+          n.delete(learning.id);
+          return n;
+        });
+        setEditingIds((prev) => {
+          const n = new Set(prev);
+          n.delete(learning.id);
+          return n;
+        });
+      }
+    }
+  };
+  const handleDeleteClick = (learningId, sequentialLabel, type) => {
+    setSendMessageInChat(`Delete ${type} learning ${sequentialLabel}`);
+    setConfirmationState((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+  };
+  const handleMergeClick = (learningId) => {
+    if (onMergeMessage) {
+      onMergeMessage(learningId);
+    }
+    setConfirmationState((prev) => {
+      const newState = { ...prev };
+      delete newState[learningId];
+      return newState;
+    });
+  };
+  const formatConfidenceScore = (score) => Math.round(score * 100);
+  const getConfidenceBadgeColor = (percentage) => {
+    if (percentage >= 90) return { bg: "#059669", text: "#f0fdf4" };
+    if (percentage >= 80) return { bg: "#10B981", text: "#f0fdf4" };
+    if (percentage >= 70) return { bg: "#3B82F6", text: "#f0fdf4" };
+    if (percentage >= 60) return { bg: "#F59E0B", text: "#fffbeb" };
+    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, 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", backgroundColor: colors.bg, color: colors.text, fontSize: "0.8rem", fontWeight: 600, fontFamily: "Plus Jakarta Sans" }, 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("path", { d: "M11.4867 9.37021C11.6517 8.87521 12.3507 8.87521 12.5157 9.37021L13.4832 12.2757C13.6961 12.9144 14.0549 13.4947 14.5311 13.9707C15.0073 14.4466 15.5879 14.8051 16.2267 15.0177L19.1307 15.9852C19.6257 16.1502 19.6257 16.8492 19.1307 17.0142L16.2252 17.9817C15.5865 18.1947 15.0062 18.5535 14.5302 19.0297C14.0543 19.5059 13.6958 20.0864 13.4832 20.7252L12.5157 23.6292C12.3188 23.8989 12.1153 24.0019 12.0012 24.0019C11.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.53506 16.725 4.49904 16.6138 4.49904 16.4997C4.49904 16.3856 4.53506 16.2745 4.60198 16.1821C4.76329 16.0208 4.87168 15.9852 7.77718 15.0177C8.41572 14.8049 8.99594 14.4463 9.47187 13.9704C9.9478 13.4945 10.3064 12.9142 10.5192 12.2757L11.4867 9.37021Z", fill: 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;
+    const isExpanded = type === "conflict" ? expandedConflicts.includes(index) : expandedSimilars.includes(index);
+    const color = type === "conflict" ? "#991B1B" : "#F87171";
+    const label = `How to respond : ${learning.feedback.variant}`;
+    const isReasonExpanded = !!reasonExpanded[learning.id];
+    const isInlineEditing = !!inlineEditing[learning.id];
+    const isProcessing = processingIds.has(learning.id);
+    const currentConfirmation = confirmationState[learning.id];
+    const editData = inlineEditing[learning.id] || { howToRespond: "", whenToApply: "", whenNotToApply: "" };
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Accordion, { expanded: isExpanded, onChange: () => handleToggle(index, type), disableGutters: true, sx: { mb: 2, border: "1px solid #acb5c2", borderRadius: 2, "&::before": { display: "none" } }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.AccordionSummary, { expandIcon: /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon__default["default"], { style: { color } }), sx: { 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.Typography, { sx: { fontSize: "0.95rem", fontWeight: 600, color, fontFamily: "Plus Jakarta Sans" }, children: [
+          sequentialLabel,
+          ". ",
+          label
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ConfidenceBadge, { score: learning.similarity_score })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.AccordionDetails, { sx: { px: 2, pb: 2, fontFamily: "Plus Jakarta Sans" }, 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.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "#92400e" }, children: [
+            "Why is it ",
+            type,
+            "?"
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { p: 1.5, backgroundColor: "#fffbeb" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "0.9rem", color: "#b45309" }, 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" }, children: "Edit how to respond" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.TextField, { fullWidth: true, multiline: true, rows: 4, label: "How to Respond", value: editData.howToRespond, onChange: (e) => setInlineEditing((prev) => ({ ...prev, [learning.id]: { ...prev[learning.id], howToRespond: 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, border: "1px solid #FCA5A5", borderRadius: 2, p: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", sx: { fontSize: "0.9rem", color: "#6B7280", fontWeight: 600, mb: 0.5, display: "block" }, children: [
+              "When To Apply",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#e4050b" }, children: "*" })
+            ] }),
+            isInlineEditing ? /* @__PURE__ */ jsxRuntime.jsx(material.TextField, { fullWidth: true, multiline: true, rows: 3, value: editData.whenToApply, onChange: (e) => setInlineEditing((prev) => ({ ...prev, [learning.id]: { ...prev[learning.id], whenToApply: e.target.value } })), disabled: isProcessing, sx: { "& .MuiInputBase-root": { fontFamily: "Plus Jakarta Sans", backgroundColor: "#FFFFFF" } } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { fontSize: "1rem", color: "#374151", whiteSpace: "pre-line" }, 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, border: "1px solid #FCA5A5", borderRadius: 2, p: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", sx: { fontSize: "0.9rem", color: "#6B7280", fontWeight: 600, mb: 0.5, display: "block" }, children: "When Not To Apply" }),
+            isInlineEditing ? /* @__PURE__ */ jsxRuntime.jsx(material.TextField, { fullWidth: true, multiline: true, rows: 3, value: editData.whenNotToApply, onChange: (e) => setInlineEditing((prev) => ({ ...prev, [learning.id]: { ...prev[learning.id], whenNotToApply: e.target.value } })), disabled: isProcessing, sx: { "& .MuiInputBase-root": { fontFamily: "Plus Jakarta Sans", backgroundColor: "#FFFFFF" } } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { fontSize: "1rem", color: "#374151", whiteSpace: "pre-line" }, 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: [
+              isProcessing && /* @__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) || isProcessing,
+                  sx: {
+                    fontFamily: "Plus Jakarta Sans",
+                    backgroundColor: isProcessing ? "#10B981" : "#1565c0",
+                    textTransform: "none",
+                    color: "white",
+                    height: 32,
+                    px: 1.5,
+                    fontWeight: 600,
+                    minWidth: isProcessing ? 100 : "auto",
+                    "&:disabled": {
+                      backgroundColor: "#f3f4f6",
+                      color: "#9CA3AF",
+                      height: 32
+                    }
+                  },
+                  children: isProcessing ? /* @__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: () => handleConfirmation(learning.id, null),
+                  disabled: editingIds.has(learning.id) || isProcessing,
+                  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: () => handleConfirmation(learning.id, "save"),
+                  disabled: editingIds.has(learning.id) || !((_a = editData.whenToApply) == null ? void 0 : _a.trim()) || !((_b = editData.howToRespond) == null ? void 0 : _b.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: () => handleMergeClick(learning.id),
+                  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: () => handleConfirmation(learning.id, null),
+                  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: (e) => {
+                    e.stopPropagation();
+                    handleDeleteClick(learning.id, sequentialLabel, type);
+                  },
+                  sx: {
+                    fontFamily: "Plus Jakarta Sans",
+                    color: "#cc0000",
+                    textTransform: "none",
+                    borderColor: "#cc0000",
+                    "&:hover": {
+                      borderColor: "#cc0000",
+                      backgroundColor: `#cc000010`
+                    },
+                    "&:disabled": {
+                      color: "#9CA3AF",
+                      borderColor: "#9CA3AF"
+                    }
+                  },
+                  children: deletingIds.has(learning.id) ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, style: { color: "#cc0000" } }) : "Yes"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  onClick: () => handleConfirmation(learning.id, null),
+                  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: () => handleConfirmation(learning.id, "merge"),
+                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: "Correct Me", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                size: "small",
+                color: "primary",
+                variant: "contained",
+                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,
+                  px: 1.5,
+                  "&:hover": { backgroundColor: "#1565c020" },
+                  fontWeight: 600
+                },
+                children: "Correct Me"
+              }
+            ) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: "Delete", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                size: "small",
+                variant: "outlined",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleConfirmation(learning.id, { action: "delete", label: sequentialLabel });
+                },
+                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}`);
+  };
+  const getSequentialLabel = (index) => String.fromCharCode(65 + index);
+  const renderCategoryBox = (learnings, type) => {
+    if (learnings.length === 0) return null;
+    const title = `${learnings.length} ${type.charAt(0).toUpperCase() + type.slice(1)} Learning${learnings.length > 1 ? "s" : ""} Found`;
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { border: "1px solid #FCA5A5", boxShadow: "0 4px 10px rgba(0,0,0,0.05)", p: 3, borderRadius: 3, mt: 2, mb: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "1.2rem", fontWeight: 700, color: "#B91C1C" }, children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { title: type === "similar" ? "Similar learnings detected. You may want to edit or delete them to avoid duplicates." : "Conflicting learnings detected. Review them to avoid issues.", placement: "top", arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { width: 24, height: 24, borderRadius: "50%", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", ml: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16, color: "#B91C1C" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { maxHeight: 360, overflowY: "auto", pr: 1.5 }, children: learnings.map((learning, index) => renderLearningAccordion(learning, index, type, getSequentialLabel(index))) })
+    ] }, type);
+  };
+  if (conflictingLearnings.length === 0 && similarLearnings.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    renderCategoryBox(conflictingLearnings, "conflict"),
+    renderCategoryBox(similarLearnings, "similar")
+  ] });
+};
+var ContextualConflictsDisplayDB$1 = ContextualConflictsDisplayDB;
+exports["default"] = ContextualConflictsDisplayDB$1;
 //# sourceMappingURL=ContextualConflictDBCard.js.map