@e-llm-studio/instant-learning 1.3.0-alpha.9 → 1.3.0-alpha.91

package/dist/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r,__awaiter as n,__generator as o}from"tslib";import{jsx as t,jsxs as i,Fragment as l}from"react/jsx-runtime";import{useState as a}from"react";import{extractTextFromChildren as s}from"../../helpers/utils.js";import{TickIcon as d}from"../_svg/TickIcon.js";import{autoGeneratePrompt as c}from"../ChatComponents/ChatComponent.js";import u from"../_svg/SparkleIcon.js";import{ArrowRight as p}from"lucide-react";var g=function(e){var n=e.content,o=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),o=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),t=n.match(o);return t?t[1].trim():"*No ".concat(e," tag found.*")},l=o("reasoning_new"),a=o("proposed_rule"),s=o("wta_new"),d=o("wnta_new");return i("div",r({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[t("div",r({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),i("div",r({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[i("div",r({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),t("div",r({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),i("div",r({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),i("div",r({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]}))]}))]}))},f=function(e){var n=e.label,o=e.onToggle,l=e.isSelected,a=e.disabled;return i("div",r({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&o(n,!l)}},{children:[t("div",r({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&t("svg",r({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),t("span",{children:n})]}))},b=function(g){var f,b=g.node,h=g.className,m=g.children,y=g.handleStream,x=g.onAction,v=g.disabled,C=g.isStreamEnd,k=void 0===C||C,w=g.style;g.isLastMessage;var T=g.onTypeResponseClick,F=e(g,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),S=s(m),E=a(!1),z=E[0],L=E[1],R=a(!1),W=R[0],A=R[1],G=a(null),M=G[0],I=G[1],P=a(!1),B=P[0],D=P[1],j=a(""),N=j[0],J=j[1],_="typeYourAnswer"===((null===(f=null==b?void 0:b.properties)||void 0===f?void 0:f.id)||F.id)||"type your response"===S.toLowerCase().trim(),H=F["data-selected"],K="true"===H,U="true"===H||"false"===H,Y=F["data-value"],$=a(!1),O=$[0],q=$[1],Q=K||_&&O;if(!1===k&&!v&&!U&&!_)return null;var V={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},X={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===h){var Z=(null==F?void 0:F.isTesterGenie)&&(z||null!==M),ee=v||U&&!K||Z,re={background:(null==F?void 0:F.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==F?void 0:F.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==F?void 0:F.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return U||_?re=Q?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:_?"pointer":"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(v||Z)&&(re={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),i(l,{children:[t("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),t("button",r({className:h,onClick:function(e){return n(void 0,void 0,void 0,function(){var r,n,t,i;return o(this,function(o){switch(o.label){case 0:return e.preventDefault(),_?(q(!0),T&&T(),[2]):ee?[2]:(r=Y||S,x?(x(r),[3,8]):[3,1]);case 1:if(!(null==F?void 0:F.isTesterGenie))return[3,7];o.label=2;case 2:return o.trys.push([2,4,5,6]),L(!0),[4,c(F.baseURL)];case 3:return n=o.sent(),I((null===(i=null==n?void 0:n.result)||void 0===i?void 0:i.Answer)||""),[3,6];case 4:return t=o.sent(),console.error("Error in TesterGenie click:",t),[3,6];case 5:return L(!1),[7];case 6:return[3,8];case 7:y(new KeyboardEvent("keydown",{key:"Enter"}),!1,r,L),o.label=8;case 8:return[2]}})})},disabled:ee,style:(null==F?void 0:F.isTesterGenie)?r(r({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:re.background,backgroundSize:(null==F?void 0:F.isTesterGenie)?"250% 250%":void 0,animation:(null==F?void 0:F.isTesterGenie)&&!ee?"tgShimmer 6s ease infinite":void 0,color:re.color,border:"1.5px solid ".concat(re.borderColor),borderRadius:"6px",cursor:re.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:ee?"none":"auto",opacity:re.opacity,boxShadow:(null==F?void 0:F.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},w),{marginLeft:"8px"}):r({display:"flex",alignItems:"center",padding:"5px 8px",background:Q?"linear-gradient(to right, #EFF4FF)":"transparent",border:"1px solid ".concat(Q?"#B2CCFF":"transparent"),borderRadius:"6px",cursor:ee?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:ee?.6:1},w),onMouseEnter:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="transparent")}},F,{children:z&&(null==F?void 0:F.isTesterGenie)&&null===M?i("span",r({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[t("span",{style:X}),"Finding an interesting usecase to test..."]})):t(l,{children:(null==F?void 0:F.isTesterGenie)?m:i("div",r({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[t("div",r({style:{width:"28px",height:"28px",borderRadius:"50%",border:Q?"1px solid #D0D5DD":"1px solid #B2CCFF",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:Q?"#D1E0FF":"#fff",flexShrink:0}},{children:t(p,{color:Q?"#004EEB":"#667085",size:20})})),t("span",r({style:{fontSize:"14px",color:"#344054",fontFamily:"Inter",fontWeight:"500"}},{children:m}))]}))})})),(null==F?void 0:F.isTesterGenie)&&null!==M&&i("div",r({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[i("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[t("span",r({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:t(u,{})})),"Your prompt is ready!"]})),t("p",r({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:M})),t("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),i("div",r({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[i("button",r({disabled:W||z,style:r(r({},V),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:W||z?.6:1,cursor:W||z?"not-allowed":"pointer"}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){y(new KeyboardEvent("keydown",{key:"Enter"}),!1,M,L),I(null),D(!1),J("")}},{children:[t(d,{color:"#5b21b6"})," Proceed"]})),t("button",r({disabled:W||z,style:r(r({},V),{background:W?"#f3f4f6":"#fff",color:W?"#64676A":"#272727",borderColor:W?"#C0C0C2":"#272727",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.7:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),A(!0),[4,c(F.baseUrl,N||void 0)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),[3,4];case 2:return r=o.sent(),console.error("Error regenerating prompt:",r),[3,4];case 3:return A(!1),[7];case 4:return[2]}})})}},{children:i(l,W?{children:[t("span",{style:X})," Regenerating..."]}:{children:[i("svg",r({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[t("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),t("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),t("button",r({disabled:W||z,style:r(r({},V),{background:"#fff",color:B?"#5b21b6":"#64676A",borderColor:B?"#7c3aed":"#C0C0C2",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.6:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||B||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return D(function(e){return!e})}},{children:B?"✕    Hide Inputs":" Give Inputs"}))]})),B&&i("div",r({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[t("p",r({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),t("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:N,onChange:function(e){return J(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),i("div",r({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[t("button",r({disabled:z||!N.trim(),style:r(r({},V),{background:z||!N.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:z||!N.trim()?"#64676A":"#5b21b6",borderColor:z||!N.trim()?"#C0C0C2":"#7c3aed",cursor:z||!N.trim()?"not-allowed":"pointer",opacity:z||!N.trim()?.7:1}),onMouseEnter:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),L(!0),[4,c(F.baseUrl,N)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),D(!1),[3,4];case 2:return r=o.sent(),console.error("Error generating with direction:",r),[3,4];case 3:return L(!1),[7];case 4:return[2]}})})}},{children:z?i(l,{children:[t("span",{style:X})," Generating..."]}):t(l,{children:"✦ Generate"})})),t("button",r({disabled:z,style:r(r({},V),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:z?"not-allowed":"pointer",opacity:z?.5:1}),onMouseEnter:function(e){z||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){z||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return J("")}},{children:"Clear"}))]}))]}))]}))]})}return t("button",r({className:h},F,{children:m}))},h=function(n){n.node;var o=n.className,l=n.children,a=n.selectedItems,d=n.onToggle,c=n.isSubmitted,u=n.disabled;e(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var p=s(l),g=p.trim();return"clickable-box"===o?c?a.includes(g)?i("div",r({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[t("span",r({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",p]})):null:t(f,{label:p,isSelected:a.includes(g),onToggle:d,disabled:u}):t("span",r({className:o},{children:l}))};export{b as ActionableButton,h as ActionableCheckbox,f as CheckboxSelector,g as RuleDisplay};
+import{__rest as e,__assign as r,__awaiter as n,__generator as o}from"tslib";import{jsx as t,jsxs as i,Fragment as l}from"react/jsx-runtime";import{useState as a}from"react";import{extractTextFromChildren as s}from"../../helpers/utils.js";import{TickIcon as d}from"../_svg/TickIcon.js";import{autoGeneratePrompt as c}from"../ChatComponents/ChatComponent.js";import u from"../_svg/SparkleIcon.js";import{ArrowRight as p}from"lucide-react";var g=function(e){var n=e.content,o=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),o=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),t=n.match(o);return t?t[1].trim():"*No ".concat(e," tag found.*")},l=o("reasoning_new"),a=o("proposed_rule"),s=o("wta_new"),d=o("wnta_new");return i("div",r({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[t("div",r({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),i("div",r({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[i("div",r({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),t("div",r({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),i("div",r({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),i("div",r({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]}))]}))]}))},f=function(e){var n=e.label,o=e.onToggle,l=e.isSelected,a=e.disabled;return i("div",r({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&o(n,!l)}},{children:[t("div",r({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&t("svg",r({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),t("span",{children:n})]}))},b=function(g){var f,b=g.node,h=g.className,m=g.children,y=g.handleStream,x=g.onAction,v=g.disabled,C=g.isStreamEnd,k=void 0===C||C,w=g.style;g.isLastMessage;var T=g.onTypeResponseClick,F=e(g,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),S=s(m),E=a(!1),z=E[0],L=E[1],R=a(!1),W=R[0],A=R[1],G=a(null),M=G[0],I=G[1],P=a(!1),B=P[0],D=P[1],j=a(""),N=j[0],J=j[1],_="typeYourAnswer"===((null===(f=null==b?void 0:b.properties)||void 0===f?void 0:f.id)||F.id)||"type your response"===S.toLowerCase().trim(),H=F["data-selected"],K="true"===H,U="true"===H||"false"===H,Y=F["data-value"],$=a(!1),O=$[0],q=$[1],Q=K||_&&O;if(!1===k&&!v&&!U&&!_)return null;var V={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},X={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===h){var Z=(null==F?void 0:F.isTesterGenie)&&(z||null!==M),ee=v||U&&!K||Z,re={background:(null==F?void 0:F.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==F?void 0:F.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==F?void 0:F.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return U||_?re=Q?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:_?"pointer":"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(v||Z)&&(re={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),i(l,{children:[t("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),t("button",r({className:h,onClick:function(e){return n(void 0,void 0,void 0,function(){var r,n,t,i;return o(this,function(o){switch(o.label){case 0:return e.preventDefault(),_?(q(!0),T&&T(),[2]):ee?[2]:(r=Y||S,x?(x(r),[3,8]):[3,1]);case 1:if(!(null==F?void 0:F.isTesterGenie))return[3,7];o.label=2;case 2:return o.trys.push([2,4,5,6]),L(!0),[4,c(F.baseURL)];case 3:return n=o.sent(),I((null===(i=null==n?void 0:n.result)||void 0===i?void 0:i.Answer)||""),[3,6];case 4:return t=o.sent(),console.error("Error in TesterGenie click:",t),[3,6];case 5:return L(!1),[7];case 6:return[3,8];case 7:y(new KeyboardEvent("keydown",{key:"Enter"}),!1,r,L),o.label=8;case 8:return[2]}})})},disabled:ee,style:(null==F?void 0:F.isTesterGenie)?r(r({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:re.background,backgroundSize:(null==F?void 0:F.isTesterGenie)?"250% 250%":void 0,animation:(null==F?void 0:F.isTesterGenie)&&!ee?"tgShimmer 6s ease infinite":void 0,color:re.color,border:"1.5px solid ".concat(re.borderColor),borderRadius:"6px",cursor:re.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:ee?"none":"auto",opacity:re.opacity,boxShadow:(null==F?void 0:F.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},w),{marginLeft:"8px",width:"fit-content"}):r({display:"flex",alignItems:"center",padding:"5px 8px",background:Q?"linear-gradient(to right, #EFF4FF)":"transparent",border:"1px solid ".concat(Q?"#B2CCFF":"transparent"),borderRadius:"6px",cursor:ee?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:ee?.6:1},w),onMouseEnter:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="transparent")}},F,{children:z&&(null==F?void 0:F.isTesterGenie)&&null===M?i("span",r({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[t("span",{style:X}),"Finding an interesting usecase to test..."]})):t(l,{children:(null==F?void 0:F.isTesterGenie)?m:i("div",r({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[t("div",r({style:{width:"28px",height:"28px",borderRadius:"50%",border:Q?"1px solid #D0D5DD":"1px solid #B2CCFF",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:Q?"#D1E0FF":"#fff",flexShrink:0}},{children:t(p,{color:Q?"#004EEB":"#667085",size:20})})),t("span",r({style:{fontSize:"14px",color:"#344054",fontFamily:"Inter",fontWeight:"500"}},{children:m}))]}))})})),(null==F?void 0:F.isTesterGenie)&&null!==M&&i("div",r({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[i("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[t("span",r({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:t(u,{})})),"Your prompt is ready!"]})),t("p",r({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:M})),t("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),i("div",r({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[i("button",r({disabled:W||z,style:r(r({},V),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:W||z?.6:1,cursor:W||z?"not-allowed":"pointer"}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){y(new KeyboardEvent("keydown",{key:"Enter"}),!1,M,L),I(null),D(!1),J("")}},{children:[t(d,{color:"#5b21b6"})," Proceed"]})),t("button",r({disabled:W||z,style:r(r({},V),{background:W?"#f3f4f6":"#fff",color:W?"#64676A":"#272727",borderColor:W?"#C0C0C2":"#272727",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.7:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),A(!0),[4,c(F.baseUrl,N||void 0)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),[3,4];case 2:return r=o.sent(),console.error("Error regenerating prompt:",r),[3,4];case 3:return A(!1),[7];case 4:return[2]}})})}},{children:i(l,W?{children:[t("span",{style:X})," Regenerating..."]}:{children:[i("svg",r({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[t("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),t("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),t("button",r({disabled:W||z,style:r(r({},V),{background:"#fff",color:B?"#5b21b6":"#64676A",borderColor:B?"#7c3aed":"#C0C0C2",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.6:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||B||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return D(function(e){return!e})}},{children:B?"✕    Hide Inputs":" Give Inputs"}))]})),B&&i("div",r({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[t("p",r({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),t("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:N,onChange:function(e){return J(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),i("div",r({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[t("button",r({disabled:z||!N.trim(),style:r(r({},V),{background:z||!N.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:z||!N.trim()?"#64676A":"#5b21b6",borderColor:z||!N.trim()?"#C0C0C2":"#7c3aed",cursor:z||!N.trim()?"not-allowed":"pointer",opacity:z||!N.trim()?.7:1}),onMouseEnter:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),L(!0),[4,c(F.baseUrl,N)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),D(!1),[3,4];case 2:return r=o.sent(),console.error("Error generating with direction:",r),[3,4];case 3:return L(!1),[7];case 4:return[2]}})})}},{children:z?i(l,{children:[t("span",{style:X})," Generating..."]}):t(l,{children:"✦ Generate"})})),t("button",r({disabled:z,style:r(r({},V),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:z?"not-allowed":"pointer",opacity:z?.5:1}),onMouseEnter:function(e){z||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){z||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return J("")}},{children:"Clear"}))]}))]}))]}))]})}return t("button",r({className:h},F,{children:m}))},h=function(n){n.node;var o=n.className,l=n.children,a=n.selectedItems,d=n.onToggle,c=n.isSubmitted,u=n.disabled;e(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var p=s(l),g=p.trim();return"clickable-box"===o?c?a.includes(g)?i("div",r({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[t("span",r({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",p]})):null:t(f,{label:p,isSelected:a.includes(g),onToggle:d,disabled:u}):t("span",r({className:o},{children:l}))};export{b as ActionableButton,h as ActionableCheckbox,f as CheckboxSelector,g as RuleDisplay};
 //# sourceMappingURL=ClickableChatComponents.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/RuleValidationCard.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import o from"../_svg/InfoIcon.js";var l=function(l){var r=l.validationType,d=l.decisionStrength,s=l.ruleId,a=l.title,p=l.tier,c=l.descriptionText,x=l.reasoningNode,g=l.customStyles,f=l.onViewComparison,h=l.disabled,u=n(!1),y=u[0],m=u[1],F="100%"===d?"Exact Rule Found":"duplicate"===r?"Existing Rule Found":"Similar Rule Found",v=e({display:"flex",flexDirection:"column",border:"1px solid #E3E6EA",borderRadius:"8px",padding:"14px 16px",gap:"8px",backgroundColor:"#fff"},null==g?void 0:g.container),b=e({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#E0F2FE80",color:"#0369A1",padding:"0.5px 9px",borderRadius:"9999px",fontSize:"12px",fontWeight:500},null==g?void 0:g.headerTag),D=e({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#FEE2E2",color:"#B91C1C",padding:"0.5px 7px",borderRadius:"6px",fontSize:"12px",fontWeight:500},null==g?void 0:g.strengthBadgeStyle),E=e({display:"flex",flexDirection:"row",alignItems:"center",padding:"8px",gap:"8px",width:"100%",maxWidth:"140px",height:"44px",backgroundColor:h?"#F2F4F7":y?"#EFF4FF":"transparent",border:h?"1px solid #D0D5DD":y?"1px solid #B2CCFF":"1px solid transparent",borderRadius:"8px",cursor:h?"not-allowed":"pointer",opacity:h?.6:1,boxSizing:"border-box",transition:"all 0.2s ease"},null==g?void 0:g.button);return i("div",e({style:v},{children:[i("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i("div",e({style:b},{children:[t(o,{})," ",F]})),d&&t("div",e({style:D},{children:t("span",{children:d})}))]})),i("div",e({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[i("div",e({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i("h3",e({style:e({fontSize:"14px",fontWeight:500,color:"#19213D",margin:0},null==g?void 0:g.title)},{children:[a," ",p?"— ".concat(p):""]})),i("div",e({style:e({fontSize:"14px",fontWeight:400,color:"#666F8D",lineHeight:"1.5"},null==g?void 0:g.description)},{children:[t("span",{children:c}),x]}))]})),i("button",e({style:E,onClick:function(){m(!0),f(s,d)},disabled:h},{children:[i("svg",e({width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",fill:y?"#D1E0FF":"transparent",stroke:y?"#D1E0FF":"#D0D5DD",style:{transition:"all 0.2s ease"}}),t("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:y?"#004EEB":"#667085",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke 0.2s ease"}})]})),t("span",e({style:{fontSize:"14px",fontWeight:500,fontFamily:"'Inter', sans-serif",color:"#1D2939",lineHeight:"20px",display:"flex",alignItems:"center"}},{children:"Compare"}))]}))]}))]}))};export{l as default};
+import{__assign as e}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as t}from"react";import o from"../_svg/InfoIcon.js";var r=function(r){r.validationType;var l=r.decisionStrength,d=r.ruleId,s=r.title,a=r.tier,p=r.descriptionText,c=r.reasoningNode,x=r.customStyles,g=r.onViewComparison,f=r.disabled,h=t(!1),u=h[0],y=h[1],m=e({display:"flex",flexDirection:"column",border:"1px solid #E3E6EA",borderRadius:"8px",padding:"14px 16px",gap:"8px",backgroundColor:"#fff"},null==x?void 0:x.container);e({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#E0F2FE80",color:"#0369A1",padding:"0.5px 9px",borderRadius:"9999px",fontSize:"12px",fontWeight:500},null==x?void 0:x.headerTag);var v=e({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#FEE2E2",color:"#B91C1C",padding:"0.5px 7px",borderRadius:"6px",fontSize:"12px",fontWeight:500},null==x?void 0:x.strengthBadgeStyle),b=e({display:"flex",flexDirection:"row",alignItems:"center",padding:"8px",gap:"8px",width:"100%",maxWidth:"140px",height:"44px",backgroundColor:f?"#F2F4F7":u?"#EFF4FF":"transparent",border:f?"1px solid #D0D5DD":u?"1px solid #B2CCFF":"1px solid transparent",borderRadius:"8px",cursor:f?"not-allowed":"pointer",opacity:f?.6:1,boxSizing:"border-box",transition:"all 0.2s ease"},null==x?void 0:x.button);return i("div",e({style:m},{children:[i("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i("div",e({style:v},{children:[n(o,{})," ","Conflicting Learning Found"]})),l&&n("div",e({style:v},{children:n("span",{children:l})}))]})),i("div",e({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[i("div",e({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i("h3",e({style:e({fontSize:"14px",fontWeight:500,color:"#19213D",margin:0},null==x?void 0:x.title)},{children:[s," ",a?"— ".concat(a):""]})),i("div",e({style:e({fontSize:"14px",fontWeight:400,color:"#666F8D",lineHeight:"1.5"},null==x?void 0:x.description)},{children:[n("span",{children:p}),c]}))]})),i("button",e({style:b,onClick:function(){y(!0),g(d,l)},disabled:f},{children:[i("svg",e({width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[n("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",fill:u?"#D1E0FF":"transparent",stroke:u?"#D1E0FF":"#D0D5DD",style:{transition:"all 0.2s ease"}}),n("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:u?"#004EEB":"#667085",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke 0.2s ease"}})]})),n("span",e({style:{fontSize:"14px",fontWeight:500,fontFamily:"'Inter', sans-serif",color:"#1D2939",lineHeight:"20px",display:"flex",alignItems:"center"}},{children:"Compare"}))]}))]}))]}))};export{r as default};
 //# sourceMappingURL=RuleValidationCard.js.map

package/dist/features/IL-OTJ/_components/templates/RuleComparison/AgentComposerRuleComparison.js

@@ -1,2 +1,2 @@
-import{__assign as e,__spreadArray as n,__rest as t}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import o,{useState as l,useRef as a,useEffect as d,useMemo as s}from"react";import{Box as c,Typography as p,IconButton as h,Skeleton as u}from"@mui/material";import{ArrowLeft as g,ArrowRight as f}from"lucide-react";import x from"../../_svg/SparkleIcon.js";import{CognitiveDecisioningCard as m}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as b}from"../../_svg/ButtonCognitiveIcon.js";var v=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},y=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e&&"null"!==e.toLowerCase()?e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" "):"Different"}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},w=o.forwardRef(function(n,t){var o=n.label,l=n.content,a=n.highlights,d=void 0===a?[]:a,s=n.styleVariant,h=n.isHighlighted,u=void 0!==h&&h,g=Array.isArray(l)?l.join("\n"):l||"",f="#B91C1C"===s.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===s.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return i(c,e({sx:{mb:1.5}},{children:[r(p,e({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),r(c,e({ref:t,sx:{p:"8px 12px",borderRadius:"6px",border:u?"1.5px solid ".concat(f.borderColor):"1px solid ".concat(s.border),boxShadow:u?"0px 0px 0px 2px ".concat(f.shadow):"none",bgcolor:s.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"28px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:r(c,{children:function(){if(!g)return r(p,e({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!d||0===d.length)return g;var n=d.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===n.length)return g;var t=new RegExp("(".concat(n.join("|"),")"),"gi");return g.split(t).map(function(n,t){return d.some(function(e){return e&&e.toLowerCase()===n.toLowerCase()})?r(c,e({component:"span",sx:{bgcolor:s.highlightBg,borderRadius:"2px",px:"2px"}},{children:n}),t):n})}()})}))]}))}),F=function(n){var t=n.data,o=n.isSelected,l=n.isCognitiveOpen,a=n.onToggleCognitive,d=n.onClick,s=t.summaryText||t.description||"",h=s.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),g=h?s.replace(h[0],"").trim():s,f=!!h;return i(c,e({id:"variant-card-".concat(t.id),onClick:d,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[r(c,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?r(u,{variant:"rounded",width:80,height:20}):i(c,e({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==t.similarity?t.similarity:0,"% Similarity"]}))})),i(c,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[r(p,e({sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2}},{children:t.title})),t.isLoading?i(c,{children:[r(u,{width:"90%"}),r(u,{width:"60%"})]}):i(p,e({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",display:"-webkit-box",lineHeight:1.4}},{children:[g,f&&i(c,e({component:"span",onClick:function(e){e.stopPropagation(),o||d(),a()},sx:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",verticalAlign:"middle",marginLeft:"6px"}},{children:[r("div",e({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:r(b,{})})),r("svg",e({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&l?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:r("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))},_=function(o){var u,_,C=o.proposedRule,B=o.variants,E=void 0===B?[]:B,k=o.onSelectVariant,S=o.onSkip,A=o.onBack,D=o.targetVariantId,T=o.highlightedField,z=l(D||null),L=z[0],W=z[1],I=l(!1),R=I[0],j=I[1],H=l(null),M=H[0],O=H[1],V=a(null),G=a(null),N=a(null),P=l([]),U=P[0],$=P[1],q=l(!1),J=q[0],X=q[1],Y=l(!1),K=Y[0],Q=Y[1];d(function(){if(D&&W(D),O(null!=T?T:null),T){var e=setTimeout(function(){return O(null)},6e3);return function(){return clearTimeout(e)}}},[D,T]);var Z=s(function(){return n([],E,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[E]),ee=s(function(){if(L){var e=String(L).trim();return E.find(function(n){return n.id&&String(n.id).trim()===e})||Z[0]}return Z.length>0?Z[0]:null},[L,E,Z]);d(function(){if(L&&V.current){var e=L.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=V.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[L,Z]);var ne=ee||{title:"",description:"",wta:"",wnta:""},te=null==ee?void 0:ee.analysis,ie=(null===(_=null===(u=null==te?void 0:te.rule_difference_comparison)||void 0===u?void 0:u.summary)||void 0===_?void 0:_.overall_summary)||"",re=ie.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),oe=!!re,le=re?re[1]:"",ae=v("reason",le)||"",de=v("gap",le)||"",se=v("relevance_score",le)||"",ce=s(function(){return{ul:function(n){n.node;var i=t(n,["node"]);return r("ol",e({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(n){var o=n.href,l=n.children,a=t(n,["href","children"]);if(!o)return r("a",e({},a,{children:l}));var d=o||"";try{d=decodeURIComponent(o)}catch(e){console.error("Error decoding href",e)}if(d.includes("variant_id=")){var s="",c="",p=d.match(/variant_id=([^?&]+)/);p&&(s=p[1]);var h=d.match(/field_name=([^&]+)/);return h&&(c=h[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),W(s),O(c),setTimeout(function(){return O(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[l,r("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return r("a",e({href:o,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},a,{children:l}))}}},[]),pe=["title","description","when_to_apply","when_not_to_apply"],he={title:a(null),description:a(null),wta:a(null),wnta:a(null)},ue={title:a(null),description:a(null),wta:a(null),wnta:a(null)};d(function(){if(M){var e="when_to_apply"===M?"wta":"when_not_to_apply"===M?"wnta":M,n=he[e]||ue[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[M]);var ge=function(e){var n,t,i,r,o,l=null===(n=null==te?void 0:te.rule_difference_comparison)||void 0===n?void 0:n.fields,a="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,d=!(!C[a]&&!ne[a]);if(!l||!l[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var s=l[e];if(s.mappings){var c=s.mappings[0]||{};return{score:s.score,relation:c.relation||"",highlightsA:(null===(t=c.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=c.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:d}}return{score:s.score,relation:s.relation||"",highlightsA:(null===(r=s.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=s.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:d}},fe=function(){if(N.current){var e=N.current.getBoundingClientRect(),n=[];pe.forEach(function(t){var i="when_to_apply"===t?he.wta:"when_not_to_apply"===t?he.wnta:he[t],r="when_to_apply"===t?ue.wta:"when_not_to_apply"===t?ue.wnta:ue[t];if(i.current&&r.current){var o=ge(t),l=y(o.score,o.relation,o.hasContent),a=i.current.getBoundingClientRect(),d=r.current.getBoundingClientRect();n.push({x1:a.right-e.left,y1:a.top+a.height/2-e.top,x2:d.left-e.left,y2:d.top+d.height/2-e.top,style:l})}}),$(n)}};d(function(){var e=setTimeout(fe,250);window.addEventListener("resize",fe);var n=null;return N.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){fe()})})).observe(N.current),function(){clearTimeout(e),window.removeEventListener("resize",fe),n&&n.disconnect()}},[C,ne,te,R]),d(function(){var e=V.current;if(e){var n=function(){X(e.scrollLeft>0),Q(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[Z]),d(function(){!L&&!D&&Z.length>0&&!Z[0].isLoading&&W(Z[0].id)},[Z,L,D]);var xe=function(e){V.current&&V.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};return i(c,e({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i(c,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[r(h,e({onClick:A,size:"small"},{children:r(g,{})})),r(p,e({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Conflict Resolution"}))]})),r(h,e({onClick:S,size:"small"},{children:r(c,e({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),Z.length>1&&i(c,e({sx:{px:3,pb:.25}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[r(p,e({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the guideline you want to compare with."})),i(c,e({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[r(h,e({onClick:function(){return xe("left")},size:"small",disabled:!J},{children:r(g,{size:18})})),r(h,e({onClick:function(){return xe("right")},size:"small",disabled:!K},{children:r(f,{size:18})}))]}))]})),r(c,e({ref:V,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:Z.map(function(e){return r(F,{data:e,isSelected:(null==ee?void 0:ee.id)===e.id,isCognitiveOpen:R,onToggleCognitive:function(){j(function(e){var n=!e;return n&&G.current&&G.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return W((n=e).id),k(n),void j(!1);var n}},e.id)})}))]})),r(c,e({ref:G,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:ie&&oe&&R?"none":"1.5px solid #EEF0F4"}},{children:i(c,e({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[ie&&oe&&R&&r(c,e({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:r(m,{headerIcon:r(b,{}),reasoning:ae,gap:de,score:se,mdComponents:ce,isOpen:!0,onToggle:function(){return j(!1)}})})),i(c,e({ref:N,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[r("svg",e({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:U.map(function(n,t){var o=(n.x1+n.x2)/2,l=(n.y1+n.y2)/2;return i("g",{children:[r("line",{x1:n.x1,y1:n.y1,x2:n.x2,y2:n.y2,stroke:n.style.badgeBorder,strokeWidth:"1"}),r("foreignObject",e({x:o-125,y:l-16,width:"250",height:"32"},{children:r(c,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:r(c,e({sx:{fontSize:"11px",bgcolor:n.style.badgeBg,color:n.style.badgeText,border:"1px solid ".concat(n.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:n.style.label}))}))}))]},t)})})),i(c,e({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:r(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Conflicting Guideline 1"}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:pe.map(function(e){var n=ge(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?he.wta:"when_not_to_apply"===e?he.wnta:he[e],o=C["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:n.highlightsA,styleVariant:t,isHighlighted:M===e},"left-".concat(e))})}))]})),r(c,{sx:{width:"1px"}}),i(c,e({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:i(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[r("div",e({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r(x,{})})),"Conflicting Guideline 2"]}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:pe.map(function(e){var n=ge(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?ue.wta:"when_not_to_apply"===e?ue.wnta:ue[e],o=ne["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:n.highlightsB,styleVariant:t,isHighlighted:M===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};export{_ as default};
+import{__assign as e,__spreadArray as n,__rest as t}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import o,{useState as l,useRef as a,useEffect as d,useMemo as s}from"react";import{Box as c,Typography as p,IconButton as h,Skeleton as u}from"@mui/material";import{ArrowLeft as g,ArrowRight as f}from"lucide-react";import x from"../../_svg/SparkleIcon.js";import{CognitiveDecisioningCard as m}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as b}from"../../_svg/ButtonCognitiveIcon.js";var v=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},y=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e&&"null"!==e.toLowerCase()?e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" "):"Different"}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},w=o.forwardRef(function(n,t){var o=n.label,l=n.content,a=n.highlights,d=void 0===a?[]:a,s=n.styleVariant,h=n.isHighlighted,u=void 0!==h&&h,g=Array.isArray(l)?l.join("\n"):l||"",f="#B91C1C"===s.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===s.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return i(c,e({sx:{mb:1.5}},{children:[r(p,e({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),r(c,e({ref:t,sx:{p:"8px 12px",borderRadius:"6px",border:u?"1.5px solid ".concat(f.borderColor):"1px solid ".concat(s.border),boxShadow:u?"0px 0px 0px 2px ".concat(f.shadow):"none",bgcolor:s.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"28px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:r(c,{children:function(){if(!g)return r(p,e({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!d||0===d.length)return g;var n=d.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===n.length)return g;var t=new RegExp("(".concat(n.join("|"),")"),"gi");return g.split(t).map(function(n,t){return d.some(function(e){return e&&e.toLowerCase()===n.toLowerCase()})?r(c,e({component:"span",sx:{bgcolor:s.highlightBg,borderRadius:"2px",px:"2px"}},{children:n}),t):n})}()})}))]}))}),F=function(n){var t=n.data,o=n.isSelected,l=n.isCognitiveOpen,a=n.onToggleCognitive,d=n.onClick,s=t.summaryText||t.description||"",h=s.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),g=h?s.replace(h[0],"").trim():s,f=!!h;return i(c,e({id:"variant-card-".concat(t.id),onClick:d,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[r(c,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?r(u,{variant:"rounded",width:80,height:20}):i(c,e({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==t.similarity?t.similarity:0,"% Similarity"]}))})),i(c,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[r(p,e({sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2}},{children:t.title})),t.isLoading?i(c,{children:[r(u,{width:"90%"}),r(u,{width:"60%"})]}):i(p,e({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",display:"-webkit-box",lineHeight:1.4}},{children:[g,f&&i(c,e({component:"span",onClick:function(e){e.stopPropagation(),o||d(),a()},sx:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",verticalAlign:"middle",marginLeft:"6px"}},{children:[r("div",e({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:r(b,{})})),r("svg",e({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&l?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:r("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))},_=function(o){var u,_,C=o.proposedRule,B=o.variants,E=void 0===B?[]:B,k=o.onSelectVariant,S=o.onSkip,A=o.onBack,D=o.targetVariantId,T=o.highlightedField,z=l(D||null),L=z[0],W=z[1],I=l(!1),R=I[0],j=I[1],H=l(null),M=H[0],O=H[1],V=a(null),G=a(null),N=a(null),P=l([]),U=P[0],$=P[1],q=l(!1),J=q[0],X=q[1],Y=l(!1),K=Y[0],Q=Y[1];d(function(){if(D&&W(D),O(null!=T?T:null),T){var e=setTimeout(function(){return O(null)},6e3);return function(){return clearTimeout(e)}}},[D,T]);var Z=s(function(){return n([],E,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[E]),ee=s(function(){if(L){var e=String(L).trim();return E.find(function(n){return n.id&&String(n.id).trim()===e})||Z[0]}return Z.length>0?Z[0]:null},[L,E,Z]);d(function(){if(L&&V.current){var e=L.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=V.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[L,Z]);var ne=ee||{title:"",description:"",wta:"",wnta:""},te=null==ee?void 0:ee.analysis,ie=(null===(_=null===(u=null==te?void 0:te.rule_difference_comparison)||void 0===u?void 0:u.summary)||void 0===_?void 0:_.overall_summary)||"",re=ie.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),oe=!!re,le=re?re[1]:"",ae=v("reason",le)||"",de=v("gap",le)||"",se=v("relevance_score",le)||"",ce=s(function(){return{ul:function(n){n.node;var i=t(n,["node"]);return r("ol",e({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(n){var o=n.href,l=n.children,a=t(n,["href","children"]);if(!o)return r("a",e({},a,{children:l}));var d=o||"";try{d=decodeURIComponent(o)}catch(e){console.error("Error decoding href",e)}if(d.includes("variant_id=")){var s="",c="",p=d.match(/variant_id=([^?&]+)/);p&&(s=p[1]);var h=d.match(/field_name=([^&]+)/);return h&&(c=h[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),W(s),O(c),setTimeout(function(){return O(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[l,r("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return r("a",e({href:o,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},a,{children:l}))}}},[]),pe=["title","description","when_to_apply","when_not_to_apply"],he={title:a(null),description:a(null),wta:a(null),wnta:a(null)},ue={title:a(null),description:a(null),wta:a(null),wnta:a(null)};d(function(){if(M){var e="when_to_apply"===M?"wta":"when_not_to_apply"===M?"wnta":M,n=he[e]||ue[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[M]);var ge=function(e){var n,t,i,r,o,l=null===(n=null==te?void 0:te.rule_difference_comparison)||void 0===n?void 0:n.fields,a="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,d=!(!C[a]&&!ne[a]);if(!l||!l[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var s=l[e];if(s.mappings){var c=s.mappings[0]||{};return{score:s.score,relation:c.relation||"",highlightsA:(null===(t=c.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=c.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:d}}return{score:s.score,relation:s.relation||"",highlightsA:(null===(r=s.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=s.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:d}},fe=function(){if(N.current){var e=N.current.getBoundingClientRect(),n=[];pe.forEach(function(t){var i="when_to_apply"===t?he.wta:"when_not_to_apply"===t?he.wnta:he[t],r="when_to_apply"===t?ue.wta:"when_not_to_apply"===t?ue.wnta:ue[t];if(i.current&&r.current){var o=ge(t),l=y(o.score,o.relation,o.hasContent),a=i.current.getBoundingClientRect(),d=r.current.getBoundingClientRect();n.push({x1:a.right-e.left,y1:a.top+a.height/2-e.top,x2:d.left-e.left,y2:d.top+d.height/2-e.top,style:l})}}),$(n)}};d(function(){var e=setTimeout(fe,250);window.addEventListener("resize",fe);var n=null;return N.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){fe()})})).observe(N.current),function(){clearTimeout(e),window.removeEventListener("resize",fe),n&&n.disconnect()}},[C,ne,te,R]),d(function(){var e=V.current;if(e){var n=function(){X(e.scrollLeft>0),Q(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[Z]),d(function(){!L&&!D&&Z.length>0&&!Z[0].isLoading&&W(Z[0].id)},[Z,L,D]);var xe=function(e){V.current&&V.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};return i(c,e({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i(c,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[r(h,e({onClick:A,size:"small"},{children:r(g,{})})),r(p,e({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Conflict Resolution"}))]})),r(h,e({onClick:S,size:"small"},{children:r(c,e({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),Z.length>0&&i(c,e({sx:{px:3,pb:.25}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[r(p,e({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the guideline you want to compare with."})),i(c,e({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[r(h,e({onClick:function(){return xe("left")},size:"small",disabled:!J},{children:r(g,{size:18})})),r(h,e({onClick:function(){return xe("right")},size:"small",disabled:!K},{children:r(f,{size:18})}))]}))]})),r(c,e({ref:V,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:Z.map(function(e){return r(F,{data:e,isSelected:(null==ee?void 0:ee.id)===e.id,isCognitiveOpen:R,onToggleCognitive:function(){j(function(e){var n=!e;return n&&G.current&&G.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return W((n=e).id),k(n),void j(!1);var n}},e.id)})}))]})),r(c,e({ref:G,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:ie&&oe&&R?"none":"1.5px solid #EEF0F4"}},{children:i(c,e({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[ie&&oe&&R&&r(c,e({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:r(m,{headerIcon:r(b,{}),reasoning:ae,gap:de,score:se,mdComponents:ce,isOpen:!0,onToggle:function(){return j(!1)}})})),i(c,e({ref:N,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[r("svg",e({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:U.map(function(n,t){var o=(n.x1+n.x2)/2,l=(n.y1+n.y2)/2;return i("g",{children:[r("line",{x1:n.x1,y1:n.y1,x2:n.x2,y2:n.y2,stroke:n.style.badgeBorder,strokeWidth:"1"}),r("foreignObject",e({x:o-125,y:l-16,width:"250",height:"32"},{children:r(c,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:r(c,e({sx:{fontSize:"11px",bgcolor:n.style.badgeBg,color:n.style.badgeText,border:"1px solid ".concat(n.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:n.style.label}))}))}))]},t)})})),i(c,e({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:r(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Conflicting Guideline 1"}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:pe.map(function(e){var n=ge(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?he.wta:"when_not_to_apply"===e?he.wnta:he[e],o=C["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:n.highlightsA,styleVariant:t,isHighlighted:M===e},"left-".concat(e))})}))]})),r(c,{sx:{width:"1px"}}),i(c,e({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:i(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[r("div",e({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r(x,{})})),"Conflicting Guideline 2"]}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:pe.map(function(e){var n=ge(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?ue.wta:"when_not_to_apply"===e?ue.wnta:ue[e],o=ne["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:n.highlightsB,styleVariant:t,isHighlighted:M===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};export{_ as default};
 //# sourceMappingURL=AgentComposerRuleComparison.js.map

package/dist/features/IL-OTJ/_components/templates/RuleComparison/RuleComparison.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as t,useEffect as o,useMemo as l}from"react";import{Box as a,IconButton as s,Typography as c,Skeleton as d}from"@mui/material";import{ArrowLeft as p,ArrowRight as x}from"lucide-react";import{CognitiveCompare as f}from"@viswa-test/test-citation";var h=function(r){var t=r.data,o=r.isSelected,l=r.onClick;return i(a,e({id:"variant-card-".concat(t.id),onClick:l,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":"1.4px solid transparent",boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[n(a,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?n(d,{variant:"rounded",width:80,height:20}):n(a,e({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1",textTransform:"capitalize"}},{children:t.similarityScoreText||"0% Similarity"}))})),n(a,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:i(a,e({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[t.isLoading?n(d,{width:"90%"}):n(c,e({title:t.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:t.title})),t.scope&&n(a,e({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:t.scope}))]}))}))]}))},g=function(d){var g=d.variants,u=void 0===g?[]:g,m=d.onSelectVariant,b=d.onSkip,F=d.onBack,v=d.targetVariantId,y=r(v||null),w=y[0],S=y[1],k=t(null);o(function(){v&&S(v)},[v]);var E=function(e){k.current&&k.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},C=l(function(){if(w){var e=String(w).trim();return u.find(function(i){return i.id&&String(i.id).trim()===e})||u[0]}return u.length>0?u[0]:null},[w,u]);o(function(){if(w&&k.current){var e=w.trim();setTimeout(function(){var i=document.getElementById("variant-card-".concat(e)),n=k.current;if(i&&n){var r=i.offsetLeft-n.offsetLeft-n.clientWidth/2+i.clientWidth/2;n.scrollTo({left:r,behavior:"smooth"})}},150)}},[w,u]);o(function(){!w&&!v&&u.length>0&&!u[0].isLoading&&S(u[0].id)},[u,w,v]);var z=r(!1),D=z[0],L=z[1],B=r(!1),W=B[0],I=B[1];o(function(){var e=k.current;if(e){var i=function(){L(e.scrollLeft>0),I(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return i(),e.addEventListener("scroll",i),window.addEventListener("resize",i),function(){e.removeEventListener("scroll",i),window.removeEventListener("resize",i)}}},[u]);var T=(null==C?void 0:C.intentTreeData)||null,R=(null==C?void 0:C.behaviorTreeData)||null;return i(a,e({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#FFFFFF",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i(a,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF"}},{children:[i(a,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n(s,e({onClick:F,size:"small"},{children:n(p,{})})),n(c,e({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),n(s,e({onClick:b,size:"small"},{children:n(a,e({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),n(a,e({sx:{bgcolor:"#F6F7F9B2"}},{children:u.length>1&&i(a,e({sx:{pb:2}},{children:[i(a,e({sx:{px:3,display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[n(c,e({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),i(a,e({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[n(s,e({onClick:function(){return E("left")},size:"small",disabled:!D},{children:n(p,{size:18})})),n(s,e({onClick:function(){return E("right")},size:"small",disabled:!W},{children:n(x,{size:18})}))]}))]})),n(a,e({ref:k,sx:{display:"flex",gap:1,overflowX:"auto",px:3,"&::-webkit-scrollbar":{display:"none"}}},{children:u.map(function(e){return n(h,{data:e,isSelected:(null==C?void 0:C.id)===e.id,onClick:function(){return S((i=e).id),void m(i);var i}},e.id)})}))]}))})),i(a,e({sx:{display:"flex",flexDirection:"column",gap:3,margin:3,overflowY:"auto",backgroundColor:"#fff","&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#CBD5E1",borderRadius:"10px"}}},{children:[T&&i(a,e({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i(a,e({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[n(c,e({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning's intent matching?"})),n(c,e({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the learning you are creating is same as the existing learning."}))]})),n(f,{treeData:T,componentHeaderText:"Is the learning's intent matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1}})]})),R&&i(a,e({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i(a,e({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[n(c,e({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning behavior matching?"})),n(c,e({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the variant you are trying to add is similar, overlapping or conflicting with the existing variant."}))]})),n(f,{treeData:R,componentHeaderText:"Is the learning behavior matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1}})]}))]}))]}))};export{g as default};
+import{__spreadArray as e,__assign as i}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as l,useMemo as a}from"react";import{Box as c,IconButton as d,Typography as s,Skeleton as x}from"@mui/material";import{ArrowLeft as p,ArrowRight as f}from"lucide-react";import{CognitiveCompare as h}from"@e-llm-studio/citation";var u=function(e){var n=e.data,o=e.isSelected,l=e.onClick,a=function(e){var i=String(null!=e?e:"").match(/(\d+(?:\.\d+)?)\s*%/);if(!i)return{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"};var r=parseFloat(i[1]);return r<=34?{bg:"#EFF6FF",text:"#1D4ED8",border:"#BFDBFE"}:r<=75?{bg:"#FFF9EA",text:"#A16207",border:"#F2E5A1"}:{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"}}(n.similarityScoreText);return r(c,i({id:"variant-card-".concat(n.id),onClick:l,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:n.isLoading?.7:1,border:o?"1.4px solid #2563EB":"1.4px solid transparent",boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[t(c,i({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:n.isLoading?t(x,{variant:"rounded",width:80,height:20}):t(c,i({sx:{bgcolor:a.bg,color:a.text,fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid ".concat(a.border),textTransform:"capitalize"}},{children:n.similarityScoreText||"0% Similarity"}))})),t(c,i({sx:{display:"flex",flexDirection:"column",gap:1}},{children:r(c,i({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[n.isLoading?t(x,{width:"90%"}):t(s,i({title:n.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:n.title})),n.scope&&t(c,i({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:n.scope}))]}))}))]}))},g=function(e){if(null==e||""===e)return null;var i=parseFloat(String(e));if(isNaN(i))return null;var r=i<=1?100*i:i;return r<=34?{bg:"#EFF6FF",text:"#1D4ED8",border:"#BFDBFE"}:r<=75?{bg:"#FFF9EA",text:"#A16207",border:"#F2E5A1"}:{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"}},F=function(x){var F=x.variants,m=void 0===F?[]:F,b=x.onSelectVariant,v=x.onSkip,y=x.onBack,E=x.targetVariantId,S=n(E||null),C=S[0],w=S[1],k=o(null);l(function(){E&&w(E)},[E]);var D=function(e){k.current&&k.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};console.log("formatedData",m);var B=a(function(){if(C){var e=String(C).trim();return m.find(function(i){return i.id&&String(i.id).trim()===e})||m[0]}return m.length>0?m[0]:null},[C,m]);l(function(){if(C&&k.current){var e=C.trim();setTimeout(function(){var i=document.getElementById("variant-card-".concat(e)),r=k.current;if(i&&r){var t=i.offsetLeft-r.offsetLeft-r.clientWidth/2+i.clientWidth/2;r.scrollTo({left:t,behavior:"smooth"})}},150)}},[C,m]);l(function(){!C&&!E&&m.length>0&&!m[0].isLoading&&w(m[0].id)},[m,C,E]);var z=n(!1),L=z[0],A=z[1],T=n(!1),W=T[0],I=T[1];l(function(){var e=k.current;if(e){var i=function(){A(e.scrollLeft>0),I(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return i(),e.addEventListener("scroll",i),window.addEventListener("resize",i),function(){e.removeEventListener("scroll",i),window.removeEventListener("resize",i)}}},[m]);var R=a(function(){return e([],m,!0).sort(function(e,i){var r=function(e){var i=null==e?void 0:e.match(/(\d+(\.\d+)?)\s*%/);return i?parseFloat(i[1]):-1};return r(i.similarityScoreText)-r(e.similarityScoreText)})},[m]),H=(null==B?void 0:B.intentTreeData)||null,V=(null==B?void 0:B.behaviorTreeData)||null;return r(c,i({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#FFFFFF",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[r(c,i({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF"}},{children:[r(c,i({sx:{display:"flex",alignItems:"center",gap:1}},{children:[t(d,i({onClick:y,size:"small"},{children:t(p,{})})),t(s,i({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),t(d,i({onClick:v,size:"small"},{children:t(c,i({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),t(c,i({sx:{bgcolor:"#F6F7F9B2"}},{children:m.length>0&&r(c,i({sx:{pb:2}},{children:[r(c,i({sx:{px:3,display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[t(s,i({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),r(c,i({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[t(d,i({onClick:function(){return D("left")},size:"small",disabled:!L},{children:t(p,{size:18})})),t(d,i({onClick:function(){return D("right")},size:"small",disabled:!W},{children:t(f,{size:18})}))]}))]})),t(c,i({ref:k,sx:{display:"flex",gap:1,overflowX:"auto",px:3,"&::-webkit-scrollbar":{display:"none"}}},{children:R.map(function(e){return t(u,{data:e,isSelected:(null==B?void 0:B.id)===e.id,onClick:function(){return w((i=e).id),void b(i);var i}},e.id)})}))]}))})),r(c,i({sx:{display:"flex",flexDirection:"column",gap:3,margin:3,overflowY:"auto",backgroundColor:"#fff","&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#CBD5E1",borderRadius:"10px"}}},{children:[H&&r(c,i({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[r(c,i({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[t(s,i({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning's intent matching?"})),t(s,i({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the learning you are creating is same as the existing learning."}))]})),t(h,{treeData:H,componentHeaderText:"Is the learning's intent matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1,expandLevels:1,enableDeviationSchemaBackwardCompatibility:!1},badgeStyleOverride:g},"intent-".concat(null==B?void 0:B.id))]})),V&&r(c,i({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[r(c,i({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[t(s,i({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning behavior matching?"})),t(s,i({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the variant you are trying to add is similar, overlapping or conflicting with the existing variant."}))]})),t(h,{treeData:V,componentHeaderText:"Is the learning behavior matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1,expandLevels:2,enableDeviationSchemaBackwardCompatibility:!1},badgeStyleOverride:g},"intent-".concat(null==B?void 0:B.id))]}))]}))]}))};export{F as default};
 //# sourceMappingURL=RuleComparison.js.map

package/dist/features/IL-OTJ/_components/templates/RuleComparison/RuleComparisonNew.js

@@ -1,2 +1,2 @@
-import{__assign as e,__spreadArray as n,__rest as t}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import o,{useState as l,useRef as a,useEffect as s,useMemo as d}from"react";import{Box as c,Typography as p,IconButton as h,Skeleton as g}from"@mui/material";import{ArrowLeft as u,ArrowRight as x}from"lucide-react";import f from"../../_svg/SparkleIcon.js";import{CognitiveDecisioningCard as m}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as b}from"../../_svg/ButtonCognitiveIcon.js";var v=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},y=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" ")}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},w=o.forwardRef(function(n,t){var o=n.label,l=n.content,a=n.highlights,s=void 0===a?[]:a,d=n.styleVariant,h=n.isHighlighted,g=void 0!==h&&h,u=Array.isArray(l)?l.join("\n"):l||"",x="#B91C1C"===d.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===d.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return i(c,e({sx:{mb:1.5}},{children:[r(p,e({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),r(c,e({ref:t,sx:{p:"4px 12px",borderRadius:"6px",border:g?"1.5px solid ".concat(x.borderColor):"1px solid ".concat(d.border),boxShadow:g?"0px 0px 0px 2px ".concat(x.shadow):"none",bgcolor:d.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"24px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:r(c,{children:function(){if(!u)return r(p,e({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!s||0===s.length)return u;var n=s.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===n.length)return u;var t=new RegExp("(".concat(n.join("|"),")"),"gi");return u.split(t).map(function(n,t){return s.some(function(e){return e&&e.toLowerCase()===n.toLowerCase()})?r(c,e({component:"span",sx:{bgcolor:d.highlightBg,borderRadius:"2px",px:"2px"}},{children:n}),t):n})}()})}))]}))}),F=function(n){var t=n.data,o=n.isSelected,l=n.isCognitiveOpen,a=n.onToggleCognitive,s=n.onClick,d=t.summaryText||t.description||"",h=d.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),u=h?d.replace(h[0],"").trim():d,x=!!h;return i(c,e({id:"variant-card-".concat(t.id),onClick:s,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[r(c,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?r(g,{variant:"rounded",width:80,height:20}):i(c,e({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==t.similarity?t.similarity:0,"% Similarity"]}))})),i(c,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[r(p,e({title:t.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:t.title})),t.scope&&r(c,e({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:t.scope}))]})),t.isLoading?i(c,{children:[r(g,{width:"90%"}),r(g,{width:"60%"})]}):i(c,e({title:u,sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[r(p,e({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"}},{children:u})),x&&i(c,e({onClick:function(e){e.stopPropagation(),o||s(),a()},sx:{display:"inline-flex",alignItems:"center",alignSelf:"flex-start",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",marginLeft:"-4px","&:hover":{backgroundColor:"#F1F5F9"}}},{children:[r("div",e({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:r(b,{})})),r("svg",e({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&l?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:r("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))},_=function(o){var g,_,C=o.proposedRule,B=o.variants,E=void 0===B?[]:B,k=o.onSelectVariant;o.onAddAsVariant;var S=o.onSkip,A=o.onBack,L=o.targetVariantId,D=o.highlightedField,W=l(L||null),z=W[0],T=W[1],I=l(!1),R=I[0],j=I[1],H=l(null),O=H[0],M=H[1],V=a(null),N=a(null);s(function(){if(L&&T(L),M(null!=D?D:null),D){var e=setTimeout(function(){return M(null)},6e3);return function(){return clearTimeout(e)}}},[L,D]);var U=function(e){V.current&&V.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},P=d(function(){return n([],E,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[E]),Y=d(function(){if(z){var e=String(z).trim();return E.find(function(n){return n.id&&String(n.id).trim()===e})||P[0]}return P.length>0?P[0]:null},[z,E,P]);s(function(){if(z&&V.current){var e=z.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=V.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[z,P]);var $=Y||{title:"",scope:"",description:"",wta:"",wnta:"",variantType:"Default"},q=null==Y?void 0:Y.analysis,J=(null===(_=null===(g=null==q?void 0:q.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===_?void 0:_.overall_summary)||"",X=J.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),G=!!X,K=X?X[1]:"",Q=v("reason",K)||"",Z=v("gap",K)||"",ee=v("relevance_score",K)||"",ne=d(function(){return{ul:function(n){n.node;var i=t(n,["node"]);return r("ol",e({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(n){var o=n.href,l=n.children,a=t(n,["href","children"]);if(!o)return r("a",e({},a,{children:l}));var s=o||"";try{s=decodeURIComponent(o)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var d="",c="",p=s.match(/variant_id=([^?&]+)/);p&&(d=p[1]);var h=s.match(/field_name=([^&]+)/);return h&&(c=h[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),T(d),M(c),setTimeout(function(){return M(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[l,r("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return r("a",e({href:o,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},a,{children:l}))}}},[]);s(function(){!z&&!L&&P.length>0&&!P[0].isLoading&&T(P[0].id)},[P,z,L]);var te=a(null),ie=l([]),re=ie[0],oe=ie[1],le=l(!1),ae=le[0],se=le[1],de=l(!1),ce=de[0],pe=de[1];s(function(){var e=V.current;if(e){var n=function(){se(e.scrollLeft>0),pe(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[P]);var he={title:a(null),scope:a(null),description:a(null),wta:a(null),wnta:a(null)},ge={title:a(null),scope:a(null),description:a(null),wta:a(null),wnta:a(null)};s(function(){if(O){var e="when_to_apply"===O?"wta":"when_not_to_apply"===O?"wnta":O,n=he[e]||ge[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[O]);var ue=function(e){var n,t,i,r,o,l=null===(n=null==q?void 0:q.rule_difference_comparison)||void 0===n?void 0:n.fields,a="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,s=!(!C[a]&&!$[a]);if(!l||!l[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var d=l[e];if(d.mappings){var c=d.mappings[0]||{};return{score:d.score,relation:c.relation||"",highlightsA:(null===(t=c.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=c.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:s}}return{score:d.score,relation:d.relation||"",highlightsA:(null===(r=d.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=d.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:s}},xe=["title","scope","description","when_to_apply","when_not_to_apply"],fe=function(){if(te.current){var e=te.current.getBoundingClientRect(),n=[];xe.forEach(function(t){var i="when_to_apply"===t?he.wta:"when_not_to_apply"===t?he.wnta:he[t],r="when_to_apply"===t?ge.wta:"when_not_to_apply"===t?ge.wnta:ge[t];if(i.current&&r.current){i.current.style.height="auto",r.current.style.height="auto";var o=i.current.getBoundingClientRect(),l=r.current.getBoundingClientRect(),a=Math.max(o.height,l.height);i.current.style.height="".concat(a,"px"),r.current.style.height="".concat(a,"px");var s=i.current.getBoundingClientRect(),d=r.current.getBoundingClientRect(),c=ue(t),p=y(c.score,c.relation,c.hasContent),h=s.top+s.height/2-e.top;n.push({x1:s.right-e.left,y1:h,x2:d.left-e.left,y2:h,style:p})}}),oe(n)}};return s(function(){var e=setTimeout(fe,250);window.addEventListener("resize",fe);var n=null;return te.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){fe()})})).observe(te.current),function(){clearTimeout(e),window.removeEventListener("resize",fe),n&&n.disconnect()}},[C,$,q,R]),i(c,e({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i(c,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[r(h,e({onClick:A,size:"small"},{children:r(u,{})})),r(p,e({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),r(h,e({onClick:S,size:"small"},{children:r(c,e({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),P.length>1&&i(c,e({sx:{px:3,pb:.25}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[r(p,e({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),i(c,e({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[r(h,e({onClick:function(){return U("left")},size:"small",disabled:!ae},{children:r(u,{size:18})})),r(h,e({onClick:function(){return U("right")},size:"small",disabled:!ce},{children:r(x,{size:18})}))]}))]})),r(c,e({ref:V,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:P.map(function(e){return r(F,{data:e,isSelected:(null==Y?void 0:Y.id)===e.id,isCognitiveOpen:R,onToggleCognitive:function(){j(function(e){var n=!e;return n&&N.current&&N.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return T((n=e).id),k(n),void j(!1);var n}},e.id)})}))]})),r(c,e({ref:N,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:J&&G&&R?"none":"1.5px solid #EEF0F4"}},{children:i(c,e({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[J&&G&&R&&r(c,e({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:r(m,{headerIcon:r(b,{}),reasoning:Q,gap:Z,score:ee,mdComponents:ne,isOpen:!0,onToggle:function(){return j(!1)}})})),i(c,e({ref:te,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[r("svg",e({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:re.map(function(n,t){var o=(n.x1+n.x2)/2,l=n.y1;return i("g",{children:[r("line",{x1:n.x1,y1:n.y1,x2:n.x2,y2:n.y2,stroke:n.style.badgeBorder,strokeWidth:"1"}),r("foreignObject",e({x:o-125,y:l-16,width:"250",height:"32"},{children:r(c,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:r(c,e({sx:{fontSize:"11px",bgcolor:n.style.badgeBg,color:n.style.badgeText,border:"1px solid ".concat(n.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:n.style.label}))}))}))]},t)})})),i(c,e({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:r(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Learning You’re Creating"}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:xe.map(function(e){var n=ue(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?he.wta:"when_not_to_apply"===e?he.wnta:he[e],o=C["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:n.highlightsA,styleVariant:t,isHighlighted:O===e},"left-".concat(e))})}))]})),r(c,{sx:{width:"1px"}}),i(c,e({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:i(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[r("div",e({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r(f,{})})),"Existing Learning"]}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:xe.map(function(e){var n=ue(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?ge.wta:"when_not_to_apply"===e?ge.wnta:ge[e],o=$["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:n.highlightsB,styleVariant:t,isHighlighted:O===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};export{_ as default};
+import{__assign as e,__spreadArray as n,__rest as t}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import o,{useState as l,useRef as a,useEffect as s,useMemo as d}from"react";import{Box as c,Typography as p,IconButton as h,Skeleton as g}from"@mui/material";import{ArrowLeft as u,ArrowRight as x}from"lucide-react";import f from"../../_svg/SparkleIcon.js";import{CognitiveDecisioningCard as m}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as b}from"../../_svg/ButtonCognitiveIcon.js";var v=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},y=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" ")}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},w=o.forwardRef(function(n,t){var o=n.label,l=n.content,a=n.highlights,s=void 0===a?[]:a,d=n.styleVariant,h=n.isHighlighted,g=void 0!==h&&h,u=Array.isArray(l)?l.join("\n"):l||"",x="#B91C1C"===d.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===d.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return i(c,e({sx:{mb:1.5}},{children:[r(p,e({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),r(c,e({ref:t,sx:{p:"4px 12px",borderRadius:"6px",border:g?"1.5px solid ".concat(x.borderColor):"1px solid ".concat(d.border),boxShadow:g?"0px 0px 0px 2px ".concat(x.shadow):"none",bgcolor:d.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"24px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:r(c,{children:function(){if(!u)return r(p,e({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!s||0===s.length)return u;var n=s.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===n.length)return u;var t=new RegExp("(".concat(n.join("|"),")"),"gi");return u.split(t).map(function(n,t){return s.some(function(e){return e&&e.toLowerCase()===n.toLowerCase()})?r(c,e({component:"span",sx:{bgcolor:d.highlightBg,borderRadius:"2px",px:"2px"}},{children:n}),t):n})}()})}))]}))}),F=function(n){var t=n.data,o=n.isSelected,l=n.isCognitiveOpen,a=n.onToggleCognitive,s=n.onClick,d=t.summaryText||t.description||"",h=d.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),u=h?d.replace(h[0],"").trim():d,x=!!h;return i(c,e({id:"variant-card-".concat(t.id),onClick:s,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[r(c,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?r(g,{variant:"rounded",width:80,height:20}):i(c,e({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==t.similarity?t.similarity:0,"% Similarity"]}))})),i(c,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[r(p,e({title:t.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:t.title})),t.scope&&r(c,e({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:t.scope}))]})),t.isLoading?i(c,{children:[r(g,{width:"90%"}),r(g,{width:"60%"})]}):i(c,e({title:u,sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[r(p,e({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"}},{children:u})),x&&i(c,e({onClick:function(e){e.stopPropagation(),o||s(),a()},sx:{display:"inline-flex",alignItems:"center",alignSelf:"flex-start",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",marginLeft:"-4px","&:hover":{backgroundColor:"#F1F5F9"}}},{children:[r("div",e({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:r(b,{})})),r("svg",e({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&l?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:r("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))},_=function(o){var g,_,C=o.proposedRule,B=o.variants,E=void 0===B?[]:B,k=o.onSelectVariant;o.onAddAsVariant;var S=o.onSkip,A=o.onBack,L=o.targetVariantId,D=o.highlightedField,W=l(L||null),z=W[0],T=W[1],I=l(!1),R=I[0],j=I[1],H=l(null),O=H[0],M=H[1],V=a(null),N=a(null);s(function(){if(L&&T(L),M(null!=D?D:null),D){var e=setTimeout(function(){return M(null)},6e3);return function(){return clearTimeout(e)}}},[L,D]);var U=function(e){V.current&&V.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},P=d(function(){return n([],E,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[E]),Y=d(function(){if(z){var e=String(z).trim();return E.find(function(n){return n.id&&String(n.id).trim()===e})||P[0]}return P.length>0?P[0]:null},[z,E,P]);s(function(){if(z&&V.current){var e=z.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=V.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[z,P]);var $=Y||{title:"",scope:"",description:"",wta:"",wnta:"",variantType:"Default"},q=null==Y?void 0:Y.analysis,J=(null===(_=null===(g=null==q?void 0:q.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===_?void 0:_.overall_summary)||"",X=J.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),G=!!X,K=X?X[1]:"",Q=v("reason",K)||"",Z=v("gap",K)||"",ee=v("relevance_score",K)||"",ne=d(function(){return{ul:function(n){n.node;var i=t(n,["node"]);return r("ol",e({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(n){n.node;var i=t(n,["node"]);return r("li",e({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(n){var o=n.href,l=n.children,a=t(n,["href","children"]);if(!o)return r("a",e({},a,{children:l}));var s=o||"";try{s=decodeURIComponent(o)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var d="",c="",p=s.match(/variant_id=([^?&]+)/);p&&(d=p[1]);var h=s.match(/field_name=([^&]+)/);return h&&(c=h[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),T(d),M(c),setTimeout(function(){return M(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[l,r("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return r("a",e({href:o,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},a,{children:l}))}}},[]);s(function(){!z&&!L&&P.length>0&&!P[0].isLoading&&T(P[0].id)},[P,z,L]);var te=a(null),ie=l([]),re=ie[0],oe=ie[1],le=l(!1),ae=le[0],se=le[1],de=l(!1),ce=de[0],pe=de[1];s(function(){var e=V.current;if(e){var n=function(){se(e.scrollLeft>0),pe(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[P]);var he={title:a(null),scope:a(null),description:a(null),wta:a(null),wnta:a(null)},ge={title:a(null),scope:a(null),description:a(null),wta:a(null),wnta:a(null)};s(function(){if(O){var e="when_to_apply"===O?"wta":"when_not_to_apply"===O?"wnta":O,n=he[e]||ge[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[O]);var ue=function(e){var n,t,i,r,o,l=null===(n=null==q?void 0:q.rule_difference_comparison)||void 0===n?void 0:n.fields,a="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,s=!(!C[a]&&!$[a]);if(!l||!l[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var d=l[e];if(d.mappings){var c=d.mappings[0]||{};return{score:d.score,relation:c.relation||"",highlightsA:(null===(t=c.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=c.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:s}}return{score:d.score,relation:d.relation||"",highlightsA:(null===(r=d.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=d.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:s}},xe=["title","scope","description","when_to_apply","when_not_to_apply"],fe=function(){if(te.current){var e=te.current.getBoundingClientRect(),n=[];xe.forEach(function(t){var i="when_to_apply"===t?he.wta:"when_not_to_apply"===t?he.wnta:he[t],r="when_to_apply"===t?ge.wta:"when_not_to_apply"===t?ge.wnta:ge[t];if(i.current&&r.current){i.current.style.height="auto",r.current.style.height="auto";var o=i.current.getBoundingClientRect(),l=r.current.getBoundingClientRect(),a=Math.max(o.height,l.height);i.current.style.height="".concat(a,"px"),r.current.style.height="".concat(a,"px");var s=i.current.getBoundingClientRect(),d=r.current.getBoundingClientRect(),c=ue(t),p=y(c.score,c.relation,c.hasContent),h=s.top+s.height/2-e.top;n.push({x1:s.right-e.left,y1:h,x2:d.left-e.left,y2:h,style:p})}}),oe(n)}};return s(function(){var e=setTimeout(fe,250);window.addEventListener("resize",fe);var n=null;return te.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){fe()})})).observe(te.current),function(){clearTimeout(e),window.removeEventListener("resize",fe),n&&n.disconnect()}},[C,$,q,R]),i(c,e({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i(c,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[r(h,e({onClick:A,size:"small"},{children:r(u,{})})),r(p,e({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),r(h,e({onClick:S,size:"small"},{children:r(c,e({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),P.length>0&&i(c,e({sx:{px:3,pb:.25}},{children:[i(c,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[r(p,e({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),i(c,e({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[r(h,e({onClick:function(){return U("left")},size:"small",disabled:!ae},{children:r(u,{size:18})})),r(h,e({onClick:function(){return U("right")},size:"small",disabled:!ce},{children:r(x,{size:18})}))]}))]})),r(c,e({ref:V,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:P.map(function(e){return r(F,{data:e,isSelected:(null==Y?void 0:Y.id)===e.id,isCognitiveOpen:R,onToggleCognitive:function(){j(function(e){var n=!e;return n&&N.current&&N.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return T((n=e).id),k(n),void j(!1);var n}},e.id)})}))]})),r(c,e({ref:N,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:J&&G&&R?"none":"1.5px solid #EEF0F4"}},{children:i(c,e({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[J&&G&&R&&r(c,e({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:r(m,{headerIcon:r(b,{}),reasoning:Q,gap:Z,score:ee,mdComponents:ne,isOpen:!0,onToggle:function(){return j(!1)}})})),i(c,e({ref:te,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[r("svg",e({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:re.map(function(n,t){var o=(n.x1+n.x2)/2,l=n.y1;return i("g",{children:[r("line",{x1:n.x1,y1:n.y1,x2:n.x2,y2:n.y2,stroke:n.style.badgeBorder,strokeWidth:"1"}),r("foreignObject",e({x:o-125,y:l-16,width:"250",height:"32"},{children:r(c,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:r(c,e({sx:{fontSize:"11px",bgcolor:n.style.badgeBg,color:n.style.badgeText,border:"1px solid ".concat(n.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:n.style.label}))}))}))]},t)})})),i(c,e({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:r(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Learning You’re Creating"}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:xe.map(function(e){var n=ue(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?he.wta:"when_not_to_apply"===e?he.wnta:he[e],o=C["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:n.highlightsA,styleVariant:t,isHighlighted:O===e},"left-".concat(e))})}))]})),r(c,{sx:{width:"1px"}}),i(c,e({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[r(c,e({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:i(p,e({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[r("div",e({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r(f,{})})),"Existing Learning"]}))})),r(c,e({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:xe.map(function(e){var n=ue(e),t=y(n.score,n.relation,n.hasContent),i="when_to_apply"===e?ge.wta:"when_not_to_apply"===e?ge.wnta:ge[e],o=$["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return r(w,{ref:i,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:n.highlightsB,styleVariant:t,isHighlighted:O===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};export{_ as default};
 //# sourceMappingURL=RuleComparisonNew.js.map

package/dist/features/IL-OTJ/_components/templates/TemplatesMap/templatesMap.js

@@ -1,2 +1,2 @@
-import{BaseTemplate as e}from"../BaseTemplate/BaseTemplate.js";import{CreateCategory as r}from"../CreateCategory/CreateCategory.js";import{Testing as a}from"../Testing/Testing.js";import{CreateRule as o}from"../TrafficManager/CreateRule.js";import{TrafficManagerTemplate as t}from"../TrafficManager/TrafficManagerTemplate.js";import{WorkflowComposer as f}from"../WorkflowComposer/WorkflowComposer.js";var m,C;!function(e){e.BaseTemplate="BASE_TEMPLATE",e.TrafficManager="TRAFFIC_MANAGER",e.testing="TESTING",e.CreateRule="CREATE_RULE",e.WorkflowComposer="WORKFLOW_COMPOSER",e.CreateCategory="CREATE_CATEGORY"}(C||(C={}));var T=((m={})[C.BaseTemplate]=e,m[C.TrafficManager]=t,m[C.testing]=a,m[C.CreateRule]=o,m[C.WorkflowComposer]=f,m[C.CreateCategory]=r,m);export{C as TemplateList,T as TemplateMap};
+import{CreateRule as e}from"../TrafficManager/CreateRule.js";var r,a;!function(e){e.BaseTemplate="BASE_TEMPLATE",e.TrafficManager="TRAFFIC_MANAGER",e.testing="TESTING",e.CreateRule="CREATE_RULE",e.WorkflowComposer="WORKFLOW_COMPOSER",e.CreateCategory="CREATE_CATEGORY"}(a||(a={}));var E=((r={})[a.CreateRule]=e,r);export{a as TemplateList,E as TemplateMap};
 //# sourceMappingURL=templatesMap.js.map

package/dist/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as o,useEffect as l}from"react";import{InputDataReasoningCard as r}from"../../InputDataReasoningCard.js";import{ConditionSection as a}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as d}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as c}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as u}from"../../organisms/TextSection/TextSection.js";import s from"../../AccordianSection.js";import{ButtonCognitiveIcon as v}from"../../_svg/ButtonCognitiveIcon.js";import{Loader2Icon as p,Pencil as f,Check as g,AlertTriangle as h}from"lucide-react";var y=function(o){var l=o.children,r=o.onAddVariant,a=o.isDisabled,d=o.showAddVariantBtn,c=void 0===d||d,u=t.Children.toArray(l);return e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[u.map(function(i,o){var l=!(o===u.length-1)||c;return e(t.Fragment,{children:[i,l&&n("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},o)}),c&&n("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:a?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"#f8fafc":"#FFFFFF",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},m=function(m){var T,x,D,S,A,C,I,b,O,w,E,V=m.state,R=m.handlers,_=m.uiState,N=(null==_?void 0:_.highlights)||new Map,W=N.get("global_0")||{},L=o({}),B=L[0],F=L[1],M=o(null),j=M[0],k=M[1],z=o(function(){var i,e,n;if((null==_?void 0:_.defaultTierOpen)>=0&&(null===(i=null==_?void 0:_.tierOptions)||void 0===i?void 0:i[_.defaultTierOpen]))return _.tierOptions[_.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(n=null===(e=V.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n[0];return t?t.toLowerCase().replace(/ /g,"_"):null});z[0];var q=z[1],P="rule-setup"===(null==_?void 0:_.activeEditId),J=t.useRef(new Map),H=o(null),K=H[0],$=H[1],U=o(null),Z=U[0],G=U[1],Q=o(!1),X=Q[0],Y=Q[1],ii=t.useRef(null==_?void 0:_.isAiStreaming);l(function(){ii.current&&!(null==_?void 0:_.isAiStreaming)&&X&&Y(!1),ii.current=null==_?void 0:_.isAiStreaming},[null==_?void 0:_.isAiStreaming,X]);var ei=function(){var i;$(null),G(null),null===(i=null==_?void 0:_.setActiveEditId)||void 0===i||i.call(_,null)},ni=function(){var i,e,n=null!=K?K:V.ruleTitle,t=null!=Z?Z:V.scopeData,o=n!==V.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(V.scopeData);if(!o&&!l)return $(null),G(null),void(null===(i=null==_?void 0:_.setActiveEditId)||void 0===i||i.call(_,null));if(null==_?void 0:_.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==n?void 0:n.trim())?"Title with ".concat(n):"No Title"),l){var d=null==t?void 0:t.tiers,c=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(c)}var u=a.join(" and ");_.setSendMessageInChat("__SKELETON__:".concat(r,":Update Rule Setup ").concat(u))}Y(!0),$(null),G(null),null===(e=null==_?void 0:_.setActiveEditId)||void 0===e||e.call(_,null)},ti=null!==K?null==K?void 0:K.trim():(V.ruleTitle||"").trim(),oi=null!=Z?Z:V.scopeData,li=ti!==(V.ruleTitle||"").trim(),ri=JSON.stringify(oi)!==JSON.stringify(V.scopeData),ai=!li&&!ri||""===ti,di=t.useRef(null==_?void 0:_.defaultVariantOpen),ci=t.useRef(null==_?void 0:_.activeVariantAccordionIndex),ui=t.useRef(null==_?void 0:_.defaultTierOpen),si=t.useRef(null===(T=V.scopeData)||void 0===T?void 0:T.tiers),vi=t.useRef(V.variantsByTier);t.useEffect(function(){var i,e,n,t,o,l,r=null,a=!1;di.current!==(null==_?void 0:_.defaultVariantOpen)&&(a=!0,di.current=null==_?void 0:_.defaultVariantOpen),ci.current!==(null==_?void 0:_.activeVariantAccordionIndex)&&(a=!0,ci.current=null==_?void 0:_.activeVariantAccordionIndex),ui.current!==(null==_?void 0:_.defaultTierOpen)&&(a=!0,ui.current=null==_?void 0:_.defaultTierOpen);var d=(null===(i=V.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(si.current)!==JSON.stringify(d)&&(a=!0,si.current=d,d.length>0&&q(d[0].toLowerCase().replace(/ /g,"_")));var c=(null===(e=null==_?void 0:_.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,n;return null===(n=null===(e=V.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||[],u=c.some(function(i){var e,n,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(n=null===(e=vi.current)||void 0===e?void 0:e[l])||void 0===n?void 0:n.length)||0)!==((null===(o=null===(t=V.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var s=null!==(n=null==_?void 0:_.activeVariantAccordionIndex)&&void 0!==n?n:null==_?void 0:_.defaultVariantOpen;if(null==s||s<0)return k(null),void(vi.current=V.variantsByTier);c.forEach(function(i,e){var n;if(!((null==_?void 0:_.defaultTierOpen)>=0&&e!==_.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(n=V.variantsByTier)||void 0===n?void 0:n[t])||[];o[s]&&(r="".concat(t,"-variant-").concat(s)),null!=(null==_?void 0:_.autoScrollVariantIndex)&&o[_.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(_.autoScrollVariantIndex))}}),r&&k(r)}if(null===j){var v=null!==(t=null==_?void 0:_.activeVariantAccordionIndex)&&void 0!==t?t:null==_?void 0:_.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==_?void 0:_.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,n;return null===(n=null===(e=V.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===l||l.forEach(function(i,e){var n;if(!((null==_?void 0:_.defaultTierOpen)>=0&&e!==_.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(n=V.variantsByTier)||void 0===n?void 0:n[t])||[])[v]&&k("".concat(t,"-variant-").concat(v))}}))}vi.current=V.variantsByTier},[V.variantsByTier,null==_?void 0:_.defaultVariantOpen,null==_?void 0:_.activeVariantAccordionIndex,null===(x=V.scopeData)||void 0===x?void 0:x.tiers,null==_?void 0:_.tierOptions,null==_?void 0:_.autoScrollVariantIndex,null==_?void 0:_.defaultTierOpen]);var pi=function(e){F(function(n){var t;return i(i({},n),((t={})[e]=!n[e],t))})},fi=function(i){var e,n,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(e=V.fieldCitations)||void 0===e?void 0:e[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(n=V.fieldCitations)||void 0===n?void 0:n[i];return Array.isArray(d)&&d.length>0?d:null!==(t=V.citations)&&void 0!==t?t:[]},gi={marginTop:"-17px",position:"relative",zIndex:1};l(function(){var i,e;null!=(null==_?void 0:_.autoScrollVariantIndex)&&(null===(e=null===(i=null==_?void 0:_.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,n;return null===(n=null===(e=V.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),n="".concat(e,"-variant-").concat(_.autoScrollVariantIndex),t=J.current.get(n);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==_?void 0:_.scrollTrigger]),console.log("CreateRule state:",V),console.log("CreateRule uiState:",_);var hi=function(i){return i?i.replace(/_/g," ").replace(/([a-zA-Z])(\d)/g,"$1 $2").replace(/\b\w/g,function(i){return i.toUpperCase()}):"Variant 1"},yi=!!(null==_?void 0:_.activeEditId);return e("div",i({className:"traffic-manager-template"},{children:[n("div",i({"data-edit-id":"rule-setup"},{children:n(s,i({title:{type:"other",label:(null==_?void 0:_.setupLabel)||"Rule Setup"},actionButtons:function(e,t){if(P)return null;var o=!!(null==_?void 0:_.activeEditId)&&"rule-setup"!==_.activeEditId;return n("div",i({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:n("button",i({title:o?"Save active edits first":"Edit",onClick:function(n){n.stopPropagation(),o?(null==_?void 0:_.setPendingEditId)&&_.setPendingEditId(_.activeEditId||null):(!function(){var e,n;(null==_?void 0:_.activeEditId)&&"rule-setup"!==_.activeEditId||(null===(e=null==_?void 0:_.setActiveEditId)||void 0===e||e.call(_,"rule-setup"),$(null!==(n=V.ruleTitle)&&void 0!==n?n:""),G(V.scopeData?i({},V.scopeData):{}))}(),(null==_?void 0:_.setPendingEditId)&&_.setPendingEditId(null),e||t())},disabled:X,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:X?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:X?.5:1}},{children:n(f,{size:14})}))}))},footerData:{ruleTitle:V.ruleTitle,stations:[V.scopeData.station],tiers:null===(D=V.scopeData)||void 0===D?void 0:D.tiers},defaultOpen:"Create"===(null==_?void 0:_.usedFor),readOnly:"Create"!==(null==_?void 0:_.usedFor),isAiStreaming:null==_?void 0:_.isAiStreaming,editFlow:"Edit"===(null==_?void 0:_.usedFor)},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[X&&(null==_?void 0:_.isAiStreaming)&&e("div",i({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[n(p,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),n(u,i({id:"rule-title",title:_.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:P&&null!==K?K:V.ruleTitle,onChange:function(i){return P?$(i):R.setRuleTitle(i)},readOnly:(null==_?void 0:_.isAiStreaming)||!P,isOpen:B.ruleTitle,onToggle:function(){return pi("ruleTitle")},isHighlighted:W.ruleTitle||!1,showCognitiveIcon:V.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(S=_.validationErrors)||void 0===S?void 0:S.ruleTitle},_)),V.citation.ruleTitle&&n("div",i({style:gi},{children:n(r,{isVisible:B.ruleTitle,citation:V.citation.ruleTitle,citations:fi("ruleTitle"),fieldName:"Rule Title",fieldValue:V.ruleTitle})})),n(c,i({id:"scope",title:"",required:!1,scopeData:P&&null!==Z?Z:V.scopeData,onScopeChange:function(e,n){P?G(function(t){var o;return i(i({},null!=t?t:V.scopeData),((o={})[e]=n,o))}):R.onScopeChange(e,n)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:W,isOpen:B.scopeData,onToggle:function(){return pi("scopeData")},showCognitiveIcon:V.citation.scopeData,cognitiveIcon:n(v,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(A=_.validationErrors)||void 0===A?void 0:A.station)||(null===(C=_.validationErrors)||void 0===C?void 0:C.tiers),stationErrorMessage:null===(I=_.validationErrors)||void 0===I?void 0:I.station,tierErrorMessage:null===(b=_.validationErrors)||void 0===b?void 0:b.tiers,readOnly:(null==_?void 0:_.isAiStreaming)||!P},_)),V.citation.scopeData&&n("div",i({style:gi},{children:n(r,{isVisible:B.scopeData,citation:V.citation.scopeData,citations:fi("scopeData"),fieldName:"Scope",fieldValue:null===(w=null===(O=V.scopeData)||void 0===O?void 0:O.tiers)||void 0===w?void 0:w.join(", ")})})),P?e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[n("button",i({onClick:ei,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e("button",i({onClick:ni,disabled:ai,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:ai?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:ai?.5:1}},{children:[n(g,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==_?void 0:_.pendingEditId)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[n(h,{size:14,style:{color:"#C2410C"}}),n("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),null===(E=null==_?void 0:_.tierOptions)||void 0===E?void 0:E.map(function(t,o){var l,c,v,p,f,g,h=t.toLowerCase().replace(/ /g,"_"),m=(null===(l=V.variantsByTier)||void 0===l?void 0:l[h])||[],T=null===(v=null===(c=V.scopeData)||void 0===c?void 0:c.tiers)||void 0===v?void 0:v.includes(t),x=m.length,D=!1;if(1===x){var S=m[0],A=!(null===(p=null==S?void 0:S.ruleDescription)||void 0===p?void 0:p.trim()),C=(null===(f=null==S?void 0:S.whenToApplyConditions)||void 0===f?void 0:f.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,I=(null===(g=null==S?void 0:S.whenNotToApplyConditions)||void 0===g?void 0:g.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!A||C||I||(D=!0)}var b=D?void 0:"".concat(x," ").concat(1===x?"variant":"variants"," configured for this tier");return console.log("Rendering tier : ",t),n(s,i({variant:"tier-header",title:{type:"other",label:t},subtitle:b,defaultOpen:!0,footerData:{description:"Variants for ".concat(t)}},{children:n(y,i({onAddVariant:function(){var i;return null===(i=R.addNewVariant)||void 0===i?void 0:i.call(R,h)},isDisabled:!T||(null==_?void 0:_.isAiStreaming),showAddVariantBtn:"Edit"!==(null==_?void 0:_.usedFor)},{children:m.map(function(t,o){var l,c,v,p,f,g,y,m,x,D,S=t.variantType||"default",A="".concat(h,"-variant-").concat(o),C=!0===t.is_variant,I="default"===S||"default_variant"===S,b="".concat(h,"_").concat(o),O=N.get(b)||{},w=(null===(c=null===(l=_.separationItemsByTier)||void 0===l?void 0:l[h])||void 0===c?void 0:c.get(o))||[],E=(null===(p=null===(v=_.togglesByTier)||void 0===v?void 0:v[h])||void 0===p?void 0:p.get(o))||[],W=null===(f=null==_?void 0:_.activeEditId)||void 0===f?void 0:f.startsWith("condition-wta-".concat(h,"-").concat(o)),L=null===(g=null==_?void 0:_.activeEditId)||void 0===g?void 0:g.startsWith("condition-wnta-".concat(h,"-").concat(o)),F=!T||t.isReadOnly||(null==_?void 0:_.isAiStreaming);return n("div",i({ref:function(i){i?J.current.set(A,i):J.current.delete(A)},style:{width:"100%",opacity:T?1:.7}},{children:n(s,i({title:{type:I?"default":"variant",label:hi(S),number:o+1,isNewVariant:C,isDefault:t.isDefault,isModified:t.isModified},defaultOpen:!0,expanded:j===A,onToggle:function(){var i,e=j===A;k(e?null:A),null===(i=null==_?void 0:_.setActiveVariantAccordionIndex)||void 0===i||i.call(_,e?null:o)},variant:"rule-behavior",footerData:{ruleTitle:S,description:t.ruleDescription||""},readOnly:F},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[n(u,i({id:"rule-description-".concat(h,"-").concat(o),title:_.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:F||yi&&(null==_?void 0:_.activeEditId)!=="rule-description-".concat(h,"-").concat(o),value:t.ruleDescription||"",onChange:function(i){return R.setRuleDescription(h,o,i)},isOpen:B["ruleDescription-".concat(h)],onToggle:function(){return pi("ruleDescription-".concat(h))},isHighlighted:O.ruleDescription||!1,showCognitiveIcon:null===(y=V.citation)||void 0===y?void 0:y["ruleDescription_".concat(h)],tooltipDescription:"Why this Description?",errorMessage:null===(m=_.validationErrors)||void 0===m?void 0:m["ruleDescription-".concat(h,"-").concat(o)],enableInlineEdit:!0,setSendMessageInChat:null==_?void 0:_.setSendMessageInChat,isAiStreaming:null==_?void 0:_.isAiStreaming,fieldName:"Rule Description"},_)),(null===(x=V.citation)||void 0===x?void 0:x["ruleDescription_".concat(h)])&&n("div",i({style:gi},{children:n(r,{isVisible:B["ruleDescription-".concat(h)],citation:V.citation["ruleDescription_".concat(h)],citations:fi("ruleDescription_".concat(h,"_").concat(o)),fieldName:"Rule Description",fieldValue:t.ruleDescription})})),n(a,i({id:"when-to-apply-".concat(h,"-").concat(o),idPrefix:"condition-wta",title:_.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:F||yi&&!W,conditions:t.whenToApplyConditions||[],onAdd:function(){return R.addWhenToApply(h,o)},onRemove:function(i,e,n){return R.removeWhenToApply(i,e,n)},onEdit:function(i,e,n,t){return R.editWhenToApply(i,e,n,t)},index:o,tierKey:h,isHighlighted:O.wta||!1,highlightedIds:null==_?void 0:_.highlightedIds,tooltipDescription:"Why this Condition?",citations:fi("whenToApply_".concat(h,"_").concat(o)),bordered:!0,addLabel:"Add When to apply",isAiStreaming:_.isAiStreaming,errorMessage:(null===(D=_.validationErrors)||void 0===D?void 0:D["whenToApply-".concat(h,"-").concat(o)])||(null==_?void 0:_.conflictReason)},_)),n(a,i({id:"when-not-to-apply-".concat(h,"-").concat(o),idPrefix:"condition-wnta",title:_.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:F||yi&&!L,conditions:t.whenNotToApplyConditions||[],onAdd:function(){return R.addWhenNotToApply(h,o)},onRemove:function(i,e,n){return R.removeWhenNotToApply(i,e,n)},onEdit:function(i,e,n,t){return R.editWhenNotToApply(i,e,n,t)},index:o,tierKey:h,isHighlighted:O.wnta||!1,highlightedIds:null==_?void 0:_.highlightedIds,tooltipDescription:"Why this Condition?",citations:fi("whenNotToApply_".concat(h,"_").concat(o)),bordered:!0,addLabel:"Add When NOT to apply",isAiStreaming:_.isAiStreaming},_)),n(d,i({id:"config-".concat(h,"-").concat(o),title:_.configTitle||"Configuration",required:!1,highlights:O,bordered:!0,readOnly:F||yi&&(null==_?void 0:_.activeEditId)!=="config-".concat(h,"-").concat(o),onConfigChange:function(i,e){return R.onConfigChange(h,o,i,e)},separationItems:w,toggles:E,index:o},_))]}))}),A)}),"".concat(h,"-variant-").concat(o))})}))}),"tier-".concat(o))})]}))};export{m as CreateRule};
+import{__assign as i}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as o,useEffect as l}from"react";import{InputDataReasoningCard as r}from"../../InputDataReasoningCard.js";import{ConditionSection as a}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as d}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as c}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as u}from"../../organisms/TextSection/TextSection.js";import s from"../../AccordianSection.js";import{ButtonCognitiveIcon as v}from"../../_svg/ButtonCognitiveIcon.js";import{Loader2Icon as p,AlertTriangle as f,Pencil as g,Check as h}from"lucide-react";var y=function(o){var l=o.children,r=o.onAddVariant,a=o.isDisabled,d=o.showAddVariantBtn,c=void 0===d||d,u=t.Children.toArray(l);return e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[u.map(function(i,o){var l=!(o===u.length-1)||c;return e(t.Fragment,{children:[i,l&&n("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},o)}),c&&n("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:a?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"#f8fafc":"#FFFFFF",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},m=function(m){var x,T,A,D,S,C,I,b,O,E,w,V,R=m.state,_=m.handlers,N=m.uiState,W=(null==N?void 0:N.highlights)||new Map,F=W.get("global_0")||{},L=o({}),B=L[0],j=L[1],M=o(null),k=M[0],z=M[1],q=o(function(){var i,e,n;if((null==N?void 0:N.defaultTierOpen)>=0&&(null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i[N.defaultTierOpen]))return N.tierOptions[N.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(n=null===(e=R.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n[0];return t?t.toLowerCase().replace(/ /g,"_"):null});q[0];var P=q[1],J="rule-setup"===(null==N?void 0:N.activeEditId),H=t.useRef(new Map),K=o(null),$=K[0],U=K[1],Z=o(null),G=Z[0],Q=Z[1],X=o(!1),Y=X[0],ii=X[1],ei=t.useRef(null==N?void 0:N.isAiStreaming);l(function(){ei.current&&!(null==N?void 0:N.isAiStreaming)&&Y&&ii(!1),ei.current=null==N?void 0:N.isAiStreaming},[null==N?void 0:N.isAiStreaming,Y]);var ni=function(){var i;U(null),Q(null),null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null)},ti=function(){var i,e,n=null!=$?$:R.ruleTitle,t=null!=G?G:R.scopeData,o=n!==R.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(R.scopeData);if(!o&&!l)return U(null),Q(null),void(null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null));if(null==N?void 0:N.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==n?void 0:n.trim())?"Title with ".concat(n):"No Title"),l){var d=null==t?void 0:t.tiers,c=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(c)}var u=a.join(" and ");N.setSendMessageInChat("__SKELETON__:".concat(r,":Update Rule Setup ").concat(u))}ii(!0),U(null),Q(null),null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,null)},oi=null!==$?null==$?void 0:$.trim():(R.ruleTitle||"").trim(),li=null!=G?G:R.scopeData,ri=oi!==(R.ruleTitle||"").trim(),ai=JSON.stringify(li)!==JSON.stringify(R.scopeData),di=!ri&&!ai||""===oi,ci=t.useRef(null==N?void 0:N.defaultVariantOpen),ui=t.useRef(null==N?void 0:N.activeVariantAccordionIndex),si=t.useRef(null==N?void 0:N.defaultTierOpen),vi=t.useRef(null===(x=R.scopeData)||void 0===x?void 0:x.tiers),pi=t.useRef(R.variantsByTier);t.useEffect(function(){var i,e,n,t,o,l,r=null,a=!1;ci.current!==(null==N?void 0:N.defaultVariantOpen)&&(a=!0,ci.current=null==N?void 0:N.defaultVariantOpen),ui.current!==(null==N?void 0:N.activeVariantAccordionIndex)&&(a=!0,ui.current=null==N?void 0:N.activeVariantAccordionIndex),si.current!==(null==N?void 0:N.defaultTierOpen)&&(a=!0,si.current=null==N?void 0:N.defaultTierOpen);var d=(null===(i=R.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(vi.current)!==JSON.stringify(d)&&(a=!0,vi.current=d,d.length>0&&P(d[0].toLowerCase().replace(/ /g,"_")));var c=(null===(e=null==N?void 0:N.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,n;return null===(n=null===(e=R.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||[],u=c.some(function(i){var e,n,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(n=null===(e=pi.current)||void 0===e?void 0:e[l])||void 0===n?void 0:n.length)||0)!==((null===(o=null===(t=R.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var s=null!==(n=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==n?n:null==N?void 0:N.defaultVariantOpen;if(null==s||s<0)return z(null),void(pi.current=R.variantsByTier);c.forEach(function(i,e){var n;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(n=R.variantsByTier)||void 0===n?void 0:n[t])||[];o[s]&&(r="".concat(t,"-variant-").concat(s)),null!=(null==N?void 0:N.autoScrollVariantIndex)&&o[N.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(N.autoScrollVariantIndex))}}),r&&z(r)}if(null===k){var v=null!==(t=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==t?t:null==N?void 0:N.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==N?void 0:N.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,n;return null===(n=null===(e=R.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===l||l.forEach(function(i,e){var n;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(n=R.variantsByTier)||void 0===n?void 0:n[t])||[])[v]&&z("".concat(t,"-variant-").concat(v))}}))}pi.current=R.variantsByTier},[R.variantsByTier,null==N?void 0:N.defaultVariantOpen,null==N?void 0:N.activeVariantAccordionIndex,null===(T=R.scopeData)||void 0===T?void 0:T.tiers,null==N?void 0:N.tierOptions,null==N?void 0:N.autoScrollVariantIndex,null==N?void 0:N.defaultTierOpen]);var fi=function(e){j(function(n){var t;return i(i({},n),((t={})[e]=!n[e],t))})},gi=function(i){var e,n,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(e=R.fieldCitations)||void 0===e?void 0:e[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(n=R.fieldCitations)||void 0===n?void 0:n[i];return Array.isArray(d)&&d.length>0?d:null!==(t=R.citations)&&void 0!==t?t:[]},hi={marginTop:"-17px",position:"relative",zIndex:1};l(function(){var i,e;null!=(null==N?void 0:N.autoScrollVariantIndex)&&(null===(e=null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,n;return null===(n=null===(e=R.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),n="".concat(e,"-variant-").concat(N.autoScrollVariantIndex),t=H.current.get(n);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==N?void 0:N.scrollTrigger]),console.log("CreateRule state:",R),console.log("CreateRule uiState:",N);var yi=function(i){return i?i.replace(/_/g," ").replace(/([a-zA-Z])(\d)/g,"$1 $2").replace(/\b\w/g,function(i){return i.toUpperCase()}):"Variant 1"},mi=!!(null==N?void 0:N.activeEditId);return e("div",i({className:"traffic-manager-template"},{children:[n("div",i({"data-edit-id":"rule-setup"},{children:n(s,i({title:{type:"other",label:(null==N?void 0:N.setupLabel)||"Rule Setup"},actionButtons:function(e,t){if(J)return null;var o=!!(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId;return n("div",i({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:n("button",i({title:o?"Save active edits first":"Edit",onClick:function(n){n.stopPropagation(),o?(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(N.activeEditId||null):(!function(){var e,n;(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId||(null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,"rule-setup"),U(null!==(n=R.ruleTitle)&&void 0!==n?n:""),Q(R.scopeData?i({},R.scopeData):{}))}(),(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(null),e||t())},disabled:Y,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:Y?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:Y?.5:1}},{children:n(g,{size:14})}))}))},footerData:{ruleTitle:R.ruleTitle,stations:[R.scopeData.station],tiers:null===(A=R.scopeData)||void 0===A?void 0:A.tiers},defaultOpen:"Create"===(null==N?void 0:N.usedFor),readOnly:"Create"!==(null==N?void 0:N.usedFor),isAiStreaming:null==N?void 0:N.isAiStreaming,editFlow:"Edit"===(null==N?void 0:N.usedFor)},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[Y&&(null==N?void 0:N.isAiStreaming)&&e("div",i({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[n(p,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),n(u,i({id:"rule-title",title:N.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:J&&null!==$?$:R.ruleTitle,onChange:function(i){return J?U(i):_.setRuleTitle(i)},readOnly:(null==N?void 0:N.isAiStreaming)||!J,isOpen:B.ruleTitle,onToggle:function(){return fi("ruleTitle")},isHighlighted:F.ruleTitle||!1,showCognitiveIcon:R.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(D=N.validationErrors)||void 0===D?void 0:D.ruleTitle},N)),R.citation.ruleTitle&&n("div",i({style:hi},{children:n(r,{isVisible:B.ruleTitle,citation:R.citation.ruleTitle,citations:gi("ruleTitle"),fieldName:"Rule Title",fieldValue:R.ruleTitle})})),(null===(S=null==N?void 0:N.tierOptions)||void 0===S?void 0:S.length)>1&&n(c,i({id:"scope",title:"",required:!1,scopeData:J&&null!==G?G:R.scopeData,onScopeChange:function(e,n){J?Q(function(t){var o;return i(i({},null!=t?t:R.scopeData),((o={})[e]=n,o))}):_.onScopeChange(e,n)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:F,isOpen:B.scopeData,onToggle:function(){return fi("scopeData")},showCognitiveIcon:R.citation.scopeData,cognitiveIcon:n(v,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(C=N.validationErrors)||void 0===C?void 0:C.station)||(null===(I=N.validationErrors)||void 0===I?void 0:I.tiers),stationErrorMessage:null===(b=N.validationErrors)||void 0===b?void 0:b.station,tierErrorMessage:null===(O=N.validationErrors)||void 0===O?void 0:O.tiers,readOnly:(null==N?void 0:N.isAiStreaming)||!J},N)),R.citation.scopeData&&n("div",i({style:hi},{children:n(r,{isVisible:B.scopeData,citation:R.citation.scopeData,citations:gi("scopeData"),fieldName:"Scope",fieldValue:null===(w=null===(E=R.scopeData)||void 0===E?void 0:E.tiers)||void 0===w?void 0:w.join(", ")})})),J?e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[n("button",i({onClick:ni,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e("button",i({onClick:ti,disabled:di,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:di?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:di?.5:1}},{children:[n(h,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==N?void 0:N.pendingEditId)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[n(f,{size:14,style:{color:"#C2410C"}}),n("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==N?void 0:N.tierOptions)||0===N.tierOptions.length)&&e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"#FAFAFA",border:"1px dashed #E2E8F0",borderRadius:"12px",color:"#94a3b8"}},{children:[n(f,{size:20,style:{color:"#94a3b8"}}),n("span",i({style:{fontSize:"13px",fontWeight:500,color:"#64748b"}},{children:"No tiers found"}))]})),null===(V=null==N?void 0:N.tierOptions)||void 0===V?void 0:V.map(function(o,l){var c,v,p,f,g,h,m,x=o.toLowerCase().replace(/ /g,"_"),T=(null===(c=R.variantsByTier)||void 0===c?void 0:c[x])||[],A=null===(p=null===(v=R.scopeData)||void 0===v?void 0:v.tiers)||void 0===p?void 0:p.includes(o),D=T.length,S=!1;if(1===D){var C=T[0],I=!(null===(f=null==C?void 0:C.ruleDescription)||void 0===f?void 0:f.trim()),b=(null===(g=null==C?void 0:C.whenToApplyConditions)||void 0===g?void 0:g.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,O=(null===(h=null==C?void 0:C.whenNotToApplyConditions)||void 0===h?void 0:h.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!I||b||O||(S=!0)}var E=S?void 0:"".concat(D," ").concat(1===D?"variant":"variants"," configured for this tier"),w=n(y,i({onAddVariant:function(){var i;return null===(i=_.addNewVariant)||void 0===i?void 0:i.call(_,x)},isDisabled:!A||(null==N?void 0:N.isAiStreaming),showAddVariantBtn:"Edit"!==(null==N?void 0:N.usedFor)},{children:T.map(function(t,o){var l,c,v,p,f,g,h,y,m,T,D=t.variantType||"default",S="".concat(x,"-variant-").concat(o),C=!0===t.is_variant,I="default"===D||"default_variant"===D,b="".concat(x,"_").concat(o),O=W.get(b)||{},E=(null===(c=null===(l=N.separationItemsByTier)||void 0===l?void 0:l[x])||void 0===c?void 0:c.get(o))||[],w=(null===(p=null===(v=N.togglesByTier)||void 0===v?void 0:v[x])||void 0===p?void 0:p.get(o))||[],V=null===(f=null==N?void 0:N.activeEditId)||void 0===f?void 0:f.startsWith("condition-wta-".concat(x,"-").concat(o)),F=null===(g=null==N?void 0:N.activeEditId)||void 0===g?void 0:g.startsWith("condition-wnta-".concat(x,"-").concat(o)),L=!A||t.isReadOnly||(null==N?void 0:N.isAiStreaming);return n("div",i({ref:function(i){i?H.current.set(S,i):H.current.delete(S)},style:{width:"100%",opacity:A?1:.7}},{children:n(s,i({title:{type:I?"default":"variant",label:yi(D),number:o+1,isNewVariant:C,isDefault:t.isDefault,isModified:t.isModified},defaultOpen:!0,expanded:k===S,onToggle:function(){var i,e=k===S;z(e?null:S),null===(i=null==N?void 0:N.setActiveVariantAccordionIndex)||void 0===i||i.call(N,e?null:o)},variant:"rule-behavior",footerData:{ruleTitle:D,description:t.ruleDescription||""},readOnly:L},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[n(u,i({id:"rule-description-".concat(x,"-").concat(o),title:N.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:L||mi&&(null==N?void 0:N.activeEditId)!=="rule-description-".concat(x,"-").concat(o),value:t.ruleDescription||"",onChange:function(i){return _.setRuleDescription(x,o,i)},isOpen:B["ruleDescription-".concat(x)],onToggle:function(){return fi("ruleDescription-".concat(x))},isHighlighted:O.ruleDescription||!1,showCognitiveIcon:null===(h=R.citation)||void 0===h?void 0:h["ruleDescription_".concat(x)],tooltipDescription:"Why this Description?",errorMessage:null===(y=N.validationErrors)||void 0===y?void 0:y["ruleDescription-".concat(x,"-").concat(o)],enableInlineEdit:!0,setSendMessageInChat:null==N?void 0:N.setSendMessageInChat,isAiStreaming:null==N?void 0:N.isAiStreaming,fieldName:"Rule Description"},N)),(null===(m=R.citation)||void 0===m?void 0:m["ruleDescription_".concat(x)])&&n("div",i({style:hi},{children:n(r,{isVisible:B["ruleDescription-".concat(x)],citation:R.citation["ruleDescription_".concat(x)],citations:gi("ruleDescription_".concat(x,"_").concat(o)),fieldName:"Rule Description",fieldValue:t.ruleDescription})})),n(a,i({id:"when-to-apply-".concat(x,"-").concat(o),idPrefix:"condition-wta",title:N.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:L||mi&&!V,conditions:t.whenToApplyConditions||[],onAdd:function(){return _.addWhenToApply(x,o)},onRemove:function(i,e,n){return _.removeWhenToApply(i,e,n)},onEdit:function(i,e,n,t){return _.editWhenToApply(i,e,n,t)},index:o,tierKey:x,isHighlighted:O.wta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:gi("whenToApply_".concat(x,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:N.isAiStreaming,errorMessage:(null===(T=N.validationErrors)||void 0===T?void 0:T["whenToApply-".concat(x,"-").concat(o)])||(null==N?void 0:N.conflictReason)},N)),n(a,i({id:"when-not-to-apply-".concat(x,"-").concat(o),idPrefix:"condition-wnta",title:N.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:L||mi&&!F,conditions:t.whenNotToApplyConditions||[],onAdd:function(){return _.addWhenNotToApply(x,o)},onRemove:function(i,e,n){return _.removeWhenNotToApply(i,e,n)},onEdit:function(i,e,n,t){return _.editWhenNotToApply(i,e,n,t)},index:o,tierKey:x,isHighlighted:O.wnta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:gi("whenNotToApply_".concat(x,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:N.isAiStreaming},N)),(null==N?void 0:N.showConfiguration)&&n(d,i({id:"config-".concat(x,"-").concat(o),title:N.configTitle||"Configuration",required:!1,highlights:O,bordered:!0,readOnly:L||mi&&(null==N?void 0:N.activeEditId)!=="config-".concat(x,"-").concat(o),onConfigChange:function(i,e){return _.onConfigChange(x,o,i,e)},separationItems:E,toggles:w,index:o},N))]}))}),S)}),"".concat(x,"-variant-").concat(o))})}));return 1===(null===(m=null==N?void 0:N.tierOptions)||void 0===m?void 0:m.length)?n(t.Fragment,{children:w},"tier-".concat(l)):n(s,i({variant:"tier-header",title:{type:"other",label:o},subtitle:E,defaultOpen:!0,footerData:{description:"Variants for ".concat(o)}},{children:w}),"tier-".concat(l))})]}))};export{m as CreateRule};
 //# sourceMappingURL=CreateRule.js.map

package/dist/features/LSCGuidelinesCart/Cart/Cart.js

@@ -0,0 +1,2 @@
+import{__spreadArray as t,__assign as e}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import{useState as r,useEffect as c}from"react";import{Check as a,Eye as l,X as o}from"lucide-react";import d from"./Cart.styles.js";function s(t){try{var e=new Date(t),n=e.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),i=e.toLocaleDateString("en-GB").replace(/\//g,"/");return"Added on - ".concat(n," | ").concat(i)}catch(e){return t}}function h(h){var u=h.items,m=h.onRemove,p=h.onProceed,f=r(new Set),g=f[0],y=f[1];c(function(){1!==u.length?y(function(e){var n=new Set(u.map(function(t){return t.instant_learning_id})),i=new Set(t([],e,!0).filter(function(t){return n.has(t)}));return i.size===e.size?e:i}):y(new Set([u[0].instant_learning_id]))},[u]);var v=u.filter(function(t){return g.has(t.instant_learning_id)});return n("section",e({style:d.cartSection},{children:[n("div",e({style:d.cartHeaderRow},{children:[i("p",e({style:d.cartTitle},{children:"Guideline Cart"})),n("span",e({style:d.cartBadge},{children:[u.length," Added"]}))]})),i("p",e({style:d.cartDescription},{children:u.length>1?"Click items to select them for this session":"Selected for this session"})),i("div",e({style:d.cartBody},{children:i("div",e({style:d.cartList},{children:0===u.length?i("div",e({style:d.emptyState},{children:"No guidelines added yet"})):u.map(function(t){var r=g.has(t.instant_learning_id);return n("div",e({style:r?d.cartItemSelected:d.cartItem,onClick:function(){return e=t.instant_learning_id,void y(function(t){var n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n});var e}},{children:[n("div",e({style:d.cartItemTop},{children:[n("div",e({style:d.cartItemTopLeft},{children:[i("span",e({style:r?d.cartCheckbox:d.cartCheckboxEmpty},{children:r&&i(a,{size:12,strokeWidth:3})})),i("p",e({style:d.cartItemName},{children:t.instant_learning_title}))]})),n("div",e({style:d.cartItemIcons},{children:[i(l,{size:16,strokeWidth:2}),i("button",e({type:"button",style:d.removeBtn,onClick:function(e){return function(t,e){t.stopPropagation(),y(function(t){if(!t.has(e))return t;var n=new Set(t);return n.delete(e),n}),m(e)}(e,t.instant_learning_id)}},{children:i(o,{size:16,strokeWidth:2})}))]}))]})),i("p",e({style:d.cartItemDescription},{children:t.instant_learning_description})),i("p",e({style:d.cartItemDate},{children:s(t.created_at)}))]}),t.instant_learning_id)})}))})),i("button",e({type:"button",style:v.length>0?d.proceedButton:d.proceedButtonDisabled,disabled:0===v.length,onClick:function(){return v.length>0&&p(v)}},{children:n("span",{children:["Proceed with Selected",v.length>1?" (".concat(v.length,")"):""]})}))]}))}export{h as Cart,h as default};
+//# sourceMappingURL=Cart.js.map

package/dist/features/LSCGuidelinesCart/Cart/Cart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cart.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/LSCGuidelinesCart/Cart/Cart.styles.js

@@ -0,0 +1,2 @@
+var e={cartSection:{display:"flex",width:"100%",flexDirection:"column",borderRadius:12,border:"1px solid #5B2CF4",background:"#F5F1FF",padding:28,fontFamily:"Inter, sans-serif",boxShadow:"0 1px 4px rgba(16,24,40,0.04)"},cartHeaderRow:{display:"flex",alignItems:"center",gap:12},cartTitle:{fontSize:18,fontWeight:700,color:"#1F2937",margin:0},cartBadge:{display:"inline-flex",height:24,alignItems:"center",borderRadius:9999,background:"#EDE7FF",padding:"0 12px",fontSize:12,fontWeight:600,color:"#5B2CF4",whiteSpace:"nowrap"},cartDescription:{marginTop:4,fontSize:13,color:"#667085"},cartBody:{marginTop:24,minHeight:280,flex:"1 1 0%",overflow:"hidden"},cartList:{maxHeight:420,overflowY:"auto",paddingRight:8,display:"flex",flexDirection:"column",gap:16},emptyState:{display:"flex",alignItems:"center",justifyContent:"center",height:120,fontSize:14,color:"#98A2B3"},cartItem:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #EAECF0",background:"#ffffff",padding:16,cursor:"pointer"},cartItemSelected:{display:"flex",flexDirection:"column",borderRadius:10,border:"2px solid #4438F5",background:"#F5F3FF",padding:16,cursor:"pointer"},cartItemTop:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8},cartItemTopLeft:{display:"flex",alignItems:"center",gap:8,minWidth:0},cartCheckbox:{display:"inline-flex",height:18,width:18,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:4,background:"#4438F5",color:"#ffffff"},cartCheckboxEmpty:{display:"inline-flex",height:18,width:18,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:4,border:"2px solid #D0D5DD",background:"#ffffff"},cartItemName:{fontSize:14,fontWeight:600,color:"#1F2937",margin:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},cartItemIcons:{display:"flex",alignItems:"center",gap:10,flexShrink:0,color:"#98A2B3"},cartItemDescription:{marginTop:8,fontSize:13,color:"#667085"},cartItemDate:{marginTop:8,fontSize:12,color:"#98A2B3"},proceedButton:{marginTop:24,display:"inline-flex",height:44,width:"100%",alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,background:"#4438F5",fontSize:15,fontWeight:600,color:"#ffffff",border:"none",boxShadow:"0 1px 2px rgba(16,24,40,0.08)",cursor:"pointer"},proceedButtonDisabled:{marginTop:24,display:"inline-flex",height:44,width:"100%",alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,background:"#C4C9D4",fontSize:15,fontWeight:600,color:"#ffffff",border:"none",cursor:"not-allowed"},removeBtn:{background:"none",border:"none",padding:0,cursor:"pointer",display:"flex",alignItems:"center",color:"#98A2B3"}};export{e as default};
+//# sourceMappingURL=Cart.styles.js.map

package/dist/features/LSCGuidelinesCart/Cart/Cart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cart.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/LSCGuidelinesCart/GuidelineCard.js

@@ -0,0 +1,2 @@
+import{__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BookOpen as i,Eye as n,MoreVertical as o,UserCheck as d,Compass as c,Check as l,Plus as s}from"lucide-react";import a from"./GuidelineCard.styles.js";function u(t){try{var e=new Date(t),r=e.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),i=e.toLocaleDateString("en-GB").replace(/\//g,"/");return"Added on - ".concat(r," | ").concat(i)}catch(e){return t}}function h(h){var p=h.guideline,y=h.inCart,f=h.onToggleCart,m=h.onExplore;return e("div",t({style:a.card},{children:[e("div",t({style:a.cardTop},{children:[e("div",t({style:a.cardTopLeft},{children:[r(i,{size:18,strokeWidth:2,color:"#6D5BFF"}),r("p",t({style:a.cardTitle},{children:p.instant_learning_title}))]})),e("div",t({style:a.cardTopIcons},{children:[r(n,{size:16,strokeWidth:2}),r(o,{size:16,strokeWidth:2}),r(d,{size:16,strokeWidth:2})]}))]})),r("p",t({style:a.cardDescription},{children:p.instant_learning_description})),r("p",t({style:a.cardDate},{children:u(p.created_at)})),e("div",t({style:a.cardActionsRow},{children:[e("button",t({type:"button",style:a.exploreButton,onClick:function(){return null==m?void 0:m(p)}},{children:[r(c,{size:15,strokeWidth:2.4}),r("span",{children:"Explore"})]})),e("button",y?t({type:"button",style:a.cardAddedButton,onClick:function(){return f(p)}},{children:[r(l,{size:16,strokeWidth:2.4}),r("span",{children:"Selected"})]}):t({type:"button",style:a.cardAddButton,onClick:function(){return f(p)}},{children:[r(s,{size:16,strokeWidth:2.4}),r("span",{children:"Select"})]}))]}))]}))}export{h as GuidelineCard,h as default};
+//# sourceMappingURL=GuidelineCard.js.map

package/dist/features/LSCGuidelinesCart/GuidelineCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidelineCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/LSCGuidelinesCart/GuidelineCard.styles.js

@@ -0,0 +1,2 @@
+var e={card:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #EAECF0",background:"#ffffff",padding:20,boxShadow:"0 1px 2px rgba(16,24,40,0.04)"},cardTop:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8},cardTopLeft:{display:"flex",alignItems:"center",gap:8,minWidth:0},cardTitle:{fontSize:15,fontWeight:600,lineHeight:"24px",color:"#1F2937",margin:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},cardTopIcons:{display:"flex",alignItems:"center",gap:10,flexShrink:0,color:"#98A2B3"},cardDescription:{marginTop:8,fontSize:13,lineHeight:"19px",color:"#667085",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},cardDate:{marginTop:12,fontSize:12,color:"#98A2B3"},cardActions:{marginTop:16},cardAddButton:{display:"inline-flex",height:36,flex:1,alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,border:"1px solid #4438F5",background:"#ffffff",fontSize:13,fontWeight:600,color:"#4438F5",cursor:"pointer"},cardAddedButton:{display:"inline-flex",height:36,flex:1,alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,border:"1px solid #EAE7FF",background:"#EDE9FE",fontSize:13,fontWeight:600,color:"#4438F5",cursor:"pointer"},exploreButton:{display:"inline-flex",height:36,flex:1,alignItems:"center",justifyContent:"center",gap:6,borderRadius:6,border:"1px solid #D0D5DD",background:"#ffffff",fontSize:13,fontWeight:600,color:"#344054",cursor:"pointer"},cardActionsRow:{display:"flex",gap:8,marginTop:16}};export{e as default};
+//# sourceMappingURL=GuidelineCard.styles.js.map

package/dist/features/LSCGuidelinesCart/GuidelineCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidelineCard.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/LSCGuidelinesCart/GuidelinesLandingPage.js

@@ -0,0 +1,2 @@
+import{__assign as e}from"tslib";import{jsx as n,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as o}from"react";import{CircleHelp as l,Plus as d,UserCheck as a,Clock3 as s,ShoppingBag as u,Search as c,Check as p,ChevronDown as h,ChevronUp as m}from"lucide-react";import{fetchGuidelineInstances as f}from"./api.js";import{GuidelineCard as g}from"./GuidelineCard.js";import{Cart as b}from"./Cart/Cart.js";import{LearningManagementWrapper as y}from"./LearningManagementWrapper.js";import _ from"./GuidelinesLandingPage.styles.js";import{OutlinedInput as v,InputAdornment as k}from"@mui/material";import{v4 as C}from"uuid";function S(e,n){var t,i,r,o;return n?null!==(o=null===(r=e.mode_mappings.find(function(e){return e.mode_id===n}))||void 0===r?void 0:r.application_integration_id)&&void 0!==o?o:"":null!==(i=null===(t=e.mode_mappings[0])||void 0===t?void 0:t.application_integration_id)&&void 0!==i?i:""}function A(A){var w=A.baseUrl,z=A.baseWebsocketUrl,W=A.token,x=A.userDetails,I=A.modeId,F=A.assistantName,T=A.appsecRbacUrl,U=A.appsecBaseUrl,B=r([]),L=B[0],M=B[1],j=r(6),D=j[0],E=j[1],G=r([]),R=G[0],O=G[1],N=r(!1),P=N[0],q=N[1],H=r(null),K=H[0],J=H[1],Q=r(null),V=Q[0],X=Q[1],Y=r(""),Z=Y[0],$=Y[1],ee=r(""),ne=ee[0],te=ee[1],ie=window.hostMicroFrontendApi;o(function(){var e=setTimeout(function(){te(Z.trim())},750);return function(){return clearTimeout(e)}},[Z]),o(function(){E(6)},[ne]),o(function(){q(!0),J(null),f(w,W).then(function(e){M(e.data)}).catch(function(e){return J(e.message)}).finally(function(){return q(!1)})},[w,W]);var re=new Set(R.map(function(e){return e.instant_learning_id}));function oe(e){O(function(n){return n.some(function(n){return n.instant_learning_id===e.instant_learning_id})?n.filter(function(n){return n.instant_learning_id!==e.instant_learning_id}):[e]})}var le=ne.length>=2?L.filter(function(e){var n,t,i=ne.toLowerCase();return(null===(n=e.instant_learning_title)||void 0===n?void 0:n.toLowerCase().includes(i))||(null===(t=e.instant_learning_description)||void 0===t?void 0:t.toLowerCase().includes(i))}):L,de=le.slice(0,D),ae=le.length-D,se=D>6;return n("div",e({style:_.page},{children:t("main",e({style:_.main},{children:[t("section",e({style:_.headerSection},{children:[t("div",e({style:_.intro},{children:[n("h1",e({style:_.title},{children:"Add Guidelines"})),n("p",e({style:_.description},{children:"Add guidelines that shape how your agent behaves, responds, and interprets."})),t("button",e({type:"button",style:_.debugLink},{children:[n("span",{children:"Know more about debug mode"}),n(l,{size:18,strokeWidth:2})]}))]})),t("button",e({type:"button",style:_.addButton},{children:[n(d,{size:20,strokeWidth:2.4}),n("span",{children:"Add Guideline"})]}))]})),t("section",e({style:_.bodySection},{children:[t("section",e({style:_.librarySection},{children:[t("div",e({style:_.libraryTabs},{children:[t("button",e({type:"button",style:e(e({},_.tab),_.tabActive)},{children:[n(a,{size:18,strokeWidth:2}),n("span",{children:"Saved"})]})),t("button",e({type:"button",style:_.tab},{children:[n(s,{size:18,strokeWidth:2}),n("span",{children:"Recently used"})]})),t("button",e({type:"button",style:_.tab},{children:[n(u,{size:18,strokeWidth:2}),n("span",{children:"Marketplace"})]}))]})),!V&&n("div",e({style:{position:"sticky",top:0,zIndex:10,backgroundColor:"#FFFFFF",paddingTop:12,backdropFilter:"blur(8px)"}},{children:n(v,{placeholder:"Search Guideline",value:Z,onChange:function(e){return $(e.target.value)},size:"small",startAdornment:n(k,e({position:"start"},{children:n(c,{size:16,color:"#9CA3AF"})})),sx:{width:"280px",borderRadius:"8px",fontSize:"14px","& .MuiOutlinedInput-notchedOutline":{borderColor:"#E5E7EB"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"#D1D5DB"},bgcolor:"#fff"}})})),V?n(y,{userDetails:x,baseUrl:w,baseWebsocketUrl:z,assistantName:F,appsecRbacUrl:T,appsecBaseUrl:U,appIntegrationId:S(V,I),modeId:I,guidelineTitle:V.instant_learning_title,onBack:function(){return X(null)},headerActions:re.has(V.instant_learning_id)?t("button",e({type:"button",style:_.cardAddedButton,onClick:function(){return oe(V)}},{children:[n(p,{size:16,strokeWidth:2.4}),n("span",{children:"Added to Cart"})]})):t("button",e({type:"button",style:_.cardAddButton,onClick:function(){return oe(V)}},{children:[n(d,{size:16,strokeWidth:2.4}),n("span",{children:"Add to Cart"})]}))}):t(i,{children:[P&&n("p",e({style:_.loadingState},{children:"Loading guidelines..."})),K&&t("p",e({style:_.errorState},{children:["Error: ",K]})),!P&&!K&&n(i,{children:0===le.length?n("p",e({style:_.loadingState},{children:ne.length>=2?"No guidelines match your search.":"No guidelines found."})):t(i,{children:[n("div",e({style:_.libraryGrid},{children:de.map(function(e){return n(g,{guideline:e,inCart:re.has(e.instant_learning_id),onToggleCart:oe,onExplore:X},e.instant_learning_id)})})),t("div",e({style:{display:"flex",alignItems:"center",gap:16}},{children:[ae>0&&t("button",e({type:"button",style:_.showMore,onClick:function(){return E(function(e){return e+6})}},{children:[t("span",{children:["Show more guidelines (",ae,")"]}),n(h,{size:16,strokeWidth:2.4})]})),se&&t("button",e({type:"button",style:_.showMore,onClick:function(){return E(6)}},{children:[n("span",{children:"Hide"}),n(m,{size:16,strokeWidth:2.4})]}))]}))]})})]})]})),n(b,{items:R,onRemove:function(e){O(function(n){return n.filter(function(n){return n.instant_learning_id!==e})})},onProceed:function(e){var n={messageType:"success",message:"query",messageId:"requestId-".concat(C()),sender:"user",time:new Date};ie.dispatch("PROCESS_STATUS",n)}})]}))]}))}))}export{A as GuidelineLandingPage,A as default};
+//# sourceMappingURL=GuidelinesLandingPage.js.map

package/dist/features/LSCGuidelinesCart/GuidelinesLandingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidelinesLandingPage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/LSCGuidelinesCart/GuidelinesLandingPage.styles.js

@@ -0,0 +1,2 @@
+var e={page:{height:"100%",width:"100%",background:"#ffffff",fontFamily:"Inter, sans-serif"},main:{height:"100%",overflow:"auto",padding:40},headerSection:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:24,justifyContent:"space-between",alignItems:"flex-start"},intro:{minWidth:280,flex:"1 1 0%"},title:{fontSize:30,fontWeight:700,lineHeight:"38px",color:"#6D35F2",margin:0},description:{marginTop:8,fontSize:19,lineHeight:"28px",color:"#1F2937"},debugLink:{marginTop:12,display:"inline-flex",alignItems:"center",gap:8,fontSize:14,fontWeight:500,color:"#53657D",background:"none",border:"none",padding:0,cursor:"pointer"},addButton:{display:"inline-flex",height:44,minWidth:210,flexShrink:0,alignItems:"center",justifyContent:"center",gap:12,borderRadius:6,background:"#4438F5",padding:"0 20px",fontSize:15,fontWeight:600,color:"#ffffff",border:"none",boxShadow:"0 1px 2px rgba(16,24,40,0.08)",cursor:"pointer",marginLeft:"auto"},bodySection:{marginTop:48,display:"grid",width:"100%",gridTemplateColumns:"minmax(0,1fr) minmax(300px,360px)",alignItems:"start",gap:24},librarySection:{minWidth:0},libraryTabs:{display:"flex",borderBottom:"1px solid #EAECF0"},tab:{position:"relative",display:"inline-flex",height:40,alignItems:"center",gap:8,padding:"0 16px",fontSize:14,fontWeight:500,background:"none",border:"none",cursor:"pointer",color:"#B5BDC8"},tabActive:{color:"#1F2937",boxShadow:"inset 0 -3px 0 0 #6D5BFF"},libraryGrid:{marginTop:24,display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:20},cardAddButton:{display:"inline-flex",height:36,flex:1,alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,border:"1px solid #4438F5",background:"#ffffff",fontSize:13,fontWeight:600,color:"#4438F5",cursor:"pointer"},cardAddedButton:{display:"inline-flex",height:36,flex:1,alignItems:"center",justifyContent:"center",gap:8,borderRadius:6,border:"1px solid #EAE7FF",background:"#EDE9FE",fontSize:13,fontWeight:600,color:"#4438F5",cursor:"pointer"},showMore:{marginTop:28,display:"inline-flex",alignItems:"center",gap:8,fontSize:14,fontWeight:600,color:"#5B2CF4",background:"none",border:"none",cursor:"pointer"},loadingState:{marginTop:24,fontSize:14,color:"#667085"},errorState:{marginTop:24,fontSize:14,color:"#F04438"}};export{e as default};
+//# sourceMappingURL=GuidelinesLandingPage.styles.js.map

package/dist/features/LSCGuidelinesCart/GuidelinesLandingPage.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuidelinesLandingPage.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}