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

package/dist/cjs/features/IL-OTJ/_components/molecules/Condition/ConditionList.js

@@ -1,2 +1,364 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),i=require("react/jsx-runtime"),t=require("lucide-react"),e=require("react"),o=require("../../atoms/Button/Button.js"),s=require("../../atoms/Textarea/Textarea.js"),r=require("../../InputDataReasoningCard.js"),a=require("../../TooltipComponent.js"),c=require("../../_svg/ButtonCognitiveIcon.js"),l=require("../../../../LearningManagement/store/useLearningTemplateStore.js"),d=function(n){return!!n&&/[a-z0-9À-￿]/i.test(n)};exports.ConditionList=function(u){var g=u.idPrefix,f=u.items,v=u.onAdd,x=u.onRemove,p=u.onEdit,_=u.index,m=u.tierKey,h=u.readOnly,j=void 0!==h&&h,y=u.placeholder,b=void 0===y?"Enter your condition":y,C=u.addLabel,S=void 0===C?"Add Condition":C,N=u.showAddButton,w=void 0===N||N;u.isHighlighted;var I=u.highlightedIds;u.footer;var E=u.tooltipDescription,T=u.citations,k=void 0===T?[]:T,A=u.setSendMessageInChat,z=u.fieldName,B=u.isAiStreaming,R=void 0!==B&&B,q=u.activeEditId,D=u.setActiveEditId,M=u.pendingEditId;u.setPendingEditId;var L=u.errorMessage,O=u.hideEditControls,P=void 0!==O&&O,H=u.parentEditing,W=void 0!==H&&H,F=l.useLearningTemplateStore(function(n){return n.backwardCompatibility}),K=e.useState({}),V=K[0],G=K[1],U=e.useState(null),X=U[0],J=U[1],Q=e.useState(null),Y=Q[0],Z=Q[1],$=e.useState(null),nn=$[0],tn=$[1],en=e.useRef(R),on=e.useRef(new Map),sn=e.useRef(f);e.useEffect(function(){en.current&&!R&&null!==nn&&tn(null),en.current=R},[R,nn]);e.useEffect(function(){var i=sn.current,t=f.filter(function(n){return!i.find(function(i){return i.id===n.id})});if(P)return sn.current=f,void(t.length>0&&J(t[t.length-1].id));if(t.length>0){var e=t[t.length-1],o="".concat(g,"-").concat(m,"-").concat(_,"-").concat(e.id);e.text&&""!==e.text.trim()||(D&&D(o),G(function(i){var t;return n.__assign(n.__assign({},i),((t={})[e.id]="",t))}),J(e.id))}sn.current=f},[f,m,_,D,g,P]),e.useEffect(function(){if(X){var n=on.current.get(X);if(n){n.focus();var i=n.value.length;n.setSelectionRange(i,i)}J(null)}},[X,f]);var rn=e.useCallback(function(n){n&&(n.style.height="auto",n.style.height="".concat(n.scrollHeight,"px"))},[]),an=Object.values(V).some(function(n){return!n||""===n.trim()}),cn=f.some(function(n){var i,t,e=V[n.id];return void 0!==e&&e.trim()===(null!==(t=null===(i=n.text)||void 0===i?void 0:i.trim())&&void 0!==t?t:"")}),ln=f.filter(function(n){return n.text&&""!==n.text.trim()}),dn=new Set(ln.map(function(n){return n.text.trim()})).size!==ln.length,un=P?!W||R||dn||f.some(function(n){return!d(n.text)}):an||dn||null!==q||R,gn=an||dn||R||cn;return i.jsxs("div",n.__assign({className:"condition-wrapper"},{children:[f.map(function(e,l){var d,u,v,h,y,C,S,N;if(e.id===nn&&R)return null;var w="".concat(g,"-").concat(m,"-").concat(_,"-").concat(e.id),T=e.id in V,B=null!==q&&q!==w,L=(null==I?void 0:I.has(e.id))&&!R,O=!!e.conflict,H=(null===(d=e.conflict)||void 0===d?void 0:d.reason)||(O?"Conflicting":null),F=Array.isArray(null===(u=e.conflict)||void 0===u?void 0:u.conflicting_reasoning)?e.conflict.conflicting_reasoning.map(function(n){return"- ".concat(n)}).join("\n"):(null===(v=e.conflict)||void 0===v?void 0:v.conflicting_reasoning)||null,K=(null===(h=e.conflict)||void 0===h?void 0:h.decision_strength)||null,U=Array.isArray(null===(y=e.conflict)||void 0===y?void 0:y.conflicting_gap)?e.conflict.conflicting_gap.map(function(n){return"- ".concat(n)}).join("\n"):(null===(C=e.conflict)||void 0===C?void 0:C.conflicting_gap)||null,X=!!e.reasoning,Q=Y===e.id,$=P?null!==(S=e.text)&&void 0!==S?S:"":T?null!==(N=V[e.id])&&void 0!==N?N:"":e.text,en=P?j||R||!W:j||R||!T;return i.jsxs("div",n.__assign({className:"condition-row-container","data-edit-id":w,style:{marginBottom:X&&Q?"16px":"8px"}},{children:[i.jsxs("div",n.__assign({className:"condition-item ".concat(O?"border-red-500":""," ").concat(T?"is-editing":""),style:{pointerEvents:"auto"}},{children:[i.jsx("div",n.__assign({className:"condition-left"},{children:i.jsx(s.Textarea,{ref:function(n){n?(on.current.set(e.id,n),rn(n)):on.current.delete(e.id)},rows:1,placeholder:b,value:$,onChange:function(i){P?W&&p(m,_,e.id,i.target.value):T&&G(function(t){var o;return n.__assign(n.__assign({},t),((o={})[e.id]=i.target.value,o))})},showNumber:!0,numberIndex:l+1,isReadOnly:j||R,inputReadOnly:en,isOpen:Q&&!T,onToggle:function(){return n=e.id,void Z(function(i){return i===n?null:n});var n},showCognitiveIcon:X&&!T&&!O,cognitiveIcon:i.jsx(c.ButtonCognitiveIcon,{color:"var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))"}),tooltipDescription:E,isConflicting:O,conflictMsg:H,conflictingReasoning:F,isHighlighted:L,decisionStrength:K,conflictingGap:U,citations:k})})),!j&&P&&W&&i.jsx("div",n.__assign({className:"action-buttons"},{children:i.jsx(a.default,n.__assign({description:"Delete this condition"},{children:i.jsx(o.Button,{onClick:function(){return x(m,_,e.id)},className:"btn-icon btn-delete",icon:i.jsx(t.Trash2,{size:18}),disabled:R})}))})),!j&&!P&&i.jsx("div",n.__assign({className:"action-buttons"},{children:T?i.jsx("div",n.__assign({className:"action-buttons-inline"},{children:i.jsxs(i.Fragment,{children:[i.jsx(a.default,n.__assign({description:"Apply"},{children:i.jsx(o.Button,n.__assign({onClick:function(){return function(i){var t,e,o,s=null!==(t=V[i.id])&&void 0!==t?t:"";if(s.trim()&&!f.some(function(n){return n.id!==i.id&&n.text.trim()===s.trim()})){var r=null!==(o=null===(e=i.text)||void 0===e?void 0:e.trim())&&void 0!==o?o:"";if(s.trim()===r)return G(function(t){var e=n.__assign({},t);return delete e[i.id],e}),void(D&&D(null));var a=!r;if(A){var c="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),l="string"==typeof z&&""!==z.trim()?z:"field",d=a?"Add a new ".concat(l," condition: ").concat(s):"Update existing ".concat(l," condition: ").concat(r," with a new condition: ").concat(s);tn(i.id),A("__SKELETON__:".concat(c,":").concat(d))}G(function(t){var e=n.__assign({},t);return delete e[i.id],e}),D&&D(null)}}(e)},disabled:gn,className:"btn-apply",style:{cursor:gn?"not-allowed":"pointer",opacity:gn?.5:1},icon:i.jsx(t.Check,{size:20,strokeWidth:2.5})},{children:"Apply"}))})),i.jsx(a.default,n.__assign({description:"Cancel"},{children:i.jsx(o.Button,{onClick:function(){return function(i){var t=""===i.text||void 0===i.text;G(function(t){var e=n.__assign({},t);return delete e[i.id],e}),D&&D(null),t&&x(m,_,i.id)}(e)},className:"btn-cancel-inline",icon:i.jsx(t.X,{size:20,strokeWidth:2.5})})}))]})})):i.jsxs("div",n.__assign({className:"action-buttons"},{children:[i.jsx(a.default,n.__assign({description:B?"Save active edits first":"Edit this condition"},{children:i.jsx(o.Button,{onClick:function(){return function(i){var t="".concat(g,"-").concat(m,"-").concat(_,"-").concat(i.id);q&&q!==t||(D&&D(t),G(function(t){var e;return n.__assign(n.__assign({},t),((e={})[i.id]=i.text,e))}),J(i.id))}(e)},className:"btn-icon btn-edit",icon:i.jsx(t.Pencil,{size:18}),disabled:R||B})})),i.jsx(a.default,n.__assign({description:B?"Save active edits first":"Delete this condition"},{children:i.jsx(o.Button,{onClick:function(){return function(i){var t,e="".concat(g,"-").concat(m,"-").concat(_,"-").concat(i.id);if(q===e&&D&&D(null),G(function(t){var e=n.__assign({},t);return delete e[i.id],e}),null===(t=i.text)||void 0===t?void 0:t.trim()){if(A){var o="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),s="string"==typeof z&&""!==z.trim()?z:"field";tn(i.id),A("__SKELETON__:".concat(o,":Remove ").concat(s," ").concat(i.text))}}else x(m,_,i.id)}(e)},className:"btn-icon btn-delete",icon:i.jsx(t.Trash2,{size:18}),disabled:R||B})}))]}))}))]})),M===w&&T&&i.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[i.jsx(t.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),i.jsx("div",n.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]})),X&&!O&&i.jsx("div",n.__assign({style:{maxHeight:Q?"1000px":"0",overflow:"hidden",transition:"all 0.3s ease-in-out",marginTop:Q?"1.5px":"0"}},{children:i.jsx(r.InputDataReasoningCard,{isVisible:Q,citation:e.reasoning,citations:k,fieldName:"Condition ".concat(l+1),fieldValue:e.text})}))]}),e.id)}),null!==nn&&R&&i.jsxs(i.Fragment,{children:[i.jsx("style",{children:"\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n  "}),i.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",padding:"4px 0 12px 12px",color:"var(--il-muted, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic"}},{children:[i.jsx(t.Loader2Icon,{style:{marginRight:8,animation:"spin 1s linear infinite"}}),"Checking the correctness of your updated condition..."]}))]}),0===f.length&&i.jsx("div",n.__assign({style:{display:"flex",alignItems:"center",color:"var(--il-muted, #bbb)",fontFamily:"Inter",fontWeight:400,fontSize:"14px",fontStyle:"italic",lineHeight:"130%",height:"40px",marginBottom:"8px"}},{children:"No items to show"})),L&&i.jsx("div",n.__assign({style:{color:"var(--il-danger, #ef4444)",fontSize:"12px",marginTop:"4px"}},{children:L})),w&&!j&&i.jsxs("div",n.__assign({className:"condition-add ".concat(un?"disabled":""),onClick:function(){return!un&&v()},role:"button",style:n.__assign({opacity:un?.5:1,cursor:un?"not-allowed":"pointer"},F?{}:{color:"var(--il-primary, #5925DC)"})},{children:[i.jsx(t.Plus,{size:20,className:"condition-add-icon"}),i.jsx("span",n.__assign({className:"condition-add-text"},{children:S}))]}))]}))},exports.hasMeaningfulText=d;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var Button = require('../../atoms/Button/Button.js');
+var InputDataReasoningCard = require('../../InputDataReasoningCard.js');
+var TooltipComponent = require('../../TooltipComponent.js');
+var ButtonCognitiveIcon = require('../../_svg/ButtonCognitiveIcon.js');
+var useLearningTemplateStore = require('../../../../LearningManagement/store/useLearningTemplateStore.js');
+var Textarea = require('../../atoms/Textarea/Textarea.js');
+
+const hasMeaningfulText = (text) => !!text && /[a-z0-9À-￿]/i.test(text);
+const ConditionList = ({
+  idPrefix,
+  items,
+  onAdd,
+  onRemove,
+  onEdit,
+  index,
+  tierKey,
+  readOnly = false,
+  placeholder = "Enter your condition",
+  addLabel = "Add Condition",
+  showAddButton = true,
+  isHighlighted = false,
+  highlightedIds,
+  footer,
+  tooltipDescription,
+  citations = [],
+  setSendMessageInChat,
+  fieldName,
+  isAiStreaming = false,
+  activeEditId,
+  setActiveEditId,
+  pendingEditId,
+  setPendingEditId,
+  errorMessage,
+  hideEditControls = false,
+  parentEditing = false
+}) => {
+  const backwardCompatibility = useLearningTemplateStore.useLearningTemplateStore((state) => state.backwardCompatibility);
+  const accentColor = "var(--il-primary, #5925DC)";
+  const [drafts, setDrafts] = React.useState({});
+  const [focusedId, setFocusedId] = React.useState(null);
+  const [activeReasoningId, setActiveReasoningId] = React.useState(null);
+  const [pendingItemId, setPendingItemId] = React.useState(null);
+  const prevIsAiStreaming = React.useRef(isAiStreaming);
+  const elementRefs = React.useRef(/* @__PURE__ */ new Map());
+  const prevItemsRef = React.useRef(items);
+  React.useEffect(() => {
+    const streamingFinished = prevIsAiStreaming.current && !isAiStreaming;
+    if (streamingFinished && pendingItemId !== null) {
+      setPendingItemId(null);
+    }
+    prevIsAiStreaming.current = isAiStreaming;
+  }, [isAiStreaming, pendingItemId]);
+  const loadingStyles = `
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `;
+  React.useEffect(() => {
+    const prevItems = prevItemsRef.current;
+    const newItems = items.filter((item) => !prevItems.find((p) => p.id === item.id));
+    if (hideEditControls) {
+      prevItemsRef.current = items;
+      if (newItems.length > 0) setFocusedId(newItems[newItems.length - 1].id);
+      return;
+    }
+    if (newItems.length > 0) {
+      const lastItem = newItems[newItems.length - 1];
+      const globalId = `${idPrefix}-${tierKey}-${index}-${lastItem.id}`;
+      if (!lastItem.text || lastItem.text.trim() === "") {
+        if (setActiveEditId) setActiveEditId(globalId);
+        setDrafts((prev) => ({ ...prev, [lastItem.id]: "" }));
+        setFocusedId(lastItem.id);
+      }
+    }
+    prevItemsRef.current = items;
+  }, [items, tierKey, index, setActiveEditId, idPrefix, hideEditControls]);
+  React.useEffect(() => {
+    if (focusedId) {
+      const el = elementRefs.current.get(focusedId);
+      if (el) {
+        el.focus();
+        const length = el.value.length;
+        el.setSelectionRange(length, length);
+      }
+      setFocusedId(null);
+    }
+  }, [focusedId, items]);
+  const handleStartEditing = (item) => {
+    const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;
+    if (activeEditId && activeEditId !== globalId) return;
+    if (setActiveEditId) setActiveEditId(globalId);
+    setDrafts((prev) => ({ ...prev, [item.id]: item.text }));
+    setFocusedId(item.id);
+  };
+  const handleCancel = (item) => {
+    const wasNew = item.text === "" || item.text === void 0;
+    setDrafts((prev) => {
+      const n = { ...prev };
+      delete n[item.id];
+      return n;
+    });
+    if (setActiveEditId) setActiveEditId(null);
+    if (wasNew) {
+      onRemove(tierKey, index, item.id);
+    }
+  };
+  const handleSave = (item) => {
+    var _a, _b, _c;
+    const draftText = (_a = drafts[item.id]) != null ? _a : "";
+    if (!draftText.trim()) return;
+    const isDuplicate = items.some((i) => i.id !== item.id && i.text.trim() === draftText.trim());
+    if (isDuplicate) return;
+    const prevText = (_c = (_b = item.text) == null ? void 0 : _b.trim()) != null ? _c : "";
+    if (draftText.trim() === prevText) {
+      setDrafts((prev) => {
+        const n = { ...prev };
+        delete n[item.id];
+        return n;
+      });
+      if (setActiveEditId) setActiveEditId(null);
+      return;
+    }
+    const isNew = !prevText;
+    if (setSendMessageInChat) {
+      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      const fName = typeof fieldName === "string" && fieldName.trim() !== "" ? fieldName : "field";
+      const msg = isNew ? `Add a new ${fName} condition: ${draftText}` : `Update existing ${fName} condition: ${prevText} with a new condition: ${draftText}`;
+      setPendingItemId(item.id);
+      setSendMessageInChat(`__SKELETON__:${skId}:${msg}`);
+    }
+    setDrafts((prev) => {
+      const n = { ...prev };
+      delete n[item.id];
+      return n;
+    });
+    if (setActiveEditId) setActiveEditId(null);
+  };
+  const handleDelete = (item) => {
+    var _a;
+    const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;
+    if (activeEditId === globalId && setActiveEditId) setActiveEditId(null);
+    setDrafts((prev) => {
+      const n = { ...prev };
+      delete n[item.id];
+      return n;
+    });
+    if (!((_a = item.text) == null ? void 0 : _a.trim())) {
+      onRemove(tierKey, index, item.id);
+      return;
+    }
+    if (setSendMessageInChat) {
+      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      const fName = typeof fieldName === "string" && fieldName.trim() !== "" ? fieldName : "field";
+      setPendingItemId(item.id);
+      setSendMessageInChat(`__SKELETON__:${skId}:Remove ${fName} ${item.text}`);
+    }
+  };
+  const autoResize = React.useCallback((target) => {
+    if (!target) return;
+    target.style.height = "auto";
+    target.style.height = `${target.scrollHeight}px`;
+  }, []);
+  const toggleItemReasoning = (id) => {
+    setActiveReasoningId((prev) => prev === id ? null : id);
+  };
+  const hasEmptyDraft = Object.values(drafts).some((v) => !v || v.trim() === "");
+  const hasNoChange = items.some((item) => {
+    var _a, _b;
+    const draftText = drafts[item.id];
+    return draftText !== void 0 && draftText.trim() === ((_b = (_a = item.text) == null ? void 0 : _a.trim()) != null ? _b : "");
+  });
+  const nonEmptyItems = items.filter((item) => item.text && item.text.trim() !== "");
+  const hasDuplicate = new Set(nonEmptyItems.map((i) => i.text.trim())).size !== nonEmptyItems.length;
+  const isAddDisabled = hideEditControls ? !parentEditing || isAiStreaming || hasDuplicate || items.some((item) => !hasMeaningfulText(item.text)) : hasEmptyDraft || hasDuplicate || activeEditId !== null || isAiStreaming;
+  const isApplyBtnDisabled = hasEmptyDraft || hasDuplicate || isAiStreaming || hasNoChange;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "condition-wrapper", children: [
+    items.map((item, itemIndex) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      if (item.id === pendingItemId && isAiStreaming) return null;
+      const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;
+      const isCurrentlyEditing = item.id in drafts;
+      const isOtherItemEditing = activeEditId !== null && activeEditId !== globalId;
+      const shouldGlow = highlightedIds == null ? void 0 : highlightedIds.has(item.id);
+      const showGlowNow = shouldGlow && !isAiStreaming;
+      const isConflicting = !!item.conflict;
+      const conflictMsg = ((_a = item.conflict) == null ? void 0 : _a.reason) || (isConflicting ? "Conflicting" : null);
+      const conflictReasoning = Array.isArray((_b = item.conflict) == null ? void 0 : _b.conflicting_reasoning) ? item.conflict.conflicting_reasoning.map((s) => `- ${s}`).join("\n") : ((_c = item.conflict) == null ? void 0 : _c.conflicting_reasoning) || null;
+      const decisionStrength = ((_d = item.conflict) == null ? void 0 : _d.decision_strength) || null;
+      const conflictingGap = Array.isArray((_e = item.conflict) == null ? void 0 : _e.conflicting_gap) ? item.conflict.conflicting_gap.map((s) => `- ${s}`).join("\n") : ((_f = item.conflict) == null ? void 0 : _f.conflicting_gap) || null;
+      const hasReasoning = !!item.reasoning;
+      const isReasoningOpen = activeReasoningId === item.id;
+      const displayValue = hideEditControls ? (_g = item.text) != null ? _g : "" : isCurrentlyEditing ? (_h = drafts[item.id]) != null ? _h : "" : item.text;
+      const isInputDisabled = hideEditControls ? readOnly || isAiStreaming || !parentEditing : readOnly || isAiStreaming || !isCurrentlyEditing;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "condition-row-container", "data-edit-id": globalId, style: { marginBottom: hasReasoning && isReasoningOpen ? "16px" : "8px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `condition-item ${isConflicting ? "border-red-500" : ""} ${isCurrentlyEditing ? "is-editing" : ""}`,
+            style: {
+              // opacity: (isAiStreaming && !isCurrentlyEditing) ? 0.5 : 1,
+              pointerEvents: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "condition-left", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Textarea.Textarea,
+                {
+                  ref: (el) => {
+                    if (el) {
+                      elementRefs.current.set(item.id, el);
+                      autoResize(el);
+                    } else {
+                      elementRefs.current.delete(item.id);
+                    }
+                  },
+                  rows: 1,
+                  placeholder,
+                  value: displayValue,
+                  onChange: (e) => {
+                    if (hideEditControls) {
+                      if (parentEditing) onEdit(tierKey, index, item.id, e.target.value);
+                    } else if (isCurrentlyEditing) {
+                      setDrafts((prev) => ({ ...prev, [item.id]: e.target.value }));
+                    }
+                  },
+                  showNumber: true,
+                  numberIndex: itemIndex + 1,
+                  isReadOnly: readOnly || isAiStreaming,
+                  inputReadOnly: isInputDisabled,
+                  isOpen: isReasoningOpen && !isCurrentlyEditing,
+                  onToggle: () => toggleItemReasoning(item.id),
+                  showCognitiveIcon: hasReasoning && !isCurrentlyEditing && !isConflicting,
+                  cognitiveIcon: /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, { color: "var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))" }),
+                  tooltipDescription,
+                  isConflicting,
+                  conflictMsg,
+                  conflictingReasoning: conflictReasoning,
+                  isHighlighted: showGlowNow,
+                  decisionStrength,
+                  conflictingGap,
+                  citations
+                }
+              ) }),
+              !readOnly && hideEditControls && parentEditing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "action-buttons", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent["default"], { description: "Delete this condition", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Button.Button,
+                {
+                  onClick: () => onRemove(tierKey, index, item.id),
+                  className: "btn-icon btn-delete",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 18 }),
+                  disabled: isAiStreaming
+                }
+              ) }) }),
+              !readOnly && !hideEditControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "action-buttons", children: isCurrentlyEditing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "action-buttons-inline", children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent["default"], { description: "Apply", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.Button,
+                  {
+                    onClick: () => handleSave(item),
+                    disabled: isApplyBtnDisabled,
+                    className: "btn-apply",
+                    style: { cursor: isApplyBtnDisabled ? "not-allowed" : "pointer", opacity: isApplyBtnDisabled ? 0.5 : 1 },
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 20, strokeWidth: 2.5 }),
+                    children: "Apply"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent["default"], { description: "Cancel", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.Button,
+                  {
+                    onClick: () => handleCancel(item),
+                    className: "btn-cancel-inline",
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20, strokeWidth: 2.5 })
+                  }
+                ) })
+              ] }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "action-buttons", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent["default"], { description: isOtherItemEditing ? "Save active edits first" : "Edit this condition", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.Button,
+                  {
+                    onClick: () => handleStartEditing(item),
+                    className: "btn-icon btn-edit",
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { size: 18 }),
+                    disabled: isAiStreaming || isOtherItemEditing
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent["default"], { description: isOtherItemEditing ? "Save active edits first" : "Delete this condition", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.Button,
+                  {
+                    onClick: () => handleDelete(item),
+                    className: "btn-icon btn-delete",
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 18 }),
+                    disabled: isAiStreaming || isOtherItemEditing
+                  }
+                ) })
+              ] }) })
+            ]
+          }
+        ),
+        pendingEditId === globalId && isCurrentlyEditing && /* @__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." })
+        ] }),
+        hasReasoning && !isConflicting && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          maxHeight: isReasoningOpen ? "1000px" : "0",
+          overflow: "hidden",
+          transition: "all 0.3s ease-in-out",
+          marginTop: isReasoningOpen ? "1.5px" : "0"
+        }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          InputDataReasoningCard.InputDataReasoningCard,
+          {
+            isVisible: isReasoningOpen,
+            citation: item.reasoning,
+            citations,
+            fieldName: `Condition ${itemIndex + 1}`,
+            fieldValue: item.text
+          }
+        ) })
+      ] }, item.id);
+    }),
+    pendingItemId !== null && isAiStreaming && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: loadingStyles }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        padding: "4px 0 12px 12px",
+        color: "var(--il-muted, #141414)",
+        fontSize: "13px",
+        fontWeight: 500,
+        fontStyle: "italic"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { style: { marginRight: 8, animation: "spin 1s linear infinite" } }),
+        "Checking the correctness of your updated condition..."
+      ] })
+    ] }),
+    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", color: "var(--il-muted, #bbb)", fontFamily: "Inter", fontWeight: 400, fontSize: "14px", fontStyle: "italic", lineHeight: "130%", height: "40px", marginBottom: "8px" }, children: "No items to show" }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--il-danger, #ef4444)", fontSize: "12px", marginTop: "4px" }, children: errorMessage }),
+    showAddButton && !readOnly && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `condition-add ${isAddDisabled ? "disabled" : ""}`,
+        onClick: () => !isAddDisabled && onAdd(),
+        role: "button",
+        style: {
+          opacity: isAddDisabled ? 0.5 : 1,
+          cursor: isAddDisabled ? "not-allowed" : "pointer",
+          ...backwardCompatibility ? {} : { color: accentColor }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 20, className: "condition-add-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "condition-add-text", children: addLabel })
+        ]
+      }
+    )
+  ] });
+};
+
+exports.ConditionList = ConditionList;
+exports.hasMeaningfulText = hasMeaningfulText;
 //# sourceMappingURL=ConditionList.js.map

package/dist/cjs/features/IL-OTJ/_components/molecules/Condition/ConditionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionList.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConditionList.js","sources":["../../../../../../../src/features/IL-OTJ/_components/molecules/Condition/ConditionList.tsx"],"sourcesContent":["import { X, Plus, Check, Pencil, Trash2, Loader2Icon, AlertTriangle } from \"lucide-react\";\nimport { useCallback, useState, useEffect, useRef } from \"react\";\nimport { Button } from \"../../atoms/Button/Button\";\nimport { Textarea } from \"../../atoms/Textarea\";\nimport { InputDataReasoningCard } from \"../../InputDataReasoningCard\";\nimport TooltipComponent from \"../../TooltipComponent\";\nimport { ButtonCognitiveIcon } from \"../../_svg/ButtonCognitiveIcon\";\nimport { useLearningTemplateStore } from \"../../../../LearningManagement/store/useLearningTemplateStore\";\n\n// A condition only counts as filled in when it carries a letter or a digit —\n// spaces and punctuation alone don't unlock the \"Add\" button.\nexport const hasMeaningfulText = (text?: string | null) => !!text && /[a-z0-9À-￿]/i.test(text);\n\ninterface ListItem {\n  id: number | string;\n  text: string;\n  reasoning?: string;\n  conflict?: any;\n}\n\ninterface ConditionListProps {\n  idPrefix: string;\n  items: ListItem[];\n  onAdd: () => void;\n  onRemove: (tierKey: string, index: number, id: any) => void;\n  onEdit: (tierKey: string, index: number, id: any, text: string) => void;\n  index: number;\n  tierKey: string;\n  readOnly: boolean;\n  placeholder?: string;\n  addLabel?: string;\n  showAddButton?: boolean;\n  isHighlighted?: boolean;\n  highlightedIds?: Set<string | number>;\n  footer?: React.ReactNode;\n  tooltipDescription?: string;\n  citations?: any[];\n  setSendMessageInChat?: (value: string) => void;\n  fieldName?: string;\n  isAiStreaming?: boolean;\n  activeEditId?: string | null;\n  setActiveEditId?: (id: string | null) => void;\n  pendingEditId?: string | null;\n  setPendingEditId?: (id: string | null) => void;\n  errorMessage?: string | null;\n  // New UI: the parent variant owns a single edit session, so the list drops its\n  // per-item pencil/apply chrome and edits straight into the parent's draft.\n  hideEditControls?: boolean;\n  parentEditing?: boolean;\n}\n\nexport const ConditionList = ({\n  idPrefix,\n  items,\n  onAdd,\n  onRemove,\n  onEdit,\n  index,\n  tierKey,\n  readOnly = false,\n  placeholder = \"Enter your condition\",\n  addLabel = \"Add Condition\",\n  showAddButton = true,\n  isHighlighted = false,\n  highlightedIds,\n  footer,\n  tooltipDescription,\n  citations = [],\n  setSendMessageInChat,\n  fieldName,\n  isAiStreaming = false,\n  activeEditId,\n  setActiveEditId,\n  pendingEditId,\n  setPendingEditId,\n  errorMessage,\n  hideEditControls = false,\n  parentEditing = false,\n}: ConditionListProps) => {\n\n  const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);\n  const accentColor = 'var(--il-primary, #5925DC)';\n\n  const [drafts, setDrafts] = useState<Record<string | number, string>>({}); // Drafts for currently editing items\n  const [focusedId, setFocusedId] = useState<string | number | null>(null);\n  const [activeReasoningId, setActiveReasoningId] = useState<string | number | null>(null);\n  const [pendingItemId, setPendingItemId] = useState<string | number | null>(null); // for showing \"checking correctness\" loader\n  const prevIsAiStreaming = useRef(isAiStreaming);\n\n  const elementRefs = useRef<Map<string | number, HTMLTextAreaElement>>(new Map());\n  const prevItemsRef = useRef<ListItem[]>(items);\n\n  useEffect(() => {\n    const streamingFinished = prevIsAiStreaming.current && !isAiStreaming;\n    if (streamingFinished && pendingItemId !== null) {\n      setPendingItemId(null);\n    }\n    prevIsAiStreaming.current = isAiStreaming;\n  }, [isAiStreaming, pendingItemId]);\n\n  const loadingStyles = `\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n  `;\n\n  useEffect(() => {\n    const prevItems = prevItemsRef.current;\n    const newItems = items.filter(item => !prevItems.find(p => p.id === item.id));\n\n    // Parent-driven editing has no per-item drafts — rows are always live.\n    if (hideEditControls) {\n      prevItemsRef.current = items;\n      if (newItems.length > 0) setFocusedId(newItems[newItems.length - 1].id);\n      return;\n    }\n\n    if (newItems.length > 0) {\n      const lastItem = newItems[newItems.length - 1];\n      const globalId = `${idPrefix}-${tierKey}-${index}-${lastItem.id}`;\n\n      // Only auto-enter edit for empty new items\n      if (!lastItem.text || lastItem.text.trim() === '') {\n        if (setActiveEditId) setActiveEditId(globalId);\n        setDrafts(prev => ({ ...prev, [lastItem.id]: '' }));\n        setFocusedId(lastItem.id);\n      }\n    }\n\n    prevItemsRef.current = items;\n  }, [items, tierKey, index, setActiveEditId, idPrefix, hideEditControls]);\n\n  // Focus the textarea when focusedId changes\n  useEffect(() => {\n    if (focusedId) {\n      const el = elementRefs.current.get(focusedId);\n      if (el) {\n        el.focus();\n        const length = el.value.length;\n        el.setSelectionRange(length, length);\n      }\n      setFocusedId(null);\n    }\n  }, [focusedId, items]);\n\n  const handleStartEditing = (item: ListItem) => {\n    const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;\n    if (activeEditId && activeEditId !== globalId) return;\n\n    if (setActiveEditId) setActiveEditId(globalId);\n    setDrafts(prev => ({ ...prev, [item.id]: item.text }));\n    setFocusedId(item.id);\n  };\n\n  const handleCancel = (item: ListItem) => {\n    const wasNew = item.text === '' || item.text === undefined;\n    setDrafts(prev => { const n = { ...prev }; delete n[item.id]; return n; });\n    if (setActiveEditId) setActiveEditId(null);\n\n    // If we were adding a brand-new empty item and cancelled, remove it\n    if (wasNew) {\n      onRemove(tierKey, index, item.id);\n    }\n  };\n\n  const handleSave = (item: ListItem) => {\n    const draftText = drafts[item.id] ?? '';\n\n    if (!draftText.trim()) return; // don't fire empty\n\n    const isDuplicate = items.some(i => i.id !== item.id && i.text.trim() === draftText.trim());\n    if (isDuplicate) return;\n    const prevText = item.text?.trim() ?? '';\n\n    // No change\n    if (draftText.trim() === prevText) {\n      setDrafts(prev => { const n = { ...prev }; delete n[item.id]; return n; });\n      if (setActiveEditId) setActiveEditId(null);\n      return;\n    }\n\n    const isNew = !prevText;\n    if (setSendMessageInChat) {\n      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n      const fName = typeof fieldName === 'string' && fieldName.trim() !== '' ? fieldName : 'field';\n      const msg = isNew\n        ? `Add a new ${fName} condition: ${draftText}`\n        : `Update existing ${fName} condition: ${prevText} with a new condition: ${draftText}`;\n\n      setPendingItemId(item.id);\n      setSendMessageInChat(`__SKELETON__:${skId}:${msg}`);\n    }\n\n    // Discard draft — UI reverts to old item.text until AI updates it\n    setDrafts(prev => { const n = { ...prev }; delete n[item.id]; return n; });\n    if (setActiveEditId) setActiveEditId(null);\n  };\n\n  const handleDelete = (item: ListItem) => {\n    const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;\n    if (activeEditId === globalId && setActiveEditId) setActiveEditId(null);\n    setDrafts(prev => { const n = { ...prev }; delete n[item.id]; return n; });\n\n    if (!item.text?.trim()) {\n      // Empty item — just remove silently\n      onRemove(tierKey, index, item.id);\n      return;\n    }\n\n    if (setSendMessageInChat) {\n      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n      const fName = typeof fieldName === 'string' && fieldName.trim() !== '' ? fieldName : 'field';\n\n      setPendingItemId(item.id);\n      setSendMessageInChat(`__SKELETON__:${skId}:Remove ${fName} ${item.text}`);\n    }\n  };\n\n  const autoResize = useCallback((target: HTMLTextAreaElement | null) => {\n    if (!target) return;\n    target.style.height = \"auto\";\n    target.style.height = `${target.scrollHeight}px`;\n  }, []);\n\n  const toggleItemReasoning = (id: string | number) => {\n    setActiveReasoningId(prev => (prev === id ? null : id));\n  };\n\n  const hasEmptyDraft = Object.values(drafts).some(v => !v || v.trim() === '');\n  const hasNoChange = items.some(item => {\n    const draftText = drafts[item.id];\n    return draftText !== undefined && (draftText.trim() === (item.text?.trim() ?? ''));\n  });\n  const nonEmptyItems = items.filter(item => item.text && item.text.trim() !== '');\n  const hasDuplicate = new Set(nonEmptyItems.map(i => i.text.trim())).size !== nonEmptyItems.length;\n  // Disable add if any editing is in progress globally.\n  // Under parent-driven editing there are no drafts: the gate is that every existing\n  // row already carries real text (letters/digits, not just spaces or punctuation).\n  const isAddDisabled = hideEditControls\n    ? (!parentEditing || isAiStreaming || hasDuplicate || items.some(item => !hasMeaningfulText(item.text)))\n    : (hasEmptyDraft || hasDuplicate || activeEditId !== null || isAiStreaming);\n\n  const isApplyBtnDisabled = hasEmptyDraft || hasDuplicate || isAiStreaming || hasNoChange;\n\n  return (\n    <div className=\"condition-wrapper\">\n      {items.map((item, itemIndex) => {\n        // Skip rendering the item if it's currently being removed\n        if (item.id === pendingItemId && isAiStreaming) return null;\n\n        const globalId = `${idPrefix}-${tierKey}-${index}-${item.id}`;\n        const isCurrentlyEditing = item.id in drafts;\n        const isOtherItemEditing = activeEditId !== null && activeEditId !== globalId;\n\n        const shouldGlow = highlightedIds?.has(item.id);\n        const showGlowNow = shouldGlow && !isAiStreaming;\n        const isConflicting = !!item.conflict;\n        const conflictMsg = item.conflict?.reason || (isConflicting ? \"Conflicting\" : null);\n        const conflictReasoning = Array.isArray(item.conflict?.conflicting_reasoning)\n          ? item.conflict.conflicting_reasoning.map((s: any) => `- ${s}`).join('\\n')\n          : item.conflict?.conflicting_reasoning || null;\n        const decisionStrength = item.conflict?.decision_strength || null;\n        const conflictingGap = Array.isArray(item.conflict?.conflicting_gap)\n          ? item.conflict.conflicting_gap.map((s: any) => `- ${s}`).join('\\n')\n          : item.conflict?.conflicting_gap || null;\n\n        const hasReasoning = !!item.reasoning;\n        const isReasoningOpen = activeReasoningId === item.id;\n\n        // Display value: draft if editing, else global value from parent\n        const displayValue = hideEditControls ? (item.text ?? '') : (isCurrentlyEditing ? (drafts[item.id] ?? '') : item.text);\n\n        const isInputDisabled = hideEditControls\n          ? (readOnly || isAiStreaming || !parentEditing)\n          : (readOnly || isAiStreaming || !isCurrentlyEditing);\n\n        return (\n          <div key={item.id} className=\"condition-row-container\" data-edit-id={globalId} style={{ marginBottom: hasReasoning && isReasoningOpen ? '16px' : '8px' }}>\n            <div\n              className={`condition-item ${isConflicting ? 'border-red-500' : ''} ${isCurrentlyEditing ? 'is-editing' : ''}`}\n              style={{\n                // opacity: (isAiStreaming && !isCurrentlyEditing) ? 0.5 : 1,\n                pointerEvents: 'auto'\n              }}\n            >\n              <div className=\"condition-left\">\n                <Textarea\n                  ref={(el: HTMLTextAreaElement | null) => {\n                    if (el) {\n                      elementRefs.current.set(item.id, el);\n                      autoResize(el);\n                    } else {\n                      elementRefs.current.delete(item.id);\n                    }\n                  }}\n                  rows={1}\n                  placeholder={placeholder}\n                  value={displayValue}\n                  onChange={(e: any) => {\n                    if (hideEditControls) {\n                      if (parentEditing) onEdit(tierKey, index, item.id, e.target.value);\n                    } else if (isCurrentlyEditing) {\n                      setDrafts(prev => ({ ...prev, [item.id]: e.target.value }));\n                    }\n                  }}\n                  showNumber={true}\n                  numberIndex={itemIndex + 1}\n                  isReadOnly={readOnly || isAiStreaming}\n                  inputReadOnly={isInputDisabled}\n                  isOpen={isReasoningOpen && !isCurrentlyEditing}\n                  onToggle={() => toggleItemReasoning(item.id)}\n                  showCognitiveIcon={hasReasoning && !isCurrentlyEditing && !isConflicting}\n                  cognitiveIcon={<ButtonCognitiveIcon color=\"var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))\" />}\n                  tooltipDescription={tooltipDescription}\n                  isConflicting={isConflicting}\n                  conflictMsg={conflictMsg}\n                  conflictingReasoning={conflictReasoning}\n                  isHighlighted={showGlowNow}\n                  decisionStrength={decisionStrength}\n                  conflictingGap={conflictingGap}\n                  citations={citations}\n                />\n              </div>\n              {!readOnly && hideEditControls && parentEditing && (\n                <div className=\"action-buttons\">\n                  <TooltipComponent description=\"Delete this condition\">\n                    <Button\n                      onClick={() => onRemove(tierKey, index, item.id)}\n                      className=\"btn-icon btn-delete\"\n                      icon={<Trash2 size={18} />}\n                      disabled={isAiStreaming}\n                    />\n                  </TooltipComponent>\n                </div>\n              )}\n              {!readOnly && !hideEditControls &&\n              <div className=\"action-buttons\">\n                {isCurrentlyEditing ? (\n                  <div className=\"action-buttons-inline\">\n                    <>\n                      <TooltipComponent description=\"Apply\">\n                        <Button \n                          onClick={() => handleSave(item)} \n                          disabled={isApplyBtnDisabled}\n                          className=\"btn-apply\"\n                          style={{ cursor: isApplyBtnDisabled ? 'not-allowed' : 'pointer', opacity: isApplyBtnDisabled ? 0.5 : 1 }} \n                          icon={<Check size={20} strokeWidth={2.5} />}\n                        >\n                          Apply\n                        </Button>\n                      </TooltipComponent>\n                      <TooltipComponent description=\"Cancel\">\n                        <Button \n                          onClick={() => handleCancel(item)} \n                          className=\"btn-cancel-inline\" \n                          icon={<X size={20} strokeWidth={2.5} />} \n                        />\n                      </TooltipComponent>\n                    </>\n                  </div>\n                ) : (\n                  <div className=\"action-buttons\">\n                    <TooltipComponent description={isOtherItemEditing ? \"Save active edits first\" : \"Edit this condition\"}>\n                      <Button \n                        onClick={() => handleStartEditing(item)} \n                        className=\"btn-icon btn-edit\" \n                        icon={<Pencil size={18} />} \n                        disabled={isAiStreaming || isOtherItemEditing} \n                      />\n                    </TooltipComponent>\n                    <TooltipComponent description={isOtherItemEditing ? \"Save active edits first\" : \"Delete this condition\"}>\n                      <Button \n                        onClick={() => handleDelete(item)} \n                        className=\"btn-icon btn-delete\" \n                        icon={<Trash2 size={18} />} \n                        disabled={isAiStreaming || isOtherItemEditing} \n                      />\n                    </TooltipComponent>\n                  </div>\n                )}\n              </div>\n              }\n            </div>\n\n            {/* Pending warning — user is editing this item but clicked away */}\n            {pendingEditId === globalId && isCurrentlyEditing && (\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\n            {hasReasoning && !isConflicting && (\n              <div style={{\n                maxHeight: isReasoningOpen ? '1000px' : '0',\n                overflow: 'hidden',\n                transition: 'all 0.3s ease-in-out',\n                marginTop: isReasoningOpen ? '1.5px' : '0',\n              }}>\n                <InputDataReasoningCard\n                  isVisible={isReasoningOpen}\n                  citation={item.reasoning}\n                  citations={citations}\n                  fieldName={`Condition ${itemIndex + 1}`}\n                  fieldValue={item.text}\n                />\n              </div>\n            )}\n          </div>\n        );\n      })}\n\n      {/* AI processing indicator */}\n      {pendingItemId !== null && isAiStreaming && (\n        <>\n          <style>{loadingStyles}</style>\n          <div style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            padding: '4px 0 12px 12px',\n            color: 'var(--il-muted, #141414)',\n            fontSize: '13px',\n            fontWeight: 500,\n            fontStyle: 'italic'\n          }}>\n            <Loader2Icon style={{ marginRight: 8, animation: 'spin 1s linear infinite' }} />\n            Checking the correctness of your updated condition...\n          </div>\n        </>\n      )}\n\n      {items.length === 0 && (\n        <div style={{ display: 'flex', alignItems: 'center', color: 'var(--il-muted, #bbb)', fontFamily: 'Inter', fontWeight: 400, fontSize: '14px', fontStyle: 'italic', lineHeight: '130%', height: '40px', marginBottom: '8px' }}>\n          No items to show\n        </div>\n      )}\n\n      {errorMessage && (\n          <div style={{ color: 'var(--il-danger, #ef4444)', fontSize: '12px', marginTop: '4px' }}>\n            {errorMessage}\n          </div>\n      )}\n\n      {showAddButton && !readOnly && (\n        <div\n          className={`condition-add ${isAddDisabled ? 'disabled' : ''}`}\n          onClick={() => !isAddDisabled && onAdd()}\n          role=\"button\"\n          style={{\n            opacity: isAddDisabled ? 0.5 : 1,\n            cursor: isAddDisabled ? 'not-allowed' : 'pointer',\n            ...(backwardCompatibility ? {} : { color: accentColor })\n          }}\n        >\n          <Plus size={20} className=\"condition-add-icon\" />\n          <span className=\"condition-add-text\">{addLabel}</span>\n        </div>\n      )}\n    </div>\n  );\n};"],"names":["useLearningTemplateStore","useState","useRef","useEffect","useCallback","jsxs","jsx","Textarea","ButtonCognitiveIcon","TooltipComponent","Button","Trash2","Fragment","Check","X","Pencil","AlertTriangle","InputDataReasoningCard","Loader2Icon","Plus"],"mappings":"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"}

package/dist/cjs/features/IL-OTJ/_components/molecules/Sections/SectionWrapper.js

@@ -1,2 +1,82 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),s=require("lucide-react"),t=require("react");exports.SectionWrapper=function(n){var r=n.id,a=n.required,l=n.title,o=n.subtitle,c=n.children,d=n.openSections,p=n.setOpenSections;n.dividerRequired;var u=n.defaultOpen,x=void 0===u||u,g=n.collapsible,v=void 0!==g&&g,h=n.bordered,_=void 0!==h&&h,f=n.customStyles,y=n.readOnly,m=n.headerActions,j=t.useState(x),b=j[0],S=j[1],q=void 0!==d&&void 0!==p&&d.has(r),w=!v||(q?d.has(r):b),C=t.useCallback(function(){v&&(q?p(function(e){var i=new Set(e);return i.has(r)?i.delete(r):i.add(r),i}):S(function(e){return!e}))},[r,p,v,q]),I=_?{border:"1px solid var(--il-border, #ccc)",padding:"8px 12px",borderRadius:"8px"}:{};return i.jsxs("div",e.__assign({className:"section-wrapper",style:I},{children:[i.jsxs("div",e.__assign({className:"section-header",onClick:C,role:v?"button":"presentation",style:{cursor:v?"pointer":"default",display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"4px"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between"}},{children:[i.jsxs("div",e.__assign({className:"section-header-title ".concat(w?"active":""),style:{display:"flex",alignItems:"center",gap:"1.5px"}},{children:[a&&i.jsx("span",e.__assign({style:{color:"var(--il-danger, #8F2C23)",marginRight:"2px"}},{children:"*"})),i.jsx("span",e.__assign({style:{cursor:y?"not-allowed":"pointer"}},{children:l}))]})),i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"},onClick:function(e){return e.stopPropagation()}},{children:[m,v&&i.jsx(s.ChevronDown,{size:24,className:"section-chevron ".concat(w?"open":"")})]}))]})),o&&i.jsx("div",e.__assign({style:{fontFamily:"Inter",fontWeight:400,fontSize:"12px",lineHeight:"130%",color:"var(--il-muted, #64748B)",marginLeft:"0px"}},{children:o}))]})),w&&i.jsx(i.Fragment,{children:i.jsx("div",e.__assign({className:"section-content",style:f},{children:c}))})]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var React = require('react');
+
+const SectionWrapper = ({
+  id,
+  required,
+  title,
+  subtitle,
+  children,
+  openSections,
+  setOpenSections,
+  dividerRequired = false,
+  defaultOpen = true,
+  collapsible = false,
+  bordered = false,
+  customStyles,
+  readOnly,
+  headerActions
+}) => {
+  const [localOpen, setLocalOpen] = React.useState(defaultOpen);
+  const isControlled = openSections !== void 0 && setOpenSections !== void 0 && openSections.has(id);
+  const isOpen = collapsible ? isControlled ? openSections.has(id) : localOpen : true;
+  const handleToggle = React.useCallback(() => {
+    if (!collapsible) return;
+    if (isControlled) {
+      setOpenSections((prev) => {
+        const newSet = new Set(prev);
+        newSet.has(id) ? newSet.delete(id) : newSet.add(id);
+        return newSet;
+      });
+    } else {
+      setLocalOpen((prev) => !prev);
+    }
+  }, [id, setOpenSections, collapsible, isControlled]);
+  const wrapperStyle = bordered ? {
+    border: "1px solid var(--il-border, #ccc)",
+    padding: "8px 12px",
+    borderRadius: "8px"
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "section-wrapper", style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "section-header",
+        onClick: handleToggle,
+        role: collapsible ? "button" : "presentation",
+        style: { cursor: collapsible ? "pointer" : "default", display: "flex", flexDirection: "column", alignItems: "flex-start", gap: "4px" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", width: "100%", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: `section-header-title ${isOpen ? "active" : ""}`,
+                style: { display: "flex", alignItems: "center", gap: "1.5px" },
+                children: [
+                  required && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--il-danger, #8F2C23)", marginRight: "2px" }, children: "*" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+                    cursor: readOnly ? "not-allowed" : "pointer"
+                  }, children: title })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, onClick: (e) => e.stopPropagation(), children: [
+              headerActions,
+              collapsible && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 24, className: `section-chevron ${isOpen ? "open" : ""}` })
+            ] })
+          ] }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontFamily: "Inter", fontWeight: 400, fontSize: "12px", lineHeight: "130%", color: "var(--il-muted, #64748B)", marginLeft: "0px" }, children: subtitle })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "section-content", style: customStyles, children }) })
+  ] });
+};
+
+exports.SectionWrapper = SectionWrapper;
 //# sourceMappingURL=SectionWrapper.js.map

package/dist/cjs/features/IL-OTJ/_components/molecules/Sections/SectionWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SectionWrapper.js","sources":["../../../../../../../src/features/IL-OTJ/_components/molecules/Sections/SectionWrapper.tsx"],"sourcesContent":["import { ChevronDown } from \"lucide-react\";\nimport { useCallback, ReactNode, useState } from \"react\";\n\nexport interface SectionWrapperProps {\n  id: string;\n  required?: boolean;\n  title: string;\n  subtitle?: string;\n  children: ReactNode;\n  openSections?: Set<string>;\n  setOpenSections?: React.Dispatch<React.SetStateAction<Set<string>>>;\n  dividerRequired?: boolean;\n  defaultOpen?: boolean;\n  collapsible?: boolean; \n  bordered?: boolean;\n  customStyles?: React.CSSProperties;\n  readOnly?: boolean;\n  headerActions?: ReactNode;\n}\n\nexport const SectionWrapper = ({ \n  id, \n  required, \n  title,\n  subtitle,\n  children, \n  openSections, \n  setOpenSections, \n  dividerRequired = false,\n  defaultOpen = true,\n  collapsible = false,\n  bordered = false,\n  customStyles,\n  readOnly,\n  headerActions,\n}: SectionWrapperProps) => {\n\n  const [localOpen, setLocalOpen] = useState(defaultOpen);\n  \n  const isControlled = openSections !== undefined && setOpenSections !== undefined && openSections.has(id);\n  const isOpen = collapsible \n    ? (isControlled ? openSections.has(id) : localOpen)\n    : true;\n\n  const handleToggle = useCallback(() => {\n    if (!collapsible) return;\n    \n    if (isControlled) {\n      setOpenSections(prev => {\n        const newSet = new Set(prev);\n        newSet.has(id) ? newSet.delete(id) : newSet.add(id);\n        return newSet;\n      });\n    } else {\n      setLocalOpen(prev => !prev);\n    }\n  }, [id, setOpenSections, collapsible, isControlled]);\n\n  const wrapperStyle = bordered ? {\n    border: '1px solid var(--il-border, #ccc)',\n    padding: '8px 12px',\n    borderRadius: '8px',\n  } : {};\n\n  return (\n    <div className='section-wrapper' style={wrapperStyle}>\n      <div \n        className='section-header' \n        onClick={handleToggle} \n        role={collapsible ? 'button' : 'presentation'}\n        style={{ cursor: collapsible ? 'pointer' : 'default', display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '4px' }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', width: '100%', justifyContent: 'space-between' }}>\n          <div \n            className={`section-header-title ${isOpen ? 'active' : ''}`}\n            style={{ display: 'flex', alignItems: 'center', gap: '1.5px' }} \n          >\n            {required && (<span style={{ color: 'var(--il-danger, #8F2C23)', marginRight: '2px'}}>*</span>)}\n            <span style={{              \n              cursor: readOnly ? \"not-allowed\" : \"pointer\"\n            }}>{title}</span>\n            \n          </div>\n\n          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }} onClick={(e) => e.stopPropagation()}>\n            {headerActions}\n            {collapsible && (\n              <ChevronDown size={24} className={`section-chevron ${isOpen ? 'open' : ''}`} />\n            )}\n          </div>\n        </div>\n        {subtitle && (\n          <div style={{ fontFamily: 'Inter', fontWeight: 400, fontSize: '12px', lineHeight: '130%', color: 'var(--il-muted, #64748B)', marginLeft: '0px' }}>\n            {subtitle}\n          </div>\n        )}\n      </div>\n      {isOpen && (\n        <>\n          <div className=\"section-content\" style={customStyles}>{children}</div>\n        </>\n      )}\n    </div>\n  );\n};"],"names":["useState","useCallback","jsxs","jsx","ChevronDown"],"mappings":"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"}