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

package/dist/features/LearningManagement/RuleContent/InstructionPromptBlock.js

@@ -1,2 +1,42 @@
-import{__assign as i}from"tslib";import{jsxs as n,jsx as e}from"react/jsx-runtime";import{FileText as c,ChevronUp as o}from"lucide-react";import t from"../styles/RuleAccordion.module.css.js";var a=function(i){var n=i.replace(/_/g," ");return n.charAt(0).toUpperCase()+n.slice(1)},r=function(r){var s=r.metadata,l=r.isOpen,d=r.onToggle,m=r.labelText,p=void 0===m?"Instruction Prompt":m,u=Object.entries(s||{});return n("div",i({className:"".concat(t.conditionBlock," ").concat(t.conditionBlockApply)},{children:[e("div",{className:t.verticalLine}),e("div",{className:t.horizontalLine}),n("div",i({className:t.conditionContent},{children:[e("div",i({className:t.conditionHeader,onClick:d},{children:n("div",i({className:t.conditionIconWrapper},{children:[e("div",i({className:t.conditionIconInstruction},{children:e(c,{size:10,strokeWidth:3})})),e("span",i({className:t.conditionLabel},{children:p})),e("button",i({className:t.conditionToggleButton},{children:e(o,{size:16,className:l?t.chevronOpen:t.chevronClosed})}))]}))})),l&&e("div",i({className:t.conditionItems},{children:e("div",i({className:t.instructionPromptBox},{children:u.map(function(c){var o=c[0],r=c[1];return n("div",i({className:t.instructionPromptEntry},{children:[e("p",i({className:t.instructionPromptKey},{children:a(o)})),e("p",i({className:t.instructionPromptValue},{children:r}))]}),o)})}))})),!l&&e("div",{className:t.collapsedPadding})]}))]}))};export{r as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FileText, ChevronUp } from 'lucide-react';
+import styles from '../styles/RuleAccordion.module.css.js';
+
+const formatKey = (key) => {
+  const withSpaces = key.replace(/_/g, " ");
+  return withSpaces.charAt(0).toUpperCase() + withSpaces.slice(1);
+};
+const InstructionPromptBlock = ({
+  metadata,
+  isOpen,
+  onToggle,
+  labelText = "Instruction Prompt"
+}) => {
+  const entries = Object.entries(metadata || {});
+  return /* @__PURE__ */ jsxs("div", { className: `${styles.conditionBlock} ${styles.conditionBlockApply}`, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.verticalLine }),
+    /* @__PURE__ */ jsx("div", { className: styles.horizontalLine }),
+    /* @__PURE__ */ jsxs("div", { className: styles.conditionContent, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.conditionHeader, onClick: onToggle, children: /* @__PURE__ */ jsxs("div", { className: styles.conditionIconWrapper, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.conditionIconInstruction, children: /* @__PURE__ */ jsx(FileText, { size: 10, strokeWidth: 3 }) }),
+        /* @__PURE__ */ jsx("span", { className: styles.conditionLabel, children: labelText }),
+        /* @__PURE__ */ jsx("button", { className: styles.conditionToggleButton, children: /* @__PURE__ */ jsx(
+          ChevronUp,
+          {
+            size: 16,
+            className: isOpen ? styles.chevronOpen : styles.chevronClosed
+          }
+        ) })
+      ] }) }),
+      isOpen && /* @__PURE__ */ jsx("div", { className: styles.conditionItems, children: /* @__PURE__ */ jsx("div", { className: styles.instructionPromptBox, children: entries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: styles.instructionPromptEntry, children: [
+        /* @__PURE__ */ jsx("p", { className: styles.instructionPromptKey, children: formatKey(key) }),
+        /* @__PURE__ */ jsx("p", { className: styles.instructionPromptValue, children: value })
+      ] }, key)) }) }),
+      !isOpen && /* @__PURE__ */ jsx("div", { className: styles.collapsedPadding })
+    ] })
+  ] });
+};
+var InstructionPromptBlock$1 = InstructionPromptBlock;
+
+export { InstructionPromptBlock$1 as default };
 //# sourceMappingURL=InstructionPromptBlock.js.map

package/dist/features/LearningManagement/RuleContent/InstructionPromptBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstructionPromptBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"InstructionPromptBlock.js","sources":["../../../../src/features/LearningManagement/RuleContent/InstructionPromptBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { FileText, ChevronUp } from 'lucide-react';\nimport styles from '../styles/RuleAccordion.module.css';\n\n/**\n * Props for the InstructionPromptBlock component.\n * Library-ready: fully controlled via props.\n */\ninterface InstructionPromptBlockProps {\n  /** Key/value pairs to display (e.g. { instruction_prompt: '...', cognitive_compare: '...' }) */\n  metadata: Record<string, string>;\n  /** Whether the block is expanded */\n  isOpen: boolean;\n  /** Callback to toggle expansion */\n  onToggle: () => void;\n  /** Custom label text for the block header */\n  labelText?: string;\n}\n\n/**\n * Converts a snake_case (or underscore-separated) key into a readable subtitle,\n * e.g. \"instruction_prompt\" -> \"Instruction prompt\".\n */\nconst formatKey = (key: string): string => {\n  const withSpaces = key.replace(/_/g, ' ');\n  return withSpaces.charAt(0).toUpperCase() + withSpaces.slice(1);\n};\n\n/**\n * Component to display the \"Instruction Prompt\" section of a variant.\n * Reuses the same tree-connector visual language as RuleConditionBlock's\n * \"When to Apply\" block, and renders each key of `metadata` as a subtitle\n * with its value below, inside a rounded box.\n *\n * @param props - Component props\n * @returns JSX element displaying the instruction prompt block\n */\nconst InstructionPromptBlock: React.FC<InstructionPromptBlockProps> = ({\n  metadata,\n  isOpen,\n  onToggle,\n  labelText = 'Instruction Prompt',\n}) => {\n  const entries = Object.entries(metadata || {});\n\n  return (\n    <div className={`${styles.conditionBlock} ${styles.conditionBlockApply}`}>\n      {/* Tree connector lines (same as \"When to Apply\") */}\n      <div className={styles.verticalLine} />\n      <div className={styles.horizontalLine} />\n\n      <div className={styles.conditionContent}>\n        {/* Header with icon, label, and toggle */}\n        <div className={styles.conditionHeader} onClick={onToggle}>\n          <div className={styles.conditionIconWrapper}>\n            <div className={styles.conditionIconInstruction}>\n              <FileText size={10} strokeWidth={3} />\n            </div>\n            <span className={styles.conditionLabel}>{labelText}</span>\n            <button className={styles.conditionToggleButton}>\n              <ChevronUp\n                size={16}\n                className={isOpen ? styles.chevronOpen : styles.chevronClosed}\n              />\n            </button>\n          </div>\n        </div>\n\n        {/* Expanded metadata content */}\n        {isOpen && (\n          <div className={styles.conditionItems}>\n            <div className={styles.instructionPromptBox}>\n              {entries.map(([key, value]) => (\n                <div key={key} className={styles.instructionPromptEntry}>\n                  <p className={styles.instructionPromptKey}>{formatKey(key)}</p>\n                  <p className={styles.instructionPromptValue}>{value}</p>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Collapsed padding adjustment */}\n        {!isOpen && <div className={styles.collapsedPadding} />}\n      </div>\n    </div>\n  );\n};\n\nexport default InstructionPromptBlock;\n"],"names":[],"mappings":"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"}

package/dist/features/LearningManagement/RuleContent/OverrideTimeline.js

@@ -1,2 +1,65 @@
-import{__assign as e}from"tslib";import{jsxs as a,jsx as s}from"react/jsx-runtime";import{History as t}from"lucide-react";import l from"../styles/OverrideTimeline.module.css.js";import i from"../styles/CustomTooltip.module.css.js";import r from"../components/CustomTooltip.js";var n=function(n){var o=n.changeLog,c=n.headerText,d=void 0===c?"Override History":c;return o&&0!==o.length?a("div",e({className:l.container},{children:[a("div",e({className:l.header},{children:[s(t,{color:"#475569",size:15,className:l.headerIcon}),s("span",e({className:l.headerText},{children:d}))]})),s("div",e({className:l.timeline},{children:o.map(function(t,n){var c,d,m=n===o.length-1,h="global"===t.scope.toLowerCase(),p=m&&["edited","add","remove","edit"].includes(t.type);return a("div",e({className:l.timelineItem},{children:[s(r,e({content:t.scope,placement:"top",withArrow:!0,contentClassName:i.customTooltip,sideOffset:5},{children:s("div",e({className:l.leftColumn},{children:s("span",p?e({className:l.leafLabel},{children:"add"===t.type?"Added":"remove"===t.type?"Removed":"Edited"}):e({className:l.scopeLabel},{children:t.scope}))}))})),a("div",e({className:l.middleColumn},{children:[!m&&s("div",{className:l.verticalLine}),p&&s("div",{className:l.leafConnector}),!p&&s("div",{className:"".concat(l.dot," ").concat(h?l.dotGlobal:l.dotOther)})]})),s("div",e({className:l.rightColumn},{children:p?a("div",e({className:l.leafCard},{children:[s("div",{className:l.leafDot}),s("div",e({className:l.leafContent},{children:(c=t.text,d=c.split(/(<s>.*?<\/s>)/g),s("span",{children:d.map(function(a,t){if(a.startsWith("<s>")&&a.endsWith("</s>")){var i=a.slice(3,-4);return s("span",e({className:l.strikethrough},{children:i}),t)}return s("span",{children:a},t)})}))}))]})):s("div",e({className:l.normalContent},{children:"Default Variant"===t.text?"Default":t.text}))}))]}),n)})}))]})):null};export{n as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { History } from 'lucide-react';
+import styles from '../styles/OverrideTimeline.module.css.js';
+import tooltipStyles from '../styles/CustomTooltip.module.css.js';
+import CustomTooltip from '../components/CustomTooltip.js';
+
+const renderDiff = (text) => {
+  const parts = text.split(/(<s>.*?<\/s>)/g);
+  return /* @__PURE__ */ jsx("span", { children: parts.map((part, i) => {
+    if (part.startsWith("<s>") && part.endsWith("</s>")) {
+      const content = part.slice(3, -4);
+      return /* @__PURE__ */ jsx("span", { className: styles.strikethrough, children: content }, i);
+    }
+    return /* @__PURE__ */ jsx("span", { children: part }, i);
+  }) });
+};
+const OverrideTimeline = ({
+  changeLog,
+  headerText = "Override History"
+}) => {
+  if (!changeLog || changeLog.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx(History, { color: "#475569", size: 15, className: styles.headerIcon }),
+      /* @__PURE__ */ jsx("span", { className: styles.headerText, children: headerText })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.timeline, children: changeLog.map((item, index) => {
+      const isLast = index === changeLog.length - 1;
+      const scopeLower = item.scope.toLowerCase();
+      const isGlobal = scopeLower === "global";
+      const isLeaf = isLast && ["edited", "add", "remove", "edit"].includes(item.type);
+      return /* @__PURE__ */ jsxs("div", { className: styles.timelineItem, children: [
+        /* @__PURE__ */ jsx(
+          CustomTooltip,
+          {
+            content: item.scope,
+            placement: "top",
+            withArrow: true,
+            contentClassName: tooltipStyles.customTooltip,
+            sideOffset: 5,
+            children: /* @__PURE__ */ jsx("div", { className: styles.leftColumn, children: isLeaf ? /* @__PURE__ */ jsx("span", { className: styles.leafLabel, children: item.type === "add" ? "Added" : item.type === "remove" ? "Removed" : "Edited" }) : /* @__PURE__ */ jsx("span", { className: styles.scopeLabel, children: item.scope }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles.middleColumn, children: [
+          !isLast && /* @__PURE__ */ jsx("div", { className: styles.verticalLine }),
+          isLeaf && /* @__PURE__ */ jsx("div", { className: styles.leafConnector }),
+          !isLeaf && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${styles.dot} ${isGlobal ? styles.dotGlobal : styles.dotOther}`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles.rightColumn, children: isLeaf ? /* @__PURE__ */ jsxs("div", { className: styles.leafCard, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.leafDot }),
+          /* @__PURE__ */ jsx("div", { className: styles.leafContent, children: renderDiff(item.text) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles.normalContent, children: item.text === "Default Variant" ? "Default" : item.text }) })
+      ] }, index);
+    }) })
+  ] });
+};
+var OverrideTimeline$1 = OverrideTimeline;
+
+export { OverrideTimeline$1 as default };
 //# sourceMappingURL=OverrideTimeline.js.map

package/dist/features/LearningManagement/RuleContent/OverrideTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverrideTimeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"OverrideTimeline.js","sources":["../../../../src/features/LearningManagement/RuleContent/OverrideTimeline.tsx"],"sourcesContent":["import React from 'react';\nimport { ChangeLogItem } from '../types';\nimport { History } from 'lucide-react';\nimport styles from '../styles/OverrideTimeline.module.css';\nimport tooltipStyles from '../styles/CustomTooltip.module.css';\nimport CustomTooltip from '../components/CustomTooltip';\n\n/**\n * Props for the OverrideTimeline component.\n * Library-ready: fully controlled via props.\n */\ninterface OverrideTimelineProps {\n    /** Array of change log items to display */\n    changeLog: ChangeLogItem[];\n    /** Custom header text (default: \"Override History\") */\n    headerText?: string;\n}\n\n/**\n * Render diff text with strikethrough for removed content.\n * @param text - Text that may contain <s></s> tags for strikethrough\n * @returns Rendered JSX with appropriate styling\n */\nconst renderDiff = (text: string): React.ReactNode => {\n    const parts = text.split(/(<s>.*?<\\/s>)/g);\n    return (\n        <span>\n            {parts.map((part, i) => {\n                if (part.startsWith('<s>') && part.endsWith('</s>')) {\n                    const content = part.slice(3, -4);\n                    return (\n                        <span key={i} className={styles.strikethrough}>\n                            {content}\n                        </span>\n                    );\n                }\n                return <span key={i}>{part}</span>;\n            })}\n        </span>\n    );\n};\n\n/**\n * Timeline component to display override history for a rule.\n * Shows the inheritance chain and any edits made.\n * Library-ready: fully controlled via props, uses CSS modules.\n *\n * @param props - Component props\n * @returns JSX element displaying the override timeline or null if empty\n */\nconst OverrideTimeline: React.FC<OverrideTimelineProps> = ({\n    changeLog,\n    headerText = 'Override History',\n}) => {\n    if (!changeLog || changeLog.length === 0) return null;\n\n    return (\n        <div className={styles.container}>\n            <div className={styles.header}>\n                <History color=\"#475569\" size={15} className={styles.headerIcon} />\n                <span className={styles.headerText}>{headerText}</span>\n            </div>\n\n            <div className={styles.timeline}>\n                {changeLog.map((item, index) => {\n                    const isLast = index === changeLog.length - 1;\n                    const scopeLower = item.scope.toLowerCase();\n                    const isGlobal = scopeLower === 'global';\n                    const isLeaf =\n                        isLast && ['edited', 'add', 'remove', 'edit'].includes(item.type);\n\n                    return (\n                        <div key={index} className={styles.timelineItem}>\n                            {/* LEFT COLUMN: Scope aligned Right */}\n                            <CustomTooltip\n                                content={item.scope}\n                                placement=\"top\"\n                                withArrow={true}\n                                contentClassName={tooltipStyles.customTooltip}\n                                sideOffset={5}\n                            >\n                                <div className={styles.leftColumn}>\n                                    {isLeaf ? (\n                                        <span className={styles.leafLabel}>\n                                            {item.type === 'add'\n                                                ? 'Added'\n                                                : item.type === 'remove'\n                                                    ? 'Removed'\n                                                    : 'Edited'}\n                                        </span>\n                                    ) : (\n                                        <span className={styles.scopeLabel}>{item.scope}</span>\n                                    )}\n                                </div>\n                            </CustomTooltip>\n\n                            {/* MIDDLE COLUMN: Timeline */}\n                            <div className={styles.middleColumn}>\n                                {/* Vertical Line for Standard Flow */}\n                                {!isLast && <div className={styles.verticalLine} />}\n\n                                {/* Leaf Node Connector: L-Shape */}\n                                {isLeaf && <div className={styles.leafConnector} />}\n\n                                {/* Dot Node (Non-Leaf) */}\n                                {!isLeaf && (\n                                    <div\n                                        className={`${styles.dot} ${isGlobal ? styles.dotGlobal : styles.dotOther}`}\n                                    />\n                                )}\n                            </div>\n\n                            {/* RIGHT COLUMN: Content */}\n                            <div className={styles.rightColumn}>\n                                {isLeaf ? (\n                                    <div className={styles.leafCard}>\n                                        {/* Connection Dot on Card */}\n                                        <div className={styles.leafDot} />\n                                        <div className={styles.leafContent}>\n                                            {renderDiff(item.text)}\n                                        </div>\n                                    </div>\n                                ) : (\n                                    <div className={styles.normalContent}>\n                                        {item.text === 'Default Variant' ? 'Default' : item.text}\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default OverrideTimeline;\n"],"names":[],"mappings":"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"}

package/dist/features/LearningManagement/RuleContent/PendingApprovalChip.js

@@ -1,2 +1,24 @@
-import{__assign as r}from"tslib";import{jsx as o}from"react/jsx-runtime";var e={whiteSpace:"nowrap",borderRadius:"9999px",border:"1px solid #FEF08A",backgroundColor:"#FEFCE8",color:"#A16207",padding:"2px 8px",fontSize:"11px",fontWeight:500,lineHeight:"1rem"},n=function(n){var t=n.count;if("number"==typeof t&&t<=0)return null;var p="number"==typeof t?"".concat(t," pending approval").concat(1===t?"":"s"):"Pending approval";return o("span",r({style:e},{children:p}))};export{n as default};
+import { jsx } from 'react/jsx-runtime';
+
+const chipStyle = {
+  whiteSpace: "nowrap",
+  borderRadius: "9999px",
+  border: "1px solid #FEF08A",
+  backgroundColor: "#FEFCE8",
+  color: "#A16207",
+  padding: "2px 8px",
+  fontSize: "11px",
+  fontWeight: 500,
+  lineHeight: "1rem"
+};
+const PendingApprovalChip = ({ count }) => {
+  if (typeof count === "number" && count <= 0) {
+    return null;
+  }
+  const label = typeof count === "number" ? `${count} pending approval${count === 1 ? "" : "s"}` : "Pending approval";
+  return /* @__PURE__ */ jsx("span", { style: chipStyle, children: label });
+};
+var PendingApprovalChip$1 = PendingApprovalChip;
+
+export { PendingApprovalChip$1 as default };
 //# sourceMappingURL=PendingApprovalChip.js.map

package/dist/features/LearningManagement/RuleContent/PendingApprovalChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingApprovalChip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PendingApprovalChip.js","sources":["../../../../src/features/LearningManagement/RuleContent/PendingApprovalChip.tsx"],"sourcesContent":["import React from 'react';\n\ninterface PendingApprovalChipProps {\n  count?: number;\n}\n\nconst chipStyle: React.CSSProperties = {\n  whiteSpace: 'nowrap',\n  borderRadius: '9999px',\n  border: '1px solid #FEF08A',\n  backgroundColor: '#FEFCE8',\n  color: '#A16207',\n  padding: '2px 8px',\n  fontSize: '11px',\n  fontWeight: 500,\n  lineHeight: '1rem',\n};\n\nconst PendingApprovalChip: React.FC<PendingApprovalChipProps> = ({ count }) => {\n  if (typeof count === 'number' && count <= 0) {\n    return null;\n  }\n\n  const label =\n    typeof count === 'number'\n      ? `${count} pending approval${count === 1 ? '' : 's'}`\n      : 'Pending approval';\n\n  return (\n    <span style={chipStyle}>\n      {label}\n    </span>\n  );\n};\n\nexport default PendingApprovalChip;\n"],"names":[],"mappings":";;AAMA,MAAM,SAAiC,GAAA;AAAA,EACrC,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA,QAAA;AAAA,EACd,MAAQ,EAAA,mBAAA;AAAA,EACR,eAAiB,EAAA,SAAA;AAAA,EACjB,KAAO,EAAA,SAAA;AAAA,EACP,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,UAAY,EAAA,MAAA;AACd,CAAA,CAAA;AAEA,MAAM,mBAA0D,GAAA,CAAC,EAAE,KAAA,EAAY,KAAA;AAC7E,EAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,KAAA,IAAS,CAAG,EAAA;AAC3C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,KAAA,GACJ,OAAO,KAAA,KAAU,QACb,GAAA,CAAA,EAAG,KAAK,CAAA,iBAAA,EAAoB,KAAU,KAAA,CAAA,GAAI,EAAK,GAAA,GAAG,CAClD,CAAA,GAAA,kBAAA,CAAA;AAEN,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAK,KAAO,EAAA,SAAA,EACV,QACH,EAAA,KAAA,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,4BAAe,mBAAA;;;;"}

package/dist/features/LearningManagement/RuleContent/RenameScopeModal.js

@@ -1,2 +1,234 @@
-import{__assign as e,__awaiter as n,__generator as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as a}from"react";import{X as c}from"lucide-react";var s=50,d=/[A-Za-z0-9]/,p=function(p){var u=p.isOpen,f=p.onClose,x=p.onSave,g=p.initialName,m=void 0===g?"":g,h=i(m),y=h[0],b=h[1],v=i(""),S=v[0],C=v[1],E=i(!1),k=E[0],z=E[1],w=l(null),F=y.length>=s;if(a(function(){u&&(b(m),C(""),setTimeout(function(){var e,n;null===(e=w.current)||void 0===e||e.focus(),null===(n=w.current)||void 0===n||n.select()},50))},[u,m]),!u)return null;var R=function(){return n(void 0,void 0,void 0,function(){var e,n,o;return t(this,function(t){switch(t.label){case 0:if(!(e=y.trim()))return C("Scope Name is required"),[2];if(e.length>s)return C("Scope Name must be ".concat(s," characters or fewer")),[2];if(!d.test(e))return C("Scope Name must include at least one letter or number"),[2];C(""),z(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,x(e)];case 2:return t.sent(),f(),[3,5];case 3:return n=t.sent(),409===(null==(o=n)?void 0:o.status)?C("Scope name already exists."):C("Failed to rename scope. Please try again."),[3,5];case 4:return z(!1),[7];case 5:return[2]}})})};return o("div",e({style:{position:"fixed",inset:0,zIndex:1300,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.3)"},onClick:function(e){e.target===e.currentTarget&&f()}},{children:r("div",e({style:{width:"480px",backgroundColor:"#fff",borderRadius:"12px",boxShadow:"0 20px 60px rgba(0,0,0,0.15)",padding:"24px",fontFamily:"sans-serif"}},{children:[r("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},{children:[o("span",e({style:{fontSize:"16px",fontWeight:600,color:"#19213D"}},{children:"Rename Scope"})),o("button",e({onClick:f,disabled:k,style:{background:"none",border:"none",cursor:"pointer",color:"#9CA3AF",padding:"4px",lineHeight:0}},{children:o(c,{size:20})}))]})),r("div",e({style:{display:"flex",flexDirection:"column",gap:"6px",marginBottom:"24px"}},{children:[r("label",e({style:{fontSize:"14px",fontWeight:500,color:"#19213D"}},{children:[o("span",e({style:{color:"#E53E3E",marginRight:"3px"}},{children:"*"})),"Scope Name"]})),o("input",{ref:w,type:"text",value:y,maxLength:s,onChange:function(e){var n=e.target.value.slice(0,s);b(n),S&&C("")},onKeyDown:function(e){"Enter"===e.key&&R(),"Escape"===e.key&&f()},placeholder:"Enter scope name",style:{padding:"8px 12px",fontSize:"14px",color:"#19213D",borderRadius:"6px",border:"1px solid ".concat(S?"#EF4444":"#E2E8F0"),outline:"none",width:"100%",boxSizing:"border-box"}}),r("div",e({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"}},{children:[S?o("p",e({style:{margin:0,fontSize:"12px",color:"#EF4444"}},{children:S})):o("span",{}),r("span",e({style:{flexShrink:0,fontSize:"12px",color:S||F?"#EF4444":"#64748B"}},{children:[y.length,"/",s]}))]}))]})),r("div",e({style:{display:"flex",justifyContent:"flex-end",gap:"10px"}},{children:[o("button",e({onClick:f,disabled:k,style:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #E2E8F0",backgroundColor:"#fff",color:"#64748B",fontSize:"14px",fontWeight:500,cursor:k?"not-allowed":"pointer",opacity:k?.6:1}},{children:"Cancel"})),o("button",e({onClick:R,disabled:k,style:{padding:"8px 20px",borderRadius:"6px",border:"none",backgroundColor:"#2563EB",color:"#fff",fontSize:"14px",fontWeight:500,cursor:k?"not-allowed":"pointer",opacity:k?.7:1}},{children:k?"Saving...":"Save"}))]}))]}))}))};export{p as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { X } from 'lucide-react';
+
+const MAX_SCOPE_NAME_LENGTH = 50;
+const HAS_LETTER_OR_NUMBER = /[A-Za-z0-9]/;
+const RenameScopeModal = ({
+  isOpen,
+  onClose,
+  onSave,
+  initialName = ""
+}) => {
+  const [name, setName] = useState(initialName);
+  const [error, setError] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const inputRef = useRef(null);
+  const isAtCharLimit = name.length >= MAX_SCOPE_NAME_LENGTH;
+  useEffect(() => {
+    if (isOpen) {
+      setName(initialName);
+      setError("");
+      setTimeout(() => {
+        var _a, _b;
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+        (_b = inputRef.current) == null ? void 0 : _b.select();
+      }, 50);
+    }
+  }, [isOpen, initialName]);
+  if (!isOpen) return null;
+  const handleSave = async () => {
+    const trimmedName = name.trim();
+    if (!trimmedName) {
+      setError("Scope Name is required");
+      return;
+    }
+    if (trimmedName.length > MAX_SCOPE_NAME_LENGTH) {
+      setError(`Scope Name must be ${MAX_SCOPE_NAME_LENGTH} characters or fewer`);
+      return;
+    }
+    if (!HAS_LETTER_OR_NUMBER.test(trimmedName)) {
+      setError("Scope Name must include at least one letter or number");
+      return;
+    }
+    setError("");
+    setIsLoading(true);
+    try {
+      await onSave(trimmedName);
+      onClose();
+    } catch (err) {
+      const error2 = err;
+      if ((error2 == null ? void 0 : error2.status) === 409) {
+        setError("Scope name already exists.");
+      } else {
+        setError("Failed to rename scope. Please try again.");
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") handleSave();
+    if (e.key === "Escape") onClose();
+  };
+  return (
+    // Overlay
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 1300,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "rgba(0,0,0,0.3)"
+        },
+        onClick: (e) => {
+          if (e.target === e.currentTarget) onClose();
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              width: "480px",
+              backgroundColor: "#fff",
+              borderRadius: "12px",
+              boxShadow: "0 20px 60px rgba(0,0,0,0.15)",
+              padding: "24px",
+              fontFamily: "sans-serif"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: "20px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { style: { fontSize: "16px", fontWeight: 600, color: "#19213D" }, children: "Rename Scope" }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: onClose,
+                        disabled: isLoading,
+                        style: {
+                          background: "none",
+                          border: "none",
+                          cursor: "pointer",
+                          color: "#9CA3AF",
+                          padding: "4px",
+                          lineHeight: 0
+                        },
+                        children: /* @__PURE__ */ jsx(X, { size: 20 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px", marginBottom: "24px" }, children: [
+                /* @__PURE__ */ jsxs("label", { style: { fontSize: "14px", fontWeight: 500, color: "#19213D" }, children: [
+                  /* @__PURE__ */ jsx("span", { style: { color: "#E53E3E", marginRight: "3px" }, children: "*" }),
+                  "Scope Name"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "text",
+                    value: name,
+                    maxLength: MAX_SCOPE_NAME_LENGTH,
+                    onChange: (e) => {
+                      const nextName = e.target.value.slice(0, MAX_SCOPE_NAME_LENGTH);
+                      setName(nextName);
+                      if (error) setError("");
+                    },
+                    onKeyDown: handleKeyDown,
+                    placeholder: "Enter scope name",
+                    style: {
+                      padding: "8px 12px",
+                      fontSize: "14px",
+                      color: "#19213D",
+                      borderRadius: "6px",
+                      border: `1px solid ${error ? "#EF4444" : "#E2E8F0"}`,
+                      outline: "none",
+                      width: "100%",
+                      boxSizing: "border-box"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      gap: "12px"
+                    },
+                    children: [
+                      error ? /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "12px", color: "#EF4444" }, children: error }) : /* @__PURE__ */ jsx("span", {}),
+                      /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            flexShrink: 0,
+                            fontSize: "12px",
+                            color: error || isAtCharLimit ? "#EF4444" : "#64748B"
+                          },
+                          children: [
+                            name.length,
+                            "/",
+                            MAX_SCOPE_NAME_LENGTH
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "10px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: onClose,
+                    disabled: isLoading,
+                    style: {
+                      padding: "8px 16px",
+                      borderRadius: "6px",
+                      border: "1px solid #E2E8F0",
+                      backgroundColor: "#fff",
+                      color: "#64748B",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      cursor: isLoading ? "not-allowed" : "pointer",
+                      opacity: isLoading ? 0.6 : 1
+                    },
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleSave,
+                    disabled: isLoading,
+                    style: {
+                      padding: "8px 20px",
+                      borderRadius: "6px",
+                      border: "none",
+                      backgroundColor: "#2563EB",
+                      color: "#fff",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      cursor: isLoading ? "not-allowed" : "pointer",
+                      opacity: isLoading ? 0.7 : 1
+                    },
+                    children: isLoading ? "Saving..." : "Save"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  );
+};
+var RenameScopeModal$1 = RenameScopeModal;
+
+export { RenameScopeModal$1 as default };
 //# sourceMappingURL=RenameScopeModal.js.map

package/dist/features/LearningManagement/RuleContent/RenameScopeModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenameScopeModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"RenameScopeModal.js","sources":["../../../../src/features/LearningManagement/RuleContent/RenameScopeModal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { X } from 'lucide-react';\n\ninterface RenameScopeModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSave: (newName: string) => Promise<void>;\n  initialName?: string;\n}\n\nconst MAX_SCOPE_NAME_LENGTH = 50;\nconst HAS_LETTER_OR_NUMBER = /[A-Za-z0-9]/;\n\nconst RenameScopeModal: React.FC<RenameScopeModalProps> = ({\n  isOpen,\n  onClose,\n  onSave,\n  initialName = '',\n}) => {\n  const [name, setName] = useState(initialName);\n  const [error, setError] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isAtCharLimit = name.length >= MAX_SCOPE_NAME_LENGTH;\n\n  // Sync name when modal opens with a (possibly new) initialName\n  useEffect(() => {\n    if (isOpen) {\n      setName(initialName);\n      setError('');\n      // Auto-focus and select all text so user can type immediately\n      setTimeout(() => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      }, 50);\n    }\n  }, [isOpen, initialName]);\n\n  if (!isOpen) return null;\n\n  const handleSave = async () => {\n    const trimmedName = name.trim();\n\n    if (!trimmedName) {\n      setError('Scope Name is required');\n      return;\n    }\n    if (trimmedName.length > MAX_SCOPE_NAME_LENGTH) {\n      setError(`Scope Name must be ${MAX_SCOPE_NAME_LENGTH} characters or fewer`);\n      return;\n    }\n    if (!HAS_LETTER_OR_NUMBER.test(trimmedName)) {\n      setError('Scope Name must include at least one letter or number');\n      return;\n    }\n\n    setError('');\n    setIsLoading(true);\n    try {\n      await onSave(trimmedName);\n      onClose();\n    } catch (err: unknown) {\n      const error = err as { status?: number; message?: string };\n      if (error?.status === 409) {\n        setError('Scope name already exists.');\n      } else {\n        setError('Failed to rename scope. Please try again.');\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') handleSave();\n    if (e.key === 'Escape') onClose();\n  };\n\n  return (\n    // Overlay\n    <div\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 1300,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'rgba(0,0,0,0.3)',\n      }}\n      onClick={(e) => {\n        if (e.target === e.currentTarget) onClose();\n      }}\n    >\n      {/* Modal */}\n      <div\n        style={{\n          width: '480px',\n          backgroundColor: '#fff',\n          borderRadius: '12px',\n          boxShadow: '0 20px 60px rgba(0,0,0,0.15)',\n          padding: '24px',\n          fontFamily: 'sans-serif',\n        }}\n      >\n        {/* Header */}\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            marginBottom: '20px',\n          }}\n        >\n          <span style={{ fontSize: '16px', fontWeight: 600, color: '#19213D' }}>Rename Scope</span>\n          <button\n            onClick={onClose}\n            disabled={isLoading}\n            style={{\n              background: 'none',\n              border: 'none',\n              cursor: 'pointer',\n              color: '#9CA3AF',\n              padding: '4px',\n              lineHeight: 0,\n            }}\n          >\n            <X size={20} />\n          </button>\n        </div>\n\n        {/* Field */}\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', marginBottom: '24px' }}>\n          <label style={{ fontSize: '14px', fontWeight: 500, color: '#19213D' }}>\n            <span style={{ color: '#E53E3E', marginRight: '3px' }}>*</span>Scope Name\n          </label>\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={name}\n            maxLength={MAX_SCOPE_NAME_LENGTH}\n            onChange={(e) => {\n              const nextName = e.target.value.slice(0, MAX_SCOPE_NAME_LENGTH);\n              setName(nextName);\n              if (error) setError('');\n            }}\n            onKeyDown={handleKeyDown}\n            placeholder=\"Enter scope name\"\n            style={{\n              padding: '8px 12px',\n              fontSize: '14px',\n              color: '#19213D',\n              borderRadius: '6px',\n              border: `1px solid ${error ? '#EF4444' : '#E2E8F0'}`,\n              outline: 'none',\n              width: '100%',\n              boxSizing: 'border-box',\n            }}\n          />\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '12px',\n            }}\n          >\n            {error ? (\n              <p style={{ margin: 0, fontSize: '12px', color: '#EF4444' }}>{error}</p>\n            ) : (\n              <span />\n            )}\n            <span\n              style={{\n                flexShrink: 0,\n                fontSize: '12px',\n                color: error || isAtCharLimit ? '#EF4444' : '#64748B',\n              }}\n            >\n              {name.length}/{MAX_SCOPE_NAME_LENGTH}\n            </span>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: '10px' }}>\n          <button\n            onClick={onClose}\n            disabled={isLoading}\n            style={{\n              padding: '8px 16px',\n              borderRadius: '6px',\n              border: '1px solid #E2E8F0',\n              backgroundColor: '#fff',\n              color: '#64748B',\n              fontSize: '14px',\n              fontWeight: 500,\n              cursor: isLoading ? 'not-allowed' : 'pointer',\n              opacity: isLoading ? 0.6 : 1,\n            }}\n          >\n            Cancel\n          </button>\n          <button\n            onClick={handleSave}\n            disabled={isLoading}\n            style={{\n              padding: '8px 20px',\n              borderRadius: '6px',\n              border: 'none',\n              backgroundColor: '#2563EB',\n              color: '#fff',\n              fontSize: '14px',\n              fontWeight: 500,\n              cursor: isLoading ? 'not-allowed' : 'pointer',\n              opacity: isLoading ? 0.7 : 1,\n            }}\n          >\n            {isLoading ? 'Saving...' : 'Save'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default RenameScopeModal;\n"],"names":["error"],"mappings":"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"}

package/dist/features/LearningManagement/RuleContent/RuleAccordion.js

@@ -1,2 +1,127 @@
-import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"./RuleAccordionShell.js";export{default as RuleAccordionShell}from"./RuleAccordionShell.js";import r from"./VariantList.js";export{default as VariantList}from"./VariantList.js";var t=function(t){var n=t.rule,a=t.ruleSetId,l=t.idx,s=t.allTiers,d=t.currentTierId,u=t.onRemove,v=t.isGlobalScope,h=void 0!==v&&v,c=t.onFetchOverrideHistory,b=t.deleteButtonLabel,L=void 0===b?"Delete":b;t.inheritedOverrideLabel,t.defaultVariantLabel;var p=t.viewOverrideLabel,g=void 0===p?"View Override History":p,m=t.hideOverrideLabel,f=void 0===m?"Hide Override History":m,T=t.enableLearningVariantLabel,w=void 0===T?"Enable":T,y=t.disableLearningVariantLabel,V=void 0===y?"Disable":y,D=t.enableLearningRuleLabel,C=void 0===D?"Enable":D,I=t.disableLearningRuleLabel,A=void 0===I?"Disable":I,B=t.editButtonLabel,O=void 0===B?"Edit":B,S=t.whenToApplyLabel,x=void 0===S?"When to Apply":S,N=t.whenNotToApplyLabel,R=void 0===N?"When Not to Apply":N,E=t.noConditionsText,j=void 0===E?"No conditions":E,F=t.historyErrorMessage,H=void 0===F?"Failed to load override history.":F;t.missingRuleIdMessage;var M=t.onEditVariant,G=t.onDeleteVariant,U=t.onEdit,W=t.tierName,z=t.defaultOpen,k=void 0!==z&&z,q=t.showDeleteButton,J=void 0===q||q,K=t.showActionsBar,P=void 0===K||K;t.tierChip,t.customVariantChip;var Q=t.showDescriptionBox,X=void 0===Q||Q;t.customDescription;var Y=t.showConditions,Z=void 0===Y||Y,$=t.showInheritance,_=void 0===$||$,ee=t.showConnectors,ie=void 0===ee||ee,oe=t.className,re=t.highlightedVariants,te=t.highlightedTierNames,ne=t.onToggleSuccess,ae=t.dragControls,le=t.setDeleteConfirmationUsedFor,se=t.onCopyToTier,de=n.variants&&n.variants.length>0,ue=!(!re||0===re.size||!de)&&n.variants.some(function(e){return re.has(e.variantId)}),ve={rule:n,idx:l,ruleSetId:a,onRemove:function(){if(null==le||le("ruleDeletion"),de&&G){var e=(n.variants.find(function(e){return"Default"===e.variantType})||n.variants[0]).variantId;G(e,n.ruleId)}else u&&u()},onEdit:U?function(){return U(n,W)}:void 0,isGlobalScope:h,deleteButtonLabel:L,defaultOpen:k||ue,showDeleteButton:J,className:oe,enableLearningRuleLabel:C,disableLearningRuleLabel:A,onToggleSuccess:ne,dragControls:ae};if(de){var he={variants:n.variants,ruleId:n.ruleId,ruleSetId:a,ruleTitle:n.ruleTitle,tierName:W,allTiers:s,currentTierId:d,onEditVariant:M,onDeleteVariant:G,onFetchOverrideHistory:c?function(e,i){return c(e,i)}:void 0,editButtonLabel:O,deleteButtonLabel:"Delete",whenToApplyLabel:x,whenNotToApplyLabel:R,noConditionsText:j,viewOverrideLabel:g,hideOverrideLabel:f,enableLearningVariantLabel:w,disableLearningVariantLabel:V,historyErrorMessage:H,showActionsBar:P,showDescriptionBox:X,showConditions:Z,showInheritance:_,showConnectors:ie,highlightedVariants:re,highlightedTierNames:te,onToggleSuccess:ne,setDeleteConfirmationUsedFor:le,onCopyToTier:se};return i(o,e({},ve,{children:i(r,e({},he))}))}return i(o,e({},ve))};export{t as default};
+import { jsx } from 'react/jsx-runtime';
+import RuleAccordionShell from './RuleAccordionShell.js';
+export { default as RuleAccordionShell } from './RuleAccordionShell.js';
+import VariantList from './VariantList.js';
+export { default as VariantList } from './VariantList.js';
+
+const RuleAccordion = ({
+  rule,
+  ruleSetId,
+  idx,
+  allTiers,
+  currentTierId,
+  onRemove,
+  isGlobalScope = false,
+  onFetchOverrideHistory,
+  deleteButtonLabel = "Delete",
+  inheritedOverrideLabel = "Inherited override",
+  defaultVariantLabel = "Default variant",
+  viewOverrideLabel = "View Override History",
+  hideOverrideLabel = "Hide Override History",
+  enableLearningVariantLabel = "Enable",
+  disableLearningVariantLabel = "Disable",
+  enableLearningRuleLabel = "Enable",
+  disableLearningRuleLabel = "Disable",
+  editButtonLabel = "Edit",
+  whenToApplyLabel = "When to Apply",
+  whenNotToApplyLabel = "When Not to Apply",
+  noConditionsText = "No conditions",
+  historyErrorMessage = "Failed to load override history.",
+  missingRuleIdMessage = "Rule ID is missing.",
+  // Variant-specific callbacks
+  onEditVariant,
+  onDeleteVariant,
+  // Legacy callback
+  onEdit,
+  tierName,
+  // Flexibility props
+  defaultOpen = false,
+  showDeleteButton = true,
+  showActionsBar = true,
+  tierChip,
+  customVariantChip,
+  showDescriptionBox = true,
+  customDescription,
+  showConditions = true,
+  showInheritance = true,
+  showConnectors = true,
+  className,
+  highlightedVariants,
+  highlightedTierNames,
+  onToggleSuccess,
+  dragControls,
+  setDeleteConfirmationUsedFor,
+  onCopyToTier
+}) => {
+  const hasVariants = rule.variants && rule.variants.length > 0;
+  const shouldAutoOpen = (() => {
+    if (!highlightedVariants || highlightedVariants.size === 0 || !hasVariants) return false;
+    return rule.variants.some((v) => highlightedVariants.has(v.variantId));
+  })();
+  const shellProps = {
+    rule,
+    idx,
+    ruleSetId,
+    onRemove: () => {
+      setDeleteConfirmationUsedFor == null ? void 0 : setDeleteConfirmationUsedFor("ruleDeletion");
+      if (hasVariants && onDeleteVariant) {
+        const defaultVariant = rule.variants.find((v) => v.variantType === "Default") || rule.variants[0];
+        const defaultVariantId = defaultVariant.variantId;
+        onDeleteVariant(defaultVariantId, rule.ruleId);
+      } else if (onRemove) {
+        onRemove();
+      }
+    },
+    onEdit: onEdit ? () => onEdit(rule, tierName) : void 0,
+    isGlobalScope,
+    deleteButtonLabel,
+    defaultOpen: defaultOpen || shouldAutoOpen,
+    showDeleteButton,
+    className,
+    enableLearningRuleLabel,
+    disableLearningRuleLabel,
+    onToggleSuccess,
+    dragControls
+  };
+  if (hasVariants) {
+    const variantListProps = {
+      variants: rule.variants,
+      ruleId: rule.ruleId,
+      ruleSetId,
+      ruleTitle: rule.ruleTitle,
+      tierName,
+      allTiers,
+      currentTierId,
+      onEditVariant,
+      onDeleteVariant,
+      onFetchOverrideHistory: onFetchOverrideHistory ? (ruleId, variantId) => onFetchOverrideHistory(ruleId, variantId) : void 0,
+      editButtonLabel,
+      deleteButtonLabel: "Delete",
+      // Use 'Delete' for variant delete
+      whenToApplyLabel,
+      whenNotToApplyLabel,
+      noConditionsText,
+      viewOverrideLabel,
+      hideOverrideLabel,
+      enableLearningVariantLabel,
+      disableLearningVariantLabel,
+      historyErrorMessage,
+      showActionsBar,
+      showDescriptionBox,
+      showConditions,
+      showInheritance,
+      showConnectors,
+      highlightedVariants,
+      highlightedTierNames,
+      onToggleSuccess,
+      setDeleteConfirmationUsedFor,
+      onCopyToTier
+    };
+    return /* @__PURE__ */ jsx(RuleAccordionShell, { ...shellProps, children: /* @__PURE__ */ jsx(VariantList, { ...variantListProps }) });
+  }
+  return /* @__PURE__ */ jsx(RuleAccordionShell, { ...shellProps });
+};
+var RuleAccordion$1 = RuleAccordion;
+
+export { RuleAccordion$1 as default };
 //# sourceMappingURL=RuleAccordion.js.map