@e-llm-studio/instant-learning 1.3.2 → 1.3.4

package/dist/cjs/features/IL-OTJ/_components/molecules/SeperationRow/SeparationRow.js

@@ -1,2 +1,63 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),s=require("../../atoms/Toggle/Toggle.js");exports.SeparationRow=function(i){var r=i.label,n=i.isEnabled,o=i.duration,t=i.onToggle,l=i.onDurationChange,d=i.unit,g=void 0===d?"mins":d,u=i.isHighlighted,c=void 0!==u&&u,p=i.isDisabled,b=void 0!==p&&p;return a.jsxs("div",e.__assign({className:"separation-row-container ".concat(n?"enabled":""),style:{margin:"0 4px",transition:"box-shadow 0.9s ease-in-out, border-color 0.9s ease-in-out",boxShadow:c?"0 0 8px 3px rgba(37, 99, 235, 0.4)":"none",borderColor:c?"rgba(37, 99, 235, 0.35)":void 0,borderRadius:"4px"}},{children:[a.jsxs("div",e.__assign({className:"separation-header-row"},{children:[a.jsx("div",e.__assign({className:"separation-label"},{children:r})),a.jsx(s.Toggle,{isEnabled:n,onToggle:t,isDisabled:b})]})),a.jsx("div",e.__assign({className:"separation-controls-row"},{children:a.jsxs("div",e.__assign({className:"duration-input-wrapper"},{children:[a.jsx("input",{type:"number",min:"0",value:o.toString(),disabled:!n||b,onChange:function(e){if(!b){var a=e.target.value;if(a.length>1&&a.startsWith("0")){var s=Number(a);e.target.value=s.toString(),l(s)}else l(Number(a))}},className:"separation-input"}),a.jsx("span",e.__assign({className:"separation-unit"},{children:g}))]}))}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Toggle = require('../../atoms/Toggle/Toggle.js');
+
+const SeparationRow = ({
+  label,
+  isEnabled,
+  duration,
+  onToggle,
+  onDurationChange,
+  unit = "mins",
+  isHighlighted = false,
+  isDisabled = false
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    className: `separation-row-container ${isEnabled ? "enabled" : ""}`,
+    style: {
+      margin: "0 4px",
+      // Creates space for glow
+      transition: "box-shadow 0.9s ease-in-out, border-color 0.9s ease-in-out",
+      boxShadow: isHighlighted ? "0 0 8px 3px rgba(37, 99, 235, 0.4)" : "none",
+      borderColor: isHighlighted ? "rgba(37, 99, 235, 0.35)" : void 0,
+      borderRadius: "4px"
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "separation-header-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "separation-label", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(Toggle.Toggle, { isEnabled, onToggle, isDisabled })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "separation-controls-row", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "duration-input-wrapper", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: "0",
+            value: duration.toString(),
+            disabled: !isEnabled || isDisabled,
+            onChange: (e) => {
+              if (isDisabled) return;
+              const inputValue = e.target.value;
+              if (inputValue.length > 1 && inputValue.startsWith("0")) {
+                const numericValue = Number(inputValue);
+                e.target.value = numericValue.toString();
+                onDurationChange(numericValue);
+              } else {
+                onDurationChange(Number(inputValue));
+              }
+            },
+            className: "separation-input"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "separation-unit", children: unit })
+      ] }) })
+    ]
+  }
+);
+
+exports.SeparationRow = SeparationRow;
 //# sourceMappingURL=SeparationRow.js.map

package/dist/cjs/features/IL-OTJ/_components/molecules/SeperationRow/SeparationRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparationRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SeparationRow.js","sources":["../../../../../../../src/features/IL-OTJ/_components/molecules/SeperationRow/SeparationRow.tsx"],"sourcesContent":["import { Toggle } from \"../../atoms/Toggle/Toggle\";\n\ninterface SeparationRowProps {\n  label: string;            \n  isEnabled: boolean;\n  duration: number;\n  onToggle: () => void;\n  onDurationChange: (value: number) => void;\n  unit?: string;            \n  placeholder?: string;    \n  isHighlighted?: boolean;\n  isDisabled?: boolean;   \n}\n\nexport const SeparationRow = ({ \n  label, \n  isEnabled, \n  duration, \n  onToggle, \n  onDurationChange,\n  unit = \"mins\",\n  isHighlighted = false,\n  isDisabled = false,\n}: SeparationRowProps) => (\n <div \n  className={`separation-row-container ${isEnabled ? 'enabled' : ''}`}\n  style={{\n      margin: '0 4px', // Creates space for glow\n      transition: 'box-shadow 0.9s ease-in-out, border-color 0.9s ease-in-out',\n      boxShadow: isHighlighted \n          ? '0 0 8px 3px rgba(37, 99, 235, 0.4)'  \n          : 'none',\n      borderColor: isHighlighted ? 'rgba(37, 99, 235, 0.35)' : undefined,\n      borderRadius: '4px',\n  }}\n  // style={{\n  //       transition: 'box-shadow 0.5s ease-in-out, border-color 0.5s ease-in-out',\n  //       // ADD 'inset' keyword here\n  //       boxShadow: isHighlighted \n  //           ? 'inset 0 0 15px 2px rgba(37, 99, 235, 0.4)' \n  //           : 'none',\n  //       // Optional: Add a border color change to reinforce the glow\n  //       borderColor: isHighlighted ? 'rgba(37, 99, 235, 0.4)' : undefined,\n  //       borderRadius: '4px',\n  //   }}\n>\n    <div className='separation-header-row'>\n      <div className='separation-label'>{label}</div>\n      <Toggle isEnabled={isEnabled} onToggle={onToggle} isDisabled={isDisabled}/>\n    </div>\n    \n    <div className='separation-controls-row'>\n      <div className='duration-input-wrapper'>\n        <input\n          type='number'\n          min='0'\n          value={duration.toString()}\n          disabled={!isEnabled || isDisabled}\n          onChange={(e) => {\n            if (isDisabled) return;\n            const inputValue = e.target.value;\n            if (inputValue.length > 1 && inputValue.startsWith(\"0\")) {\n                const numericValue = Number(inputValue);\n                e.target.value = numericValue.toString();\n                onDurationChange(numericValue);\n            } else {\n                onDurationChange(Number(inputValue));\n            }\n          }} \n          className='separation-input'\n        />\n        <span className='separation-unit'>{unit}</span>\n      </div>\n    </div>\n  </div>\n);"],"names":["jsxs","jsx","Toggle"],"mappings":";;;;;;;AAcO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,KAAA;AAAA,EAChB,UAAa,GAAA,KAAA;AACf,CACC,qBAAAA,eAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACA,SAAW,EAAA,CAAA,yBAAA,EAA4B,SAAY,GAAA,SAAA,GAAY,EAAE,CAAA,CAAA;AAAA,IACjE,KAAO,EAAA;AAAA,MACH,MAAQ,EAAA,OAAA;AAAA;AAAA,MACR,UAAY,EAAA,4DAAA;AAAA,MACZ,SAAA,EAAW,gBACL,oCACA,GAAA,MAAA;AAAA,MACN,WAAA,EAAa,gBAAgB,yBAA4B,GAAA,KAAA,CAAA;AAAA,MACzD,YAAc,EAAA,KAAA;AAAA,KAClB;AAAA,IAYE,QAAA,EAAA;AAAA,sBAACA,eAAA,CAAA,KAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,kBAAA,EAAoB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACxCA,cAAA,CAAAC,aAAA,EAAA,EAAO,SAAsB,EAAA,QAAA,EAAoB,UAAuB,EAAA,CAAA;AAAA,OAC3E,EAAA,CAAA;AAAA,qCAEC,KAAI,EAAA,EAAA,SAAA,EAAU,2BACb,QAAC,kBAAAF,eAAA,CAAA,KAAA,EAAA,EAAI,WAAU,wBACb,EAAA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,QAAA;AAAA,YACL,GAAI,EAAA,GAAA;AAAA,YACJ,KAAA,EAAO,SAAS,QAAS,EAAA;AAAA,YACzB,QAAA,EAAU,CAAC,SAAa,IAAA,UAAA;AAAA,YACxB,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,cAAA,IAAI,UAAY,EAAA,OAAA;AAChB,cAAM,MAAA,UAAA,GAAa,EAAE,MAAO,CAAA,KAAA,CAAA;AAC5B,cAAA,IAAI,WAAW,MAAS,GAAA,CAAA,IAAK,UAAW,CAAA,UAAA,CAAW,GAAG,CAAG,EAAA;AACrD,gBAAM,MAAA,YAAA,GAAe,OAAO,UAAU,CAAA,CAAA;AACtC,gBAAE,CAAA,CAAA,MAAA,CAAO,KAAQ,GAAA,YAAA,CAAa,QAAS,EAAA,CAAA;AACvC,gBAAA,gBAAA,CAAiB,YAAY,CAAA,CAAA;AAAA,eAC1B,MAAA;AACH,gBAAiB,gBAAA,CAAA,MAAA,CAAO,UAAU,CAAC,CAAA,CAAA;AAAA,eACvC;AAAA,aACF;AAAA,YACA,SAAU,EAAA,kBAAA;AAAA,WAAA;AAAA,SACZ;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,iBAAA,EAAmB,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,OAAA,EAC1C,CACF,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AACF;;;;"}

package/dist/cjs/features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.js

@@ -1,2 +1,68 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("../../molecules/Sections/SectionWrapper.js"),d=require("../../molecules/Condition/ConditionList.js");exports.ConditionSection=function(n){var s=n.conditions,o=n.onAdd,r=n.onRemove,a=n.onEdit,l=n.index,g=n.isHighlighted,c=n.highlightedIds,h=n.footer,p=n.tooltipDescription,E=n.citations,I=n.addLabel,u=n.title,v=n.subtitle;n.sendMessageInChat;var C=n.setSendMessageInChat,m=n.readOnly,x=n.isAiStreaming,f=n.errorMessage,S=n.activeEditId,b=n.setActiveEditId,A=n.pendingEditId,M=n.setPendingEditId,y=n.idPrefix,P=n.hideEditControls,j=n.parentEditing,O=e.__rest(n,["conditions","onAdd","onRemove","onEdit","index","isHighlighted","highlightedIds","footer","tooltipDescription","citations","addLabel","title","subtitle","sendMessageInChat","setSendMessageInChat","readOnly","isAiStreaming","errorMessage","activeEditId","setActiveEditId","pendingEditId","setPendingEditId","idPrefix","hideEditControls","parentEditing"]);return i.jsx(t.SectionWrapper,e.__assign({},O,{readOnly:m,title:u,subtitle:v,collapsible:!0,defaultOpen:!0},{children:i.jsx(d.ConditionList,{items:s,onAdd:o,onRemove:r,onEdit:a,index:l,tierKey:O.tierKey,readOnly:m,isHighlighted:g,highlightedIds:c,footer:h,tooltipDescription:p,citations:E,addLabel:I,setSendMessageInChat:C,fieldName:u,isAiStreaming:x,activeEditId:S,setActiveEditId:b,pendingEditId:A,setPendingEditId:M,idPrefix:y,errorMessage:f,hideEditControls:P,parentEditing:j})}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var SectionWrapper = require('../../molecules/Sections/SectionWrapper.js');
+var ConditionList = require('../../molecules/Condition/ConditionList.js');
+
+const ConditionSection = ({
+  conditions,
+  onAdd,
+  onRemove,
+  onEdit,
+  index,
+  isHighlighted,
+  highlightedIds,
+  footer,
+  tooltipDescription,
+  citations,
+  addLabel,
+  title,
+  subtitle,
+  sendMessageInChat,
+  setSendMessageInChat,
+  readOnly,
+  isAiStreaming,
+  errorMessage,
+  activeEditId,
+  // 👈 Extract here
+  setActiveEditId,
+  pendingEditId,
+  setPendingEditId,
+  idPrefix,
+  hideEditControls,
+  parentEditing,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(SectionWrapper.SectionWrapper, { ...props, readOnly, title, subtitle, collapsible: true, defaultOpen: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  ConditionList.ConditionList,
+  {
+    items: conditions,
+    onAdd,
+    onRemove,
+    onEdit,
+    index,
+    tierKey: props.tierKey,
+    readOnly,
+    isHighlighted,
+    highlightedIds,
+    footer,
+    tooltipDescription,
+    citations,
+    addLabel,
+    setSendMessageInChat,
+    fieldName: title,
+    isAiStreaming,
+    activeEditId,
+    setActiveEditId,
+    pendingEditId,
+    setPendingEditId,
+    idPrefix,
+    errorMessage,
+    hideEditControls,
+    parentEditing
+  }
+) });
+
+exports.ConditionSection = ConditionSection;
 //# sourceMappingURL=ConditionSection.js.map

package/dist/cjs/features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConditionSection.js","sources":["../../../../../../../src/features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.tsx"],"sourcesContent":["import { SectionWrapper } from \"../../molecules/Sections/SectionWrapper\";\nimport { ConditionList } from \"../../molecules/Condition/ConditionList\";\n\nexport const ConditionSection = ({ conditions, onAdd, onRemove, onEdit,index, isHighlighted, highlightedIds, footer, tooltipDescription, citations, addLabel, title, subtitle, sendMessageInChat, setSendMessageInChat, readOnly, isAiStreaming, errorMessage,activeEditId,      // 👈 Extract here\n  setActiveEditId, pendingEditId, setPendingEditId, idPrefix, hideEditControls, parentEditing, ...props }: any) => (\n  <SectionWrapper {...props} readOnly={readOnly} title={title} subtitle={subtitle} collapsible={true} defaultOpen={true} >\n    <ConditionList \n      items={conditions} \n      onAdd={onAdd} \n      onRemove={onRemove} \n      onEdit={onEdit} \n      index={index}\n      tierKey={props.tierKey}\n      readOnly={readOnly}\n      isHighlighted={isHighlighted}\n      highlightedIds={highlightedIds}\n      footer={footer}\n      tooltipDescription={tooltipDescription}\n      citations={citations}\n      addLabel={addLabel}\n      setSendMessageInChat={setSendMessageInChat}\n      // Pass the section title as a friendly field name for chat messages\n      fieldName={title}\n      isAiStreaming={isAiStreaming}\n      activeEditId={activeEditId}        \n      setActiveEditId={setActiveEditId}  \n      pendingEditId={pendingEditId}\n      setPendingEditId={setPendingEditId}\n      idPrefix={idPrefix}\n      errorMessage={errorMessage}\n      hideEditControls={hideEditControls}\n      parentEditing={parentEditing}\n    />\n  </SectionWrapper>\n);"],"names":["jsx","SectionWrapper","ConditionList"],"mappings":";;;;;;;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAAE,UAAA;AAAA,EAAY,KAAA;AAAA,EAAO,QAAA;AAAA,EAAU,MAAA;AAAA,EAAO,KAAA;AAAA,EAAO,aAAA;AAAA,EAAe,cAAA;AAAA,EAAgB,MAAA;AAAA,EAAQ,kBAAA;AAAA,EAAoB,SAAA;AAAA,EAAW,QAAA;AAAA,EAAU,KAAA;AAAA,EAAO,QAAA;AAAA,EAAU,iBAAA;AAAA,EAAmB,oBAAA;AAAA,EAAsB,QAAA;AAAA,EAAU,aAAA;AAAA,EAAe,YAAA;AAAA,EAAa,YAAA;AAAA;AAAA,EAC5P,eAAA;AAAA,EAAiB,aAAA;AAAA,EAAe,gBAAA;AAAA,EAAkB,QAAA;AAAA,EAAU,gBAAA;AAAA,EAAkB,aAAA;AAAA,EAAe,GAAG,KAAA;AAAM,CACtG,qBAAAA,cAAA,CAACC,6BAAgB,EAAA,EAAA,GAAG,KAAO,EAAA,QAAA,EAAoB,OAAc,QAAoB,EAAA,WAAA,EAAa,IAAM,EAAA,WAAA,EAAa,IAC/G,EAAA,QAAA,kBAAAD,cAAA;AAAA,EAACE,2BAAA;AAAA,EAAA;AAAA,IACC,KAAO,EAAA,UAAA;AAAA,IACP,KAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAS,KAAM,CAAA,OAAA;AAAA,IACf,QAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,MAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,oBAAA;AAAA,IAEA,SAAW,EAAA,KAAA;AAAA,IACX,aAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,GAAA;AACF,CACF,EAAA;;;;"}

package/dist/cjs/features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.js

@@ -1,2 +1,298 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("../../molecules/Sections/SectionWrapper.js"),t=require("../../molecules/SeperationRow/SeparationRow.js"),a=require("../../atoms/Toggle/Toggle.js"),s=require("lucide-react"),r=require("react");exports.ConfigSection=function(o){var l=o.separationItems,c=void 0===l?[]:l,d=o.toggles,g=void 0===d?[]:d;o.onConfigChange;var u=o.highlights,p=void 0===u?{}:u,f=o.index,_=o.openSections,x=o.readOnly,h=void 0!==x&&x,m=o.setOpenSections,b=o.activeEditId,v=o.setActiveEditId,y=o.pendingEditId,j=o.setPendingEditId,S=o.isAiStreaming,C=o.setSendMessageInChat,k=o.id,I=n.__rest(o,["separationItems","toggles","onConfigChange","highlights","index","openSections","readOnly","setOpenSections","activeEditId","setActiveEditId","pendingEditId","setPendingEditId","isAiStreaming","setSendMessageInChat","id"]),E=k||"config-section-".concat(null!=f?f:0),w=b===E,T=!!b&&b!==E,z=r.useState(null),O=z[0],q=z[1],A=r.useState(null),R=A[0],D=A[1],P=r.useState(!1),W=P[0],N=P[1],B=r.useRef(S),M="\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n  ";r.useEffect(function(){B.current&&!S&&W&&N(!1),B.current=S},[S,W]);var L,F,H=h||!w||W,K=e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center"}},{children:[!h&&!w&&!W&&e.jsx("button",n.__assign({title:T?"Save active edits first":"Edit Configuration",onClick:function(e){e.stopPropagation(),T?j&&j(null!=b?b:null):(q(c.map(function(e){return n.__assign({},e)})),D(g.map(function(e){return n.__assign({},e)})),v&&v(E),m&&_&&!_.has(E)&&m(function(n){var e=new Set(n);return e.add(E),e}))},style:n.__assign(n.__assign({},{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)"}),{opacity:T?.5:1,cursor:T?"not-allowed":"pointer",border:"none",background:"transparent"})},{children:e.jsx(s.Pencil,{size:16})})),W&&S&&e.jsxs(e.Fragment,{children:[e.jsx("style",{children:M}),e.jsx(s.Loader2Icon,{size:16,style:{animation:"spin 1s linear infinite",color:"var(--il-muted, #64748B)"}})]})]})),U=(L=O?O.filter(function(n,e){var i=c[e];return!i||n.enabled!==i.enabled||n.global_min_separation_seconds!==i.global_min_separation_seconds}):[],F=R?R.filter(function(n,e){var i=g[e];return!i||n.enabled!==i.enabled}):[],0===L.length&&0===F.length);return e.jsx("div",n.__assign({"data-edit-id":E},{children:e.jsxs(i.SectionWrapper,n.__assign({},I,{id:E,collapsible:!0,defaultOpen:!1,openSections:_,setOpenSections:m,headerActions:K},{children:[e.jsxs("div",n.__assign({className:"config-content-grid",style:{opacity:H&&!h?.6:1,transition:"opacity 0.2s"}},{children:[(O||c).map(function(i,a){return e.jsx(t.SeparationRow,{label:"".concat(i.label," Separation"),isEnabled:i.enabled,duration:i.global_min_separation_seconds,onToggle:function(){return function(e){w&&!W&&q(function(i){return i?i.map(function(i){return i.key===e.key?n.__assign(n.__assign({},i),{enabled:!i.enabled}):i}):null})}(i)},onDurationChange:function(e){return function(e,i){w&&!W&&q(function(t){return t?t.map(function(t){return t.key===e.key?n.__assign(n.__assign({},t),{global_min_separation_seconds:i}):t}):null})}(i,e)},isHighlighted:p["config_".concat(i.key)],isDisabled:H},i.key)}),(R||g).map(function(i,t){return e.jsx("div",n.__assign({className:"separation-row-container"},{children:e.jsxs("div",n.__assign({className:"separation-header-row"},{children:[e.jsx("div",n.__assign({className:"separation-label"},{children:i.label})),e.jsx(a.Toggle,{isEnabled:i.enabled,onToggle:function(){return function(e){w&&!W&&D(function(i){return i?i.map(function(i){return i.key===e.key?n.__assign(n.__assign({},i),{enabled:!i.enabled}):i}):null})}(i)},isDisabled:H})]}))}),i.key)})]})),W&&S&&e.jsxs(e.Fragment,{children:[e.jsx("style",{children:M}),e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",padding:"4px 0 12px 12px",color:"var(--il-muted, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginTop:"8px"}},{children:[e.jsx(s.Loader2Icon,{style:{marginRight:8,animation:"spin 1s linear infinite"}}),"Checking the correctness of your Configuration..."]}))]}),w&&!W&&e.jsxs("div",n.__assign({style:{display:"flex",flexDirection:"column",marginTop:"12px"}},{children:[e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"12px"}},{children:[e.jsx("button",n.__assign({onClick:function(){q(null),D(null),v&&v(null)},style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e.jsxs("button",n.__assign({onClick:function(){if(O&&R){var n=O.filter(function(n,e){var i=c[e];return!i||n.enabled!==i.enabled||n.global_min_separation_seconds!==i.global_min_separation_seconds}),e=R.filter(function(n,e){var i=g[e];return!i||n.enabled!==i.enabled});if(0===n.length&&0===e.length)return q(null),D(null),void(v&&v(null));if(C){var i="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),t=[];n.length>0&&t.push("Enable ".concat(n.map(function(n){return"".concat(n.label," (").concat(n.global_min_separation_seconds,"min)")}).join(", "))),e.length>0&&t.push("enable ".concat(e.map(function(n){return"".concat(n.label," (").concat(n.enabled,")")}).join(", ")));var a="__SKELETON__:".concat(i,":Update Configuration - ").concat(t.join("; "));C(a)}N(!0),q(null),D(null),v&&v(null)}else v&&v(null)},disabled:U,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563EB)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",boxShadow:"0 1px 2px rgba(0,0,0,0.05)",cursor:U?"not-allowed":"pointer",opacity:U?.5:1}},{children:[e.jsx(s.Check,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),y===E&&e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[e.jsx(s.AlertTriangle,{size:14,style:{color:"var(--il-warning,#c2410c)"}}),e.jsx("div",n.__assign({style:{color:"var(--il-warning,#c2410c)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))]}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var SectionWrapper = require('../../molecules/Sections/SectionWrapper.js');
+var SeparationRow = require('../../molecules/SeperationRow/SeparationRow.js');
+var Toggle = require('../../atoms/Toggle/Toggle.js');
+var lucideReact = require('lucide-react');
+var React = require('react');
+
+const ConfigSection = ({
+  separationItems = [],
+  toggles = [],
+  onConfigChange,
+  highlights = {},
+  index,
+  openSections,
+  readOnly = false,
+  setOpenSections,
+  activeEditId,
+  setActiveEditId,
+  pendingEditId,
+  setPendingEditId,
+  isAiStreaming,
+  setSendMessageInChat,
+  id,
+  ...wrapperProps
+}) => {
+  const editId = id || `config-section-${index != null ? index : 0}`;
+  const isEditing = activeEditId === editId;
+  const isOtherFieldEditing = !!activeEditId && activeEditId !== editId;
+  const [draftSeparation, setDraftSeparation] = React.useState(null);
+  const [draftToggles, setDraftToggles] = React.useState(null);
+  const [isPending, setIsPending] = React.useState(false);
+  const prevStreaming = React.useRef(isAiStreaming);
+  const loadingStyles = `
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `;
+  React.useEffect(() => {
+    const streamingFinished = prevStreaming.current && !isAiStreaming;
+    if (streamingFinished && isPending) {
+      setIsPending(false);
+    }
+    prevStreaming.current = isAiStreaming;
+  }, [isAiStreaming, isPending]);
+  const handleStartEdit = () => {
+    if (isOtherFieldEditing) {
+      if (setPendingEditId) setPendingEditId(activeEditId != null ? activeEditId : null);
+      return;
+    }
+    setDraftSeparation(separationItems.map((i) => ({ ...i })));
+    setDraftToggles(toggles.map((t) => ({ ...t })));
+    if (setActiveEditId) setActiveEditId(editId);
+    if (setOpenSections && openSections && !openSections.has(editId)) {
+      setOpenSections((prev) => {
+        const newSet = new Set(prev);
+        newSet.add(editId);
+        return newSet;
+      });
+    }
+  };
+  const handleDiscard = () => {
+    setDraftSeparation(null);
+    setDraftToggles(null);
+    if (setActiveEditId) setActiveEditId(null);
+  };
+  const handleSave = () => {
+    if (!draftSeparation || !draftToggles) {
+      if (setActiveEditId) setActiveEditId(null);
+      return;
+    }
+    const separationChanges = draftSeparation.filter((item, i) => {
+      const orig = separationItems[i];
+      return !orig || item.enabled !== orig.enabled || item.global_min_separation_seconds !== orig.global_min_separation_seconds;
+    });
+    const toggleChanges = draftToggles.filter((t, i) => {
+      const orig = toggles[i];
+      return !orig || t.enabled !== orig.enabled;
+    });
+    if (separationChanges.length === 0 && toggleChanges.length === 0) {
+      setDraftSeparation(null);
+      setDraftToggles(null);
+      if (setActiveEditId) setActiveEditId(null);
+      return;
+    }
+    if (setSendMessageInChat) {
+      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      const changes = [];
+      if (separationChanges.length > 0) {
+        changes.push(
+          `Enable ${separationChanges.map(
+            (item) => `${item.label} (${item.global_min_separation_seconds}min)`
+          ).join(", ")}`
+        );
+      }
+      if (toggleChanges.length > 0) {
+        changes.push(
+          `enable ${toggleChanges.map((toggle) => `${toggle.label} (${toggle.enabled})`).join(", ")}`
+        );
+      }
+      const message = `__SKELETON__:${skId}:Update Configuration - ${changes.join("; ")}`;
+      setSendMessageInChat(message);
+    }
+    setIsPending(true);
+    setDraftSeparation(null);
+    setDraftToggles(null);
+    if (setActiveEditId) setActiveEditId(null);
+  };
+  const handleSepToggle = (item) => {
+    if (!isEditing || isPending) return;
+    setDraftSeparation((prev) => {
+      if (!prev) return null;
+      return prev.map((i) => i.key === item.key ? { ...i, enabled: !i.enabled } : i);
+    });
+  };
+  const handleSepDuration = (item, val) => {
+    if (!isEditing || isPending) return;
+    setDraftSeparation((prev) => {
+      if (!prev) return null;
+      return prev.map((i) => i.key === item.key ? { ...i, global_min_separation_seconds: val } : i);
+    });
+  };
+  const handleToggleChange = (toggle) => {
+    if (!isEditing || isPending) return;
+    setDraftToggles((prev) => {
+      if (!prev) return null;
+      return prev.map((t) => t.key === toggle.key ? { ...t, enabled: !t.enabled } : t);
+    });
+  };
+  const isInputDisabled = readOnly || !isEditing || isPending;
+  const actionBtnStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "6px 8px",
+    border: "1px solid var(--il-border, #e5e7eb)",
+    borderRadius: "8px",
+    cursor: "pointer",
+    backgroundColor: "var(--il-surface, #ffffff)",
+    color: "var(--il-muted, #64748B)"
+  };
+  const renderHeaderActions = /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+    !readOnly && !isEditing && !isPending && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        title: isOtherFieldEditing ? "Save active edits first" : "Edit Configuration",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleStartEdit();
+        },
+        style: {
+          ...actionBtnStyle,
+          opacity: isOtherFieldEditing ? 0.5 : 1,
+          cursor: isOtherFieldEditing ? "not-allowed" : "pointer",
+          border: "none",
+          // Optional: cleaner look inside header
+          background: "transparent"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { size: 16 })
+      }
+    ),
+    isPending && isAiStreaming && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: loadingStyles }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { size: 16, style: { animation: "spin 1s linear infinite", color: "var(--il-muted, #64748B)" } })
+    ] })
+  ] });
+  const isSaveChangesDisabled = (() => {
+    const separationChanges = draftSeparation ? draftSeparation.filter((item, i) => {
+      const orig = separationItems[i];
+      return !orig || item.enabled !== orig.enabled || item.global_min_separation_seconds !== orig.global_min_separation_seconds;
+    }) : [];
+    const toggleChanges = draftToggles ? draftToggles.filter((t, i) => {
+      const orig = toggles[i];
+      return !orig || t.enabled !== orig.enabled;
+    }) : [];
+    return separationChanges.length === 0 && toggleChanges.length === 0;
+  })();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-edit-id": editId, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    SectionWrapper.SectionWrapper,
+    {
+      ...wrapperProps,
+      id: editId,
+      collapsible: true,
+      defaultOpen: false,
+      openSections,
+      setOpenSections,
+      headerActions: renderHeaderActions,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "config-content-grid",
+            style: { opacity: isInputDisabled && !readOnly ? 0.6 : 1, transition: "opacity 0.2s" },
+            children: [
+              (draftSeparation || separationItems).map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                SeparationRow.SeparationRow,
+                {
+                  label: `${item.label} Separation`,
+                  isEnabled: item.enabled,
+                  duration: item.global_min_separation_seconds,
+                  onToggle: () => handleSepToggle(item),
+                  onDurationChange: (v) => handleSepDuration(item, v),
+                  isHighlighted: highlights[`config_${item.key}`],
+                  isDisabled: isInputDisabled
+                },
+                item.key
+              )),
+              (draftToggles || toggles).map((toggle, idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "separation-row-container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "separation-header-row", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "separation-label", children: toggle.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Toggle.Toggle,
+                  {
+                    isEnabled: toggle.enabled,
+                    onToggle: () => handleToggleChange(toggle),
+                    isDisabled: isInputDisabled
+                  }
+                )
+              ] }) }, toggle.key))
+            ]
+          }
+        ),
+        isPending && isAiStreaming && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("style", { children: loadingStyles }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            padding: "4px 0 12px 12px",
+            color: "var(--il-muted, #141414)",
+            fontSize: "13px",
+            fontWeight: 500,
+            fontStyle: "italic",
+            marginTop: "8px"
+          }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { style: { marginRight: 8, animation: "spin 1s linear infinite" } }),
+            "Checking the correctness of your Configuration..."
+          ] })
+        ] }),
+        isEditing && !isPending && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", marginTop: "12px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleDiscard,
+                style: {
+                  background: "none",
+                  border: "none",
+                  color: "var(--il-muted, #64748B)",
+                  fontSize: "14px",
+                  fontWeight: "500",
+                  cursor: "pointer",
+                  padding: "0"
+                },
+                children: "Discard Changes"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: handleSave,
+                disabled: isSaveChangesDisabled,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px",
+                  padding: "8px 16px",
+                  borderRadius: "12px",
+                  border: "none",
+                  backgroundColor: "var(--il-primary, #2563EB)",
+                  color: "var(--il-primary-fg, #ffffff)",
+                  fontSize: "14px",
+                  fontWeight: "500",
+                  boxShadow: "0 1px 2px rgba(0,0,0,0.05)",
+                  cursor: isSaveChangesDisabled ? "not-allowed" : "pointer",
+                  opacity: isSaveChangesDisabled ? 0.5 : 1
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 18, strokeWidth: 2.5, color: "#ffffff" }),
+                  "Save Changes"
+                ]
+              }
+            )
+          ] }),
+          pendingEditId === editId && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginTop: "10px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 14, style: { color: "var(--il-warning,#c2410c)" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--il-warning,#c2410c)", fontSize: "13px" }, children: "Pending - Changes not applied yet. Apply or discard them to continue." })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
+
+exports.ConfigSection = ConfigSection;
 //# sourceMappingURL=ConfigSection.js.map

package/dist/cjs/features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConfigSection.js","sources":["../../../../../../../src/features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.tsx"],"sourcesContent":["import { SectionWrapper, SectionWrapperProps } from \"../../molecules/Sections/SectionWrapper\";\nimport { SeparationRow } from \"../../molecules/SeperationRow/SeparationRow\";\nimport { Toggle } from \"../../atoms/Toggle/Toggle\";\nimport { Pencil, Check, Loader2Icon, AlertTriangle } from \"lucide-react\";\nimport { useState, useEffect, useRef } from \"react\";\n\ninterface SeparationItem {\n  key: string;\n  label: string;\n  enabled: boolean;\n  global_min_separation_seconds: number;\n}\n\ninterface ToggleItem {\n  key: string;\n  label: string;\n  enabled: boolean;\n}\n\ninterface ConfigSectionProps extends Omit<SectionWrapperProps, 'children'> {\n  separationItems?: SeparationItem[];\n  toggles?: ToggleItem[];\n  readOnly?: boolean;\n  onConfigChange: (key: string, value: any) => void;\n  highlights?: Record<string, boolean>; \n  index?: number; // Optional, used for tracking but not required for functionality\n  activeEditId?: string | null;\n  setActiveEditId?: (id: string | null) => void;\n  pendingEditId?: string | null;\n  setPendingEditId?: (id: string | null) => void;\n  isAiStreaming?: boolean;\n  setSendMessageInChat?: (value: string) => void;\n}\n\nexport const ConfigSection = ({ \n  separationItems = [], \n  toggles = [], \n  onConfigChange, \n  highlights = {},\n  index,\n  openSections,\n  readOnly = false,\n  setOpenSections,\n  activeEditId,\n  setActiveEditId,\n  pendingEditId,\n  setPendingEditId,\n  isAiStreaming,\n  setSendMessageInChat,\n  id,\n  ...wrapperProps\n}: ConfigSectionProps) => {\n\n  const editId = id || `config-section-${index ?? 0}`;\n  const isEditing = activeEditId === editId;\n  const isOtherFieldEditing = !!activeEditId && activeEditId !== editId;\n\n  const [draftSeparation, setDraftSeparation] = useState<SeparationItem[] | null>(null); // Drafts for currently editing separation items\n  const [draftToggles, setDraftToggles] = useState<ToggleItem[] | null>(null); // Drafts for currently editing toggle items\n  const [isPending, setIsPending] = useState(false); // Indicates if a save operation is pending\n  const prevStreaming = useRef(isAiStreaming);\n\n  const loadingStyles = `\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n  `;\n\n  useEffect(() => {\n    const streamingFinished = prevStreaming.current && !isAiStreaming;\n    if (streamingFinished && isPending) {\n      setIsPending(false);\n    }\n    prevStreaming.current = isAiStreaming;\n  }, [isAiStreaming, isPending]);\n\n  const handleStartEdit = () => {\n    if (isOtherFieldEditing) {\n      if (setPendingEditId) setPendingEditId(activeEditId ?? null);\n      return;\n    }\n    setDraftSeparation(separationItems.map(i => ({ ...i })));\n    setDraftToggles(toggles.map(t => ({ ...t })));\n    if (setActiveEditId) setActiveEditId(editId);\n    if (setOpenSections && openSections && !openSections.has(editId)) {\n      setOpenSections((prev) => {\n        const newSet = new Set(prev);\n        newSet.add(editId);\n        return newSet;\n      });\n    }\n  };\n\n  const handleDiscard = () => {\n    setDraftSeparation(null);\n    setDraftToggles(null);\n    if (setActiveEditId) setActiveEditId(null);\n  };\n\n  const handleSave = () => {\n    if (!draftSeparation || !draftToggles) {\n      if (setActiveEditId) setActiveEditId(null);\n      return;\n    }\n\n    const separationChanges = draftSeparation\n      .filter((item, i) => {\n        const orig = separationItems[i];\n        return !orig ||\n          item.enabled !== orig.enabled ||\n          item.global_min_separation_seconds !== orig.global_min_separation_seconds;\n      });\n\n    const toggleChanges = draftToggles\n      .filter((t, i) => {\n        const orig = toggles[i];\n        return !orig || t.enabled !== orig.enabled;\n      });\n\n    if (separationChanges.length === 0 && toggleChanges.length === 0) {\n      setDraftSeparation(null);\n      setDraftToggles(null);\n      if (setActiveEditId) setActiveEditId(null);\n      return;\n    }\n\n    if (setSendMessageInChat) {\n      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n      const changes = [];\n\n      if (separationChanges.length > 0) {\n        changes.push(\n          `Enable ${separationChanges\n            .map(\n              (item) =>\n                `${item.label} (${item.global_min_separation_seconds}min)`\n            )\n            .join(\", \")}`\n        );\n      }\n\n      if (toggleChanges.length > 0) {\n        changes.push(\n          `enable ${toggleChanges\n            .map((toggle) => `${toggle.label} (${toggle.enabled})`)\n            .join(\", \")}`\n        );\n      }\n\n      const message = `__SKELETON__:${skId}:Update Configuration - ${changes.join(\"; \")}`;\n\n      setSendMessageInChat(message);\n    }\n\n    setIsPending(true);\n    setDraftSeparation(null);\n    setDraftToggles(null);\n    if (setActiveEditId) setActiveEditId(null);\n  };\n\n  const handleSepToggle = (item: SeparationItem) => {\n    if (!isEditing || isPending) return;\n    setDraftSeparation(prev => {\n      if (!prev) return null;\n      return prev.map(i => i.key === item.key ? { ...i, enabled: !i.enabled } : i);\n    });\n  };\n\n  const handleSepDuration = (item: SeparationItem, val: number) => {\n    if (!isEditing || isPending) return;\n    setDraftSeparation(prev => {\n      if (!prev) return null;\n      return prev.map(i => i.key === item.key ? { ...i, global_min_separation_seconds: val } : i);\n    });\n  };\n\n  const handleToggleChange = (toggle: ToggleItem) => {\n    if (!isEditing || isPending) return;\n    setDraftToggles(prev => {\n      if (!prev) return null;\n      return prev.map(t => t.key === toggle.key ? { ...t, enabled: !t.enabled } : t);\n    });\n  };\n\n  const isInputDisabled = readOnly || !isEditing || isPending;\n\n  const actionBtnStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '6px 8px',\n    border: '1px solid var(--il-border, #e5e7eb)',\n    borderRadius: '8px',\n    cursor: 'pointer',\n    backgroundColor: 'var(--il-surface, #ffffff)',\n    color: 'var(--il-muted, #64748B)',\n  };\n\n  const renderHeaderActions = (\n    <div style={{ display: 'flex', alignItems: 'center' }}>\n      {!readOnly && !isEditing && !isPending && (\n        <button\n          title={isOtherFieldEditing ? 'Save active edits first' : 'Edit Configuration'}\n          onClick={(e) => {\n            e.stopPropagation(); // Prevent toggling the section\n            handleStartEdit();\n          }}\n          style={{\n            ...actionBtnStyle,\n            opacity: isOtherFieldEditing ? 0.5 : 1,\n            cursor: isOtherFieldEditing ? 'not-allowed' : 'pointer',\n            border: 'none', // Optional: cleaner look inside header\n            background: 'transparent'\n          }}\n        >\n          <Pencil size={16} />\n        </button>\n      )}\n\n      {isPending && isAiStreaming && (\n        <>\n          <style>{loadingStyles}</style>\n          <Loader2Icon size={16} style={{ animation: 'spin 1s linear infinite', color: 'var(--il-muted, #64748B)' }} />\n        </>\n      )}\n    </div>\n  );\n\n  const isSaveChangesDisabled = (() => {\n    const separationChanges = draftSeparation\n      ? draftSeparation.filter((item, i) => {\n          const orig = separationItems[i];\n          return !orig ||\n            item.enabled !== orig.enabled ||\n            item.global_min_separation_seconds !== orig.global_min_separation_seconds;\n        })\n      : [];\n\n    const toggleChanges = draftToggles\n      ? draftToggles.filter((t, i) => {\n          const orig = toggles[i];\n          return !orig || t.enabled !== orig.enabled;\n        })\n      : [];\n\n    return separationChanges.length === 0 && toggleChanges.length === 0;\n  })();\n\n  return (\n  <div data-edit-id={editId}>\n    <SectionWrapper \n      {...wrapperProps} \n      id={editId}\n      collapsible={true} \n      defaultOpen={false} \n      openSections={openSections}\n      setOpenSections={setOpenSections}\n      headerActions={renderHeaderActions}\n    >\n      {/* Config items */}\n      <div\n        className='config-content-grid'\n        style={{ opacity: isInputDisabled && !readOnly ? 0.6 : 1, transition: 'opacity 0.2s' }}\n      >\n        {(draftSeparation || separationItems).map((item, idx) => (\n          <SeparationRow \n            key={item.key}\n            label={`${item.label} Separation`}\n            isEnabled={item.enabled} \n            duration={item.global_min_separation_seconds} \n            onToggle={() => handleSepToggle(item)}\n            onDurationChange={(v) => handleSepDuration(item, v)}\n            isHighlighted={highlights[`config_${item.key}`]}\n            isDisabled={isInputDisabled}\n          />\n        ))}\n\n        {(draftToggles || toggles).map((toggle, idx) => (\n          <div key={toggle.key} className='separation-row-container'>\n            <div className='separation-header-row'>\n              <div className='separation-label'>{toggle.label}</div>\n              <Toggle \n                isEnabled={toggle.enabled} \n                onToggle={() => handleToggleChange(toggle)}\n                isDisabled={isInputDisabled}\n              />\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Verifying loader */}\n      {isPending && isAiStreaming && (\n        <>\n          <style>{loadingStyles}</style>\n          <div style={{\n            display: 'flex', alignItems: 'center',\n            padding: '4px 0 12px 12px',\n            color: 'var(--il-muted, #141414)', fontSize: '13px',\n            fontWeight: 500, fontStyle: 'italic', marginTop: '8px',\n          }}>\n            <Loader2Icon style={{ marginRight: 8, animation: 'spin 1s linear infinite' }} />\n            Checking the correctness of your Configuration...\n          </div>\n        </>\n      )}\n\n      {/* Save / Discard actions */}\n      {isEditing && !isPending && (\n        <div style={{ display: 'flex', flexDirection: 'column', marginTop: '12px' }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n            <button\n              onClick={handleDiscard}\n              style={{\n                background: 'none', border: 'none',\n                color: 'var(--il-muted, #64748B)', fontSize: '14px',\n                fontWeight: '500', cursor: 'pointer', padding: '0',\n              }}\n            >\n              Discard Changes\n            </button>\n            <button\n              onClick={handleSave}\n              disabled={isSaveChangesDisabled}\n              style={{\n                display: 'flex', alignItems: 'center', gap: '8px',\n                padding: '8px 16px', borderRadius: '12px', border: 'none',\n                backgroundColor: 'var(--il-primary, #2563EB)', color: 'var(--il-primary-fg, #ffffff)',\n                fontSize: '14px', fontWeight: '500',\n                boxShadow: '0 1px 2px rgba(0,0,0,0.05)',\n                cursor: isSaveChangesDisabled ? 'not-allowed' : 'pointer',\n                opacity: isSaveChangesDisabled ? 0.5 : 1,\n              }}\n            >\n              <Check size={18} strokeWidth={2.5} color=\"#ffffff\" />\n              Save Changes\n            </button>\n          </div>\n\n          {pendingEditId === editId && (\n            <div style={{ display: 'flex', alignItems: 'center', gap: '6px', marginTop: '10px' }}>\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      )}\n    </SectionWrapper>\n  </div>\n  );\n};\n"],"names":["useState","useRef","useEffect","jsx","Pencil","jsxs","Fragment","Loader2Icon","SectionWrapper","SeparationRow","Toggle","Check","AlertTriangle"],"mappings":"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"}

package/dist/cjs/features/IL-OTJ/_components/organisms/DropdownSection/DropdownSection.js

@@ -1,2 +1,58 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../molecules/Sections/SectionWrapper.js"),n=require("../../atoms/Dropdown/Dropdown.js");exports.DropdownSection=function(t){var o=t.id,s=t.title,a=t.value,l=t.onChange,d=t.options,u=t.placeholder,p=t.required,c=t.readOnly,g=t.errorMessage,h=t.isHighlighted,m=t.isAiStreaming,v=t.schema,y=e.__rest(t,["id","title","value","onChange","options","placeholder","required","readOnly","errorMessage","isHighlighted","isAiStreaming","schema"]),_=d||(null==v?void 0:v.options)||(Array.isArray(null==v?void 0:v.enum)?v.enum.map(function(e){return{label:e,value:e}}):[]),x=c||m;return r.jsx(i.SectionWrapper,e.__assign({},y,{id:o,required:p,readOnly:x,title:s,customStyles:{margin:"0 0.2rem 0.2rem 0.2rem"}},{children:r.jsxs("div",e.__assign({style:{width:"100%"},"data-edit-id":o},{children:[r.jsx(n.Dropdown,{value:a||"",onChange:function(e){x||l&&l(e.target.value)},options:_,placeholder:u,isHighlighted:h,readOnly:x}),g&&r.jsx("div",e.__assign({style:{color:"#ef4444",fontSize:"12px",marginTop:"4px"}},{children:g}))]}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var SectionWrapper = require('../../molecules/Sections/SectionWrapper.js');
+var Dropdown = require('../../atoms/Dropdown/Dropdown.js');
+
+const DropdownSection = ({
+  id,
+  title,
+  value,
+  onChange,
+  options,
+  placeholder,
+  required,
+  readOnly,
+  errorMessage,
+  isHighlighted,
+  isAiStreaming,
+  schema,
+  ...props
+}) => {
+  const resolvedOptions = options || (schema == null ? void 0 : schema.options) || (Array.isArray(schema == null ? void 0 : schema.enum) ? schema.enum.map((opt) => ({ label: opt, value: opt })) : []);
+  const isDisabled = readOnly || isAiStreaming;
+  const handleChange = (e) => {
+    if (isDisabled) return;
+    if (onChange) onChange(e.target.value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SectionWrapper.SectionWrapper,
+    {
+      ...props,
+      id,
+      required,
+      readOnly: isDisabled,
+      title,
+      customStyles: { margin: "0 0.2rem 0.2rem 0.2rem" },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%" }, "data-edit-id": id, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Dropdown.Dropdown,
+          {
+            value: value || "",
+            onChange: handleChange,
+            options: resolvedOptions,
+            placeholder,
+            isHighlighted,
+            readOnly: isDisabled
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "4px" }, children: errorMessage })
+      ] })
+    }
+  );
+};
+
+exports.DropdownSection = DropdownSection;
 //# sourceMappingURL=DropdownSection.js.map

package/dist/cjs/features/IL-OTJ/_components/organisms/DropdownSection/DropdownSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DropdownSection.js","sources":["../../../../../../../src/features/IL-OTJ/_components/organisms/DropdownSection/DropdownSection.tsx"],"sourcesContent":["import { SectionWrapper } from \"../../molecules/Sections/SectionWrapper\";\nimport { Dropdown } from \"../../atoms/Dropdown\";\n\n/**\n * Schema-driven single-select dropdown field.\n *\n * Mirrors `TextSection`'s contract so the two are interchangeable in the\n * registry: it wraps the shared `SectionWrapper` chrome (title, required\n * asterisk, read-only styling) around the `Dropdown` atom and renders an\n * `errorMessage` below on validation failure.\n *\n * Scalable/config-driven: `options` are resolved from the schema so a new\n * dropdown can be added purely from JSON. Options may arrive as:\n *   - `schema.options`: `{ label, value }[]` (preferred)\n *   - `schema.enum`:    `string[]` (auto-mapped to `{ label, value }`)\n *   - an `options` prop (e.g. runtime options injected by the registry)\n */\nexport const DropdownSection = ({\n  id,\n  title,\n  value,\n  onChange,\n  options,\n  placeholder,\n  required,\n  readOnly,\n  errorMessage,\n  isHighlighted,\n  isAiStreaming,\n  schema,\n  ...props\n}: any) => {\n\n  // Resolve options from schema (config-driven) or an injected prop.\n  const resolvedOptions =\n    options ||\n    schema?.options ||\n    (Array.isArray(schema?.enum)\n      ? schema.enum.map((opt: string) => ({ label: opt, value: opt }))\n      : []);\n\n  // While AI is streaming the field should be locked, same as TextSection.\n  const isDisabled = readOnly || isAiStreaming;\n\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    if (isDisabled) return;\n    if (onChange) onChange(e.target.value);\n  };\n\n  return (\n    <SectionWrapper\n      {...props}\n      id={id}\n      required={required}\n      readOnly={isDisabled}\n      title={title}\n      customStyles={{ margin: '0 0.2rem 0.2rem 0.2rem' }}\n    >\n      <div style={{ width: '100%' }} data-edit-id={id}>\n        <Dropdown\n          value={value || ''}\n          onChange={handleChange}\n          options={resolvedOptions}\n          placeholder={placeholder}\n          isHighlighted={isHighlighted}\n          readOnly={isDisabled}\n        />\n\n        {errorMessage && (\n          <div style={{ color: '#ef4444', fontSize: '12px', marginTop: '4px' }}>\n            {errorMessage}\n          </div>\n        )}\n      </div>\n    </SectionWrapper>\n  );\n};\n"],"names":["jsx","SectionWrapper","jsxs","Dropdown"],"mappings":";;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,EAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAW,KAAA;AAGT,EAAM,MAAA,eAAA,GACJ,YACA,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,OAAA,CAAA,KACP,MAAM,OAAQ,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,IAAI,CACvB,GAAA,MAAA,CAAO,KAAK,GAAI,CAAA,CAAC,SAAiB,EAAE,KAAA,EAAO,KAAK,KAAO,EAAA,GAAA,EAAM,CAAA,CAAA,GAC7D,EAAC,CAAA,CAAA;AAGP,EAAA,MAAM,aAAa,QAAY,IAAA,aAAA,CAAA;AAE/B,EAAM,MAAA,YAAA,GAAe,CAAC,CAA4C,KAAA;AAChE,IAAA,IAAI,UAAY,EAAA,OAAA;AAChB,IAAA,IAAI,QAAU,EAAA,QAAA,CAAS,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,GACvC,CAAA;AAEA,EACE,uBAAAA,cAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,EAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAU,EAAA,UAAA;AAAA,MACV,KAAA;AAAA,MACA,YAAA,EAAc,EAAE,MAAA,EAAQ,wBAAyB,EAAA;AAAA,MAEjD,QAAA,kBAAAC,eAAA,CAAC,SAAI,KAAO,EAAA,EAAE,OAAO,MAAO,EAAA,EAAG,gBAAc,EAC3C,EAAA,QAAA,EAAA;AAAA,wBAAAF,cAAA;AAAA,UAACG,iBAAA;AAAA,UAAA;AAAA,YACC,OAAO,KAAS,IAAA,EAAA;AAAA,YAChB,QAAU,EAAA,YAAA;AAAA,YACV,OAAS,EAAA,eAAA;AAAA,YACT,WAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAU,EAAA,UAAA;AAAA,WAAA;AAAA,SACZ;AAAA,QAEC,YACC,oBAAAH,cAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,KAAA,EAAO,SAAW,EAAA,QAAA,EAAU,MAAQ,EAAA,SAAA,EAAW,KAAM,EAAA,EAChE,QACH,EAAA,YAAA,EAAA,CAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}