@e-llm-studio/instant-learning 1.3.0-alpha.105 → 1.3.0-alpha.107

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

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