@e-llm-studio/instant-learning 1.3.0-alpha.4 → 1.3.0-alpha.42

package/dist/features/IL-OTJ/ValueTypeWrappers/TeachMePlugin.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import r from"./TeachMeWrapper.js";import n from"../../../plugins/ValueTypes/Default/DefaultTeachMeRenderer.js";import a from"../../../plugins/ValueTypes/RadioTrafficLearning/RadioTrafficLearningRenderer.js";import o from"../../../plugins/ValueTypes/Guidelines/GuidelinesTeachMeRenderer.js";var l={Default:n,"Radio Traffic Learning":a,Guidelines:o},t=function(n){var a,o=n.app_integration_id,t=n.isOpen,p=n.onClose,u=n.pluginPayload,s=n.token,d=n.mode;return i(r,{app_integration_id:o,isOpen:t,onClose:p,token:s,templateRegistry:l,initialScope:null!==(a=null==u?void 0:u.initialScope)&&void 0!==a?a:"",ruleSet:null==u?void 0:u.ruleSet,pluginPayload:e(e({},u),{mode:d})})};export{l as TemplateRegistry,t as default};
+import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useEffect as n}from"react";import r from"./TeachMeWrapper.js";import t from"../../../plugins/ValueTypes/Default/DefaultTeachMeRenderer.js";import o from"../../../plugins/ValueTypes/RadioTrafficLearning/RadioTrafficLearningRenderer.js";import a from"../../../plugins/ValueTypes/Guidelines/GuidelinesTeachMeRenderer.js";import{useTeachMeConfigStore as l}from"../../LearningManagement/store/useLMSConfigStore.js";import{useLearningTemplateStore as u}from"../../LearningManagement/store/useLearningTemplateStore.js";var s={Default:t,"Radio Traffic Learning":o,Guidelines:a},p=function(t){var o,a=t.app_integration_id,p=t.isOpen,f=t.onClose,m=t.pluginPayload,d=t.token,g=t.mode,c=l(function(e){return e.setTeachMeConfig});return l(function(e){return e.clearTeachMeConfig}),n(function(){(null==m?void 0:m.teachMe)&&c(m.teachMe),(null==m?void 0:m.tiers)&&u.getState().setTiers(null==m?void 0:m.tiers)},[m]),i(r,{app_integration_id:a,isOpen:p,onClose:f,token:d,templateRegistry:s,initialScope:null!==(o=null==m?void 0:m.initialScope)&&void 0!==o?o:"",ruleSet:null==m?void 0:m.ruleSet,pluginPayload:e(e({},m),{mode:g})})};export{s as TemplateRegistry,p as default};
 //# sourceMappingURL=TeachMePlugin.js.map

package/dist/features/IL-OTJ/ValueTypeWrappers/TeachMeWrapper.js

@@ -1,2 +1,2 @@
-import{__assign as e,__awaiter as t,__generator as r}from"tslib";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useState as a,useEffect as o}from"react";import{Box as s,CircularProgress as c,Dialog as l,DialogTitle as p,Typography as d,IconButton as u,DialogContent as f}from"@mui/material";import m from"@mui/icons-material/Close";import{useLearningTemplateStore as h}from"../../LearningManagement/store/useLearningTemplateStore.js";var v=function(){var t=a(!0),r=t[0],o=t[1];return n(l,e({open:r,onClose:function(){return o(!1)},fullWidth:!0,maxWidth:"lg",PaperProps:{sx:{borderRadius:"16px",minHeight:"70vh",overflow:"hidden"}}},{children:[n(p,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e0e0e0",px:3,py:2}},{children:[i(d,e({variant:"h6",fontWeight:600},{children:"Teach Me"})),i(u,e({onClick:function(){return o(!1)}},{children:i(m,{})}))]})),i(f,e({dividers:!0,sx:{p:3,backgroundColor:"#fafafa"}},{children:"There is some issue with the selected template. Kindly check steps to resolve."}))]}))},g=function(n){var l=n.templateRegistry,p=void 0===l?{}:l,d=h(function(e){return e.backwardCompatibility}),u=h(function(e){return n.app_integration_id?e.templateMap[n.app_integration_id]:void 0}),f=h(function(e){return e.setTemplateData}),m=d?"Radio Traffic Learning":u,g=a(!m),_=g[0],y=g[1],b=a(!1),w=b[0],x=b[1];if(o(function(){if(n.isOpen){if(!d&&!n.app_integration_id)return console.error("TeachMeWrapper requires an app_integration_id when backward compatibility is disabled."),x(!0),void y(!1);if(m)y(!1);else{t(void 0,void 0,void 0,function(){var e,i;return r(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,3,4]),y(!0),x(!1),[4,(o=n.app_integration_id,s=n.token,t(void 0,void 0,void 0,function(){var e,t;return r(this,function(r){switch(r.label){case 0:return[4,fetch("".concat("https://devllmstudio.creativeworkspace.ai","/instant_learning/ilotj/application/getValueType/").concat(o),{headers:{Authorization:"Bearer ".concat(s)}})];case 1:if(!(e=r.sent()).ok)throw new Error("Failed to fetch value type");return[4,e.json()];case 2:return t=r.sent(),console.log("Fetched value type data:",t),!t||Array.isArray(t.data)&&0===t.data.length?[2,null]:[2,t.data[0].value_type_name||t.valueTypeName||t.templateName]}})}))];case 1:return e=a.sent(),f(n.app_integration_id,e),[3,4];case 2:return i=a.sent(),console.error(i),x(!0),n.app_integration_id&&f(n.app_integration_id,"ERROR"),[3,4];case 3:return y(!1),[7];case 4:return[2]}var o,s})})}}},[n.isOpen,n.app_integration_id,m,n.token,f,d]),_)return i(s,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:i(c,{size:32})}));if(w||!m)return i(v,{});var k=p[m];return k?i(k,e({},n)):(console.warn("No renderer found for template: ".concat(m)),i(v,{}))};export{g as default};
+import{__assign as e,__awaiter as t,__generator as r}from"tslib";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useState as a,useEffect as o}from"react";import{Box as s,CircularProgress as c,Dialog as l,DialogTitle as p,Typography as d,IconButton as u,DialogContent as f}from"@mui/material";import m from"@mui/icons-material/Close";import{useLearningTemplateStore as h}from"../../LearningManagement/store/useLearningTemplateStore.js";var v=function(){var t=a(!0),r=t[0],o=t[1];return n(l,e({open:r,onClose:function(){return o(!1)},fullWidth:!0,maxWidth:"lg",PaperProps:{sx:{borderRadius:"16px",minHeight:"70vh",overflow:"hidden"}}},{children:[n(p,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e0e0e0",px:3,py:2}},{children:[i(d,e({variant:"h6",fontWeight:600},{children:"Teach Me"})),i(u,e({onClick:function(){return o(!1)}},{children:i(m,{})}))]})),i(f,e({dividers:!0,sx:{p:3,backgroundColor:"#fafafa"}},{children:"There is some issue with the selected template. Kindly check steps to resolve."}))]}))},g=function(n){var l=n.templateRegistry,p=void 0===l?{}:l,d=h(function(e){return e.backwardCompatibility}),u=h(function(e){return n.app_integration_id?e.templateMap[n.app_integration_id]:void 0}),f=h(function(e){return e.setTemplateData}),m=d?"Radio Traffic Learning":u,g=a(!m),_=g[0],y=g[1],b=a(!1),w=b[0],x=b[1];if(o(function(){if(n.isOpen){if(!d&&!n.app_integration_id)return console.error("TeachMeWrapper requires an app_integration_id when backward compatibility is disabled."),x(!0),void y(!1);if(m)y(!1);else{t(void 0,void 0,void 0,function(){var e,i;return r(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,3,4]),y(!0),x(!1),[4,(o=n.app_integration_id,s=n.token,t(void 0,void 0,void 0,function(){var e,t;return r(this,function(r){switch(r.label){case 0:return[4,fetch("".concat("https://devllmstudio.creativeworkspace.ai","/instant_learning/ilotj/application/getValueType/").concat(o),{headers:{Authorization:"Bearer ".concat(s)}})];case 1:if(!(e=r.sent()).ok)throw new Error("Failed to fetch value type");return[4,e.json()];case 2:return t=r.sent(),console.log("Fetched value type data:",t),!t||Array.isArray(t.data)&&0===t.data.length?[2,null]:[2,t.data[0].value_type_name||t.valueTypeName||t.templateName]}})}))];case 1:return e=a.sent(),f(n.app_integration_id,e),[3,4];case 2:return i=a.sent(),console.error(i),x(!0),n.app_integration_id&&f(n.app_integration_id,"ERROR"),[3,4];case 3:return y(!1),[7];case 4:return[2]}var o,s})})}}},[n.isOpen,n.app_integration_id,m,n.token,f,d]),_)return i(s,e({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:i(c,{size:32})}));if(w||!m)return i(v,{});var k=p[m&&p[m]?m:"Default"];return k?i(k,e({},n)):(console.warn("No renderer found for template: ".concat(m)),i(v,{}))};export{g as default};
 //# sourceMappingURL=TeachMeWrapper.js.map

package/dist/features/IL-OTJ/_components/CitationLink.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import{MarkdownRenderer as i,CitationRenderer as n}from"@e-llm-studio/citation";import r,{useRef as l,useCallback as a,useEffect as d}from"react";import c from"./_svg/ChevronDown.js";import s from"./_svg/ChevronUp.js";import p from"./_svg/BookIcon.js";import{CitationLinkSparkleIcon as f}from"./_svg/CitationLinkSparkleIcon.js";var h=r.memo(function(t){var i=t.text,n=t.highlights;if(!n||0===n.length||!i)return o("span",{children:i});var r=n.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(r.join("|"),")"),"gi"),a=i.split(l);return o("span",{children:a.map(function(t,i){var r=n.some(function(e){return e.toLowerCase()===t.toLowerCase()});return o("span",r?e({style:{backgroundColor:"#fef08a",color:"#000"}},{children:t}):{children:t},i)})})}),x=r.memo(function(n){var r,l,a=n.citation,d=n.headerTitle,c=n.score,s=n.footerText,x=n.userPreferences,u=n.hasUserPreferences;return t("div",e({className:"citation-card-layout",style:{display:"flex",flexDirection:"column",gap:"8px",padding:"10px",height:"auto",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden",backgroundColor:"#fbfaff"}},{children:[c&&t("div",e({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.5px solid #c4b6fc",backgroundColor:"#FFF",padding:"4px 8px",fontSize:"12px",fontWeight:600,color:"#1E293B",gap:"4px",cursor:"pointer",width:"fit-content"}},{children:[o(f,{width:13,height:13}),t("span",{children:["Citation Relevance ",c,"%"]})]})),t("div",e({style:{flex:"1 1 auto",display:"flex",gap:u?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[t("div",e({style:{display:"flex",flexDirection:"column",flex:u?"1 1 170px":"1 1 100%",minWidth:u?"100px":"100%",width:u?"auto":"100%",border:"1px solid #E3E6EA",borderRadius:"8px"}},{children:[t("div",e({style:{display:"flex",alignItems:"center",gap:"4px",borderBottom:"1px solid #E5E7EB",backgroundColor:"#F7F8FA",padding:"12px",fontSize:"14px",fontWeight:"500",color:"#19213D",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[o(p,{})," ",d]})),o("div",e({className:"citation-markdown-wrapper",style:{flex:u?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"#fff",minWidth:"0"}},{children:o(i,{value:(null===(r=a.customMetaData)||void 0===r?void 0:r.content)||"",highlightedText:null===(l=a.customMetaData)||void 0===l?void 0:l.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),o("div",e({style:{display:"flex",backgroundColor:"#ffffffff",padding:"12px",justifyContent:"flex-end",borderTop:"1px solid #E6DDFE",fontSize:"12px",fontStyle:"italic",color:"#666F8D",fontWeight:"400",textTransform:"capitalize",whiteSpace:"nowrap",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}},{children:s}))]})),u&&t("div",e({style:{flex:"1 1 170px",minWidth:"100px",display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E5E7EB",backgroundColor:"#fff",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"}},{children:[o("div",e({style:{backgroundColor:"#fff"}},{children:o("div",e({style:{padding:"12px",backgroundColor:"#F7F8FA",borderBottom:"1px solid #E5E7EB"}},{children:o("h3",e({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"#19213D"}},{children:"Your Preference"}))}))})),o("div",e({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:x.slice(0,3).map(function(i,n){return o("div",e({style:{fontSize:"13px",lineHeight:"1.5",color:"#374151"}},{children:t("div",e({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[t("div",e({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"#374151",flexShrink:0}},{children:[n+1,"."]})),t("div",e({style:{fontSize:"13px"}},{children:[o("span",{children:i.question}),o("span",e({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),o("br",{}),t("span",e({style:{fontWeight:"700",color:"#111827"}},{children:['"',o(h,{text:i.answer,highlights:i.highlighted_text}),'"']}))]}))]}))}),n)})}))]}))]})),o("style",{children:"\n            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n            .citation-markdown-wrapper hr { display: none; }\n            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; }\n          "})]}))}),u=function(i){var r,p,f,h,u=i.citation,m=i.linkTitle,g=i.isOpen,v=i.onToggle,b=i.fontSize,y=l(null),w=a(function(){v&&v()},[v]);d(function(){g&&y.current&&setTimeout(function(){var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[g]);var k=(null===(r=u.customMetaData)||void 0===r?void 0:r.citation_title)||"",C=(null===(p=u.customMetaData)||void 0===p?void 0:p.citation_relevance_score)||null,F="Referenced from ".concat(null===(f=u.customMetaData)||void 0===f?void 0:f.citation_reference)||"",S=(null===(h=u.customMetaData)||void 0===h?void 0:h.user_preference)||[],D=S.length>0;return t("span",e({className:"citation-container",ref:y,onClick:function(e){return e.stopPropagation()}},{children:[o(n,{inLineCitation:!0,citationTitle:m,citationComponent:o(x,{citation:u,headerTitle:k,score:C,footerText:F,userPreferences:S,hasUserPreferences:D}),chevronDownComponent:o(c,{}),chevronUpComponent:o(s,{}),additionalCallbackForPillButton:w,isOpen:g,onToggle:v,styles:{citationWrapper:{maxHeight:"none",overflow:"visible",display:"flex",justifyContent:"center",marginBottom:"4px"},pillButton:{fontFamily:'"Inter", sans-serif',background:"transparent",padding:"2px 6px",margin:0,fontSize:b?"".concat(b,"px"):"1rem",fontWeight:500,color:"rgb(109, 40, 217)",cursor:"pointer",whiteSpace:"nowrap",border:g?"1px solid #A78BFA":"none",borderRadius:"6px",marginBottom:"3px",display:"inline-flex",alignItems:"center",gap:"2px",verticalAlign:"middle"},citationContent:{backgroundColor:"#F5F3FF66",border:"1px solid #A78BFA",borderRadius:"6px",padding:"0rem",fontFamily:'"Inter", sans-serif',fontSize:"12px",textAlign:"justify",textJustify:"inter-word",hyphens:"auto",fontWeight:400,lineHeight:"140%",color:"#1e293b",boxShadow:"none",width:"100%",minHeight:"auto",height:"auto",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"}}}),o("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};export{u as default};
+import{__assign as e}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import{CitationRenderer as i}from"@e-llm-studio/citation";import n,{useRef as r,useCallback as l,useEffect as a}from"react";import d from"./_svg/ChevronDown.js";import c from"./_svg/ChevronUp.js";import s from"./_svg/BookIcon.js";import{CitationLinkSparkleIcon as p}from"./_svg/CitationLinkSparkleIcon.js";import f from"./MarkdownRenderer.js";var h=n.memo(function(t){var i=t.text,n=t.highlights;if(!n||0===n.length||!i)return o("span",{children:i});var r=n.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(r.join("|"),")"),"gi"),a=i.split(l);return o("span",{children:a.map(function(t,i){var r=n.some(function(e){return e.toLowerCase()===t.toLowerCase()});return o("span",r?e({style:{backgroundColor:"#fef08a",color:"#000"}},{children:t}):{children:t},i)})})}),x=n.memo(function(i){var n,r,l=i.citation,a=i.headerTitle,d=i.score,c=i.footerText,x=i.userPreferences,u=i.hasUserPreferences;return t("div",e({className:"citation-card-layout",style:{display:"flex",flexDirection:"column",gap:"8px",padding:"10px",height:"auto",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden",backgroundColor:"#fbfaff"}},{children:[d&&t("div",e({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.5px solid #c4b6fc",backgroundColor:"#FFF",padding:"4px 8px",fontSize:"12px",fontWeight:600,color:"#1E293B",gap:"4px",cursor:"pointer",width:"fit-content"}},{children:[o(p,{width:13,height:13}),t("span",{children:["Citation Relevance ",d,"%"]})]})),t("div",e({style:{flex:"1 1 auto",display:"flex",gap:u?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[t("div",e({style:{display:"flex",flexDirection:"column",flex:u?"1 1 170px":"1 1 100%",minWidth:u?"100px":"100%",width:u?"auto":"100%",border:"1px solid #E3E6EA",borderRadius:"8px"}},{children:[t("div",e({style:{display:"flex",alignItems:"center",gap:"4px",borderBottom:"1px solid #E5E7EB",backgroundColor:"#F7F8FA",padding:"12px",fontSize:"14px",fontWeight:"500",color:"#19213D",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[o(s,{})," ",a]})),o("div",e({className:"citation-markdown-wrapper",style:{flex:u?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"#fff",minWidth:"0"}},{children:o(f,{value:(null===(n=l.customMetaData)||void 0===n?void 0:n.content)||"",highlightedText:null===(r=l.customMetaData)||void 0===r?void 0:r.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),o("div",e({style:{display:"flex",backgroundColor:"#ffffffff",padding:"12px",justifyContent:"flex-end",borderTop:"1px solid #E6DDFE",fontSize:"12px",fontStyle:"italic",color:"#666F8D",fontWeight:"400",textTransform:"capitalize",whiteSpace:"nowrap",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}},{children:c}))]})),u&&t("div",e({style:{flex:"1 1 170px",minWidth:"100px",display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E5E7EB",backgroundColor:"#fff",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"}},{children:[o("div",e({style:{backgroundColor:"#fff"}},{children:o("div",e({style:{padding:"12px",backgroundColor:"#F7F8FA",borderBottom:"1px solid #E5E7EB"}},{children:o("h3",e({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"#19213D"}},{children:"Your Preference"}))}))})),o("div",e({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:x.slice(0,3).map(function(i,n){return o("div",e({style:{fontSize:"13px",lineHeight:"1.5",color:"#374151"}},{children:t("div",e({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[t("div",e({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"#374151",flexShrink:0}},{children:[n+1,"."]})),t("div",e({style:{fontSize:"13px"}},{children:[o("span",{children:i.question}),o("span",e({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),o("br",{}),t("span",e({style:{fontWeight:"700",color:"#111827"}},{children:['"',o(h,{text:i.answer,highlights:i.highlighted_text}),'"']}))]}))]}))}),n)})}))]}))]})),o("style",{children:"\n            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n            .citation-markdown-wrapper hr { display: none; }\n            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; }\n          "})]}))}),u=function(n){var s,p,f,h,u=n.citation,m=n.linkTitle,g=n.isOpen,v=n.onToggle,b=n.fontSize,y=r(null),w=l(function(){v&&v()},[v]);a(function(){g&&y.current&&setTimeout(function(){var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[g]);var k=(null===(s=u.customMetaData)||void 0===s?void 0:s.citation_title)||"",C=(null===(p=u.customMetaData)||void 0===p?void 0:p.citation_relevance_score)||null,F="Referenced from ".concat(null===(f=u.customMetaData)||void 0===f?void 0:f.citation_reference)||"",S=(null===(h=u.customMetaData)||void 0===h?void 0:h.user_preference)||[],D=S.length>0;return t("span",e({className:"citation-container",ref:y,onClick:function(e){return e.stopPropagation()}},{children:[o(i,{inLineCitation:!0,citationTitle:m,citationComponent:o(x,{citation:u,headerTitle:k,score:C,footerText:F,userPreferences:S,hasUserPreferences:D}),chevronDownComponent:o(d,{}),chevronUpComponent:o(c,{}),additionalCallbackForPillButton:w,isOpen:g,onToggle:v,styles:{citationWrapper:{maxHeight:"none",overflow:"visible",display:"flex",justifyContent:"center",marginBottom:"4px"},pillButton:{fontFamily:'"Inter", sans-serif',background:"transparent",padding:"2px 6px",margin:0,fontSize:b?"".concat(b,"px"):"1rem",fontWeight:500,color:"rgb(109, 40, 217)",cursor:"pointer",whiteSpace:"nowrap",border:g?"1px solid #A78BFA":"none",borderRadius:"6px",marginBottom:"3px",display:"inline-flex",alignItems:"center",gap:"2px",verticalAlign:"middle"},citationContent:{backgroundColor:"#F5F3FF66",border:"1px solid #A78BFA",borderRadius:"6px",padding:"0rem",fontFamily:'"Inter", sans-serif',fontSize:"12px",textAlign:"justify",textJustify:"inter-word",hyphens:"auto",fontWeight:400,lineHeight:"140%",color:"#1e293b",boxShadow:"none",width:"100%",minHeight:"auto",height:"auto",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"}}}),o("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};export{u as default};
 //# sourceMappingURL=CitationLink.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.js

@@ -0,0 +1,2 @@
+import{__assign as e,__rest as t,__spreadArray as r}from"tslib";import{jsx as n,jsxs as i}from"react/jsx-runtime";import a,{useEffect as l}from"react";import o from"react-markdown";import u from"rehype-raw";import c from"remark-gfm";import{visit as p}from"unist-util-visit";import s from"./MarkdownRenderer.module.css.js";function d(){return function(e){p(e,"text",function(e,t,n){var i;if(n&&"string"==typeof e.value&&e.value.includes("✓")){for(var a=e.value.split("✓"),l=[],o=0;o<a.length;o++){var u=a[o];u&&l.push({type:"text",value:u}),o<a.length-1&&l.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[s.checkGreen]},children:[{type:"text",value:"✓"}]})}return(i=n.children).splice.apply(i,r([t,1],l,!1)),t+l.length}})}}function m(){return function(e){p(e,"element",function(e,t,r){if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}var f=function(e){var t;return"text"===(null==e?void 0:e.type)&&/^\s*$/.test(null!==(t=e.value)&&void 0!==t?t:"")};function v(){return function(e){p(e,"element",function(e){var t,r;if("details"===e.tagName&&"data-target"in(e.properties||{})){var n=e.children||[],i=0;"element"===(null===(t=n[0])||void 0===t?void 0:t.type)&&"summary"===(null===(r=n[0])||void 0===r?void 0:r.tagName)&&(i=1);var a=n.slice(i),l=a.filter(function(e){return!f(e)});if((1!==l.length||"element"!==l[0].type||!l[0].properties||!("data-popup"in l[0].properties)&&void 0===l[0].properties["data-popup"])&&!l.some(function(e){return"element"===(null==e?void 0:e.type)&&(null==e?void 0:e.properties)&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])})){var o={type:"element",tagName:"div",properties:{"data-popup":""},children:a};e.children=n.slice(0,i).concat([o])}}})}}function h(){return function(e){p(e,"element",function(e){var t,r;if("details"===e.tagName){var n=e.properties||{};if(!("data-inline"in n)&&!("data-target"in n)){var i=e.children||[],a=0;"element"===(null===(t=i[0])||void 0===t?void 0:t.type)&&"summary"===(null===(r=i[0])||void 0===r?void 0:r.tagName)&&(a=1);var l=i.slice(a),o=l.filter(function(e){return!f(e)});if((1!==o.length||"element"!==o[0].type||!o[0].properties||!("data-popup"in o[0].properties)&&void 0===o[0].properties["data-popup"])&&!o.some(function(e){return"element"===(null==e?void 0:e.type)&&(null==e?void 0:e.properties)&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])})){var u={type:"element",tagName:"div",properties:{"data-popup":""},children:l};e.children=i.slice(0,a).concat([u])}}}})}}var g=function(t,r,i){if(!r||!r.trim())return t;var a=new RegExp("(".concat(r.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),")"),"gi");return t.split(a).map(function(t,r){return a.test(t)?n("mark",e({className:s.customHighlight,id:"customHighlight",style:i},{children:t}),r):t})},y=function(r){var p=r.value,f=r.highlightedText,y=r.scrollTo,N=r.styles,k=void 0===N?{}:N,x=a.useRef(null),T=a.useRef(null);l(function(){if(f){var e=setTimeout(function(){if(T.current){var e=T.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:y||"center"})}},225);return function(){return clearTimeout(e)}}},[f,p]);return n("div",e({ref:x,className:s.containerWrapper,style:k.containerWrapper},{children:n("div",e({className:s.mainCard,style:k.mainCard},{children:n("div",e({ref:T,className:s.scrollArea,style:k.scrollArea},{children:n(o,e({remarkPlugins:[c],rehypePlugins:[u,m,d,v,h],components:{details:function(r){r.node;var a=t(r,["node"]),l=!!a["data-inline"],o=!!a["data-target"],u=s.detailsBlock,c=k.detailsBlock;return l&&(u=s.detailsInline,c=k.detailsInline),o&&(u=s.detailsTarget,c=k.detailsTarget),i("details",e({},a,{className:u,style:e(e({},c),a.style),onToggle:function(e){e.stopPropagation(),l&&function(e){var t=e.currentTarget,r=t.getAttribute("data-inline");if(r&&x.current){var n=x.current.querySelector('details[data-target="'.concat(r,'"]'));n&&(n.open=t.open)}}(e)}},{children:[o&&n("summary",{className:s.targetDummySummary,"aria-hidden":"true"}),a.children]}))},summary:function(r){r.node;var i=t(r,["node"]);return n("summary",e({className:s.summary,style:k.summary,onClick:function(e){return e.stopPropagation()}},i,{children:i.children}))},ul:function(t){return n("ul",e({className:s.list,style:k.list},t))},ol:function(t){return n("ol",e({className:s.list,style:k.list},t))},div:function(r){var i=r.node,a=t(r,["node"]),l=(null==i?void 0:i.properties)&&"data-popup"in i.properties;return n("div",e({},a,{className:l?s.popup:a.className,style:l?k.popup:a.style}))},span:function(r){var i,a=r.node,l=t(r,["node"]),o="true"===(null===(i=null==a?void 0:a.properties)||void 0===i?void 0:i["data-green-check"]);return n("span",o?e({},l,{style:k.checkGreen}):e({},l))},p:function(e){var t=e.children,r=Array.isArray(t)?t:[t];return n("p",{children:r.map(function(e,t){return"string"==typeof e?g(e,f,k.customHighlight):n(a.Fragment,{children:e},t)})})},li:function(t){var r=t.children;try{var i=null==r?[]:Array.isArray(r)?r:[r];return n("li",e({style:{marginBottom:"4px"}},{children:null==i?void 0:i.map(function(e,t){return"string"==typeof e?g(e,f,k.customHighlight):n(a.Fragment,{children:e},t)})}))}catch(e){return console.error("Error rendering <li>:",e),n("li",{children:r})}},code:function(r){var i=r.children,a=t(r,["children"]);return n("code",e({},a,{children:i.map(function(e){return"string"==typeof e?g(e,f,k.customHighlight):e})}))}}},{children:p}))}))}))}))};export{y as default};
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.js.map

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

package/dist/features/IL-OTJ/_components/MarkdownRenderer.module.css.js

@@ -0,0 +1,2 @@
+import e from"../../../node_modules/style-inject/dist/style-inject.es.js";var r={containerWrapper:"MarkdownRenderer-module_containerWrapper__XUtML",mainCard:"MarkdownRenderer-module_mainCard__BcSV-",scrollArea:"MarkdownRenderer-module_scrollArea__oTyxO",checkGreen:"MarkdownRenderer-module_checkGreen__fc8ex",list:"MarkdownRenderer-module_list__UqrN9",customHighlight:"MarkdownRenderer-module_customHighlight__KSBCr",detailsInline:"MarkdownRenderer-module_detailsInline__Lqlyi",detailsTarget:"MarkdownRenderer-module_detailsTarget__MQk1n",detailsBlock:"MarkdownRenderer-module_detailsBlock__iHvXn",summary:"MarkdownRenderer-module_summary__2-IHg",targetDummySummary:"MarkdownRenderer-module_targetDummySummary__1L590",popup:"MarkdownRenderer-module_popup__QuC1y"};e(".MarkdownRenderer-module_containerWrapper__XUtML{display:flex;gap:16px;height:42vh!important}.MarkdownRenderer-module_mainCard__BcSV-{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;flex:1;height:42vh;padding:20px}.MarkdownRenderer-module_scrollArea__oTyxO{height:100%;overflow-y:auto;padding-right:8px}.MarkdownRenderer-module_scrollArea__oTyxO h2{font-size:1.5em;font-weight:700}.MarkdownRenderer-module_scrollArea__oTyxO h3{font-size:1.17em;font-weight:700}.MarkdownRenderer-module_checkGreen__fc8ex{color:#16a34a!important;display:inline-block;font-weight:500;margin-right:4px;vertical-align:middle}.MarkdownRenderer-module_list__UqrN9{list-style-type:decimal;margin:4px 0;padding-left:20px}.MarkdownRenderer-module_customHighlight__KSBCr{background-color:#fef08a;border-radius:4px;color:#374151;padding:2px 4px}.MarkdownRenderer-module_detailsInline__Lqlyi{border-radius:8px;display:inline-block;margin:4px 0;position:relative;vertical-align:middle}.MarkdownRenderer-module_detailsInline__Lqlyi>:not(summary){display:none!important}.MarkdownRenderer-module_detailsTarget__MQk1n{display:block;margin:8px 0}.MarkdownRenderer-module_detailsBlock__iHvXn{border-radius:8px;margin:4px 0;position:relative;width:100%}.MarkdownRenderer-module_summary__2-IHg{align-items:center;color:#19213d;cursor:pointer;display:inline-flex;font-weight:500;gap:4px;padding:4px 0;user-select:none}.MarkdownRenderer-module_summary__2-IHg:hover{opacity:.9}.MarkdownRenderer-module_detailsBlock__iHvXn summary::-webkit-details-marker,.MarkdownRenderer-module_detailsInline__Lqlyi summary::-webkit-details-marker,.MarkdownRenderer-module_detailsTarget__MQk1n summary::-webkit-details-marker{display:none}.MarkdownRenderer-module_targetDummySummary__1L590{display:none!important}.MarkdownRenderer-module_popup__QuC1y{background:#6d28d91a;border:1px solid #6d28d9;border-radius:10px;box-shadow:0 8px 24px #0000000f;color:#6d28d9;display:block;font-size:12px;line-height:1.35;margin-top:6px;padding:12px;transition:opacity .2s ease,transform .2s ease}.MarkdownRenderer-module_detailsTarget__MQk1n .MarkdownRenderer-module_popup__QuC1y{opacity:0;transform:translateY(-4px)}.MarkdownRenderer-module_detailsTarget__MQk1n[open] .MarkdownRenderer-module_popup__QuC1y{opacity:1;transform:translateY(0)}.MarkdownRenderer-module_popup__QuC1y .MarkdownRenderer-module_popup__QuC1y{background:#0000!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}");export{r as default};
+//# sourceMappingURL=MarkdownRenderer.module.css.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.module.css.js.map

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

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"@viswa-test/test-citation";var g=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}))]}))}))]}))},u=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(g,{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,badgeStyleOverride:u}},"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,badgeStyleOverride:u}},"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