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

package/dist/schema-driven/components/VariantListField.js

@@ -1,2 +1,334 @@
-import{__assign as i}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import e,{useRef as o,useEffect as r,useState as a,useCallback as l}from"react";import{AlertTriangle as d}from"lucide-react";import{VariantListWrapper as u}from"../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js";import s from"../../features/IL-OTJ/_components/AccordianSection.js";import{EditPencilIcon as c}from"../../features/IL-OTJ/_components/_svg/EditPencilIcon.js";import{useVariantEditSession as p,hasMeaningfulText as v}from"../../features/IL-OTJ/_components/hooks/useVariantEditSession.js";import{useDynamicFormStore as f}from"../store/useDynamicFormStore.js";import{splitConditions as m}from"../utils/conditionText.js";import{useParentEditEnabled as h}from"../hooks/useParentEditEnabled.js";import{isNodeLocked as y,isWrapperEditLocked as g}from"../utils/editLock.js";function x(x){var b,C,S,w,E,A,T,D,I,V=h(x.schema),_=x.tierKey||"tier_1",k=!1!==(null===(b=x.schema)||void 0===b?void 0:b.show_variant_pill),O=(null===(S=null===(C=x.state)||void 0===C?void 0:C.variantsByTier)||void 0===S?void 0:S[_])||[{}],j=(null===(w=x.schema)||void 0===w?void 0:w.properties)||{},P=y(x.schema,x.uiState),N=g(x.schema,x.uiState),F=e.useMemo(function(){var i=new Set,n=function(t,e){void 0===t&&(t={}),void 0===e&&(e=!1),Object.entries(t).forEach(function(t){var o=t[0],r=t[1],a=e||P||y(r,x.uiState);a&&i.add(String((null==r?void 0:r.data_key)||o).replace("global.","")),(null==r?void 0:r.properties)&&n(r.properties,a)})};return n(j),i},[j,P,null===(E=x.uiState)||void 0===E?void 0:E.usedFor]),B=function(i){return Object.entries(j).filter(function(n){var t=n[1];return(null==t?void 0:t.bpa_ui_component)===i&&!(null==t?void 0:t.hidden)}).sort(function(i,n){var t,e,o=i[1],r=n[1];return(null!==(t=null==o?void 0:o.ui_position)&&void 0!==t?t:0)-(null!==(e=null==r?void 0:r.ui_position)&&void 0!==e?e:0)}).map(function(i){var n=i[0],t=i[1];return String((null==t?void 0:t.data_key)||n).replace("global.","")})},R=B("TextInput")[0],z=B("PromptTextEditor")[0],L=B("ConditionSection"),M=L[0],K=L[1],J=f(function(i){return i.variantData}),W=o(null===(A=x.uiState)||void 0===A?void 0:A.isAiStreaming);r(function(){var i,n;W.current&&!(null===(i=x.uiState)||void 0===i?void 0:i.isAiStreaming)&&f.getState().clearAllMirages(),W.current=null===(n=x.uiState)||void 0===n?void 0:n.isAiStreaming},[null===(T=x.uiState)||void 0===T?void 0:T.isAiStreaming]);var G=p(x.uiState,function(i){var n=f.getState().getVariantField,t=function(t){return t?n(_,i,t):void 0};return{ruleDescription:t(R)||"",instructionPrompt:t(z)||"",whenToApplyConditions:m(t(M)||"","wta"),whenNotToApplyConditions:m(t(K)||"","wnta")}},function(i,n){var t=f.getState(),e=t.setVariantField,o=t.setVariantMirage;void 0!==i.instructionPrompt&&z&&e(n.tierKey,n.variantIndex,z,i.instructionPrompt),void 0!==i.ruleDescription&&R&&o(n.tierKey,n.variantIndex,R,i.ruleDescription),void 0!==i.whenToApplyText&&M&&o(n.tierKey,n.variantIndex,M,i.whenToApplyText),void 0!==i.whenNotToApplyText&&K&&o(n.tierKey,n.variantIndex,K,i.whenNotToApplyText)}),q=G.variantEdit,H=G.pendingVariantId,Q=G.handleStartVariantEdit,U=G.handleCancelVariantEdit,X=G.patchVariantDraft,Y=G.editDraftCondition,Z=G.removeDraftCondition,$=G.addDraftCondition,ii=G.handleSaveVariantEdit,ni=o({}),ti=a(null),ei=ti[0],oi=ti[1],ri=o(null);r(function(){return function(){ri.current&&clearTimeout(ri.current)}},[]);var ai=l(function(i){var n=ni.current[i];n&&!n.disabled&&(n.scrollIntoView({behavior:"smooth",block:"center"}),oi(i),ri.current&&clearTimeout(ri.current),ri.current=setTimeout(function(){return oi(null)},1800))},[]);return n(u,i({onAddVariant:function(){var i;(null===(i=x.handlers)||void 0===i?void 0:i.addNewVariant)&&x.handlers.addNewVariant(_)},isDisabled:null===(D=x.uiState)||void 0===D?void 0:D.isAiStreaming,showAddVariantBtn:!V&&"Edit"!==(null===(I=x.uiState)||void 0===I?void 0:I.usedFor),showConnectorLines:!V},{children:[t("style",{children:"@keyframes ilVariantEditGlow {\n        0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }\n        50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }\n      }"}),O.map(function(e,o){var r,a,l,u,p,f=e.variantType||"default",m="default"===f||"default_variant"===f,h="".concat(_,"-variant-").concat(o),y=!0===e.is_variant,g=null===(r=x.uiState)||void 0===r?void 0:r.activeVariantAccordionIndex,b=void 0!==g?g===o:y,C=e.isReadOnly||(null===(a=x.uiState)||void 0===a?void 0:a.isAiStreaming),S="variant-".concat(_,"-").concat(o),w=V&&(null==q?void 0:q.id)===S,E=H===S,A=w?q.draft:null,T=C||E,D=(null===(l=null==J?void 0:J[_])||void 0===l?void 0:l[o])||{},I=![R,z,M,K].some(function(i){return i&&v(D[i])}),O=!A||!v(A.ruleDescription)||!A.whenToApplyConditions.some(function(i){return v(i.text)}),j=i({},function(i){var n,t={},e=function(n){void 0===n&&(n={}),Object.entries(n).forEach(function(n){var o=n[0],r=n[1],a=((null==r?void 0:r.data_key)||o).replace("global.","");t[a]={readOnly:i},(null==r?void 0:r.properties)&&e(r.properties)})};return e(null===(n=x.schema)||void 0===n?void 0:n.properties),t}(C||P));if(V){var B=function(n,t){n&&(!function(i){return!!i&&F.has(i)}(n)?j[n]=i(i({},j[n]||{}),t):j[n]=i(i({},j[n]||{}),{readOnly:!0,enableInlineEdit:!1,hideEditControls:!0,parentEditing:w}))};B(R,i({readOnly:C||!w,enableInlineEdit:!1},A?{value:A.ruleDescription,onChange:function(i){return X({ruleDescription:i})}}:{})),B(z,i({readOnly:C||!w,hideEditControls:!0,parentEditing:w},A?{value:A.instructionPrompt,onChange:function(i){return X({instructionPrompt:i})}}:{})),B(M,i({readOnly:C,hideEditControls:!0,parentEditing:w},A?{conditions:A.whenToApplyConditions,onAdd:function(){return $("whenToApplyConditions")},onRemove:function(i,n,t){return Z("whenToApplyConditions",t)},onEdit:function(i,n,t,e){return Y("whenToApplyConditions",t,e)}}:{})),B(K,i({readOnly:C,hideEditControls:!0,parentEditing:w},A?{conditions:A.whenNotToApplyConditions,onAdd:function(){return $("whenNotToApplyConditions")},onRemove:function(i,n,t){return Z("whenNotToApplyConditions",t)},onEdit:function(i,n,t,e){return Y("whenNotToApplyConditions",t,e)}}:{}))}var L=ei===S;return t("div",i({style:{width:"100%"},"data-edit-id":V?S:void 0},{children:t(s,i({title:{type:m?"default":"variant",label:f,number:o+1,isNewVariant:y,isDefault:e.isDefault,isModified:e.isModified},expanded:b,onToggle:function(){var i,n;return null===(n=null===(i=x.uiState)||void 0===i?void 0:i.setActiveVariantAccordionIndex)||void 0===n?void 0:n.call(i,b?null:o)},variant:"rule-behavior",showTitlePill:k,footerData:{ruleTitle:f,description:e.ruleDescription||""},readOnly:C,actionButtons:V?function(e,r){return V?N?null:!C||w||E?w||E?null:n("button",i({ref:function(i){ni.current[S]=i},title:T?"Editing unavailable":I?"Add":"Edit",onClick:function(i){i.stopPropagation(),Q(o,_,o,f),e||r()},disabled:T,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",borderRadius:"6px",border:"1px solid ".concat(L?"var(--il-primary, #7F56D9)":"var(--il-border, #E2E8F0)"),backgroundColor:L?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:L?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:T?"not-allowed":"pointer",opacity:T?.5:1,gap:"6px",transition:"border-color 150ms ease, background-color 150ms ease, color 150ms ease",animation:L?"ilVariantEditGlow 900ms ease-in-out 2":void 0}},{children:[t(c,{size:12})," ",I?"Add":"Edit"]})):null:null}:void 0,isAiStreaming:null===(u=x.uiState)||void 0===u?void 0:u.isAiStreaming,alwaysShowActions:V},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"},onClickCapture:function(){!V||N||w||E||T||ai(S)}},{children:[x.renderChildren?x.renderChildren(o,j,_):null,V&&(w||E)&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px",justifyContent:"flex-start"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),ii()},disabled:O||E,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:E?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:O||E?"not-allowed":"pointer",opacity:O?.5:1}},{children:E?"Validating...":"Save"})),!E&&t("button",i({onClick:function(i){i.stopPropagation(),U()},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"}))]})),V&&w&&(null===(p=x.uiState)||void 0===p?void 0:p.pendingEditId)===S&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t(d,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}))}),h)})]}))}export{x as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useRef, useEffect, useState, useCallback } from 'react';
+import { AlertTriangle } from 'lucide-react';
+import { VariantListWrapper } from '../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js';
+import AccordionSection from '../../features/IL-OTJ/_components/AccordianSection.js';
+import { EditPencilIcon } from '../../features/IL-OTJ/_components/_svg/EditPencilIcon.js';
+import { useVariantEditSession, hasMeaningfulText } from '../../features/IL-OTJ/_components/hooks/useVariantEditSession.js';
+import { useDynamicFormStore } from '../store/useDynamicFormStore.js';
+import { splitConditions } from '../utils/conditionText.js';
+import { useParentEditEnabled } from '../hooks/useParentEditEnabled.js';
+import { isNodeLocked, isWrapperEditLocked } from '../utils/editLock.js';
+
+function VariantListField(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const parentEdit = useParentEditEnabled(props.schema);
+  const tier = props.tierKey || "tier_1";
+  const showVariantPill = ((_a = props.schema) == null ? void 0 : _a.show_variant_pill) !== false;
+  const variants = ((_c = (_b = props.state) == null ? void 0 : _b.variantsByTier) == null ? void 0 : _c[tier]) || [{}];
+  const variantProperties = ((_d = props.schema) == null ? void 0 : _d.properties) || {};
+  const wrapperLocked = isNodeLocked(props.schema, props.uiState);
+  const variantEditLocked = isWrapperEditLocked(props.schema, props.uiState);
+  const lockedCleanKeys = React__default.useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    const walk = (properties = {}, inherited = false) => {
+      Object.entries(properties).forEach(([key, node]) => {
+        const locked = inherited || wrapperLocked || isNodeLocked(node, props.uiState);
+        if (locked) set.add(String((node == null ? void 0 : node.data_key) || key).replace("global.", ""));
+        if (node == null ? void 0 : node.properties) walk(node.properties, locked);
+      });
+    };
+    walk(variantProperties);
+    return set;
+  }, [variantProperties, wrapperLocked, (_e = props.uiState) == null ? void 0 : _e.usedFor]);
+  const isLockedKey = (key) => !!key && lockedCleanKeys.has(key);
+  const byComponent = (component) => Object.entries(variantProperties).filter(([, node]) => (node == null ? void 0 : node.bpa_ui_component) === component && !(node == null ? void 0 : node.hidden)).sort(([, a], [, b]) => {
+    var _a2, _b2;
+    return ((_a2 = a == null ? void 0 : a.ui_position) != null ? _a2 : 0) - ((_b2 = b == null ? void 0 : b.ui_position) != null ? _b2 : 0);
+  }).map(([key, node]) => String((node == null ? void 0 : node.data_key) || key).replace("global.", ""));
+  const [descCleanKey] = byComponent("TextInput");
+  const [promptCleanKey] = byComponent("PromptTextEditor");
+  const [wtaCleanKey, wntaCleanKey] = byComponent("ConditionSection");
+  const buildVariantDraft = (variantIndex) => {
+    const { getVariantField } = useDynamicFormStore.getState();
+    const read = (key) => key ? getVariantField(tier, variantIndex, key) : void 0;
+    return {
+      ruleDescription: read(descCleanKey) || "",
+      instructionPrompt: read(promptCleanKey) || "",
+      whenToApplyConditions: splitConditions(read(wtaCleanKey) || "", "wta"),
+      whenNotToApplyConditions: splitConditions(read(wntaCleanKey) || "", "wnta")
+    };
+  };
+  const commitVariantEdit = (committed, session) => {
+    const { setVariantField, setVariantMirage } = useDynamicFormStore.getState();
+    if (committed.instructionPrompt !== void 0 && promptCleanKey) {
+      setVariantField(session.tierKey, session.variantIndex, promptCleanKey, committed.instructionPrompt);
+    }
+    if (committed.ruleDescription !== void 0 && descCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, descCleanKey, committed.ruleDescription);
+    }
+    if (committed.whenToApplyText !== void 0 && wtaCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, wtaCleanKey, committed.whenToApplyText);
+    }
+    if (committed.whenNotToApplyText !== void 0 && wntaCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, wntaCleanKey, committed.whenNotToApplyText);
+    }
+  };
+  const variantStore = useDynamicFormStore((s) => s.variantData);
+  const prevVariantStreaming = useRef((_f = props.uiState) == null ? void 0 : _f.isAiStreaming);
+  useEffect(() => {
+    var _a2, _b2;
+    if (prevVariantStreaming.current && !((_a2 = props.uiState) == null ? void 0 : _a2.isAiStreaming)) {
+      useDynamicFormStore.getState().clearAllMirages();
+    }
+    prevVariantStreaming.current = (_b2 = props.uiState) == null ? void 0 : _b2.isAiStreaming;
+  }, [(_g = props.uiState) == null ? void 0 : _g.isAiStreaming]);
+  const {
+    variantEdit,
+    pendingVariantId,
+    handleStartVariantEdit,
+    handleCancelVariantEdit,
+    patchVariantDraft,
+    editDraftCondition,
+    removeDraftCondition,
+    addDraftCondition,
+    handleSaveVariantEdit
+  } = useVariantEditSession(props.uiState, buildVariantDraft, commitVariantEdit);
+  const editButtonRefs = useRef({});
+  const [glowingVariantId, setGlowingVariantId] = useState(null);
+  const glowTimer = useRef(null);
+  useEffect(() => () => {
+    if (glowTimer.current) clearTimeout(glowTimer.current);
+  }, []);
+  const nudgeEditButton = useCallback((editId) => {
+    const btn = editButtonRefs.current[editId];
+    if (!btn || btn.disabled) return;
+    btn.scrollIntoView({ behavior: "smooth", block: "center" });
+    setGlowingVariantId(editId);
+    if (glowTimer.current) clearTimeout(glowTimer.current);
+    glowTimer.current = setTimeout(() => setGlowingVariantId(null), 1800);
+  }, []);
+  const buildReadOnlyOverrides = (readOnly) => {
+    var _a2;
+    const overrides = {};
+    const collectOverrides = (properties = {}) => {
+      Object.entries(properties).forEach(([key, rawNode]) => {
+        const cleanKey = ((rawNode == null ? void 0 : rawNode.data_key) || key).replace("global.", "");
+        overrides[cleanKey] = { readOnly };
+        if (rawNode == null ? void 0 : rawNode.properties) collectOverrides(rawNode.properties);
+      });
+    };
+    collectOverrides((_a2 = props.schema) == null ? void 0 : _a2.properties);
+    return overrides;
+  };
+  return /* @__PURE__ */ jsxs(
+    VariantListWrapper,
+    {
+      onAddVariant: () => {
+        var _a2;
+        if ((_a2 = props.handlers) == null ? void 0 : _a2.addNewVariant) props.handlers.addNewVariant(tier);
+      },
+      isDisabled: (_h = props.uiState) == null ? void 0 : _h.isAiStreaming,
+      showAddVariantBtn: !parentEdit && ((_i = props.uiState) == null ? void 0 : _i.usedFor) !== "Edit",
+      showConnectorLines: !parentEdit,
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `@keyframes ilVariantEditGlow {
+        0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }
+        50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }
+      }` }),
+        variants.map((item, vIndex) => {
+          var _a2, _b2, _c2, _d2, _e2;
+          const variantType = item.variantType || "default";
+          const isDefault = variantType === "default" || variantType === "default_variant";
+          const uniqueId = `${tier}-variant-${vIndex}`;
+          const isDraftVariant = item.is_variant === true;
+          const activeIndex = (_a2 = props.uiState) == null ? void 0 : _a2.activeVariantAccordionIndex;
+          const isExpanded = activeIndex !== void 0 ? activeIndex === vIndex : isDraftVariant;
+          const isEffectivelyReadOnly = item.isReadOnly || ((_b2 = props.uiState) == null ? void 0 : _b2.isAiStreaming);
+          const variantEditId = `variant-${tier}-${vIndex}`;
+          const isThisVariantEditing = parentEdit && (variantEdit == null ? void 0 : variantEdit.id) === variantEditId;
+          const isThisVariantPending = pendingVariantId === variantEditId;
+          const draft = isThisVariantEditing ? variantEdit.draft : null;
+          const isVariantEditDisabled = isEffectivelyReadOnly || isThisVariantPending;
+          const variantValues = ((_c2 = variantStore == null ? void 0 : variantStore[tier]) == null ? void 0 : _c2[vIndex]) || {};
+          const isVariantEmpty = ![descCleanKey, promptCleanKey, wtaCleanKey, wntaCleanKey].some((key) => key && hasMeaningfulText(variantValues[key]));
+          const isVariantSaveDisabled = !draft || !hasMeaningfulText(draft.ruleDescription) || !draft.whenToApplyConditions.some((c) => hasMeaningfulText(c.text));
+          const overrides = { ...buildReadOnlyOverrides(isEffectivelyReadOnly || wrapperLocked) };
+          if (parentEdit) {
+            const put = (key, patch) => {
+              if (!key) return;
+              if (isLockedKey(key)) {
+                overrides[key] = {
+                  ...overrides[key] || {},
+                  readOnly: true,
+                  enableInlineEdit: false,
+                  hideEditControls: true,
+                  parentEditing: isThisVariantEditing
+                };
+                return;
+              }
+              overrides[key] = { ...overrides[key] || {}, ...patch };
+            };
+            put(descCleanKey, {
+              readOnly: isEffectivelyReadOnly || !isThisVariantEditing,
+              enableInlineEdit: false,
+              // no per-field pencil — the variant header owns editing
+              ...draft ? { value: draft.ruleDescription, onChange: (v) => patchVariantDraft({ ruleDescription: v }) } : {}
+            });
+            put(promptCleanKey, {
+              readOnly: isEffectivelyReadOnly || !isThisVariantEditing,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? { value: draft.instructionPrompt, onChange: (v) => patchVariantDraft({ instructionPrompt: v }) } : {}
+            });
+            put(wtaCleanKey, {
+              readOnly: isEffectivelyReadOnly,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? {
+                conditions: draft.whenToApplyConditions,
+                onAdd: () => addDraftCondition("whenToApplyConditions"),
+                onRemove: (_t, _i2, id) => removeDraftCondition("whenToApplyConditions", id),
+                onEdit: (_t, _i2, id, text) => editDraftCondition("whenToApplyConditions", id, text)
+              } : {}
+            });
+            put(wntaCleanKey, {
+              readOnly: isEffectivelyReadOnly,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? {
+                conditions: draft.whenNotToApplyConditions,
+                onAdd: () => addDraftCondition("whenNotToApplyConditions"),
+                onRemove: (_t, _i2, id) => removeDraftCondition("whenNotToApplyConditions", id),
+                onEdit: (_t, _i2, id, text) => editDraftCondition("whenNotToApplyConditions", id, text)
+              } : {}
+            });
+          }
+          const isGlowing = glowingVariantId === variantEditId;
+          const renderVariantHeaderActions = (isOpen, onToggle) => {
+            if (!parentEdit) return null;
+            if (variantEditLocked) return null;
+            if (isEffectivelyReadOnly && !isThisVariantEditing && !isThisVariantPending) return null;
+            if (isThisVariantEditing || isThisVariantPending) return null;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                ref: (el) => {
+                  editButtonRefs.current[variantEditId] = el;
+                },
+                title: isVariantEditDisabled ? "Editing unavailable" : isVariantEmpty ? "Add" : "Edit",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleStartVariantEdit(vIndex, tier, vIndex, variantType);
+                  if (!isOpen) onToggle();
+                },
+                disabled: isVariantEditDisabled,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "6px 8px",
+                  borderRadius: "6px",
+                  border: `1px solid ${isGlowing ? "var(--il-primary, #7F56D9)" : "var(--il-border, #E2E8F0)"}`,
+                  backgroundColor: isGlowing ? "var(--il-primary-subtle, #f5f3ff)" : "var(--il-surface, #ffffff)",
+                  color: isGlowing ? "var(--il-primary, #2563EB)" : "var(--il-muted, #64748B)",
+                  fontSize: "13px",
+                  fontWeight: 500,
+                  cursor: isVariantEditDisabled ? "not-allowed" : "pointer",
+                  opacity: isVariantEditDisabled ? 0.5 : 1,
+                  gap: "6px",
+                  transition: "border-color 150ms ease, background-color 150ms ease, color 150ms ease",
+                  animation: isGlowing ? "ilVariantEditGlow 900ms ease-in-out 2" : void 0
+                },
+                children: [
+                  /* @__PURE__ */ jsx(EditPencilIcon, { size: 12 }),
+                  " ",
+                  isVariantEmpty ? "Add" : "Edit"
+                ]
+              }
+            );
+          };
+          return /* @__PURE__ */ jsx("div", { style: { width: "100%" }, "data-edit-id": parentEdit ? variantEditId : void 0, children: /* @__PURE__ */ jsx(
+            AccordionSection,
+            {
+              title: { type: isDefault ? "default" : "variant", label: variantType, number: vIndex + 1, isNewVariant: isDraftVariant, isDefault: item.isDefault, isModified: item.isModified },
+              expanded: isExpanded,
+              onToggle: () => {
+                var _a3, _b3;
+                return (_b3 = (_a3 = props.uiState) == null ? void 0 : _a3.setActiveVariantAccordionIndex) == null ? void 0 : _b3.call(_a3, isExpanded ? null : vIndex);
+              },
+              variant: "rule-behavior",
+              showTitlePill: showVariantPill,
+              footerData: { ruleTitle: variantType, description: item.ruleDescription || "" },
+              readOnly: isEffectivelyReadOnly,
+              actionButtons: parentEdit ? renderVariantHeaderActions : void 0,
+              isAiStreaming: (_d2 = props.uiState) == null ? void 0 : _d2.isAiStreaming,
+              alwaysShowActions: parentEdit,
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: { display: "flex", flexDirection: "column", gap: "12px" },
+                  onClickCapture: () => {
+                    if (parentEdit && !variantEditLocked && !isThisVariantEditing && !isThisVariantPending && !isVariantEditDisabled) {
+                      nudgeEditButton(variantEditId);
+                    }
+                  },
+                  children: [
+                    props.renderChildren ? props.renderChildren(vIndex, overrides, tier) : null,
+                    parentEdit && (isThisVariantEditing || isThisVariantPending) && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", justifyContent: "flex-start" }, children: [
+                      /* @__PURE__ */ 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__ */ 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"
+                        }
+                      )
+                    ] }),
+                    parentEdit && isThisVariantEditing && ((_e2 = props.uiState) == null ? void 0 : _e2.pendingEditId) === variantEditId && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                      /* @__PURE__ */ jsx(AlertTriangle, { size: 14, style: { color: "var(--il-warning, #C2410C)" } }),
+                      /* @__PURE__ */ jsx("div", { style: { color: "var(--il-warning, #C2410C)", fontSize: "13px" }, children: "Pending - Changes not applied yet. Apply or discard them to continue." })
+                    ] })
+                  ]
+                }
+              )
+            }
+          ) }, uniqueId);
+        })
+      ]
+    }
+  );
+}
+
+export { VariantListField as default };
 //# sourceMappingURL=VariantListField.js.map

package/dist/schema-driven/components/VariantListField.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariantListField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"VariantListField.js","sources":["../../../src/schema-driven/components/VariantListField.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { VariantListWrapper } from '../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule';\nimport AccordionSection from '../../features/IL-OTJ/_components/AccordianSection';\nimport { EditPencilIcon } from '../../features/IL-OTJ/_components/_svg/EditPencilIcon';\nimport { useVariantEditSession, hasMeaningfulText, VariantDraft } from '../../features/IL-OTJ/_components/hooks/useVariantEditSession';\nimport { useDynamicFormStore } from '../store/useDynamicFormStore';\nimport { splitConditions } from '../utils/conditionText';\nimport { useParentEditEnabled } from '../hooks/useParentEditEnabled';\nimport { isNodeLocked, isWrapperEditLocked } from '../utils/editLock';\n\n// Renders one accordion per variant for the active tier and injects each variant's\n// schema children (description/prompt/WTA/WNTA/Config) via renderChildren(variantIndex).\n//\n// `parent_edit: true` on the wrapper node opts the section into the single\n// edit-session-per-variant UX (mirroring CreateRule.tsx): one Edit button in the\n// variant header opens a local draft covering Rule Description, Instruction Prompt,\n// When-to-Apply and When-NOT-to-Apply, and Save sends ONE combined chat message.\n// Without the flag the section keeps the per-field inline edits: every field stays\n// live-bound to the store and owns its own pencil/Apply.\nexport default function VariantListField(props: any) {\n  // Dynamic form → schema flag; legacy mount → new UI (backwardCompatibility false).\n  const parentEdit = useParentEditEnabled(props.schema);\n  const tier = props.tierKey || 'tier_1';\n  // Config decides whether each variant header carries its \"Variant N\" pill.\n  const showVariantPill = props.schema?.show_variant_pill !== false;\n  const variants = props.state?.variantsByTier?.[tier] || [{}];\n\n  // Resolve which store key each of the four session fields lives under by the schema's\n  // `bpa_ui_component` + `ui_position`, NOT by property name: property keys are\n  // config-authored and vary per template (`rule_description` vs `ruleDescription`,\n  // `wta` vs `whenToApply`), while the component type is what actually defines the role.\n  const variantProperties = props.schema?.properties || {};\n\n  // `read_only_in_edit_flow`: in the edit flow the wrapper (or every editable field\n  // in it) can be frozen — then the variant header shows no Edit button at all, and\n  // the whole subtree renders read-only. A partially frozen variant still gets its\n  // Edit button; the frozen fields simply stay locked inside the open session and\n  // say so (BPARenderer renders the lock notice + tooltip).\n  const wrapperLocked = isNodeLocked(props.schema, props.uiState);\n  const variantEditLocked = isWrapperEditLocked(props.schema, props.uiState);\n  /** cleanKey → true for every field frozen in the current flow. */\n  const lockedCleanKeys = React.useMemo(() => {\n    const set = new Set<string>();\n    const walk = (properties: Record<string, any> = {}, inherited = false) => {\n      Object.entries(properties).forEach(([key, node]: any) => {\n        const locked = inherited || wrapperLocked || isNodeLocked(node, props.uiState);\n        if (locked) set.add(String(node?.data_key || key).replace('global.', ''));\n        if (node?.properties) walk(node.properties, locked);\n      });\n    };\n    walk(variantProperties);\n    return set;\n  }, [variantProperties, wrapperLocked, props.uiState?.usedFor]);\n  const isLockedKey = (key?: string) => !!key && lockedCleanKeys.has(key);\n  const byComponent = (component: string) =>\n    Object.entries(variantProperties)\n      .filter(([, node]: any) => node?.bpa_ui_component === component && !node?.hidden)\n      .sort(([, a]: any, [, b]: any) => (a?.ui_position ?? 0) - (b?.ui_position ?? 0))\n      .map(([key, node]: any) => String(node?.data_key || key).replace('global.', ''));\n\n  const [descCleanKey] = byComponent('TextInput');\n  const [promptCleanKey] = byComponent('PromptTextEditor');\n  // First ConditionSection by ui_position is \"when to apply\", second is \"when NOT to apply\".\n  const [wtaCleanKey, wntaCleanKey] = byComponent('ConditionSection');\n\n  // `item` here is just the variant index — the draft is built straight from the\n  // canonical dynamic-form store, not from `props.state.variantsByTier` (which is a\n  // read-display mirror and may not reflect the same value). Only ever called when\n  // the user opens an edit session, so the non-reactive getState() read is safe.\n  const buildVariantDraft = (variantIndex: number): VariantDraft => {\n    const { getVariantField } = useDynamicFormStore.getState();\n    const read = (key?: string) => (key ? getVariantField(tier, variantIndex, key) : undefined);\n    return {\n      ruleDescription: read(descCleanKey) || '',\n      instructionPrompt: read(promptCleanKey) || '',\n      whenToApplyConditions: splitConditions(read(wtaCleanKey) || '', 'wta'),\n      whenNotToApplyConditions: splitConditions(read(wntaCleanKey) || '', 'wnta'),\n    };\n  };\n\n  // The instruction prompt is user-owned and committed straight to the store on\n  // Save (no AI round-trip): the user sees exactly what they typed the moment the\n  // session closes. Description/WTA/WNTA are AI-owned — they're mirrored instead,\n  // so they stay visible without looking committed until the AI actually writes\n  // them back (mirrors the \"Instruction Setup\" title's mirage behaviour).\n  const commitVariantEdit = (\n    committed: {\n      instructionPrompt?: string;\n      ruleDescription?: string;\n      whenToApplyText?: string;\n      whenNotToApplyText?: string;\n    },\n    session: { variantIndex: number; tierKey: string },\n  ) => {\n    const { setVariantField, setVariantMirage } = useDynamicFormStore.getState();\n    if (committed.instructionPrompt !== undefined && promptCleanKey) {\n      setVariantField(session.tierKey, session.variantIndex, promptCleanKey, committed.instructionPrompt);\n    }\n    if (committed.ruleDescription !== undefined && descCleanKey) {\n      setVariantMirage(session.tierKey, session.variantIndex, descCleanKey, committed.ruleDescription);\n    }\n    if (committed.whenToApplyText !== undefined && wtaCleanKey) {\n      setVariantMirage(session.tierKey, session.variantIndex, wtaCleanKey, committed.whenToApplyText);\n    }\n    if (committed.whenNotToApplyText !== undefined && wntaCleanKey) {\n      setVariantMirage(session.tierKey, session.variantIndex, wntaCleanKey, committed.whenNotToApplyText);\n    }\n  };\n\n  // Reactive read (the getState() reads elsewhere are one-shot) so the Add/Edit\n  // label flips as soon as the AI or the user fills the variant in.\n  const variantStore = useDynamicFormStore((s) => s.variantData);\n\n  // Mirages exist only to keep the user's draft visible while the AI's turn is in\n  // flight — once that turn ends, drop them (see useSectionEditSession, which does\n  // the same for the \"Instruction Setup\" title). If the AI actually wrote the\n  // fields back, the real store value wins from here on; if it didn't, the field\n  // falls back to its real (unset) value instead of looking permanently saved.\n  const prevVariantStreaming = useRef(props.uiState?.isAiStreaming);\n  useEffect(() => {\n    if (prevVariantStreaming.current && !props.uiState?.isAiStreaming) {\n      useDynamicFormStore.getState().clearAllMirages();\n    }\n    prevVariantStreaming.current = props.uiState?.isAiStreaming;\n  }, [props.uiState?.isAiStreaming]);\n\n  const {\n    variantEdit,\n    pendingVariantId,\n    handleStartVariantEdit,\n    handleCancelVariantEdit,\n    patchVariantDraft,\n    editDraftCondition,\n    removeDraftCondition,\n    addDraftCondition,\n    handleSaveVariantEdit,\n  } = useVariantEditSession(props.uiState, buildVariantDraft, commitVariantEdit);\n\n  // Discoverability nudge: clicking anywhere inside a variant's body while no edit\n  // session is open pulses the header's Add/Edit button (the only way in) and scrolls\n  // it into view, instead of leaving the click silently inert.\n  const editButtonRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n  const [glowingVariantId, setGlowingVariantId] = useState<string | null>(null);\n  const glowTimer = useRef<any>(null);\n\n  useEffect(() => () => { if (glowTimer.current) clearTimeout(glowTimer.current); }, []);\n\n  const nudgeEditButton = useCallback((editId: string) => {\n    const btn = editButtonRefs.current[editId];\n    if (!btn || btn.disabled) return;\n    btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    setGlowingVariantId(editId);\n    if (glowTimer.current) clearTimeout(glowTimer.current);\n    glowTimer.current = setTimeout(() => setGlowingVariantId(null), 1800);\n  }, []);\n\n  const buildReadOnlyOverrides = (readOnly: boolean) => {\n    const overrides: Record<string, any> = {};\n    const collectOverrides = (properties: Record<string, any> = {}) => {\n      Object.entries(properties).forEach(([key, rawNode]: any) => {\n        const cleanKey = (rawNode?.data_key || key).replace('global.', '');\n        overrides[cleanKey] = { readOnly };\n        if (rawNode?.properties) collectOverrides(rawNode.properties);\n      });\n    };\n    collectOverrides(props.schema?.properties);\n    return overrides;\n  };\n\n  return (\n    <VariantListWrapper\n      onAddVariant={() => { if (props.handlers?.addNewVariant) props.handlers.addNewVariant(tier); }}\n      isDisabled={props.uiState?.isAiStreaming}\n      // Under parent_edit the outer rule-list \"Add Variant\" button (RuleAccordionShell)\n      // owns this action instead — matches CreateRule.tsx's new-UI behaviour.\n      showAddVariantBtn={!parentEdit && props.uiState?.usedFor !== 'Edit'}\n      // Under parent_edit each variant is already its own bordered card, so the\n      // connector stick between them is redundant chrome — hide it here only.\n      showConnectorLines={!parentEdit}\n    >\n      <style>{`@keyframes ilVariantEditGlow {\n        0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }\n        50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }\n      }`}</style>\n      {variants.map((item: any, vIndex: number) => {\n        const variantType = item.variantType || 'default';\n        const isDefault = variantType === 'default' || variantType === 'default_variant';\n        const uniqueId = `${tier}-variant-${vIndex}`;\n        const isDraftVariant = item.is_variant === true;\n        // Once the user picks a variant, that choice wins; until then the drafted\n        // (new) variant is open by default and loaded variants stay collapsed.\n        const activeIndex = props.uiState?.activeVariantAccordionIndex;\n        const isExpanded = activeIndex !== undefined ? activeIndex === vIndex : isDraftVariant;\n        const isEffectivelyReadOnly = item.isReadOnly || props.uiState?.isAiStreaming;\n\n        const variantEditId = `variant-${tier}-${vIndex}`;\n        const isThisVariantEditing = parentEdit && variantEdit?.id === variantEditId;\n        const isThisVariantPending = pendingVariantId === variantEditId;\n        const draft = isThisVariantEditing ? variantEdit!.draft : null;\n        const isVariantEditDisabled = isEffectivelyReadOnly || isThisVariantPending;\n\n        // Nothing filled in yet → the header offers \"Add\" rather than \"Edit\".\n        const variantValues = variantStore?.[tier]?.[vIndex] || {};\n        const isVariantEmpty = ![descCleanKey, promptCleanKey, wtaCleanKey, wntaCleanKey]\n          .some((key) => key && hasMeaningfulText(variantValues[key]));\n\n        const isVariantSaveDisabled = !draft\n          || !hasMeaningfulText(draft.ruleDescription)\n          || !draft.whenToApplyConditions.some((c) => hasMeaningfulText(c.text));\n\n        // Only the variant in an open edit session gets draft-bound value/conditions.\n        // Everywhere else the fields keep reading the store themselves (BPAFieldWrapper\n        // subscribes to it), so AI write-backs stay live — we only add the props that\n        // suppress the old per-field pencil/Apply chrome.\n        const overrides: Record<string, any> = { ...buildReadOnlyOverrides(isEffectivelyReadOnly || wrapperLocked) };\n\n        if (parentEdit) {\n          const put = (key: string | undefined, patch: any) => {\n            if (!key) return;\n            // Frozen field: keep it store-bound and read-only, never draft-bound.\n            if (isLockedKey(key)) {\n              overrides[key] = {\n                ...(overrides[key] || {}),\n                readOnly: true,\n                enableInlineEdit: false,\n                hideEditControls: true,\n                parentEditing: isThisVariantEditing,\n              };\n              return;\n            }\n            overrides[key] = { ...(overrides[key] || {}), ...patch };\n          };\n\n          put(descCleanKey, {\n            readOnly: isEffectivelyReadOnly || !isThisVariantEditing,\n            enableInlineEdit: false, // no per-field pencil — the variant header owns editing\n            ...(draft ? { value: draft.ruleDescription, onChange: (v: string) => patchVariantDraft({ ruleDescription: v }) } : {}),\n          });\n\n          put(promptCleanKey, {\n            readOnly: isEffectivelyReadOnly || !isThisVariantEditing,\n            hideEditControls: true,\n            parentEditing: isThisVariantEditing,\n            ...(draft ? { value: draft.instructionPrompt, onChange: (v: string) => patchVariantDraft({ instructionPrompt: v }) } : {}),\n          });\n\n          put(wtaCleanKey, {\n            readOnly: isEffectivelyReadOnly,\n            hideEditControls: true,\n            parentEditing: isThisVariantEditing,\n            ...(draft ? {\n              conditions: draft.whenToApplyConditions,\n              onAdd: () => addDraftCondition('whenToApplyConditions'),\n              onRemove: (_t: string, _i: number, id: any) => removeDraftCondition('whenToApplyConditions', id),\n              onEdit: (_t: string, _i: number, id: any, text: string) => editDraftCondition('whenToApplyConditions', id, text),\n            } : {}),\n          });\n\n          put(wntaCleanKey, {\n            readOnly: isEffectivelyReadOnly,\n            hideEditControls: true,\n            parentEditing: isThisVariantEditing,\n            ...(draft ? {\n              conditions: draft.whenNotToApplyConditions,\n              onAdd: () => addDraftCondition('whenNotToApplyConditions'),\n              onRemove: (_t: string, _i: number, id: any) => removeDraftCondition('whenNotToApplyConditions', id),\n              onEdit: (_t: string, _i: number, id: any, text: string) => editDraftCondition('whenNotToApplyConditions', id, text),\n            } : {}),\n          });\n        }\n\n        const isGlowing = glowingVariantId === variantEditId;\n\n        const renderVariantHeaderActions = (isOpen: boolean, onToggle: () => void) => {\n          if (!parentEdit) return null;\n          // Wrapper frozen, or nothing left in it that can still be edited.\n          if (variantEditLocked) return null;\n          if (isEffectivelyReadOnly && !isThisVariantEditing && !isThisVariantPending) return null;\n\n          // Save/Cancel live at the bottom-left of the variant body (users read and edit\n          // top-to-bottom, then look down-left to commit) — not in the header.\n          if (isThisVariantEditing || isThisVariantPending) return null;\n\n          return (\n            <button\n              ref={(el) => { editButtonRefs.current[variantEditId] = el; }}\n              title={isVariantEditDisabled ? 'Editing unavailable' : (isVariantEmpty ? 'Add' : 'Edit')}\n              onClick={(e) => {\n                e.stopPropagation();\n                handleStartVariantEdit(vIndex, tier, vIndex, variantType);\n                if (!isOpen) onToggle();\n              }}\n              disabled={isVariantEditDisabled}\n              style={{\n                display: 'flex', alignItems: 'center', justifyContent: 'center',\n                padding: '6px 8px', borderRadius: '6px',\n                border: `1px solid ${isGlowing ? 'var(--il-primary, #7F56D9)' : 'var(--il-border, #E2E8F0)'}`,\n                backgroundColor: isGlowing ? 'var(--il-primary-subtle, #f5f3ff)' : 'var(--il-surface, #ffffff)',\n                color: isGlowing ? 'var(--il-primary, #2563EB)' : 'var(--il-muted, #64748B)', fontSize: '13px', fontWeight: 500,\n                cursor: isVariantEditDisabled ? 'not-allowed' : 'pointer',\n                opacity: isVariantEditDisabled ? 0.5 : 1,\n                gap: '6px',\n                transition: 'border-color 150ms ease, background-color 150ms ease, color 150ms ease',\n                animation: isGlowing ? 'ilVariantEditGlow 900ms ease-in-out 2' : undefined,\n              }}\n            >\n              <EditPencilIcon size={12} /> {isVariantEmpty ? 'Add' : 'Edit'}\n            </button>\n          );\n        };\n\n        return (\n          <div key={uniqueId} style={{ width: '100%' }} data-edit-id={parentEdit ? variantEditId : undefined}>\n            <AccordionSection\n              title={{ type: isDefault ? 'default' : 'variant', label: variantType, number: vIndex + 1, isNewVariant: isDraftVariant, isDefault: item.isDefault, isModified: item.isModified }}\n              expanded={isExpanded}\n              onToggle={() => props.uiState?.setActiveVariantAccordionIndex?.(isExpanded ? null : vIndex)}\n              variant=\"rule-behavior\"\n              showTitlePill={showVariantPill}\n              footerData={{ ruleTitle: variantType, description: item.ruleDescription || '' }}\n              readOnly={isEffectivelyReadOnly}\n              actionButtons={parentEdit ? renderVariantHeaderActions : undefined}\n              isAiStreaming={props.uiState?.isAiStreaming}\n              // Keep the header mounted while streaming so the Save button can show\n              // \"Validating...\" — the render fn already returns null for variants that\n              // aren't the one being validated.\n              alwaysShowActions={parentEdit}\n            >\n              <div\n                style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}\n                onClickCapture={() => {\n                  if (parentEdit && !variantEditLocked && !isThisVariantEditing && !isThisVariantPending && !isVariantEditDisabled) {\n                    nudgeEditButton(variantEditId);\n                  }\n                }}\n              >\n                {/* Pass the resolved tier so nested fields hit variantData[tier][vIndex]. */}\n                {props.renderChildren ? props.renderChildren(vIndex, overrides, tier) : null}\n\n                {/* Bottom-left Save/Cancel for the open edit session. */}\n                {parentEdit && (isThisVariantEditing || isThisVariantPending) && (\n                  <div style={{ display: 'flex', alignItems: 'center', gap: '6px', justifyContent: 'flex-start' }}>\n                    <button\n                      onClick={(e) => { e.stopPropagation(); handleSaveVariantEdit(); }}\n                      disabled={isVariantSaveDisabled || isThisVariantPending}\n                      style={{\n                        display: 'flex', alignItems: 'center', gap: '6px',\n                        padding: '6px 10.5px', borderRadius: '6px',\n                        border: '1px solid var(--il-primary, #D9D6FE)', backgroundColor: isThisVariantPending ? 'var(--il-primary-subtle, #f5f3ff)' : 'var(--il-surface, #ffffff)',\n                        color: 'var(--il-primary, #2563EB)', fontSize: '13px', fontWeight: 500,\n                        cursor: (isVariantSaveDisabled || isThisVariantPending) ? 'not-allowed' : 'pointer',\n                        opacity: isVariantSaveDisabled ? 0.5 : 1,\n                      }}\n                    >\n                      {isThisVariantPending ? 'Validating...' : 'Save'}\n                    </button>\n                    {!isThisVariantPending && (\n                      <button\n                        onClick={(e) => { e.stopPropagation(); handleCancelVariantEdit(); }}\n                        style={{\n                          display: 'flex', alignItems: 'center', gap: '6px',\n                          padding: '6px 10.5px', borderRadius: '6px',\n                          border: '1px solid var(--il-primary, #D9D6FE)', backgroundColor: 'var(--il-surface, #ffffff)',\n                          color: 'var(--il-primary, #2563EB)', fontSize: '13px', fontWeight: 500,\n                          cursor: 'pointer',\n                        }}\n                      >\n                        Cancel\n                      </button>\n                    )}\n                  </div>\n                )}\n\n                {/* Pending warning — user was editing this variant but clicked away without saving. */}\n                {parentEdit && isThisVariantEditing && props.uiState?.pendingEditId === variantEditId && (\n                  <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n                    <AlertTriangle size={14} style={{ color: 'var(--il-warning, #C2410C)' }} />\n                    <div style={{ color: 'var(--il-warning, #C2410C)', fontSize: '13px' }}>\n                      Pending - Changes not applied yet. Apply or discard them to continue.\n                    </div>\n                  </div>\n                )}\n              </div>\n            </AccordionSection>\n          </div>\n        );\n      })}\n    </VariantListWrapper>\n  );\n}\n"],"names":["React","_a","_b","_c","_d","_e","_i"],"mappings":"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"}

package/dist/schema-driven/helper.js

@@ -0,0 +1,117 @@
+function defaultForColumn(col) {
+  var _a, _b, _c, _d, _e;
+  if (col.defaultValue !== void 0) return col.defaultValue;
+  switch (col.type) {
+    case "checkbox":
+      return false;
+    case "number":
+      return "";
+    case "dropdown":
+      return (_b = (_a = col.options) == null ? void 0 : _a[0]) != null ? _b : "";
+    case "fileType":
+      return (_e = (_d = col.defaultValue) != null ? _d : (_c = col.options) == null ? void 0 : _c[0]) != null ? _e : "PDF";
+    case "tags":
+      return [];
+    default:
+      return "";
+  }
+}
+function buildEmptyRow(columns) {
+  const row = {};
+  columns.forEach((col) => {
+    row[col.key] = defaultForColumn(col);
+  });
+  return row;
+}
+function withOrder(rows, orderKey) {
+  if (!orderKey) return rows;
+  return rows.map((row, index) => ({ ...row, [orderKey]: index + 1 }));
+}
+const DEFAULT_TABLE_CSS_TEMPLATE = `
+.{scope}.et-wrapper { display: flex; flex-direction: column; gap: 12px; font-family: inherit; }
+.{scope} .et-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+.{scope} .et-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E4F2; border-radius: 12px; overflow: hidden; font-size: 14px; min-width: 100%; }
+.{scope} .et-table thead th { background: #F3F1FB; color: #2C2A3D; font-weight: 600; text-align: left; padding: 14px 16px; border-bottom: 1px solid #E7E4F2; white-space: nowrap; }
+.{scope} .et-table tbody td { padding: 10px 16px; border-bottom: 1px solid #EFEDF7; vertical-align: middle; background: #fff; }
+.{scope} .et-table tbody tr:last-child td { border-bottom: none; }
+.{scope} .et-table tbody tr:hover td { background: #FAFAFE; }
+.{scope} .et-row-locked td { background: #FFFBF0; }
+.{scope} .et-index-col { width: 48px; color: #8A8698; font-variant-numeric: tabular-nums; }
+.{scope} .et-drag-col { width: 32px; text-align: center; }
+.{scope} .et-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; cursor: grab; color: #8A8698; user-select: none; border-radius: 6px; touch-action: none; }
+.{scope} .et-drag-handle:hover { color: var(--et-accent, #6C5CE7); background: #F3F1FB; }
+.{scope} .et-drag-handle:active { cursor: grabbing; }
+.{scope} tr[draggable="true"] { will-change: transform, opacity; }
+.{scope} .et-lock-icon { opacity: 0.85; }
+.{scope} .et-action-col { width: 40px; text-align: center; }
+.{scope} .et-readonly-cell { color: #5B5770; display: inline-flex; align-items: center; gap: 6px; }
+.{scope} .et-input, .{scope} .et-select { width: 100%; min-width: 64px; padding: 7px 10px; border: 1px solid #DFDCEC; border-radius: 8px; background: #FBFAFE; font-size: 14px; color: #262433; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
+.{scope} .et-input:focus, .{scope} .et-select:focus { outline: none; border-color: var(--et-accent, #6C5CE7); box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); background: #fff; }
+.{scope} .et-input:disabled,.{scope} .et-select:disabled {
+  background: #FBFAFE;
+  color: #262433;
+  border-color: #DFDCEC;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.{scope} .et-checkbox { width: 18px; height: 18px; accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }
+.{scope} .et-checkbox:disabled { cursor: not-allowed; opacity: 1; }
+.{scope} .et-delete-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; opacity: 0.6; padding: 4px; border-radius: 6px; line-height: 1; }
+.{scope} .et-delete-btn:hover { opacity: 1; background: #FBEAEA; }
+.{scope} .et-add-btn { align-self: flex-start; padding: 10px 18px; border-radius: 10px; border: 1px solid #DFDCEC; background: #fff; color: var(--et-accent-strong, #4B3FD6); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
+.{scope} .et-add-btn:hover { background: #F3F1FB; border-color: #C9C3EE; }
+.{scope} .et-empty-state { text-align: center; padding: 28px 16px; color: #9C98AC; font-size: 14px; }
+
+/* lock column */
+.{scope} .et-lock-col { width: 36px; text-align: center; }
+.{scope} .et-lock-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; padding: 2px; opacity: 0.75; line-height: 1; }
+.{scope} .et-lock-btn:hover:not(:disabled) { opacity: 1; }
+.{scope} .et-lock-btn:disabled { cursor: default; opacity: 0.85; }
+
+/* header info tooltip icon */
+.{scope} .et-info-icon { color: #B8B4C9; font-size: 12px; margin-left: 4px; cursor: help; font-weight: 400; }
+
+/* badge / status pill (e.g. Ingestion Choice) */
+.{scope} .et-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
+.{scope} .et-badge-success { color: #1E7E4D; background: #DFF6E8; }
+.{scope} .et-badge-warning { color: #92600A; background: #FDF1CC; }
+.{scope} .et-badge-danger { color: #A13333; background: #FBE4E4; }
+.{scope} .et-badge-info { color: #2E4FA3; background: #E3EBFB; }
+.{scope} .et-badge-neutral { color: #4B4863; background: #EFEDF7; }
+.{scope} .et-badge-select { min-width: 128px; padding: 5px 10px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 600; cursor: pointer; }
+.{scope} .et-badge-select:disabled {
+  cursor: default;
+  opacity: 1;
+  cursor: not-allowed;
+}
+.{scope} .et-badge-select:focus { outline: none; box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); }
+.{scope} .et-badge-select-success { color: #1E7E4D; background-color: #DFF6E8; }
+.{scope} .et-badge-select-warning { color: #92600A; background-color: #FDF1CC; }
+.{scope} .et-badge-select-danger { color: #A13333; background-color: #FBE4E4; }
+.{scope} .et-badge-select-info { color: #2E4FA3; background-color: #E3EBFB; }
+.{scope} .et-badge-select-neutral { color: #4B4863; background-color: #EFEDF7; }
+
+/* tags (e.g. General Modality) */
+.{scope} .et-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 28px; }
+.{scope} .et-tags-clickable { cursor: pointer; border-radius: 8px; padding: 2px; margin: -2px; }
+.{scope} .et-tags-clickable:hover { background: #FAFAFE; }
+.{scope} .et-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px 4px 10px; border-radius: 8px; background: #F3F1FB; color: #2C2A3D; font-size: 13px; border: 1px solid #E7E4F2; }
+.{scope} .et-tag-static { padding: 4px 10px; }
+.{scope} .et-tag-remove { border: none; background: transparent; cursor: pointer; color: #8A8698; font-size: 13px; line-height: 1; padding: 0; }
+.{scope} .et-tag-remove:hover { color: #A13333; }
+.{scope} .et-tags-placeholder { color: #A5A2B5; font-size: 13px; padding: 4px 2px; }
+.{scope} .et-tags-empty { color: #C9C6D6; font-size: 13px; }
+.{scope} .et-tags-editor { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #DFDCEC; border-radius: 10px; background: #FBFAFE; box-shadow: 0 2px 10px rgba(44, 42, 61, 0.08); min-width: 160px; }
+.{scope} .et-tags-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #262433; cursor: pointer; }
+.{scope} .et-tags-option input { accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }
+.{scope} .et-tags-done { align-self: flex-end; border: none; background: var(--et-accent, #6C5CE7); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 7px; cursor: pointer; margin-top: 2px; }
+.{scope} .et-tags-done:hover { opacity: 0.9; }
+
+/* file type chip (e.g. File Extension) */
+.{scope} .et-file-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E7E4F2; border-radius: 8px; padding: 4px 10px; font-size: 13px; color: #4B4863; background: #fff; }
+.{scope} .et-file-icon { font-size: 13px; line-height: 1; }
+.{scope} .et-file-select { min-width: 88px; }
+`;
+
+export { DEFAULT_TABLE_CSS_TEMPLATE, buildEmptyRow, defaultForColumn, withOrder };
+//# sourceMappingURL=helper.js.map

package/dist/schema-driven/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../src/schema-driven/helper.ts"],"sourcesContent":["\n\nimport { ColumnDef } from \"./types\";\n\nexport function defaultForColumn<T>(col: ColumnDef<T>): any {\n  if (col.defaultValue !== undefined) return col.defaultValue;\n  switch (col.type) {\n    case 'checkbox':\n      return false;\n    case 'number':\n      return '';\n    case 'dropdown':\n      return col.options?.[0] ?? '';\n    case 'fileType':\n      return col.defaultValue ?? col.options?.[0] ?? 'PDF';\n    case 'tags':\n      return [];\n    default:\n      return '';\n  }\n}\n\nexport function buildEmptyRow<T extends Record<string, any>>(columns: ColumnDef<T>[]): T {\n  const row = {} as T;\n  columns.forEach((col) => {\n    (row as any)[col.key] = defaultForColumn(col);\n  });\n  return row;\n}\n\n/**\n * When `orderKey` is provided, stamps every row with its 1-based position\n * in that field. Returns the array unchanged (same reference) when no\n * `orderKey` is configured, so this is a no-op for existing consumers.\n */\nexport function withOrder<T extends Record<string, any>>(\n  rows: T[],\n  orderKey: Extract<keyof T, string> | undefined\n): T[] {\n  if (!orderKey) return rows;\n  return rows.map((row, index) => ({ ...row, [orderKey]: index + 1 }));\n}\n\n\n\n/*  Default styling  for Table component                               */\n\n\n/**\n * The default stylesheet, as a template. `{scope}` is replaced with a\n * unique per-instance class so multiple tables never leak styles into\n * each other. Import this if you want to start from the default and\n * only override a few rules, e.g.:\n *\n *   const css = DEFAULT_TABLE_CSS_TEMPLATE + `.et-add-btn { color: red; }`\n *\n * (your extra rules should target `.et-*` too — they'll be scoped the\n * same way as the defaults when you pass them back in via the `css` prop\n * — or scope them yourself with `.your-wrapper-class .et-*`).\n */\nexport const DEFAULT_TABLE_CSS_TEMPLATE = `\n.{scope}.et-wrapper { display: flex; flex-direction: column; gap: 12px; font-family: inherit; }\n.{scope} .et-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n.{scope} .et-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E4F2; border-radius: 12px; overflow: hidden; font-size: 14px; min-width: 100%; }\n.{scope} .et-table thead th { background: #F3F1FB; color: #2C2A3D; font-weight: 600; text-align: left; padding: 14px 16px; border-bottom: 1px solid #E7E4F2; white-space: nowrap; }\n.{scope} .et-table tbody td { padding: 10px 16px; border-bottom: 1px solid #EFEDF7; vertical-align: middle; background: #fff; }\n.{scope} .et-table tbody tr:last-child td { border-bottom: none; }\n.{scope} .et-table tbody tr:hover td { background: #FAFAFE; }\n.{scope} .et-row-locked td { background: #FFFBF0; }\n.{scope} .et-index-col { width: 48px; color: #8A8698; font-variant-numeric: tabular-nums; }\n.{scope} .et-drag-col { width: 32px; text-align: center; }\n.{scope} .et-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; cursor: grab; color: #8A8698; user-select: none; border-radius: 6px; touch-action: none; }\n.{scope} .et-drag-handle:hover { color: var(--et-accent, #6C5CE7); background: #F3F1FB; }\n.{scope} .et-drag-handle:active { cursor: grabbing; }\n.{scope} tr[draggable=\"true\"] { will-change: transform, opacity; }\n.{scope} .et-lock-icon { opacity: 0.85; }\n.{scope} .et-action-col { width: 40px; text-align: center; }\n.{scope} .et-readonly-cell { color: #5B5770; display: inline-flex; align-items: center; gap: 6px; }\n.{scope} .et-input, .{scope} .et-select { width: 100%; min-width: 64px; padding: 7px 10px; border: 1px solid #DFDCEC; border-radius: 8px; background: #FBFAFE; font-size: 14px; color: #262433; transition: border-color 0.15s ease, box-shadow 0.15s ease; }\n.{scope} .et-input:focus, .{scope} .et-select:focus { outline: none; border-color: var(--et-accent, #6C5CE7); box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); background: #fff; }\n.{scope} .et-input:disabled,.{scope} .et-select:disabled {\n  background: #FBFAFE;\n  color: #262433;\n  border-color: #DFDCEC;\n  cursor: not-allowed;\n  opacity: 1;\n}\n.{scope} .et-checkbox { width: 18px; height: 18px; accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-checkbox:disabled { cursor: not-allowed; opacity: 1; }\n.{scope} .et-delete-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; opacity: 0.6; padding: 4px; border-radius: 6px; line-height: 1; }\n.{scope} .et-delete-btn:hover { opacity: 1; background: #FBEAEA; }\n.{scope} .et-add-btn { align-self: flex-start; padding: 10px 18px; border-radius: 10px; border: 1px solid #DFDCEC; background: #fff; color: var(--et-accent-strong, #4B3FD6); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }\n.{scope} .et-add-btn:hover { background: #F3F1FB; border-color: #C9C3EE; }\n.{scope} .et-empty-state { text-align: center; padding: 28px 16px; color: #9C98AC; font-size: 14px; }\n\n/* lock column */\n.{scope} .et-lock-col { width: 36px; text-align: center; }\n.{scope} .et-lock-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; padding: 2px; opacity: 0.75; line-height: 1; }\n.{scope} .et-lock-btn:hover:not(:disabled) { opacity: 1; }\n.{scope} .et-lock-btn:disabled { cursor: default; opacity: 0.85; }\n\n/* header info tooltip icon */\n.{scope} .et-info-icon { color: #B8B4C9; font-size: 12px; margin-left: 4px; cursor: help; font-weight: 400; }\n\n/* badge / status pill (e.g. Ingestion Choice) */\n.{scope} .et-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }\n.{scope} .et-badge-success { color: #1E7E4D; background: #DFF6E8; }\n.{scope} .et-badge-warning { color: #92600A; background: #FDF1CC; }\n.{scope} .et-badge-danger { color: #A13333; background: #FBE4E4; }\n.{scope} .et-badge-info { color: #2E4FA3; background: #E3EBFB; }\n.{scope} .et-badge-neutral { color: #4B4863; background: #EFEDF7; }\n.{scope} .et-badge-select { min-width: 128px; padding: 5px 10px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 600; cursor: pointer; }\n.{scope} .et-badge-select:disabled {\n  cursor: default;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.{scope} .et-badge-select:focus { outline: none; box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); }\n.{scope} .et-badge-select-success { color: #1E7E4D; background-color: #DFF6E8; }\n.{scope} .et-badge-select-warning { color: #92600A; background-color: #FDF1CC; }\n.{scope} .et-badge-select-danger { color: #A13333; background-color: #FBE4E4; }\n.{scope} .et-badge-select-info { color: #2E4FA3; background-color: #E3EBFB; }\n.{scope} .et-badge-select-neutral { color: #4B4863; background-color: #EFEDF7; }\n\n/* tags (e.g. General Modality) */\n.{scope} .et-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 28px; }\n.{scope} .et-tags-clickable { cursor: pointer; border-radius: 8px; padding: 2px; margin: -2px; }\n.{scope} .et-tags-clickable:hover { background: #FAFAFE; }\n.{scope} .et-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px 4px 10px; border-radius: 8px; background: #F3F1FB; color: #2C2A3D; font-size: 13px; border: 1px solid #E7E4F2; }\n.{scope} .et-tag-static { padding: 4px 10px; }\n.{scope} .et-tag-remove { border: none; background: transparent; cursor: pointer; color: #8A8698; font-size: 13px; line-height: 1; padding: 0; }\n.{scope} .et-tag-remove:hover { color: #A13333; }\n.{scope} .et-tags-placeholder { color: #A5A2B5; font-size: 13px; padding: 4px 2px; }\n.{scope} .et-tags-empty { color: #C9C6D6; font-size: 13px; }\n.{scope} .et-tags-editor { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #DFDCEC; border-radius: 10px; background: #FBFAFE; box-shadow: 0 2px 10px rgba(44, 42, 61, 0.08); min-width: 160px; }\n.{scope} .et-tags-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #262433; cursor: pointer; }\n.{scope} .et-tags-option input { accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-tags-done { align-self: flex-end; border: none; background: var(--et-accent, #6C5CE7); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 7px; cursor: pointer; margin-top: 2px; }\n.{scope} .et-tags-done:hover { opacity: 0.9; }\n\n/* file type chip (e.g. File Extension) */\n.{scope} .et-file-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E7E4F2; border-radius: 8px; padding: 4px 10px; font-size: 13px; color: #4B4863; background: #fff; }\n.{scope} .et-file-icon { font-size: 13px; line-height: 1; }\n.{scope} .et-file-select { min-width: 88px; }\n`;\n\n"],"names":[],"mappings":"AAIO,SAAS,iBAAoB,GAAwB,EAAA;AAJ5D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAKE,EAAA,IAAI,GAAI,CAAA,YAAA,KAAiB,KAAW,CAAA,EAAA,OAAO,GAAI,CAAA,YAAA,CAAA;AAC/C,EAAA,QAAQ,IAAI,IAAM;AAAA,IAChB,KAAK,UAAA;AACH,MAAO,OAAA,KAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,EAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAA,CAAO,EAAI,GAAA,CAAA,EAAA,GAAA,GAAA,CAAA,OAAA,KAAJ,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAd,IAAoB,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,IAC7B,KAAK,UAAA;AACH,MAAA,OAAA,CAAO,eAAI,YAAJ,KAAA,IAAA,GAAA,EAAA,GAAA,CAAoB,SAAI,OAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,OAAlC,IAAwC,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,IACjD,KAAK,MAAA;AACH,MAAA,OAAO,EAAC,CAAA;AAAA,IACV;AACE,MAAO,OAAA,EAAA,CAAA;AAAA,GACX;AACF,CAAA;AAEO,SAAS,cAA6C,OAA4B,EAAA;AACvF,EAAA,MAAM,MAAM,EAAC,CAAA;AACb,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACvB,IAAC,GAAY,CAAA,GAAA,CAAI,GAAG,CAAA,GAAI,iBAAiB,GAAG,CAAA,CAAA;AAAA,GAC7C,CAAA,CAAA;AACD,EAAO,OAAA,GAAA,CAAA;AACT,CAAA;AAOgB,SAAA,SAAA,CACd,MACA,QACK,EAAA;AACL,EAAI,IAAA,CAAC,UAAiB,OAAA,IAAA,CAAA;AACtB,EAAA,OAAO,IAAK,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KAAW,MAAA,EAAE,GAAG,GAAA,EAAK,CAAC,QAAQ,GAAG,KAAA,GAAQ,GAAI,CAAA,CAAA,CAAA;AACrE,CAAA;AAmBO,MAAM,0BAA6B,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/schema-driven/hooks/useParentEditEnabled.js

@@ -1,2 +1,14 @@
-import r,{useContext as t}from"react";import{useLearningTemplateStore as e}from"../../features/LearningManagement/store/useLearningTemplateStore.js";var n=r.createContext(!1),a=function(){return t(n)};function o(r){var t=a(),n=e(function(r){return r.backwardCompatibility});return t?!0===(null==r?void 0:r.parent_edit):!n}export{n as DynamicFormContext,a as useIsDynamicForm,o as useParentEditEnabled};
+import React__default, { useContext } from 'react';
+import { useLearningTemplateStore } from '../../features/LearningManagement/store/useLearningTemplateStore.js';
+
+const DynamicFormContext = React__default.createContext(false);
+const useIsDynamicForm = () => useContext(DynamicFormContext);
+function useParentEditEnabled(schema) {
+  const isDynamicForm = useIsDynamicForm();
+  const backwardCompatibility = useLearningTemplateStore((s) => s.backwardCompatibility);
+  if (isDynamicForm) return (schema == null ? void 0 : schema.parent_edit) === true;
+  return !backwardCompatibility;
+}
+
+export { DynamicFormContext, useIsDynamicForm, useParentEditEnabled };
 //# sourceMappingURL=useParentEditEnabled.js.map

package/dist/schema-driven/hooks/useParentEditEnabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParentEditEnabled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useParentEditEnabled.js","sources":["../../../src/schema-driven/hooks/useParentEditEnabled.ts"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useLearningTemplateStore } from '../../features/LearningManagement/store/useLearningTemplateStore';\n\n/**\n * True only inside the schema-driven (dynamic form) renderer tree. Registry\n * components are also mounted directly by the legacy CreateRule flow — which has\n * no schema node and therefore no way to set `parent_edit` — so they need to be\n * able to tell the two mounts apart.\n */\nexport const DynamicFormContext = React.createContext(false);\n\nexport const useIsDynamicForm = () => useContext(DynamicFormContext);\n\n/**\n * Resolves whether the combined (\"one Edit per section/variant\") UX is on:\n *\n *  - dynamic form  → the schema decides, via `parent_edit: true`\n *  - legacy form   → there is no schema flag, so the new UI itself decides:\n *                    `backwardCompatibility === false` means new UI means combined edit\n */\nexport function useParentEditEnabled(schema?: any): boolean {\n  const isDynamicForm = useIsDynamicForm();\n  const backwardCompatibility = useLearningTemplateStore((s) => s.backwardCompatibility);\n\n  if (isDynamicForm) return schema?.parent_edit === true;\n  return !backwardCompatibility;\n}\n"],"names":["React"],"mappings":";;;AASa,MAAA,kBAAA,GAAqBA,cAAM,CAAA,aAAA,CAAc,KAAK,EAAA;AAE9C,MAAA,gBAAA,GAAmB,MAAM,UAAA,CAAW,kBAAkB,EAAA;AAS5D,SAAS,qBAAqB,MAAuB,EAAA;AAC1D,EAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,EAAA,MAAM,qBAAwB,GAAA,wBAAA,CAAyB,CAAC,CAAA,KAAM,EAAE,qBAAqB,CAAA,CAAA;AAErF,EAAI,IAAA,aAAA,EAAsB,OAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,WAAgB,MAAA,IAAA,CAAA;AAClD,EAAA,OAAO,CAAC,qBAAA,CAAA;AACV;;;;"}