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

package/dist/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":[],"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,qBAAA,IAAA;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,sBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,kBAAA,EAAoB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAsB,EAAA,QAAA,EAAoB,UAAuB,EAAA,CAAA;AAAA,OAC3E,EAAA,CAAA;AAAA,0BAEC,KAAI,EAAA,EAAA,SAAA,EAAU,2BACb,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,wBACb,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;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,wBACC,GAAA,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/features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.js

@@ -1,2 +1,64 @@
-import{__rest as i,__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{SectionWrapper as d}from"../../molecules/Sections/SectionWrapper.js";import{ConditionList as n}from"../../molecules/Condition/ConditionList.js";var o=function(o){var s=o.conditions,r=o.onAdd,a=o.onRemove,l=o.onEdit,g=o.index,h=o.isHighlighted,c=o.highlightedIds,p=o.footer,E=o.tooltipDescription,I=o.citations,m=o.addLabel,f=o.title,v=o.subtitle;o.sendMessageInChat;var C=o.setSendMessageInChat,u=o.readOnly,A=o.isAiStreaming,b=o.errorMessage,x=o.activeEditId,M=o.setActiveEditId,S=o.pendingEditId,y=o.setPendingEditId,P=o.idPrefix,O=o.hideEditControls,L=o.parentEditing,j=i(o,["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 t(d,e({},j,{readOnly:u,title:f,subtitle:v,collapsible:!0,defaultOpen:!0},{children:t(n,{items:s,onAdd:r,onRemove:a,onEdit:l,index:g,tierKey:j.tierKey,readOnly:u,isHighlighted:h,highlightedIds:c,footer:p,tooltipDescription:E,citations:I,addLabel:m,setSendMessageInChat:C,fieldName:f,isAiStreaming:A,activeEditId:x,setActiveEditId:M,pendingEditId:S,setPendingEditId:y,idPrefix:P,errorMessage:b,hideEditControls:O,parentEditing:L})}))};export{o as ConditionSection};
+import { jsx } from 'react/jsx-runtime';
+import { SectionWrapper } from '../../molecules/Sections/SectionWrapper.js';
+import { ConditionList } from '../../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__ */ jsx(SectionWrapper, { ...props, readOnly, title, subtitle, collapsible: true, defaultOpen: true, children: /* @__PURE__ */ jsx(
+  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
+  }
+) });
+
+export { ConditionSection };
 //# sourceMappingURL=ConditionSection.js.map

package/dist/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":[],"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,qBAAA,GAAA,CAAC,cAAgB,EAAA,EAAA,GAAG,KAAO,EAAA,QAAA,EAAoB,OAAc,QAAoB,EAAA,WAAA,EAAa,IAAM,EAAA,WAAA,EAAa,IAC/G,EAAA,QAAA,kBAAA,GAAA;AAAA,EAAC,aAAA;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/features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.js

@@ -1,2 +1,294 @@
-import{__rest as n,__assign as e}from"tslib";import{jsxs as i,jsx as t,Fragment as o}from"react/jsx-runtime";import{SectionWrapper as r}from"../../molecules/Sections/SectionWrapper.js";import{SeparationRow as a}from"../../molecules/SeperationRow/SeparationRow.js";import{Toggle as l}from"../../atoms/Toggle/Toggle.js";import{Pencil as c,Loader2Icon as d,Check as s,AlertTriangle as p}from"lucide-react";import{useState as u,useRef as f,useEffect as g}from"react";var m=function(m){var h=m.separationItems,b=void 0===h?[]:h,v=m.toggles,y=void 0===v?[]:v;m.onConfigChange;var x=m.highlights,S=void 0===x?{}:x,_=m.index,k=m.openSections,C=m.readOnly,I=void 0!==C&&C,E=m.setOpenSections,w=m.activeEditId,j=m.setActiveEditId,z=m.pendingEditId,T=m.setPendingEditId,O=m.isAiStreaming,A=m.setSendMessageInChat,D=m.id,N=n(m,["separationItems","toggles","onConfigChange","highlights","index","openSections","readOnly","setOpenSections","activeEditId","setActiveEditId","pendingEditId","setPendingEditId","isAiStreaming","setSendMessageInChat","id"]),R=D||"config-section-".concat(null!=_?_:0),W=w===R,B=!!w&&w!==R,P=u(null),M=P[0],H=P[1],K=u(null),L=K[0],U=K[1],q=u(!1),F=q[0],G=q[1],J=f(O),Q="\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n  ";g(function(){J.current&&!O&&F&&G(!1),J.current=O},[O,F]);var V,X,Y=I||!W||F,Z=i("div",e({style:{display:"flex",alignItems:"center"}},{children:[!I&&!W&&!F&&t("button",e({title:B?"Save active edits first":"Edit Configuration",onClick:function(n){n.stopPropagation(),B?T&&T(null!=w?w:null):(H(b.map(function(n){return e({},n)})),U(y.map(function(n){return e({},n)})),j&&j(R),E&&k&&!k.has(R)&&E(function(n){var e=new Set(n);return e.add(R),e}))},style:e(e({},{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:B?.5:1,cursor:B?"not-allowed":"pointer",border:"none",background:"transparent"})},{children:t(c,{size:16})})),F&&O&&i(o,{children:[t("style",{children:Q}),t(d,{size:16,style:{animation:"spin 1s linear infinite",color:"var(--il-muted, #64748B)"}})]})]})),$=(V=M?M.filter(function(n,e){var i=b[e];return!i||n.enabled!==i.enabled||n.global_min_separation_seconds!==i.global_min_separation_seconds}):[],X=L?L.filter(function(n,e){var i=y[e];return!i||n.enabled!==i.enabled}):[],0===V.length&&0===X.length);return t("div",e({"data-edit-id":R},{children:i(r,e({},N,{id:R,collapsible:!0,defaultOpen:!1,openSections:k,setOpenSections:E,headerActions:Z},{children:[i("div",e({className:"config-content-grid",style:{opacity:Y&&!I?.6:1,transition:"opacity 0.2s"}},{children:[(M||b).map(function(n,i){return t(a,{label:"".concat(n.label," Separation"),isEnabled:n.enabled,duration:n.global_min_separation_seconds,onToggle:function(){return function(n){W&&!F&&H(function(i){return i?i.map(function(i){return i.key===n.key?e(e({},i),{enabled:!i.enabled}):i}):null})}(n)},onDurationChange:function(i){return function(n,i){W&&!F&&H(function(t){return t?t.map(function(t){return t.key===n.key?e(e({},t),{global_min_separation_seconds:i}):t}):null})}(n,i)},isHighlighted:S["config_".concat(n.key)],isDisabled:Y},n.key)}),(L||y).map(function(n,o){return t("div",e({className:"separation-row-container"},{children:i("div",e({className:"separation-header-row"},{children:[t("div",e({className:"separation-label"},{children:n.label})),t(l,{isEnabled:n.enabled,onToggle:function(){return function(n){W&&!F&&U(function(i){return i?i.map(function(i){return i.key===n.key?e(e({},i),{enabled:!i.enabled}):i}):null})}(n)},isDisabled:Y})]}))}),n.key)})]})),F&&O&&i(o,{children:[t("style",{children:Q}),i("div",e({style:{display:"flex",alignItems:"center",padding:"4px 0 12px 12px",color:"var(--il-muted, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginTop:"8px"}},{children:[t(d,{style:{marginRight:8,animation:"spin 1s linear infinite"}}),"Checking the correctness of your Configuration..."]}))]}),W&&!F&&i("div",e({style:{display:"flex",flexDirection:"column",marginTop:"12px"}},{children:[i("div",e({style:{display:"flex",alignItems:"center",gap:"12px"}},{children:[t("button",e({onClick:function(){H(null),U(null),j&&j(null)},style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),i("button",e({onClick:function(){if(M&&L){var n=M.filter(function(n,e){var i=b[e];return!i||n.enabled!==i.enabled||n.global_min_separation_seconds!==i.global_min_separation_seconds}),e=L.filter(function(n,e){var i=y[e];return!i||n.enabled!==i.enabled});if(0===n.length&&0===e.length)return H(null),U(null),void(j&&j(null));if(A){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 o="__SKELETON__:".concat(i,":Update Configuration - ").concat(t.join("; "));A(o)}G(!0),H(null),U(null),j&&j(null)}else j&&j(null)},disabled:$,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:$?"not-allowed":"pointer",opacity:$?.5:1}},{children:[t(s,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),z===R&&i("div",e({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[t(p,{size:14,style:{color:"var(--il-warning,#c2410c)"}}),t("div",e({style:{color:"var(--il-warning,#c2410c)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))]}))}))};export{m as ConfigSection};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { SectionWrapper } from '../../molecules/Sections/SectionWrapper.js';
+import { SeparationRow } from '../../molecules/SeperationRow/SeparationRow.js';
+import { Toggle } from '../../atoms/Toggle/Toggle.js';
+import { Loader2Icon, Check, AlertTriangle, Pencil } from 'lucide-react';
+import { useState, useRef, useEffect } from '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] = useState(null);
+  const [draftToggles, setDraftToggles] = useState(null);
+  const [isPending, setIsPending] = useState(false);
+  const prevStreaming = useRef(isAiStreaming);
+  const loadingStyles = `
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `;
+  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__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+    !readOnly && !isEditing && !isPending && /* @__PURE__ */ 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__ */ jsx(Pencil, { size: 16 })
+      }
+    ),
+    isPending && isAiStreaming && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("style", { children: loadingStyles }),
+      /* @__PURE__ */ jsx(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__ */ jsx("div", { "data-edit-id": editId, children: /* @__PURE__ */ jsxs(
+    SectionWrapper,
+    {
+      ...wrapperProps,
+      id: editId,
+      collapsible: true,
+      defaultOpen: false,
+      openSections,
+      setOpenSections,
+      headerActions: renderHeaderActions,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "config-content-grid",
+            style: { opacity: isInputDisabled && !readOnly ? 0.6 : 1, transition: "opacity 0.2s" },
+            children: [
+              (draftSeparation || separationItems).map((item, idx) => /* @__PURE__ */ jsx(
+                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__ */ jsx("div", { className: "separation-row-container", children: /* @__PURE__ */ jsxs("div", { className: "separation-header-row", children: [
+                /* @__PURE__ */ jsx("div", { className: "separation-label", children: toggle.label }),
+                /* @__PURE__ */ jsx(
+                  Toggle,
+                  {
+                    isEnabled: toggle.enabled,
+                    onToggle: () => handleToggleChange(toggle),
+                    isDisabled: isInputDisabled
+                  }
+                )
+              ] }) }, toggle.key))
+            ]
+          }
+        ),
+        isPending && isAiStreaming && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("style", { children: loadingStyles }),
+          /* @__PURE__ */ 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__ */ jsx(Loader2Icon, { style: { marginRight: 8, animation: "spin 1s linear infinite" } }),
+            "Checking the correctness of your Configuration..."
+          ] })
+        ] }),
+        isEditing && !isPending && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", marginTop: "12px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+            /* @__PURE__ */ 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__ */ 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__ */ jsx(Check, { size: 18, strokeWidth: 2.5, color: "#ffffff" }),
+                  "Save Changes"
+                ]
+              }
+            )
+          ] }),
+          pendingEditId === editId && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginTop: "10px" }, 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." })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
+
+export { ConfigSection };
 //# sourceMappingURL=ConfigSection.js.map

package/dist/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":[],"mappings":"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"}

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

@@ -1,2 +1,54 @@
-import{__rest as e,__assign as r}from"tslib";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{SectionWrapper as t}from"../../molecules/Sections/SectionWrapper.js";import{Dropdown as n}from"../../atoms/Dropdown/Dropdown.js";var l=function(l){var a=l.id,d=l.title,s=l.value,m=l.onChange,p=l.options,u=l.placeholder,h=l.required,c=l.readOnly,g=l.errorMessage,v=l.isHighlighted,f=l.isAiStreaming,y=l.schema,S=e(l,["id","title","value","onChange","options","placeholder","required","readOnly","errorMessage","isHighlighted","isAiStreaming","schema"]),x=p||(null==y?void 0:y.options)||(Array.isArray(null==y?void 0:y.enum)?y.enum.map(function(e){return{label:e,value:e}}):[]),A=c||f;return i(t,r({},S,{id:a,required:h,readOnly:A,title:d,customStyles:{margin:"0 0.2rem 0.2rem 0.2rem"}},{children:o("div",r({style:{width:"100%"},"data-edit-id":a},{children:[i(n,{value:s||"",onChange:function(e){A||m&&m(e.target.value)},options:x,placeholder:u,isHighlighted:v,readOnly:A}),g&&i("div",r({style:{color:"#ef4444",fontSize:"12px",marginTop:"4px"}},{children:g}))]}))}))};export{l as DropdownSection};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { SectionWrapper } from '../../molecules/Sections/SectionWrapper.js';
+import { Dropdown } from '../../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__ */ jsx(
+    SectionWrapper,
+    {
+      ...props,
+      id,
+      required,
+      readOnly: isDisabled,
+      title,
+      customStyles: { margin: "0 0.2rem 0.2rem 0.2rem" },
+      children: /* @__PURE__ */ jsxs("div", { style: { width: "100%" }, "data-edit-id": id, children: [
+        /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            value: value || "",
+            onChange: handleChange,
+            options: resolvedOptions,
+            placeholder,
+            isHighlighted,
+            readOnly: isDisabled
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsx("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "4px" }, children: errorMessage })
+      ] })
+    }
+  );
+};
+
+export { DropdownSection };
 //# sourceMappingURL=DropdownSection.js.map

package/dist/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":[],"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,uBAAA,GAAA;AAAA,IAAC,cAAA;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,kBAAA,IAAA,CAAC,SAAI,KAAO,EAAA,EAAE,OAAO,MAAO,EAAA,EAAG,gBAAc,EAC3C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;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,oBAAA,GAAA,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;;;;"}