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

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

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

Files changed (1994) hide show

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

@@ -1,2 +1,963 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),n=require("react/jsx-runtime"),e=require("react"),t=require("../../InputDataReasoningCard.js"),o=require("../../organisms/ConditionSection/ConditionSection.js"),l=require("../../organisms/ConfigSection/ConfigSection.js"),r=require("../../organisms/ScopeSection/ScopeSection.js"),a=require("../../organisms/TextSection/TextSection.js"),d=require("../../AccordianSection.js"),s=require("../../_svg/ButtonCognitiveIcon.js"),u=require("../../_svg/EditPencilIcon.js"),c=require("lucide-react"),p=require("../../../../LearningManagement/store/useLearningTemplateStore.js"),v=require("../../hooks/useVariantEditSession.js");function f(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var g=f(e),h=function(e){var t=e.children,o=e.onAddVariant,l=e.isDisabled,r=e.showAddVariantBtn,a=void 0===r||r,d=e.showConnectorLines,s=void 0===d||d,u=g.default.Children.toArray(t);return n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",minWidth:0,maxWidth:"100%",boxSizing:"border-box"}},{children:[u.map(function(i,e){var t=e===u.length-1,o=s&&(!t||a);return n.jsxs(g.default.Fragment,{children:[i,o&&n.jsx("div",{style:{width:"2px",height:"20px",backgroundColor:"var(--il-border, #e2e8f0)",marginLeft:"30px"}})]},e)}),a&&n.jsx("div",i.__assign({onClick:l?void 0:o,style:{padding:"8px 16px",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",color:l?"var(--il-disabled, #94A3B8)":"var(--il-secondary-fg, #475569)",fontSize:"14px",fontWeight:"500",cursor:l?"not-allowed":"pointer",backgroundColor:l?"var(--il-surface-alt, #f8fafc)":"var(--il-surface, #ffffff)",opacity:l?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))};exports.CreateRule=function(f){var x,y,m,_,T,C,b,S,A,I,E,D,j,w=f.state,O=f.handlers,V=f.uiState,R=p.useLearningTemplateStore(function(i){return i.backwardCompatibility}),B=(null==V?void 0:V.highlights)||new Map,P=B.get("global_0")||{},W=e.useState({}),N=W[0],k=W[1],L=e.useState(null),z=L[0],q=L[1],M=e.useState(function(){var i,n,e;if((null==V?void 0:V.defaultTierOpen)>=0&&(null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i[V.defaultTierOpen]))return V.tierOptions[V.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e[0];return t?t.toLowerCase().replace(/ /g,"_"):null});M[0];var F=M[1],J="rule-setup"===(null==V?void 0:V.activeEditId),H=g.default.useRef(new Map),K=v.useVariantEditSession(V,function(n){var e,t;return{ruleDescription:(null==n?void 0:n.ruleDescription)||"",instructionPrompt:null!==(t=null!==(e=null==n?void 0:n.instructionPrompt)&&void 0!==e?e:null==V?void 0:V.instructionPrompt)&&void 0!==t?t:"",whenToApplyConditions:((null==n?void 0:n.whenToApplyConditions)||[]).map(function(n){return i.__assign({},n)}),whenNotToApplyConditions:((null==n?void 0:n.whenNotToApplyConditions)||[]).map(function(n){return i.__assign({},n)})}},function(i){var n;void 0!==i.instructionPrompt&&(null===(n=null==V?void 0:V.setInstructionPrompt)||void 0===n||n.call(V,i.instructionPrompt))}),$=K.variantEdit,U=K.pendingVariantId,Z=K.handleStartVariantEdit,G=K.handleCancelVariantEdit,Q=K.patchVariantDraft,X=K.editDraftCondition,Y=K.removeDraftCondition,ii=K.addDraftCondition,ni=K.handleSaveVariantEdit,ei=e.useState(null),ti=ei[0],oi=ei[1],li=e.useState(null),ri=li[0],ai=li[1],di=e.useState(!1),si=di[0],ui=di[1],ci=g.default.useRef(null==V?void 0:V.isAiStreaming);e.useEffect(function(){ci.current&&!(null==V?void 0:V.isAiStreaming)&&si&&ui(!1),ci.current=null==V?void 0:V.isAiStreaming},[null==V?void 0:V.isAiStreaming,si]);var pi=function(){var n,e;(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId||(null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,"rule-setup"),oi(null!==(e=w.ruleTitle)&&void 0!==e?e:""),ai(w.scopeData?i.__assign({},w.scopeData):{}))},vi=function(){var i;oi(null),ai(null),null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null)},fi=function(){var i,n,e=null!=ti?ti:w.ruleTitle,t=null!=ri?ri:w.scopeData,o=e!==w.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(w.scopeData);if(!o&&!l)return oi(null),ai(null),void(null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null));if(null==V?void 0:V.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==e?void 0:e.trim())?"with ".concat(e):"cleared"),l){var d=null==t?void 0:t.tiers,s=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(s)}var u=a.join(" and "),c=(null==V?void 0:V.ruleTitle)||"Rule Setup";V.setSendMessageInChat("__SKELETON__:".concat(r,":Update ").concat(c," ").concat(u))}ui(!0),oi(null),ai(null),null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,null)},gi=null!==ti?null==ti?void 0:ti.trim():(w.ruleTitle||"").trim(),hi=null!=ri?ri:w.scopeData,xi=gi!==(w.ruleTitle||"").trim(),yi=JSON.stringify(hi)!==JSON.stringify(w.scopeData),mi=""===gi,_i=!xi&&!yi||mi,Ti=g.default.useRef(null==V?void 0:V.defaultVariantOpen),Ci=g.default.useRef(null==V?void 0:V.activeVariantAccordionIndex),bi=g.default.useRef(null==V?void 0:V.defaultTierOpen),Si=g.default.useRef(null===(x=w.scopeData)||void 0===x?void 0:x.tiers),Ai=g.default.useRef(w.variantsByTier);g.default.useEffect(function(){var i,n,e,t,o,l,r=null,a=!1;Ti.current!==(null==V?void 0:V.defaultVariantOpen)&&(a=!0,Ti.current=null==V?void 0:V.defaultVariantOpen),Ci.current!==(null==V?void 0:V.activeVariantAccordionIndex)&&(a=!0,Ci.current=null==V?void 0:V.activeVariantAccordionIndex),bi.current!==(null==V?void 0:V.defaultTierOpen)&&(a=!0,bi.current=null==V?void 0:V.defaultTierOpen);var d=(null===(i=w.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(Si.current)!==JSON.stringify(d)&&(a=!0,Si.current=d,d.length>0&&F(d[0].toLowerCase().replace(/ /g,"_")));var s=(null===(n=null==V?void 0:V.tierOptions)||void 0===n?void 0:n.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||[],u=s.some(function(i){var n,e,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(e=null===(n=Ai.current)||void 0===n?void 0:n[l])||void 0===e?void 0:e.length)||0)!==((null===(o=null===(t=w.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var c=null!==(e=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==e?e:null==V?void 0:V.defaultVariantOpen;if(null==c||c<0)return q(null),void(Ai.current=w.variantsByTier);s.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[];o[c]&&(r="".concat(t,"-variant-").concat(c)),null!=(null==V?void 0:V.autoScrollVariantIndex)&&o[V.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(V.autoScrollVariantIndex))}}),r&&q(r)}if(null===z){var p=null!==(t=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==t?t:null==V?void 0:V.defaultVariantOpen;null!=p&&p>=0&&(null===(l=null===(o=null==V?void 0:V.tierOptions)||void 0===o?void 0:o.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===l||l.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[])[p]&&q("".concat(t,"-variant-").concat(p))}}))}Ai.current=w.variantsByTier},[w.variantsByTier,null==V?void 0:V.defaultVariantOpen,null==V?void 0:V.activeVariantAccordionIndex,null===(y=w.scopeData)||void 0===y?void 0:y.tiers,null==V?void 0:V.tierOptions,null==V?void 0:V.autoScrollVariantIndex,null==V?void 0:V.defaultTierOpen]);var Ii=function(n){k(function(e){var t;return i.__assign(i.__assign({},e),((t={})[n]=!e[n],t))})},Ei=function(i){var n,e,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(n=w.fieldCitations)||void 0===n?void 0:n[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(e=w.fieldCitations)||void 0===e?void 0:e[i];return Array.isArray(d)&&d.length>0?d:null!==(t=w.citations)&&void 0!==t?t:[]},Di={marginTop:"-17px",position:"relative",zIndex:1};e.useEffect(function(){var i,n;null!=(null==V?void 0:V.autoScrollVariantIndex)&&v.hasMeaningfulText(w.ruleTitle)&&(null===(n=null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===n||n.forEach(function(i){var n=i.toLowerCase().replace(/ /g,"_"),e="".concat(n,"-variant-").concat(V.autoScrollVariantIndex),t=H.current.get(e);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==V?void 0:V.scrollTrigger,w.ruleTitle]),console.log("CreateRule state:",w),console.log("CreateRule uiState:",V);var ji=!!(null==V?void 0:V.activeEditId),wi=J&&null!==ti?ti:w.ruleTitle,Oi=ji&&"rule-setup"!==(null==V?void 0:V.activeEditId);return n.jsxs("div",i.__assign({className:"traffic-manager-template"},{children:[n.jsx("div",i.__assign({"data-edit-id":"rule-setup"},{children:n.jsx(d.default,i.__assign({title:{type:"other",label:(null==V?void 0:V.setupLabel)||"Rule Setup"},actionButtons:R?function(e,t){if(J)return null;var o=!!(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId;return n.jsx("div",i.__assign({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:n.jsx("button",i.__assign({title:o?"Save active edits first":"Edit",onClick:function(i){i.stopPropagation(),o?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:si?"not-allowed":"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",opacity:si?.5:1}},{children:si?"Validating...":R?n.jsx(c.Pencil,{size:14}):n.jsx(u.EditPencilIcon,{size:12})}))}))}:function(e,t){if(J){var o={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"6px",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500};return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),fi()},disabled:_i||si,style:i.__assign(i.__assign({},o),{backgroundColor:si?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",cursor:_i||si?"not-allowed":"pointer",opacity:_i?.5:1,border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:si?"Validating...":"Save"})),!si&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),vi()},style:i.__assign(i.__assign({},o),{backgroundColor:"var(--il-surface, #ffffff)",cursor:"pointer",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:"Cancel"}))]}))}return n.jsx("button",i.__assign({title:Oi?"Save active edits first":mi?"Add":"Edit",onClick:function(i){i.stopPropagation(),Oi?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px ",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:si&&(null==V?void 0:V.isAiStreaming)?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:si?"not-allowed":"pointer",opacity:si?.5:1}},{children:si?"Validating...":n.jsxs(n.Fragment,{children:[n.jsx(u.EditPencilIcon,{size:12}),mi?"Add":"Edit"]})}))},footerData:{ruleTitle:w.ruleTitle,stations:[w.scopeData.station],tiers:null===(m=w.scopeData)||void 0===m?void 0:m.tiers},defaultOpen:"Create"===(null==V?void 0:V.usedFor),readOnly:"Create"!==(null==V?void 0:V.usedFor),isAiStreaming:null==V?void 0:V.isAiStreaming,editFlow:R&&"Edit"===(null==V?void 0:V.usedFor),showAccentBorder:mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[R&&si&&(null==V?void 0:V.isAiStreaming)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",color:"var(--il-foreground, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[n.jsx(c.Loader2Icon,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),R?n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ii("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(_=V.validationErrors)||void 0===_?void 0:_.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ei("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}):n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",subtitle:null==V?void 0:V.ruleTitleInformation,rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ii("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ei("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}),(null===(C=null==V?void 0:V.tierOptions)||void 0===C?void 0:C.length)>1&&n.jsx(r.ScopeSection,i.__assign({id:"scope",title:"",required:!1,scopeData:J&&null!==ri?ri:w.scopeData,onScopeChange:function(n,e){J?ai(function(t){var o;return i.__assign(i.__assign({},null!=t?t:w.scopeData),((o={})[n]=e,o))}):O.onScopeChange(n,e)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:P,isOpen:N.scopeData,onToggle:function(){return Ii("scopeData")},showCognitiveIcon:w.citation.scopeData,cognitiveIcon:n.jsx(s.ButtonCognitiveIcon,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(b=V.validationErrors)||void 0===b?void 0:b.station)||(null===(S=V.validationErrors)||void 0===S?void 0:S.tiers),stationErrorMessage:null===(A=V.validationErrors)||void 0===A?void 0:A.station,tierErrorMessage:null===(I=V.validationErrors)||void 0===I?void 0:I.tiers,readOnly:(null==V?void 0:V.isAiStreaming)||!J},V)),w.citation.scopeData&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.scopeData,citation:w.citation.scopeData,citations:Ei("scopeData"),fieldName:"Scope",fieldValue:null===(D=null===(E=w.scopeData)||void 0===E?void 0:E.tiers)||void 0===D?void 0:D.join(", ")})})),J?n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[R&&n.jsxs("div",i.__assign({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[n.jsx("button",i.__assign({onClick:vi,style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),n.jsxs("button",i.__assign({onClick:fi,disabled:_i,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",cursor:_i?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:_i?.5:1}},{children:[n.jsx(c.Check,{size:18,strokeWidth:2.5,color:"var(--il-primary-fg, #ffffff)"}),"Save Changes"]}))]})),"rule-setup"===(null==V?void 0:V.pendingEditId)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==V?void 0:V.tierOptions)||0===V.tierOptions.length)&&n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"var(--il-surface-alt, #f8fafc)",border:"1px dashed var(--il-border, #E2E8F0)",borderRadius:"12px",color:"var(--il-disabled, #94A3B8)"}},{children:[n.jsx(c.AlertTriangle,{size:20,style:{color:"var(--il-disabled, #94A3B8)"}}),n.jsx("span",i.__assign({style:{fontSize:"13px",fontWeight:500,color:"var(--il-muted, #64748B)"}},{children:"No tiers found"}))]})),null===(j=null==V?void 0:V.tierOptions)||void 0===j?void 0:j.map(function(r,s){var p,f,x,y,m,_,T,C=r.toLowerCase().replace(/ /g,"_"),b=(null===(p=w.variantsByTier)||void 0===p?void 0:p[C])||[],S=null===(x=null===(f=w.scopeData)||void 0===f?void 0:f.tiers)||void 0===x?void 0:x.includes(r),A=b.length,I=!1;if(1===A){var E=b[0],D=!(null===(y=null==E?void 0:E.ruleDescription)||void 0===y?void 0:y.trim()),j=(null===(m=null==E?void 0:E.whenToApplyConditions)||void 0===m?void 0:m.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,P=(null===(_=null==E?void 0:E.whenNotToApplyConditions)||void 0===_?void 0:_.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!D||j||P||(I=!0)}var W=I?void 0:"".concat(A," ").concat(1===A?"variant":"variants"," configured for this tier"),k=n.jsx(h,i.__assign({onAddVariant:function(){var i;return null===(i=O.addNewVariant)||void 0===i?void 0:i.call(O,C)},isDisabled:!S||(null==V?void 0:V.isAiStreaming),showAddVariantBtn:R&&"Edit"!==(null==V?void 0:V.usedFor)},{children:b.map(function(r,s){var p,f,g,h,x,y,m,_,T,b,A,I=r.variantType||"default",E="".concat(C,"-variant-").concat(s),D=!0===r.is_variant,j="default"===I||"default_variant"===I,P="".concat(C,"_").concat(s),W=B.get(P)||{},k=(null===(f=null===(p=V.separationItemsByTier)||void 0===p?void 0:p[C])||void 0===f?void 0:f.get(s))||[],L=(null===(h=null===(g=V.togglesByTier)||void 0===g?void 0:g[C])||void 0===h?void 0:h.get(s))||[],M=null===(x=null==V?void 0:V.activeEditId)||void 0===x?void 0:x.startsWith("condition-wta-".concat(C,"-").concat(s)),F=null===(y=null==V?void 0:V.activeEditId)||void 0===y?void 0:y.startsWith("condition-wnta-".concat(C,"-").concat(s)),J=!S||r.isReadOnly||(null==V?void 0:V.isAiStreaming),K=j?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"}(I):"".concat((null==V?void 0:V.variantPillLabel)||"Variant"," ").concat(s+1),ei="variant-".concat(C,"-").concat(s),ti=!R&&(null==$?void 0:$.id)===ei,oi=U===ei,li=ti?$.draft:null,ri=J||oi,ai=li?li.ruleDescription:r.ruleDescription||"",di=li?li.instructionPrompt:null!==(m=r.instructionPrompt)&&void 0!==m?m:V.instructionPrompt,si=li?li.whenToApplyConditions:r.whenToApplyConditions||[],ui=li?li.whenNotToApplyConditions:r.whenNotToApplyConditions||[],ci=!li||!v.hasMeaningfulText(li.ruleDescription)||!li.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)});return n.jsx("div",i.__assign({ref:function(i){i?H.current.set(E,i):H.current.delete(E)},style:{width:"100%",opacity:S?1:.7},"data-edit-id":R?void 0:ei},{children:n.jsx(d.default,i.__assign({title:{type:j?"default":"variant",label:K,number:s+1,isNewVariant:D,isDefault:r.isDefault,isModified:r.isModified},defaultOpen:!0,expanded:z===E,onToggle:function(){var i,n=z===E;q(n?null:E),null===(i=null==V?void 0:V.setActiveVariantAccordionIndex)||void 0===i||i.call(V,n?null:s)},variant:"rule-behavior",footerData:{ruleTitle:I,description:r.ruleDescription||""},readOnly:J,actionButtons:R?void 0:function(e,t){if(R)return null;if(J&&!ti&&!oi)return null;if(ti||oi)return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),ni()},disabled:ci||oi,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:oi?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:ci||oi?"not-allowed":"pointer",opacity:ci?.5:1}},{children:oi?"Validating...":"Save"})),!oi&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),G()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]}));var o=!(v.hasMeaningfulText(r.ruleDescription)||r.whenToApplyConditions&&r.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)})||r.whenNotToApplyConditions&&r.whenNotToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)}));return n.jsxs("button",i.__assign({title:ri?"Editing unavailable":o?"Add":"Edit",onClick:function(i){i.stopPropagation(),Z(r,C,s,K),e||t()},disabled:ri,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:ri?"not-allowed":"pointer",opacity:ri?.5:1,gap:"6px"}},{children:[n.jsx(u.EditPencilIcon,{size:12})," ",o?"Add":"Edit"]}))},isAiStreaming:null==V?void 0:V.isAiStreaming,alwaysShowActions:!R,showAccentBorder:!mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[n.jsx(a.TextSection,i.__assign({id:"rule-description-".concat(C,"-").concat(s),title:V.ruleDescriptionTitle||"Rule Description",subtitle:null==V?void 0:V.ruleDescriptionInformation,rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:R?J||ji&&(null==V?void 0:V.activeEditId)!=="rule-description-".concat(C,"-").concat(s):J||!ti,value:ai,onChange:function(i){return R?O.setRuleDescription(C,s,i):Q({ruleDescription:i})},isOpen:N["ruleDescription-".concat(C)],onToggle:function(){return Ii("ruleDescription-".concat(C))},isHighlighted:W.ruleDescription||!1,showCognitiveIcon:null===(_=w.citation)||void 0===_?void 0:_["ruleDescription_".concat(C)],tooltipDescription:"Why this Description?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T["ruleDescription-".concat(C,"-").concat(s)],enableInlineEdit:R,setSendMessageInChat:null==V?void 0:V.setSendMessageInChat,isAiStreaming:null==V?void 0:V.isAiStreaming,fieldName:"Rule Description"},V)),(null===(b=w.citation)||void 0===b?void 0:b["ruleDescription_".concat(C)])&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N["ruleDescription-".concat(C)],citation:w.citation["ruleDescription_".concat(C)],citations:Ei("ruleDescription_".concat(C,"_").concat(s)),fieldName:"Rule Description",fieldValue:r.ruleDescription})})),n.jsx(o.ConditionSection,i.__assign({id:"when-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wta",title:V.whenToApplyTitle||"When to apply",subtitle:null==V?void 0:V.wtaInformation,required:!0,dividerRequired:!0,readOnly:R?J||ji&&!M:J,hideEditControls:!R,parentEditing:ti,conditions:si,onAdd:function(){return R?O.addWhenToApply(C,s):ii("whenToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenToApply(i,n,e):Y("whenToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenToApply(i,n,e,t):X("whenToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ei("whenToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:V.isAiStreaming,errorMessage:(null===(A=V.validationErrors)||void 0===A?void 0:A["whenToApply-".concat(C,"-").concat(s)])||(null==V?void 0:V.conflictReason)},V)),n.jsx(o.ConditionSection,i.__assign({id:"when-not-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wnta",title:V.whenNotToApplyTitle||"When NOT to apply",subtitle:null==V?void 0:V.wntaInformation,required:!1,dividerRequired:!0,readOnly:R?J||ji&&!F:J,hideEditControls:!R,parentEditing:ti,conditions:ui,onAdd:function(){return R?O.addWhenNotToApply(C,s):ii("whenNotToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenNotToApply(i,n,e):Y("whenNotToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenNotToApply(i,n,e,t):X("whenNotToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wnta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ei("whenNotToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:V.isAiStreaming},V)),(null==V?void 0:V.LazyPromptEditor)&&n.jsx(e.Suspense,i.__assign({fallback:n.jsx("div",i.__assign({style:{padding:"12px",fontSize:"13px",color:"var(--il-muted, #64748B)"}},{children:"Loading editor..."}))},{children:n.jsx(V.LazyPromptEditor,{id:"instruction-prompt-".concat(C,"-").concat(s),title:V.instructionPromptTitle,description:null==V?void 0:V.promptDescriptionInformation,value:di,onChange:function(i){var n;return R?null===(n=V.setInstructionPrompt)||void 0===n?void 0:n.call(V,i):Q({instructionPrompt:i})},readOnly:R?J:J||!ti,hideEditControls:!R,parentEditing:ti,enableViewToggle:null==V?void 0:V.instructionPromptViewToggle,isAiStreaming:null==V?void 0:V.isAiStreaming,tierKey:C,variantIndex:s,uiState:V})})),(null==V?void 0:V.showConfiguration)&&n.jsx(l.ConfigSection,i.__assign({id:"config-".concat(C,"-").concat(s),title:V.configTitle||"Configuration",required:!1,highlights:W,bordered:!0,readOnly:J||ji&&(null==V?void 0:V.activeEditId)!=="config-".concat(C,"-").concat(s),onConfigChange:function(i,n){return O.onConfigChange(C,s,i,n)},separationItems:k,toggles:L,index:s},V)),!R&&ti&&(null==V?void 0:V.pendingEditId)===ei&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}),E)}),"".concat(C,"-variant-").concat(s))})}));return 1===(null===(T=null==V?void 0:V.tierOptions)||void 0===T?void 0:T.length)?n.jsx(g.default.Fragment,{children:k},"tier-".concat(s)):n.jsx(d.default,i.__assign({variant:"tier-header",title:{type:"other",label:r},subtitle:W,defaultOpen:!0,footerData:{description:"Variants for ".concat(r)}},{children:k}),"tier-".concat(s))})]}))},exports.VariantListWrapper=h;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var InputDataReasoningCard = require('../../InputDataReasoningCard.js');
+var AccordianSection = require('../../AccordianSection.js');
+var ButtonCognitiveIcon = require('../../_svg/ButtonCognitiveIcon.js');
+var EditPencilIcon = require('../../_svg/EditPencilIcon.js');
+var lucideReact = require('lucide-react');
+var useLearningTemplateStore = require('../../../../LearningManagement/store/useLearningTemplateStore.js');
+var useVariantEditSession = require('../../hooks/useVariantEditSession.js');
+var TextSection = require('../../organisms/TextSection/TextSection.js');
+var ScopeSection = require('../../organisms/ScopeSection/ScopeSection.js');
+var ConditionSection = require('../../organisms/ConditionSection/ConditionSection.js');
+var ConfigSection = require('../../organisms/ConfigSection/ConfigSection.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+const VariantListWrapper = ({ children, onAddVariant, isDisabled, showAddVariantBtn = true, showConnectorLines = true }) => {
+  const childrenArray = React__default["default"].Children.toArray(children);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", minWidth: 0, maxWidth: "100%", boxSizing: "border-box" }, children: [
+    childrenArray.map((child, index) => {
+      const isLastChild = index === childrenArray.length - 1;
+      const showConnectorLine = showConnectorLines && (!isLastChild || showAddVariantBtn);
+      return /* @__PURE__ */ jsxRuntime.jsxs(React__default["default"].Fragment, { children: [
+        child,
+        showConnectorLine && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          width: "2px",
+          height: "20px",
+          backgroundColor: "var(--il-border, #e2e8f0)",
+          marginLeft: "30px"
+        } })
+      ] }, index);
+    }),
+    showAddVariantBtn && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: isDisabled ? void 0 : onAddVariant,
+        style: {
+          padding: "8px 16px",
+          border: "1px solid var(--il-border, #E2E8F0)",
+          borderRadius: "8px",
+          color: isDisabled ? "var(--il-disabled, #94A3B8)" : "var(--il-secondary-fg, #475569)",
+          fontSize: "14px",
+          fontWeight: "500",
+          cursor: isDisabled ? "not-allowed" : "pointer",
+          backgroundColor: isDisabled ? "var(--il-surface-alt, #f8fafc)" : "var(--il-surface, #ffffff)",
+          opacity: isDisabled ? 0.7 : 1,
+          userSelect: "none",
+          transition: "all 0.2s ease"
+        },
+        children: "Add Variant"
+      }
+    )
+  ] });
+};
+const CreateRule = ({ state, handlers, uiState }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const backwardCompatibility = useLearningTemplateStore.useLearningTemplateStore((s) => s.backwardCompatibility);
+  const highlights = (uiState == null ? void 0 : uiState.highlights) || /* @__PURE__ */ new Map();
+  const setupHighlights = highlights.get("global_0") || {};
+  const [activeReasoning, setActiveReasoning] = React.useState({});
+  const [openAccordionId, setOpenAccordionId] = React.useState(null);
+  const [openTierKey, setOpenTierKey] = React.useState(() => {
+    var _a2, _b2, _c2;
+    if ((uiState == null ? void 0 : uiState.defaultTierOpen) >= 0 && ((_a2 = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _a2[uiState.defaultTierOpen])) {
+      return uiState.tierOptions[uiState.defaultTierOpen].toLowerCase().replace(/ /g, "_");
+    }
+    const initialSelectedTier = (_c2 = (_b2 = state.scopeData) == null ? void 0 : _b2.tiers) == null ? void 0 : _c2[0];
+    return initialSelectedTier ? initialSelectedTier.toLowerCase().replace(/ /g, "_") : null;
+  });
+  const isEditingSetup = (uiState == null ? void 0 : uiState.activeEditId) === "rule-setup";
+  const variantRef = React__default["default"].useRef(/* @__PURE__ */ new Map());
+  const buildVariantDraft = (item) => {
+    var _a2, _b2;
+    return {
+      ruleDescription: (item == null ? void 0 : item.ruleDescription) || "",
+      instructionPrompt: (_b2 = (_a2 = item == null ? void 0 : item.instructionPrompt) != null ? _a2 : uiState == null ? void 0 : uiState.instructionPrompt) != null ? _b2 : "",
+      whenToApplyConditions: ((item == null ? void 0 : item.whenToApplyConditions) || []).map((c) => ({ ...c })),
+      whenNotToApplyConditions: ((item == null ? void 0 : item.whenNotToApplyConditions) || []).map((c) => ({ ...c }))
+    };
+  };
+  const commitVariantEdit = (committed) => {
+    var _a2;
+    if (committed.instructionPrompt === void 0) return;
+    (_a2 = uiState == null ? void 0 : uiState.setInstructionPrompt) == null ? void 0 : _a2.call(uiState, committed.instructionPrompt);
+  };
+  const {
+    variantEdit,
+    pendingVariantId,
+    handleStartVariantEdit,
+    handleCancelVariantEdit,
+    patchVariantDraft,
+    editDraftCondition,
+    removeDraftCondition,
+    addDraftCondition,
+    handleSaveVariantEdit
+  } = useVariantEditSession.useVariantEditSession(uiState, buildVariantDraft, commitVariantEdit);
+  const [draftTitle, setDraftTitle] = React.useState(null);
+  const [draftScope, setDraftScope] = React.useState(null);
+  const [isSetupPending, setIsSetupPending] = React.useState(false);
+  const prevStreamingSetup = React__default["default"].useRef(uiState == null ? void 0 : uiState.isAiStreaming);
+  React.useEffect(() => {
+    const streamingFinished = prevStreamingSetup.current && !(uiState == null ? void 0 : uiState.isAiStreaming);
+    if (streamingFinished && isSetupPending) {
+      setIsSetupPending(false);
+    }
+    prevStreamingSetup.current = uiState == null ? void 0 : uiState.isAiStreaming;
+  }, [uiState == null ? void 0 : uiState.isAiStreaming, isSetupPending]);
+  const handleStartSetupEdit = () => {
+    var _a2, _b2;
+    if ((uiState == null ? void 0 : uiState.activeEditId) && uiState.activeEditId !== "rule-setup") return;
+    (_a2 = uiState == null ? void 0 : uiState.setActiveEditId) == null ? void 0 : _a2.call(uiState, "rule-setup");
+    setDraftTitle((_b2 = state.ruleTitle) != null ? _b2 : "");
+    setDraftScope(state.scopeData ? { ...state.scopeData } : {});
+  };
+  const handleCancelSetupEdit = () => {
+    var _a2;
+    setDraftTitle(null);
+    setDraftScope(null);
+    (_a2 = uiState == null ? void 0 : uiState.setActiveEditId) == null ? void 0 : _a2.call(uiState, null);
+  };
+  const handleSaveSetup = () => {
+    var _a2, _b2;
+    const currentDraftTitle2 = draftTitle != null ? draftTitle : state.ruleTitle;
+    const currentDraftScope2 = draftScope != null ? draftScope : state.scopeData;
+    const isTitleChanged2 = currentDraftTitle2 !== state.ruleTitle;
+    const isScopeChanged2 = JSON.stringify(currentDraftScope2) !== JSON.stringify(state.scopeData);
+    if (!isTitleChanged2 && !isScopeChanged2) {
+      setDraftTitle(null);
+      setDraftScope(null);
+      (_a2 = uiState == null ? void 0 : uiState.setActiveEditId) == null ? void 0 : _a2.call(uiState, null);
+      return;
+    }
+    if (uiState == null ? void 0 : uiState.setSendMessageInChat) {
+      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      let payloadParts = [];
+      if (isTitleChanged2) {
+        payloadParts.push((currentDraftTitle2 == null ? void 0 : currentDraftTitle2.trim()) ? `with ${currentDraftTitle2}` : `cleared`);
+      }
+      if (isScopeChanged2) {
+        const tiers = currentDraftScope2 == null ? void 0 : currentDraftScope2.tiers;
+        const scopeText = tiers && tiers.length > 0 ? `tiers: ${tiers.join(", ")}` : `No Tier Selected`;
+        payloadParts.push(scopeText);
+      }
+      const payload = payloadParts.join(" and ");
+      const setupSectionLabel = (uiState == null ? void 0 : uiState.ruleTitle) || "Rule Setup";
+      uiState.setSendMessageInChat(`__SKELETON__:${skId}:Update ${setupSectionLabel} ${payload}`);
+    }
+    setIsSetupPending(true);
+    setDraftTitle(null);
+    setDraftScope(null);
+    (_b2 = uiState == null ? void 0 : uiState.setActiveEditId) == null ? void 0 : _b2.call(uiState, null);
+  };
+  const currentDraftTitle = draftTitle !== null ? draftTitle == null ? void 0 : draftTitle.trim() : (state.ruleTitle || "").trim();
+  const currentDraftScope = draftScope != null ? draftScope : state.scopeData;
+  const isTitleChanged = currentDraftTitle !== (state.ruleTitle || "").trim();
+  const isScopeChanged = JSON.stringify(currentDraftScope) !== JSON.stringify(state.scopeData);
+  const isTitleEmpty = currentDraftTitle === "";
+  const isSaveChangesDisabled = !isTitleChanged && !isScopeChanged || isTitleEmpty;
+  const prevDefaultOpen = React__default["default"].useRef(uiState == null ? void 0 : uiState.defaultVariantOpen);
+  const prevActiveVariantAccordionIndex = React__default["default"].useRef(uiState == null ? void 0 : uiState.activeVariantAccordionIndex);
+  const prevDefaultTierOpen = React__default["default"].useRef(uiState == null ? void 0 : uiState.defaultTierOpen);
+  const prevTiers = React__default["default"].useRef((_a = state.scopeData) == null ? void 0 : _a.tiers);
+  const prevVariantsMap = React__default["default"].useRef(state.variantsByTier);
+  React__default["default"].useEffect(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    let targetId = null;
+    let shouldUpdate = false;
+    if (prevDefaultOpen.current !== (uiState == null ? void 0 : uiState.defaultVariantOpen)) {
+      shouldUpdate = true;
+      prevDefaultOpen.current = uiState == null ? void 0 : uiState.defaultVariantOpen;
+    }
+    if (prevActiveVariantAccordionIndex.current !== (uiState == null ? void 0 : uiState.activeVariantAccordionIndex)) {
+      shouldUpdate = true;
+      prevActiveVariantAccordionIndex.current = uiState == null ? void 0 : uiState.activeVariantAccordionIndex;
+    }
+    if (prevDefaultTierOpen.current !== (uiState == null ? void 0 : uiState.defaultTierOpen)) {
+      shouldUpdate = true;
+      prevDefaultTierOpen.current = uiState == null ? void 0 : uiState.defaultTierOpen;
+    }
+    const currentTiers = ((_a2 = state.scopeData) == null ? void 0 : _a2.tiers) || [];
+    if (JSON.stringify(prevTiers.current) !== JSON.stringify(currentTiers)) {
+      shouldUpdate = true;
+      prevTiers.current = currentTiers;
+      if (currentTiers.length > 0) {
+        setOpenTierKey(currentTiers[0].toLowerCase().replace(/ /g, "_"));
+      }
+    }
+    const selectedTiers = ((_b2 = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _b2.filter((tier) => {
+      var _a3, _b3;
+      return (_b3 = (_a3 = state.scopeData) == null ? void 0 : _a3.tiers) == null ? void 0 : _b3.includes(tier);
+    })) || [];
+    const hasVariantsChanged = selectedTiers.some((tier) => {
+      var _a3, _b3, _c3, _d3;
+      const tierKey = tier.toLowerCase().replace(/ /g, "_");
+      const prevLen = ((_b3 = (_a3 = prevVariantsMap.current) == null ? void 0 : _a3[tierKey]) == null ? void 0 : _b3.length) || 0;
+      const curLen = ((_d3 = (_c3 = state.variantsByTier) == null ? void 0 : _c3[tierKey]) == null ? void 0 : _d3.length) || 0;
+      return prevLen !== curLen;
+    });
+    if (hasVariantsChanged) {
+      shouldUpdate = true;
+    }
+    if (shouldUpdate) {
+      const targetIndex = (_c2 = uiState == null ? void 0 : uiState.activeVariantAccordionIndex) != null ? _c2 : uiState == null ? void 0 : uiState.defaultVariantOpen;
+      if (targetIndex == null || targetIndex < 0) {
+        setOpenAccordionId(null);
+        prevVariantsMap.current = state.variantsByTier;
+        return;
+      }
+      selectedTiers.forEach((tier, tierIndex) => {
+        var _a3;
+        if ((uiState == null ? void 0 : uiState.defaultTierOpen) >= 0 && tierIndex !== uiState.defaultTierOpen) {
+          return;
+        }
+        const tierKey = tier.toLowerCase().replace(/ /g, "_");
+        const variants = ((_a3 = state.variantsByTier) == null ? void 0 : _a3[tierKey]) || [];
+        if (variants[targetIndex]) {
+          targetId = `${tierKey}-variant-${targetIndex}`;
+        }
+        if ((uiState == null ? void 0 : uiState.autoScrollVariantIndex) != null && variants[uiState.autoScrollVariantIndex]) {
+          targetId = `${tierKey}-variant-${uiState.autoScrollVariantIndex}`;
+        }
+      });
+      if (targetId) setOpenAccordionId(targetId);
+    }
+    if (openAccordionId === null) {
+      const targetIndex = (_d2 = uiState == null ? void 0 : uiState.activeVariantAccordionIndex) != null ? _d2 : uiState == null ? void 0 : uiState.defaultVariantOpen;
+      if (targetIndex != null && targetIndex >= 0) {
+        (_f2 = (_e2 = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _e2.filter((tier) => {
+          var _a3, _b3;
+          return (_b3 = (_a3 = state.scopeData) == null ? void 0 : _a3.tiers) == null ? void 0 : _b3.includes(tier);
+        })) == null ? void 0 : _f2.forEach((tier, tierIndex) => {
+          var _a3;
+          if ((uiState == null ? void 0 : uiState.defaultTierOpen) >= 0 && tierIndex !== uiState.defaultTierOpen) return;
+          const tierKey = tier.toLowerCase().replace(/ /g, "_");
+          const variants = ((_a3 = state.variantsByTier) == null ? void 0 : _a3[tierKey]) || [];
+          if (variants[targetIndex]) {
+            setOpenAccordionId(`${tierKey}-variant-${targetIndex}`);
+          }
+        });
+      }
+    }
+    prevVariantsMap.current = state.variantsByTier;
+  }, [state.variantsByTier, uiState == null ? void 0 : uiState.defaultVariantOpen, uiState == null ? void 0 : uiState.activeVariantAccordionIndex, (_b = state.scopeData) == null ? void 0 : _b.tiers, uiState == null ? void 0 : uiState.tierOptions, uiState == null ? void 0 : uiState.autoScrollVariantIndex, uiState == null ? void 0 : uiState.defaultTierOpen]);
+  const toggleReasoning = (fieldId) => {
+    setActiveReasoning((prev) => ({ ...prev, [fieldId]: !prev[fieldId] }));
+  };
+  const getCitations = (fieldKey) => {
+    var _a2, _b2, _c2;
+    const parts = fieldKey.split("_");
+    const lastPart = parts[parts.length - 1];
+    const isIndexed = /^\d+$/.test(lastPart);
+    const tieredKey = isIndexed ? parts.slice(0, -1).join("_") : fieldKey;
+    const tieredMatch = (_a2 = state.fieldCitations) == null ? void 0 : _a2[tieredKey];
+    if (Array.isArray(tieredMatch) && tieredMatch.length > 0) return tieredMatch;
+    const exactMatch = (_b2 = state.fieldCitations) == null ? void 0 : _b2[fieldKey];
+    if (Array.isArray(exactMatch) && exactMatch.length > 0) return exactMatch;
+    return (_c2 = state.citations) != null ? _c2 : [];
+  };
+  const reasoningWrapperStyle = {
+    marginTop: "-17px",
+    position: "relative",
+    zIndex: 1
+  };
+  React.useEffect(() => {
+    var _a2, _b2;
+    if ((uiState == null ? void 0 : uiState.autoScrollVariantIndex) == null) return;
+    if (!useVariantEditSession.hasMeaningfulText(state.ruleTitle)) return;
+    (_b2 = (_a2 = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _a2.filter((tier) => {
+      var _a3, _b3;
+      return (_b3 = (_a3 = state.scopeData) == null ? void 0 : _a3.tiers) == null ? void 0 : _b3.includes(tier);
+    })) == null ? void 0 : _b2.forEach((tier) => {
+      const tierKey = tier.toLowerCase().replace(/ /g, "_");
+      const uniqueId = `${tierKey}-variant-${uiState.autoScrollVariantIndex}`;
+      const node = variantRef.current.get(uniqueId);
+      if (node) {
+        requestAnimationFrame(() => {
+          setTimeout(() => {
+            node.scrollIntoView({ behavior: "smooth", block: "center" });
+          }, 300);
+        });
+      }
+    });
+  }, [uiState == null ? void 0 : uiState.scrollTrigger, state.ruleTitle]);
+  console.log("CreateRule state:", state);
+  console.log("CreateRule uiState:", uiState);
+  const formatVariantLabel = (variantType) => {
+    if (!variantType) return "Variant 1";
+    return variantType.replace(/_/g, " ").replace(/([a-zA-Z])(\d)/g, "$1 $2").replace(/\b\w/g, (char) => char.toUpperCase());
+  };
+  const renderHeaderActions = (isOpen, onToggle) => {
+    if (isEditingSetup) return null;
+    const isOtherFieldEditing = !!(uiState == null ? void 0 : uiState.activeEditId) && uiState.activeEditId !== "rule-setup";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        title: isOtherFieldEditing ? "Save active edits first" : "Edit",
+        onClick: (e) => {
+          e.stopPropagation();
+          if (isOtherFieldEditing) {
+            if (uiState == null ? void 0 : uiState.setPendingEditId) uiState.setPendingEditId(uiState.activeEditId || null);
+          } else {
+            handleStartSetupEdit();
+            if (uiState == null ? void 0 : uiState.setPendingEditId) uiState.setPendingEditId(null);
+            if (!isOpen) onToggle();
+          }
+        },
+        disabled: isSetupPending,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px",
+          padding: "6px 8px",
+          border: "1px solid var(--il-border, #e5e7eb)",
+          borderRadius: "8px",
+          cursor: isSetupPending ? "not-allowed" : "pointer",
+          backgroundColor: "var(--il-surface, #ffffff)",
+          color: "var(--il-muted, #64748B)",
+          opacity: isSetupPending ? 0.5 : 1
+        },
+        children: isSetupPending ? "Validating..." : backwardCompatibility ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(EditPencilIcon.EditPencilIcon, { size: 12 })
+      }
+    ) });
+  };
+  const renderFormActions = () => {
+    if (!isEditingSetup) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
+      backwardCompatibility && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "16px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleCancelSetupEdit,
+            style: {
+              background: "none",
+              border: "none",
+              color: "var(--il-muted, #64748B)",
+              fontSize: "14px",
+              fontWeight: "500",
+              cursor: "pointer",
+              padding: "0"
+            },
+            children: "Discard Changes"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            onClick: handleSaveSetup,
+            disabled: isSaveChangesDisabled,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "8px 16px",
+              borderRadius: "12px",
+              border: "none",
+              backgroundColor: "var(--il-primary, #2563eb)",
+              color: "var(--il-primary-fg, #ffffff)",
+              fontSize: "14px",
+              fontWeight: "500",
+              cursor: isSaveChangesDisabled ? "not-allowed" : "pointer",
+              boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)",
+              opacity: isSaveChangesDisabled ? 0.5 : 1
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 18, strokeWidth: 2.5, color: "var(--il-primary-fg, #ffffff)" }),
+              "Save Changes"
+            ]
+          }
+        )
+      ] }),
+      (uiState == null ? void 0 : uiState.pendingEditId) === "rule-setup" && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginTop: "10px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 14, style: { color: "var(--il-warning, #C2410C)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--il-warning, #C2410C)", fontSize: "13px" }, children: "Pending - Changes not applied yet. Apply or discard them to continue." })
+      ] })
+    ] });
+  };
+  const isGlobalEditActive = !!(uiState == null ? void 0 : uiState.activeEditId);
+  const ruleTitleInformation = isEditingSetup && draftTitle !== null ? draftTitle : state.ruleTitle;
+  const isOtherFieldEditingSetup = isGlobalEditActive && (uiState == null ? void 0 : uiState.activeEditId) !== "rule-setup";
+  const renderGuidelineTitleHeaderActions = (isOpen, onToggle) => {
+    if (isEditingSetup) {
+      const ghostButtonStyle = {
+        display: "flex",
+        alignItems: "center",
+        gap: "6px",
+        padding: "6px 10px",
+        borderRadius: "6px",
+        border: "1px solid var(--il-border, #CBD5E1)",
+        color: "var(--il-primary, #2563EB)",
+        fontSize: "13px",
+        fontWeight: 500
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleSaveSetup();
+            },
+            disabled: isSaveChangesDisabled || isSetupPending,
+            style: {
+              ...ghostButtonStyle,
+              backgroundColor: isSetupPending ? "var(--il-primary-subtle, #f5f3ff)" : "var(--il-surface, #ffffff)",
+              cursor: isSaveChangesDisabled || isSetupPending ? "not-allowed" : "pointer",
+              opacity: isSaveChangesDisabled ? 0.5 : 1,
+              border: "1px solid var(--il-border, #CBD5E1)",
+              color: "var(--il-primary, #2563EB)"
+            },
+            children: isSetupPending ? "Validating..." : "Save"
+          }
+        ),
+        !isSetupPending && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleCancelSetupEdit();
+            },
+            style: {
+              ...ghostButtonStyle,
+              backgroundColor: "var(--il-surface, #ffffff)",
+              cursor: "pointer",
+              border: "1px solid var(--il-border, #CBD5E1)",
+              color: "var(--il-primary, #2563EB)"
+            },
+            children: "Cancel"
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        title: isOtherFieldEditingSetup ? "Save active edits first" : isTitleEmpty ? "Add" : "Edit",
+        onClick: (e) => {
+          e.stopPropagation();
+          if (isOtherFieldEditingSetup) {
+            if (uiState == null ? void 0 : uiState.setPendingEditId) uiState.setPendingEditId(uiState.activeEditId || null);
+          } else {
+            handleStartSetupEdit();
+            if (uiState == null ? void 0 : uiState.setPendingEditId) uiState.setPendingEditId(null);
+            if (!isOpen) onToggle();
+          }
+        },
+        disabled: isSetupPending,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "6px",
+          padding: "6px 10px ",
+          border: "1px solid var(--il-border, #CBD5E1)",
+          borderRadius: "6px",
+          backgroundColor: "var(--il-surface, #ffffff)",
+          color: isSetupPending && (uiState == null ? void 0 : uiState.isAiStreaming) ? "var(--il-primary, #2563EB)" : "var(--il-muted, #64748B)",
+          fontSize: "13px",
+          fontWeight: 500,
+          cursor: isSetupPending ? "not-allowed" : "pointer",
+          opacity: isSetupPending ? 0.5 : 1
+        },
+        children: isSetupPending ? "Validating..." : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(EditPencilIcon.EditPencilIcon, { size: 12 }),
+          isTitleEmpty ? "Add" : "Edit"
+        ] })
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "traffic-manager-template", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-edit-id": "rule-setup", children: /* @__PURE__ */ jsxRuntime.jsx(
+      AccordianSection["default"],
+      {
+        title: backwardCompatibility ? { type: "other", label: (uiState == null ? void 0 : uiState.setupLabel) || "Rule Setup" } : { type: "other", label: (uiState == null ? void 0 : uiState.setupLabel) || "Rule Setup" },
+        actionButtons: backwardCompatibility ? renderHeaderActions : renderGuidelineTitleHeaderActions,
+        footerData: {
+          ruleTitle: state.ruleTitle,
+          stations: [state.scopeData.station],
+          tiers: (_c = state.scopeData) == null ? void 0 : _c.tiers
+        },
+        defaultOpen: (uiState == null ? void 0 : uiState.usedFor) === "Create",
+        readOnly: (uiState == null ? void 0 : uiState.usedFor) !== "Create",
+        isAiStreaming: uiState == null ? void 0 : uiState.isAiStreaming,
+        editFlow: backwardCompatibility && (uiState == null ? void 0 : uiState.usedFor) === "Edit",
+        showAccentBorder: isTitleEmpty,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+          backwardCompatibility && isSetupPending && (uiState == null ? void 0 : uiState.isAiStreaming) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", color: "var(--il-foreground, #141414)", fontSize: "13px", fontWeight: 500, fontStyle: "italic", marginBottom: "8px", paddingLeft: "4px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { size: 16, style: { marginRight: 8, animation: "spin 1s linear infinite" } }, "loader"),
+            "Checking the correctness of your Rule Setup..."
+          ] }),
+          backwardCompatibility ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TextSection.TextSection,
+              {
+                id: "rule-title",
+                title: uiState.ruleTitle || "Rule Title",
+                rows: 1,
+                placeholder: "Enter a short, descriptive title for the learning",
+                required: true,
+                value: ruleTitleInformation,
+                onChange: (v) => isEditingSetup ? setDraftTitle(v) : handlers.setRuleTitle(v),
+                readOnly: (uiState == null ? void 0 : uiState.isAiStreaming) || !isEditingSetup,
+                isOpen: activeReasoning["ruleTitle"],
+                onToggle: () => toggleReasoning("ruleTitle"),
+                isHighlighted: setupHighlights.ruleTitle || false,
+                showCognitiveIcon: state.citation.ruleTitle,
+                tooltipDescription: "Why this Title?",
+                errorMessage: (_d = uiState.validationErrors) == null ? void 0 : _d["ruleTitle"],
+                ...uiState
+              }
+            ),
+            state.citation.ruleTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { style: reasoningWrapperStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+              InputDataReasoningCard.InputDataReasoningCard,
+              {
+                isVisible: activeReasoning["ruleTitle"],
+                citation: state.citation.ruleTitle,
+                citations: getCitations("ruleTitle"),
+                fieldName: "Rule Title",
+                fieldValue: state.ruleTitle
+              }
+            ) })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TextSection.TextSection,
+              {
+                id: "rule-title",
+                title: uiState.ruleTitle || "Rule Title",
+                subtitle: uiState == null ? void 0 : uiState.ruleTitleInformation,
+                rows: 1,
+                placeholder: "Enter a short, descriptive title for the learning",
+                required: true,
+                value: ruleTitleInformation,
+                onChange: (v) => isEditingSetup ? setDraftTitle(v) : handlers.setRuleTitle(v),
+                readOnly: (uiState == null ? void 0 : uiState.isAiStreaming) || !isEditingSetup,
+                isOpen: activeReasoning["ruleTitle"],
+                onToggle: () => toggleReasoning("ruleTitle"),
+                isHighlighted: setupHighlights.ruleTitle || false,
+                showCognitiveIcon: state.citation.ruleTitle,
+                tooltipDescription: "Why this Title?",
+                errorMessage: (_e = uiState.validationErrors) == null ? void 0 : _e["ruleTitle"],
+                ...uiState
+              }
+            ),
+            state.citation.ruleTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { style: reasoningWrapperStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+              InputDataReasoningCard.InputDataReasoningCard,
+              {
+                isVisible: activeReasoning["ruleTitle"],
+                citation: state.citation.ruleTitle,
+                citations: getCitations("ruleTitle"),
+                fieldName: "Rule Title",
+                fieldValue: state.ruleTitle
+              }
+            ) })
+          ] }),
+          ((_f = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _f.length) > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+            ScopeSection.ScopeSection,
+            {
+              id: "scope",
+              title: "",
+              required: false,
+              scopeData: isEditingSetup && draftScope !== null ? draftScope : state.scopeData,
+              onScopeChange: (field, val) => {
+                if (isEditingSetup) {
+                  setDraftScope((prev) => ({ ...prev != null ? prev : state.scopeData, [field]: val }));
+                } else {
+                  handlers.onScopeChange(field, val);
+                }
+              },
+              tierLabel: "Which tier are you configuring this learning for?",
+              stationLabel: "Which scope should this learning belong to?",
+              highlights: setupHighlights,
+              isOpen: activeReasoning["scopeData"],
+              onToggle: () => toggleReasoning("scopeData"),
+              showCognitiveIcon: state.citation.scopeData,
+              cognitiveIcon: /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, {}),
+              tooltipDescription: "Why this Scope?",
+              errorMessage: ((_g = uiState.validationErrors) == null ? void 0 : _g["station"]) || ((_h = uiState.validationErrors) == null ? void 0 : _h["tiers"]),
+              stationErrorMessage: (_i = uiState.validationErrors) == null ? void 0 : _i["station"],
+              tierErrorMessage: (_j = uiState.validationErrors) == null ? void 0 : _j["tiers"],
+              readOnly: (uiState == null ? void 0 : uiState.isAiStreaming) || !isEditingSetup,
+              ...uiState
+            }
+          ),
+          state.citation.scopeData && /* @__PURE__ */ jsxRuntime.jsx("div", { style: reasoningWrapperStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+            InputDataReasoningCard.InputDataReasoningCard,
+            {
+              isVisible: activeReasoning["scopeData"],
+              citation: state.citation.scopeData,
+              citations: getCitations("scopeData"),
+              fieldName: "Scope",
+              fieldValue: (_l = (_k = state.scopeData) == null ? void 0 : _k.tiers) == null ? void 0 : _l.join(", ")
+            }
+          ) }),
+          renderFormActions()
+        ] })
+      }
+    ) }),
+    (!(uiState == null ? void 0 : uiState.tierOptions) || uiState.tierOptions.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "8px",
+      padding: "32px 16px",
+      marginTop: "8px",
+      backgroundColor: "var(--il-surface-alt, #f8fafc)",
+      border: "1px dashed var(--il-border, #E2E8F0)",
+      borderRadius: "12px",
+      color: "var(--il-disabled, #94A3B8)"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 20, style: { color: "var(--il-disabled, #94A3B8)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--il-muted, #64748B)" }, children: "No tiers found" })
+    ] }),
+    (_m = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _m.map((tier, tierIndex) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+      const tierKey = tier.toLowerCase().replace(/ /g, "_");
+      const variantsForTier = ((_a2 = state.variantsByTier) == null ? void 0 : _a2[tierKey]) || [];
+      const isTierSelected = (_c2 = (_b2 = state.scopeData) == null ? void 0 : _b2.tiers) == null ? void 0 : _c2.includes(tier);
+      const variantCount = variantsForTier.length;
+      const hasOnlyDefaultVariant = variantCount === 1;
+      let shouldHideSubtitle = false;
+      if (hasOnlyDefaultVariant) {
+        const defaultVariant = variantsForTier[0];
+        const isRuleDescriptionEmpty = !((_d2 = defaultVariant == null ? void 0 : defaultVariant.ruleDescription) == null ? void 0 : _d2.trim());
+        const hasValidWhenToApply = ((_e2 = defaultVariant == null ? void 0 : defaultVariant.whenToApplyConditions) == null ? void 0 : _e2.some(
+          (cond) => (cond == null ? void 0 : cond.text) && cond.text.trim() !== ""
+        )) || false;
+        const hasValidWhenNotToApply = ((_f2 = defaultVariant == null ? void 0 : defaultVariant.whenNotToApplyConditions) == null ? void 0 : _f2.some(
+          (cond) => (cond == null ? void 0 : cond.text) && cond.text.trim() !== ""
+        )) || false;
+        if (isRuleDescriptionEmpty && !hasValidWhenToApply && !hasValidWhenNotToApply) {
+          shouldHideSubtitle = true;
+        }
+      }
+      const subtitleText = !shouldHideSubtitle ? `${variantCount} ${variantCount === 1 ? "variant" : "variants"} configured for this tier` : void 0;
+      const variantListContent = /* @__PURE__ */ jsxRuntime.jsx(
+        VariantListWrapper,
+        {
+          onAddVariant: () => {
+            var _a3;
+            return (_a3 = handlers.addNewVariant) == null ? void 0 : _a3.call(handlers, tierKey);
+          },
+          isDisabled: !isTierSelected || (uiState == null ? void 0 : uiState.isAiStreaming),
+          showAddVariantBtn: backwardCompatibility && (uiState == null ? void 0 : uiState.usedFor) !== "Edit",
+          children: variantsForTier.map((item, variantIndex) => {
+            var _a3, _b3, _c3, _d3, _e3, _f3, _g3, _h2, _i2, _j2, _k2;
+            const variantType = item.variantType || "default";
+            const uniqueId = `${tierKey}-variant-${variantIndex}`;
+            const isNewVariant = item.is_variant === true;
+            const isDefaultVariant = variantType === "default" || variantType === "default_variant";
+            const compositeKey = `${tierKey}_${variantIndex}`;
+            const variantHighlights = highlights.get(compositeKey) || {};
+            const separationItems = ((_b3 = (_a3 = uiState.separationItemsByTier) == null ? void 0 : _a3[tierKey]) == null ? void 0 : _b3.get(variantIndex)) || [];
+            const toggles = ((_d3 = (_c3 = uiState.togglesByTier) == null ? void 0 : _c3[tierKey]) == null ? void 0 : _d3.get(variantIndex)) || [];
+            const isThisConditionEditingWta = (_e3 = uiState == null ? void 0 : uiState.activeEditId) == null ? void 0 : _e3.startsWith(`condition-wta-${tierKey}-${variantIndex}`);
+            const isThisConditionEditingWnta = (_f3 = uiState == null ? void 0 : uiState.activeEditId) == null ? void 0 : _f3.startsWith(`condition-wnta-${tierKey}-${variantIndex}`);
+            const isEffectivelyReadOnly = !isTierSelected || item.isReadOnly || (uiState == null ? void 0 : uiState.isAiStreaming);
+            const variantLabel = isDefaultVariant ? formatVariantLabel(variantType) : `${(uiState == null ? void 0 : uiState.variantPillLabel) || "Variant"} ${variantIndex + 1}`;
+            const variantEditId = `variant-${tierKey}-${variantIndex}`;
+            const isThisVariantEditing = !backwardCompatibility && (variantEdit == null ? void 0 : variantEdit.id) === variantEditId;
+            const isThisVariantPending = pendingVariantId === variantEditId;
+            const draft = isThisVariantEditing ? variantEdit.draft : null;
+            const isVariantEditDisabled = isEffectivelyReadOnly || isThisVariantPending;
+            const shownDescription = draft ? draft.ruleDescription : item.ruleDescription || "";
+            const shownPrompt = draft ? draft.instructionPrompt : (_g3 = item.instructionPrompt) != null ? _g3 : uiState.instructionPrompt;
+            const shownWta = draft ? draft.whenToApplyConditions : item.whenToApplyConditions || [];
+            const shownWnta = draft ? draft.whenNotToApplyConditions : item.whenNotToApplyConditions || [];
+            const isVariantSaveDisabled = !draft || !useVariantEditSession.hasMeaningfulText(draft.ruleDescription) || !draft.whenToApplyConditions.some((c) => useVariantEditSession.hasMeaningfulText(c.text));
+            const renderVariantHeaderActions = (isOpen, onToggle) => {
+              if (backwardCompatibility) return null;
+              if (isEffectivelyReadOnly && !isThisVariantEditing && !isThisVariantPending) return null;
+              if (isThisVariantEditing || isThisVariantPending) {
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleSaveVariantEdit();
+                      },
+                      disabled: isVariantSaveDisabled || isThisVariantPending,
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "6px",
+                        padding: "6px 10.5px",
+                        borderRadius: "6px",
+                        border: "1px solid var(--il-primary, #D9D6FE)",
+                        backgroundColor: isThisVariantPending ? "var(--il-primary-subtle, #f5f3ff)" : "var(--il-surface, #ffffff)",
+                        color: "var(--il-primary, #2563EB)",
+                        fontSize: "13px",
+                        fontWeight: 500,
+                        cursor: isVariantSaveDisabled || isThisVariantPending ? "not-allowed" : "pointer",
+                        opacity: isVariantSaveDisabled ? 0.5 : 1
+                      },
+                      children: isThisVariantPending ? "Validating..." : "Save"
+                    }
+                  ),
+                  !isThisVariantPending && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleCancelVariantEdit();
+                      },
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "6px",
+                        padding: "6px 10.5px",
+                        borderRadius: "6px",
+                        border: "1px solid var(--il-primary, #D9D6FE)",
+                        backgroundColor: "var(--il-surface, #ffffff)",
+                        color: "var(--il-primary, #2563EB)",
+                        fontSize: "13px",
+                        fontWeight: 500,
+                        cursor: "pointer"
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] });
+              }
+              const isVariantEmpty = !useVariantEditSession.hasMeaningfulText(item.ruleDescription) && !(item.whenToApplyConditions && item.whenToApplyConditions.some((c) => useVariantEditSession.hasMeaningfulText(c.text))) && !(item.whenNotToApplyConditions && item.whenNotToApplyConditions.some((c) => useVariantEditSession.hasMeaningfulText(c.text)));
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  title: isVariantEditDisabled ? "Editing unavailable" : isVariantEmpty ? "Add" : "Edit",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleStartVariantEdit(item, tierKey, variantIndex, variantLabel);
+                    if (!isOpen) onToggle();
+                  },
+                  disabled: isVariantEditDisabled,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    padding: "6px 8px",
+                    border: "1px solid var(--il-border, #CBD5E1)",
+                    borderRadius: "6px",
+                    backgroundColor: "var(--il-surface, #ffffff)",
+                    color: "var(--il-muted, #64748B)",
+                    fontSize: "13px",
+                    fontWeight: 500,
+                    cursor: isVariantEditDisabled ? "not-allowed" : "pointer",
+                    opacity: isVariantEditDisabled ? 0.5 : 1,
+                    gap: "6px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(EditPencilIcon.EditPencilIcon, { size: 12 }),
+                    " ",
+                    isVariantEmpty ? "Add" : "Edit"
+                  ]
+                }
+              );
+            };
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ref: (node) => {
+                  if (node) variantRef.current.set(uniqueId, node);
+                  else variantRef.current.delete(uniqueId);
+                },
+                style: { width: "100%", opacity: !isTierSelected ? 0.7 : 1 },
+                "data-edit-id": backwardCompatibility ? void 0 : variantEditId,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  AccordianSection["default"],
+                  {
+                    title: {
+                      type: isDefaultVariant ? "default" : "variant",
+                      label: variantLabel,
+                      number: variantIndex + 1,
+                      isNewVariant,
+                      isDefault: item.isDefault,
+                      isModified: item.isModified
+                    },
+                    defaultOpen: true,
+                    expanded: openAccordionId === uniqueId,
+                    onToggle: () => {
+                      var _a4;
+                      const isClosing = openAccordionId === uniqueId;
+                      setOpenAccordionId(isClosing ? null : uniqueId);
+                      (_a4 = uiState == null ? void 0 : uiState.setActiveVariantAccordionIndex) == null ? void 0 : _a4.call(uiState, isClosing ? null : variantIndex);
+                    },
+                    variant: "rule-behavior",
+                    footerData: {
+                      ruleTitle: variantType,
+                      description: item.ruleDescription || ""
+                    },
+                    readOnly: isEffectivelyReadOnly,
+                    actionButtons: backwardCompatibility ? void 0 : renderVariantHeaderActions,
+                    isAiStreaming: uiState == null ? void 0 : uiState.isAiStreaming,
+                    alwaysShowActions: !backwardCompatibility,
+                    showAccentBorder: !isTitleEmpty,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        TextSection.TextSection,
+                        {
+                          id: `rule-description-${tierKey}-${variantIndex}`,
+                          title: uiState.ruleDescriptionTitle || "Rule Description",
+                          subtitle: uiState == null ? void 0 : uiState.ruleDescriptionInformation,
+                          rows: 2,
+                          placeholder: "Explain the learning behaviour",
+                          required: true,
+                          readOnly: backwardCompatibility ? isEffectivelyReadOnly || isGlobalEditActive && (uiState == null ? void 0 : uiState.activeEditId) !== `rule-description-${tierKey}-${variantIndex}` : isEffectivelyReadOnly || !isThisVariantEditing,
+                          value: shownDescription,
+                          onChange: (value) => backwardCompatibility ? handlers.setRuleDescription(tierKey, variantIndex, value) : patchVariantDraft({ ruleDescription: value }),
+                          isOpen: activeReasoning[`ruleDescription-${tierKey}`],
+                          onToggle: () => toggleReasoning(`ruleDescription-${tierKey}`),
+                          isHighlighted: variantHighlights.ruleDescription || false,
+                          showCognitiveIcon: (_h2 = state.citation) == null ? void 0 : _h2[`ruleDescription_${tierKey}`],
+                          tooltipDescription: "Why this Description?",
+                          errorMessage: (_i2 = uiState.validationErrors) == null ? void 0 : _i2[`ruleDescription-${tierKey}-${variantIndex}`],
+                          enableInlineEdit: backwardCompatibility,
+                          setSendMessageInChat: uiState == null ? void 0 : uiState.setSendMessageInChat,
+                          isAiStreaming: uiState == null ? void 0 : uiState.isAiStreaming,
+                          fieldName: "Rule Description",
+                          ...uiState
+                        }
+                      ),
+                      ((_j2 = state.citation) == null ? void 0 : _j2[`ruleDescription_${tierKey}`]) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: reasoningWrapperStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        InputDataReasoningCard.InputDataReasoningCard,
+                        {
+                          isVisible: activeReasoning[`ruleDescription-${tierKey}`],
+                          citation: state.citation[`ruleDescription_${tierKey}`],
+                          citations: getCitations(`ruleDescription_${tierKey}_${variantIndex}`),
+                          fieldName: "Rule Description",
+                          fieldValue: item.ruleDescription
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        ConditionSection.ConditionSection,
+                        {
+                          id: `when-to-apply-${tierKey}-${variantIndex}`,
+                          idPrefix: "condition-wta",
+                          title: uiState.whenToApplyTitle || "When to apply",
+                          subtitle: uiState == null ? void 0 : uiState.wtaInformation,
+                          required: true,
+                          dividerRequired: true,
+                          readOnly: backwardCompatibility ? isEffectivelyReadOnly || isGlobalEditActive && !isThisConditionEditingWta : isEffectivelyReadOnly,
+                          hideEditControls: !backwardCompatibility,
+                          parentEditing: isThisVariantEditing,
+                          conditions: shownWta,
+                          onAdd: () => backwardCompatibility ? handlers.addWhenToApply(tierKey, variantIndex) : addDraftCondition("whenToApplyConditions"),
+                          onRemove: (tierKey2, variantIndex2, id) => backwardCompatibility ? handlers.removeWhenToApply(tierKey2, variantIndex2, id) : removeDraftCondition("whenToApplyConditions", id),
+                          onEdit: (tierKey2, variantIndex2, id, text) => backwardCompatibility ? handlers.editWhenToApply(tierKey2, variantIndex2, id, text) : editDraftCondition("whenToApplyConditions", id, text),
+                          index: variantIndex,
+                          tierKey,
+                          isHighlighted: variantHighlights.wta || false,
+                          highlightedIds: uiState == null ? void 0 : uiState.highlightedIds,
+                          tooltipDescription: "Why this Condition?",
+                          citations: getCitations(`whenToApply_${tierKey}_${variantIndex}`),
+                          bordered: true,
+                          addLabel: (uiState == null ? void 0 : uiState.addWhenToApplyBtnLabel) || "Add When to apply",
+                          isAiStreaming: uiState.isAiStreaming,
+                          errorMessage: ((_k2 = uiState.validationErrors) == null ? void 0 : _k2[`whenToApply-${tierKey}-${variantIndex}`]) || (uiState == null ? void 0 : uiState.conflictReason),
+                          ...uiState
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        ConditionSection.ConditionSection,
+                        {
+                          id: `when-not-to-apply-${tierKey}-${variantIndex}`,
+                          idPrefix: "condition-wnta",
+                          title: uiState.whenNotToApplyTitle || "When NOT to apply",
+                          subtitle: uiState == null ? void 0 : uiState.wntaInformation,
+                          required: false,
+                          dividerRequired: true,
+                          readOnly: backwardCompatibility ? isEffectivelyReadOnly || isGlobalEditActive && !isThisConditionEditingWnta : isEffectivelyReadOnly,
+                          hideEditControls: !backwardCompatibility,
+                          parentEditing: isThisVariantEditing,
+                          conditions: shownWnta,
+                          onAdd: () => backwardCompatibility ? handlers.addWhenNotToApply(tierKey, variantIndex) : addDraftCondition("whenNotToApplyConditions"),
+                          onRemove: (tierKey2, variantIndex2, id) => backwardCompatibility ? handlers.removeWhenNotToApply(tierKey2, variantIndex2, id) : removeDraftCondition("whenNotToApplyConditions", id),
+                          onEdit: (tierKey2, variantIndex2, id, text) => backwardCompatibility ? handlers.editWhenNotToApply(tierKey2, variantIndex2, id, text) : editDraftCondition("whenNotToApplyConditions", id, text),
+                          index: variantIndex,
+                          tierKey,
+                          isHighlighted: variantHighlights.wnta || false,
+                          highlightedIds: uiState == null ? void 0 : uiState.highlightedIds,
+                          tooltipDescription: "Why this Condition?",
+                          citations: getCitations(`whenNotToApply_${tierKey}_${variantIndex}`),
+                          bordered: true,
+                          addLabel: (uiState == null ? void 0 : uiState.addWhenNotToApplyBtnLabel) || "Add When NOT to apply",
+                          isAiStreaming: uiState.isAiStreaming,
+                          ...uiState
+                        }
+                      ),
+                      (uiState == null ? void 0 : uiState.LazyPromptEditor) && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "12px", fontSize: "13px", color: "var(--il-muted, #64748B)" }, children: "Loading editor..." }), children: /* @__PURE__ */ jsxRuntime.jsx(
+                        uiState.LazyPromptEditor,
+                        {
+                          id: `instruction-prompt-${tierKey}-${variantIndex}`,
+                          title: uiState.instructionPromptTitle,
+                          description: uiState == null ? void 0 : uiState.promptDescriptionInformation,
+                          value: shownPrompt,
+                          onChange: (v) => {
+                            var _a4;
+                            return backwardCompatibility ? (_a4 = uiState.setInstructionPrompt) == null ? void 0 : _a4.call(uiState, v) : patchVariantDraft({ instructionPrompt: v });
+                          },
+                          readOnly: backwardCompatibility ? isEffectivelyReadOnly : isEffectivelyReadOnly || !isThisVariantEditing,
+                          hideEditControls: !backwardCompatibility,
+                          parentEditing: isThisVariantEditing,
+                          enableViewToggle: uiState == null ? void 0 : uiState.instructionPromptViewToggle,
+                          isAiStreaming: uiState == null ? void 0 : uiState.isAiStreaming,
+                          tierKey,
+                          variantIndex,
+                          uiState
+                        }
+                      ) }),
+                      (uiState == null ? void 0 : uiState.showConfiguration) && /* @__PURE__ */ jsxRuntime.jsx(
+                        ConfigSection.ConfigSection,
+                        {
+                          id: `config-${tierKey}-${variantIndex}`,
+                          title: uiState.configTitle || "Configuration",
+                          required: false,
+                          highlights: variantHighlights,
+                          bordered: true,
+                          readOnly: isEffectivelyReadOnly || isGlobalEditActive && (uiState == null ? void 0 : uiState.activeEditId) !== `config-${tierKey}-${variantIndex}`,
+                          onConfigChange: (key, value) => handlers.onConfigChange(tierKey, variantIndex, key, value),
+                          separationItems,
+                          toggles,
+                          index: variantIndex,
+                          ...uiState
+                        }
+                      ),
+                      !backwardCompatibility && isThisVariantEditing && (uiState == null ? void 0 : uiState.pendingEditId) === variantEditId && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 14, style: { color: "var(--il-warning, #C2410C)" } }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--il-warning, #C2410C)", fontSize: "13px" }, children: "Pending - Changes not applied yet. Apply or discard them to continue." })
+                      ] })
+                    ] })
+                  },
+                  uniqueId
+                )
+              },
+              `${tierKey}-variant-${variantIndex}`
+            );
+          })
+        }
+      );
+      return ((_g2 = uiState == null ? void 0 : uiState.tierOptions) == null ? void 0 : _g2.length) === 1 ? /* @__PURE__ */ jsxRuntime.jsx(React__default["default"].Fragment, { children: variantListContent }, `tier-${tierIndex}`) : /* @__PURE__ */ jsxRuntime.jsx(
+        AccordianSection["default"],
+        {
+          variant: "tier-header",
+          title: { type: "other", label: tier },
+          subtitle: subtitleText,
+          defaultOpen: true,
+          footerData: { description: `Variants for ${tier}` },
+          children: variantListContent
+        },
+        `tier-${tierIndex}`
+      );
+    })
+  ] });
+};
+exports.CreateRule = CreateRule;
+exports.VariantListWrapper = VariantListWrapper;
 //# sourceMappingURL=CreateRule.js.map