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

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

@@ -1,2 +1,212 @@
-import{__assign as e}from"tslib";import{jsxs as t,jsx as i,Fragment as r}from"react/jsx-runtime";import{useRef as n,useState as a,useEffect as o}from"react";import{Check as l,X as d,Pencil as u}from"lucide-react";import c from"../../features/LearningManagement/components/PromptTextEditor.js";import{Textarea as s}from"../../features/IL-OTJ/_components/atoms/Textarea/Textarea.js";import{useLearningTemplateStore as p}from"../../features/LearningManagement/store/useLearningTemplateStore.js";import{useParentEditEnabled as v}from"../hooks/useParentEditEnabled.js";var h=[{key:"text",label:"Text"},{key:"prompt",label:"Prompt"}];function f(f){var m,g,x,b,y,S=n(""),E=a("text"),C=E[0],w=E[1],k=p(function(e){return e.backwardCompatibility}),I=f.id||"prompt-editor",L=v(f.schema),W=void 0!==f.hideEditControls?!!f.hideEditControls:L,A=W?!!f.parentEditing:(null===(m=f.uiState)||void 0===m?void 0:m.activeEditId)===I,T=!!(null===(g=f.uiState)||void 0===g?void 0:g.activeEditId)&&f.uiState.activeEditId!==I,z=n(null);o(function(){if(!A&&z.current){var e=z.current,t=e.querySelector(":focus");t&&t.blur();var i=function(e){A||(e.preventDefault(),e.target.blur())};return e.addEventListener("focus",i,{capture:!0}),function(){e.removeEventListener("focus",i,{capture:!0})}}},[A]),o(function(){z.current&&(A?(z.current.inert=!1,z.current.querySelectorAll('[aria-hidden="true"]').forEach(function(e){e.removeAttribute("aria-hidden");var t=e.tagName.toLowerCase();"button"!==t&&"input"!==t&&"textarea"!==t&&"a"!==t||(e.removeAttribute("tabindex"),e.disabled=!1)})):(z.current.inert=!0,z.current.querySelectorAll("input, textarea, button, a, [tabindex], [contenteditable]").forEach(function(e){e.setAttribute("tabindex","-1"),e.setAttribute("aria-hidden","true"),e.disabled=!0})))},[A]);var M=(f.value||"").trim()===S.current.trim(),B={display:"flex",alignItems:"center",justifyContent:"center",padding:"8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:"pointer",width:"36px",height:"36px",backgroundColor:"var(--il-surface, #ffffff)"},O=(null===(y=null===(b=null===(x=f.uiState)||void 0===x?void 0:x.highlights)||void 0===b?void 0:b.get("".concat(f.tierKey,"_").concat(f.variantIndex)))||void 0===y?void 0:y.instruction_prompt)||!1,j="var(--il-primary, #2563EB)",F=k?"37, 99, 235":"89, 37, 220",_=f.value||"",R="number"==typeof f.maxLength&&Number.isFinite(f.maxLength)&&f.maxLength>=0?Math.floor(f.maxLength):void 0,D=function(e){return f.onChange(void 0===R?e:e.slice(0,R))},H=void 0!==R&&_.length>=R;return t("div",e({style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",maxWidth:"100%",boxSizing:"border-box",minWidth:0,marginBottom:"12px"},"data-edit-id":I},{children:[t("div",e({style:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between"}},{children:[i("span",e({style:{fontSize:"14px",fontWeight:500,color:"var(--il-foreground, #19213D)",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:f.title})),f.enableViewToggle&&i("div",e({style:{display:"flex",alignItems:"center",gap:"2px",padding:"2px",backgroundColor:"var(--il-secondary-bg, #f1f5f9)",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"6px"}},{children:h.map(function(t){var r=t.key,n=t.label,a=C===r;return i("button",e({type:"button",onClick:function(){return w(r)},style:{padding:"3px 8px",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"11px",fontWeight:500,fontFamily:"Inter, sans-serif",backgroundColor:a?"var(--il-surface, #ffffff)":"transparent",color:a?j:"var(--il-muted, #64748B)",boxShadow:a?"0px 1px 2px rgba(18, 18, 23, 0.05)":"none"}},{children:n}),r)})}))]})),(f.subtitle||f.description)&&i("div",e({style:{fontFamily:"Inter",fontWeight:400,fontSize:"12px",lineHeight:"130%",color:"var(--il-muted, #64748B)",marginBottom:"4px"}},{children:f.subtitle||f.description})),t("div",e({style:{display:"flex",alignItems:"flex-start",gap:"8px",width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box"}},{children:[i("div",e({ref:z,style:{flex:"1 1 0%",minWidth:0,maxWidth:"100%",overflow:"hidden",boxSizing:"border-box",border:O?"1px solid ".concat(j):"none",borderRadius:"8px",boxShadow:O?"0 0 12px 3px rgba(".concat(F,", 0.3)"):"none",transition:"all 0.3s",scrollBehavior:A?"auto":"unset"},"aria-disabled":!A},{children:i("div",e({style:{pointerEvents:A?"auto":"none",opacity:A?1:.75,maxWidth:"100%",minWidth:0,overflow:"hidden"}},{children:f.enableViewToggle&&"text"===C?i(s,{rows:6,placeholder:f.placeholder||"Enter the instruction prompt..",value:_,maxLength:R,onChange:function(e){return D(e.target.value)},isReadOnly:f.readOnly||f.isAiStreaming,inputReadOnly:!A,isHighlighted:O,errorMessage:f.errorMessage}):i(c,e({},f,{value:_,onChange:D,maxLength:R,minHeight:"220px",maxHeight:"400px",readOnly:f.readOnly||f.isAiStreaming||!A}))}))})),!f.readOnly&&!W&&i("div",e({style:{display:"flex",gap:"8px"}},{children:A?t(r,{children:[t("button",e({onClick:function(){var e,t,i;if((f.value||"")!==S.current&&(null===(e=f.uiState)||void 0===e?void 0:e.setSendMessageInChat)){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8));f.uiState.setSendMessageInChat("__SKELETON__:".concat(r,":The ").concat(f.title," has been updated through the Learning Form"))}null===(i=null===(t=f.uiState)||void 0===t?void 0:t.setActiveEditId)||void 0===i||i.call(t,null)},disabled:M,style:e(e({},B),{backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, white)",width:"auto"})},{children:[i(l,{size:20,strokeWidth:2.5})," Apply"]})),i("button",e({onClick:function(){var e,t;(f.value||"")!==S.current&&f.onChange(S.current),null===(t=null===(e=f.uiState)||void 0===e?void 0:e.setActiveEditId)||void 0===t||t.call(e,null)},style:e(e({},B),{color:"var(--il-danger, #dc2626)"})},{children:i(d,{size:20,strokeWidth:2.5})}))]}):i("button",e({onClick:function(){var e,t;T||(S.current=f.value||"",null===(t=null===(e=f.uiState)||void 0===e?void 0:e.setActiveEditId)||void 0===t||t.call(e,I))},disabled:f.isAiStreaming||T,style:e(e({},B),{color:"var(--il-muted, #64748B)"})},{children:i(u,{size:20})}))}))]})),f.enableViewToggle&&"text"===C&&void 0!==R&&t("div",e({role:H?"status":void 0,"aria-live":H?"polite":void 0,style:{alignSelf:"flex-end",color:H?"var(--il-danger, #dc2626)":"var(--il-muted, #64748B)",fontFamily:"Inter, sans-serif",fontSize:"12px",fontWeight:H?600:400,marginTop:"2px"}},{children:[_.length," / ",R," characters",H?" — Maximum character limit reached":" — ".concat(R-_.length," characters remaining")]}))]}))}export{f as default};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { Check, X, Pencil } from 'lucide-react';
+import PromptTextEditor from '../../features/LearningManagement/components/PromptTextEditor.js';
+import { Textarea } from '../../features/IL-OTJ/_components/atoms/Textarea/Textarea.js';
+import { useLearningTemplateStore } from '../../features/LearningManagement/store/useLearningTemplateStore.js';
+import { useParentEditEnabled } from '../hooks/useParentEditEnabled.js';
+
+const VIEW_TABS = [
+  { key: "text", label: "Text" },
+  { key: "prompt", label: "Prompt" }
+];
+function PromptTextEditorField(props) {
+  var _a, _b, _c, _d, _e;
+  const editStartValueRef = useRef("");
+  const [viewMode, setViewMode] = useState("text");
+  const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);
+  const id = props.id || "prompt-editor";
+  const parentEditEnabled = useParentEditEnabled(props.schema);
+  const externallyControlled = props.hideEditControls !== void 0 ? !!props.hideEditControls : parentEditEnabled;
+  const isEditing = externallyControlled ? !!props.parentEditing : ((_a = props.uiState) == null ? void 0 : _a.activeEditId) === id;
+  const isOtherFieldEditing = !!((_b = props.uiState) == null ? void 0 : _b.activeEditId) && props.uiState.activeEditId !== id;
+  const editorContainerRef = useRef(null);
+  useEffect(() => {
+    if (!isEditing && editorContainerRef.current) {
+      const container = editorContainerRef.current;
+      const focusedElement = container.querySelector(":focus");
+      if (focusedElement) {
+        focusedElement.blur();
+      }
+      const handleFocus = (e) => {
+        if (!isEditing) {
+          e.preventDefault();
+          const target = e.target;
+          target.blur();
+        }
+      };
+      container.addEventListener("focus", handleFocus, { capture: true });
+      return () => {
+        container.removeEventListener("focus", handleFocus, { capture: true });
+      };
+    }
+  }, [isEditing]);
+  useEffect(() => {
+    if (editorContainerRef.current) {
+      if (!isEditing) {
+        editorContainerRef.current.inert = true;
+        const focusableElements = editorContainerRef.current.querySelectorAll("input, textarea, button, a, [tabindex], [contenteditable]");
+        focusableElements.forEach((element) => {
+          element.setAttribute("tabindex", "-1");
+          element.setAttribute("aria-hidden", "true");
+          element.disabled = true;
+        });
+      } else {
+        editorContainerRef.current.inert = false;
+        const focusableElements = editorContainerRef.current.querySelectorAll('[aria-hidden="true"]');
+        focusableElements.forEach((element) => {
+          element.removeAttribute("aria-hidden");
+          const tag = element.tagName.toLowerCase();
+          if (tag === "button" || tag === "input" || tag === "textarea" || tag === "a") {
+            element.removeAttribute("tabindex");
+            element.disabled = false;
+          }
+        });
+      }
+    }
+  }, [isEditing]);
+  const handleStartEdit = () => {
+    var _a2, _b2;
+    if (isOtherFieldEditing) return;
+    editStartValueRef.current = props.value || "";
+    (_b2 = (_a2 = props.uiState) == null ? void 0 : _a2.setActiveEditId) == null ? void 0 : _b2.call(_a2, id);
+  };
+  const handleCancel = () => {
+    var _a2, _b2;
+    if ((props.value || "") !== editStartValueRef.current) {
+      props.onChange(editStartValueRef.current);
+    }
+    (_b2 = (_a2 = props.uiState) == null ? void 0 : _a2.setActiveEditId) == null ? void 0 : _b2.call(_a2, null);
+  };
+  const handleSave = () => {
+    var _a2, _b2, _c2;
+    if ((props.value || "") !== editStartValueRef.current && ((_a2 = props.uiState) == null ? void 0 : _a2.setSendMessageInChat)) {
+      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+      props.uiState.setSendMessageInChat(`__SKELETON__:${skId}:The ${props.title} has been updated through the Learning Form`);
+    }
+    (_c2 = (_b2 = props.uiState) == null ? void 0 : _b2.setActiveEditId) == null ? void 0 : _c2.call(_b2, null);
+  };
+  const isApplyBtnDisabled = (props.value || "").trim() === editStartValueRef.current.trim();
+  const actionBtnStyle = { display: "flex", alignItems: "center", justifyContent: "center", padding: "8px", border: "1px solid var(--il-border, #e5e7eb)", borderRadius: "8px", cursor: "pointer", width: "36px", height: "36px", backgroundColor: "var(--il-surface, #ffffff)" };
+  const isHighlighted = ((_e = (_d = (_c = props.uiState) == null ? void 0 : _c.highlights) == null ? void 0 : _d.get(`${props.tierKey}_${props.variantIndex}`)) == null ? void 0 : _e.instruction_prompt) || false;
+  const accentHex = backwardCompatibility ? "var(--il-primary, #2563EB)" : "var(--il-primary, #2563EB)";
+  const accentRgb = backwardCompatibility ? "37, 99, 235" : "89, 37, 220";
+  const currentValue = props.value || "";
+  const maxLength = typeof props.maxLength === "number" && Number.isFinite(props.maxLength) && props.maxLength >= 0 ? Math.floor(props.maxLength) : void 0;
+  const handleValueChange = (v) => props.onChange(
+    maxLength === void 0 ? v : v.slice(0, maxLength)
+  );
+  const hasReachedMaxLength = maxLength !== void 0 && currentValue.length >= maxLength;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px", width: "100%", maxWidth: "100%", boxSizing: "border-box", minWidth: 0, marginBottom: "12px" }, "data-edit-id": id, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", width: "100%", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: 500, color: "var(--il-foreground, #19213D)", fontFamily: '"Plus Jakarta Sans", sans-serif' }, children: props.title }),
+      props.enableViewToggle && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "2px", padding: "2px", backgroundColor: "var(--il-secondary-bg, #f1f5f9)", border: "1px solid var(--il-border, #E2E8F0)", borderRadius: "6px" }, children: VIEW_TABS.map(({ key, label }) => {
+        const isActive = viewMode === key;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setViewMode(key),
+            style: {
+              padding: "3px 8px",
+              borderRadius: "4px",
+              border: "none",
+              cursor: "pointer",
+              fontSize: "11px",
+              fontWeight: 500,
+              fontFamily: "Inter, sans-serif",
+              backgroundColor: isActive ? "var(--il-surface, #ffffff)" : "transparent",
+              color: isActive ? accentHex : "var(--il-muted, #64748B)",
+              boxShadow: isActive ? "0px 1px 2px rgba(18, 18, 23, 0.05)" : "none"
+            },
+            children: label
+          },
+          key
+        );
+      }) })
+    ] }),
+    (props.subtitle || props.description) && /* @__PURE__ */ jsx("div", { style: { fontFamily: "Inter", fontWeight: 400, fontSize: "12px", lineHeight: "130%", color: "var(--il-muted, #64748B)", marginBottom: "4px" }, children: props.subtitle || props.description }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px", width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: editorContainerRef,
+          style: {
+            flex: "1 1 0%",
+            minWidth: 0,
+            maxWidth: "100%",
+            overflow: "hidden",
+            boxSizing: "border-box",
+            border: isHighlighted ? `1px solid ${accentHex}` : "none",
+            borderRadius: "8px",
+            boxShadow: isHighlighted ? `0 0 12px 3px rgba(${accentRgb}, 0.3)` : "none",
+            transition: "all 0.3s",
+            scrollBehavior: isEditing ? "auto" : "unset"
+          },
+          "aria-disabled": !isEditing,
+          children: /* @__PURE__ */ jsx("div", { style: { pointerEvents: isEditing ? "auto" : "none", opacity: isEditing ? 1 : 0.75, maxWidth: "100%", minWidth: 0, overflow: "hidden" }, children: props.enableViewToggle && viewMode === "text" ? (
+            // Same atom the Rule Description field renders through, so Text View
+            // looks and behaves like any other text section.
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                rows: 6,
+                placeholder: props.placeholder || "Enter the instruction prompt..",
+                value: currentValue,
+                maxLength,
+                onChange: (e) => handleValueChange(e.target.value),
+                isReadOnly: props.readOnly || props.isAiStreaming,
+                inputReadOnly: !isEditing,
+                isHighlighted,
+                errorMessage: props.errorMessage
+              }
+            )
+          ) : /* @__PURE__ */ jsx(
+            PromptTextEditor,
+            {
+              ...props,
+              value: currentValue,
+              onChange: handleValueChange,
+              maxLength,
+              minHeight: "220px",
+              maxHeight: "400px",
+              readOnly: props.readOnly || props.isAiStreaming || !isEditing
+            }
+          ) })
+        }
+      ),
+      !props.readOnly && !externallyControlled && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "8px" }, children: isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("button", { onClick: handleSave, disabled: isApplyBtnDisabled, style: { ...actionBtnStyle, backgroundColor: "var(--il-primary, #2563eb)", color: "var(--il-primary-fg, white)", width: "auto" }, children: [
+          /* @__PURE__ */ jsx(Check, { size: 20, strokeWidth: 2.5 }),
+          " Apply"
+        ] }),
+        /* @__PURE__ */ jsx("button", { onClick: handleCancel, style: { ...actionBtnStyle, color: "var(--il-danger, #dc2626)" }, children: /* @__PURE__ */ jsx(X, { size: 20, strokeWidth: 2.5 }) })
+      ] }) : /* @__PURE__ */ jsx("button", { onClick: handleStartEdit, disabled: props.isAiStreaming || isOtherFieldEditing, style: { ...actionBtnStyle, color: "var(--il-muted, #64748B)" }, children: /* @__PURE__ */ jsx(Pencil, { size: 20 }) }) })
+    ] }),
+    props.enableViewToggle && viewMode === "text" && maxLength !== void 0 && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: hasReachedMaxLength ? "status" : void 0,
+        "aria-live": hasReachedMaxLength ? "polite" : void 0,
+        style: {
+          alignSelf: "flex-end",
+          color: hasReachedMaxLength ? "var(--il-danger, #dc2626)" : "var(--il-muted, #64748B)",
+          fontFamily: "Inter, sans-serif",
+          fontSize: "12px",
+          fontWeight: hasReachedMaxLength ? 600 : 400,
+          marginTop: "2px"
+        },
+        children: [
+          currentValue.length,
+          " / ",
+          maxLength,
+          " characters",
+          hasReachedMaxLength ? " \u2014 Maximum character limit reached" : ` \u2014 ${maxLength - currentValue.length} characters remaining`
+        ]
+      }
+    )
+  ] });
+}
+
+export { PromptTextEditorField as default };
 //# sourceMappingURL=PromptTextEditorField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromptTextEditorField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PromptTextEditorField.js","sources":["../../../src/schema-driven/components/PromptTextEditorField.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Check, X, Pencil } from 'lucide-react';\nimport PromptTextEditor from '../../features/LearningManagement/components/PromptTextEditor';\nimport { Textarea } from '../../features/IL-OTJ/_components/atoms/Textarea/Textarea';\nimport { useLearningTemplateStore } from '../../features/LearningManagement/store/useLearningTemplateStore';\nimport { useParentEditEnabled } from '../hooks/useParentEditEnabled';\n\n// Instruction-prompt editor: read-only until its pencil is pressed, then edits\n// the value directly (no local draft copy); Apply just ends the edit session\n// and notifies the chat (the AI reflects the change), Cancel reverts to the\n// value captured when editing started.\ntype PromptViewMode = 'prompt' | 'text';\n\nconst VIEW_TABS: Array<{ key: PromptViewMode; label: string }> = [\n  { key: 'text', label: 'Text' },\n  { key: 'prompt', label: 'Prompt' },\n];\n\nexport default function PromptTextEditorField(props: any) {\n  // Snapshot of props.value taken when editing starts — used only to detect\n  // \"changed since edit began\" for the Apply-disabled state, Cancel's revert,\n  // and the chat notification. No draft copy of the value itself is kept:\n  // every keystroke writes straight through props.onChange (direct state),\n  // so the value the outer form's Save reads is never stale.\n  const editStartValueRef = useRef<string>('');\n  // Presentation-only switch — both views read/write the exact same value.\n  const [viewMode, setViewMode] = useState<PromptViewMode>('text');\n  const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);\n  const id = props.id || 'prompt-editor';\n  // New UI: the parent variant owns one edit session, so this field drops its own\n  // pencil/apply chrome and writes straight into the parent's draft.\n  // A parent edit session says so explicitly via `hideEditControls`. When nobody\n  // passes it (legacy CreateRule mounts this straight from the registry, with no\n  // schema node and so no `parent_edit`), fall back to the new-UI flag.\n  const parentEditEnabled = useParentEditEnabled(props.schema);\n  const externallyControlled = props.hideEditControls !== undefined\n    ? !!props.hideEditControls\n    : parentEditEnabled;\n  const isEditing = externallyControlled ? !!props.parentEditing : props.uiState?.activeEditId === id;\n  const isOtherFieldEditing = !!props.uiState?.activeEditId && props.uiState.activeEditId !== id;\n  const editorContainerRef = useRef<HTMLDivElement>(null);\n  \n  // Prevent auto-focus on mount and focus changes\n  useEffect(() => {\n    if (!isEditing && editorContainerRef.current) {\n      const container = editorContainerRef.current;\n      \n      // Blur any currently focused element inside the container\n      const focusedElement = container.querySelector(':focus') as HTMLElement | null;\n      if (focusedElement) {\n        focusedElement.blur();\n      }\n      \n      // Add a focus event listener to prevent focus from staying on disabled editor\n      const handleFocus = (e: FocusEvent) => {\n        if (!isEditing) {\n          e.preventDefault();\n          const target = e.target as HTMLElement;\n          target.blur();\n        }\n      };\n      \n      // Use capture phase to intercept focus before it propagates\n      container.addEventListener('focus', handleFocus, { capture: true });\n      \n      return () => {\n        container.removeEventListener('focus', handleFocus, { capture: true });\n      };\n    }\n  }, [isEditing]);\n  \n  // Make the editor inert when not editing to prevent all interaction and focus\n  useEffect(() => {\n    if (editorContainerRef.current) {\n      if (!isEditing) {\n        // Set inert to prevent all interactions\n        (editorContainerRef.current as any).inert = true;\n        // Disable all focusable elements and remove them from tab order\n        const focusableElements = editorContainerRef.current.querySelectorAll('input, textarea, button, a, [tabindex], [contenteditable]');\n        focusableElements.forEach((element) => {\n          element.setAttribute('tabindex', '-1');\n          element.setAttribute('aria-hidden', 'true');\n          (element as any).disabled = true;\n        });\n      } else {\n        // Restore interactivity when editing\n        (editorContainerRef.current as any).inert = false;\n        const focusableElements = editorContainerRef.current.querySelectorAll('[aria-hidden=\"true\"]');\n        focusableElements.forEach((element) => {\n          element.removeAttribute('aria-hidden');\n          const tag = element.tagName.toLowerCase();\n          if (tag === 'button' || tag === 'input' || tag === 'textarea' || tag === 'a') {\n            element.removeAttribute('tabindex');\n            (element as any).disabled = false;\n          }\n        });\n      }\n    }\n  }, [isEditing]);\n\n  const handleStartEdit = () => {\n    if (isOtherFieldEditing) return;\n    editStartValueRef.current = props.value || '';\n    props.uiState?.setActiveEditId?.(id);\n  };\n\n  const handleCancel = () => {\n    // Revert to what it was when editing started — the only place a\n    // \"discarded\" value ever existed is this ref snapshot, not a live draft.\n    if ((props.value || '') !== editStartValueRef.current) {\n      props.onChange(editStartValueRef.current);\n    }\n    props.uiState?.setActiveEditId?.(null);\n  };\n\n  const handleSave = () => {\n    if ((props.value || '') !== editStartValueRef.current && props.uiState?.setSendMessageInChat) {\n      const skId = `sk-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n      props.uiState.setSendMessageInChat(`__SKELETON__:${skId}:The ${props.title} has been updated through the Learning Form`);\n    }\n    props.uiState?.setActiveEditId?.(null);\n  };\n\n  const isApplyBtnDisabled = (props.value || '').trim() === editStartValueRef.current.trim();\n  const actionBtnStyle = { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '8px', border: '1px solid var(--il-border, #e5e7eb)', borderRadius: '8px', cursor: 'pointer', width: '36px', height: '36px', backgroundColor: 'var(--il-surface, #ffffff)' };\n  const isHighlighted = props.uiState?.highlights?.get(`${props.tierKey}_${props.variantIndex}`)?.instruction_prompt || false;\n  const accentHex = backwardCompatibility ? 'var(--il-primary, #2563EB)' : 'var(--il-primary, #2563EB)';\n  const accentRgb = backwardCompatibility ? '37, 99, 235' : '89, 37, 220';\n\n  // Single source of truth for both views — the tab strip only changes how this\n  // value is rendered, never which value or which handler is in play. No draft\n  // copy: both externally-controlled and pencil-gated editing write straight\n  // through props.onChange, so an outer Save always reads the live value.\n  const currentValue = props.value || '';\n  // Invalid or omitted limits preserve the existing unlimited behavior.\n  const maxLength = typeof props.maxLength === 'number'\n    && Number.isFinite(props.maxLength)\n    && props.maxLength >= 0\n    ? Math.floor(props.maxLength)\n    : undefined;\n  const handleValueChange = (v: string) => props.onChange(\n    maxLength === undefined ? v : v.slice(0, maxLength),\n  );\n  const hasReachedMaxLength = maxLength !== undefined && currentValue.length >= maxLength;\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '4px', width: '100%', maxWidth: '100%', boxSizing: 'border-box', minWidth: 0, marginBottom: '12px' }} data-edit-id={id}>\n      <div style={{ display: 'flex', alignItems: 'center', width: '100%', justifyContent: 'space-between' }}>\n        <span style={{ fontSize: '14px', fontWeight: 500, color: 'var(--il-foreground, #19213D)', fontFamily: '\"Plus Jakarta Sans\", sans-serif' }}>{props.title}</span>\n        {props.enableViewToggle && (\n          <div style={{ display: 'flex', alignItems: 'center', gap: '2px', padding: '2px', backgroundColor: 'var(--il-secondary-bg, #f1f5f9)', border: '1px solid var(--il-border, #E2E8F0)', borderRadius: '6px' }}>\n            {VIEW_TABS.map(({ key, label }) => {\n              const isActive = viewMode === key;\n              return (\n                <button\n                  key={key}\n                  type=\"button\"\n                  onClick={() => setViewMode(key)}\n                  style={{\n                    padding: '3px 8px',\n                    borderRadius: '4px',\n                    border: 'none',\n                    cursor: 'pointer',\n                    fontSize: '11px',\n                    fontWeight: 500,\n                    fontFamily: 'Inter, sans-serif',\n                    backgroundColor: isActive ? 'var(--il-surface, #ffffff)' : 'transparent',\n                    color: isActive ? accentHex : 'var(--il-muted, #64748B)',\n                    boxShadow: isActive ? '0px 1px 2px rgba(18, 18, 23, 0.05)' : 'none',\n                  }}\n                >\n                  {label}\n                </button>\n              );\n            })}\n          </div>\n        )}\n      </div>\n      {/* {props.description && (\n        <div style={{ fontFamily: 'Inter', fontWeight: 400, fontSize: '12px', lineHeight: '130%', color: 'var(--il-muted, #64748B)', marginBottom: '4px' }}>\n          {props.description}\n        </div>\n      )} */}\n      {/* This field builds its own header rather than going through SectionWrapper, so\n          the schema `subtitle` has to be rendered explicitly here. Falls back to\n          `description` to preserve what existing configs already display. */}\n      {(props.subtitle || props.description) && (\n        <div style={{ fontFamily: 'Inter', fontWeight: 400, fontSize: '12px', lineHeight: '130%', color: 'var(--il-muted, #64748B)', marginBottom: '4px' }}>\n          {props.subtitle || props.description}\n        </div>\n      )}\n      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '8px', width: '100%', maxWidth: '100%', minWidth: 0, boxSizing: 'border-box' }}>\n        {/* minWidth:0 + maxWidth:100% keep the editor inside the RHS panel — without them\n            its toolbar sets the flex item's base width and pushes the whole form into a\n            horizontal scroll. overflow:hidden clips to the panel; the toolbar scrolls itself. */}\n        <div \n          ref={editorContainerRef}\n          style={{ \n            flex: '1 1 0%', \n            minWidth: 0, maxWidth: '100%', overflow: 'hidden', boxSizing: 'border-box', \n            border: isHighlighted ? `1px solid ${accentHex}` : 'none', \n            borderRadius: '8px', \n            boxShadow: isHighlighted ? `0 0 12px 3px rgba(${accentRgb}, 0.3)` : 'none', \n            transition: 'all 0.3s',\n            scrollBehavior: isEditing ? 'auto' : 'unset'\n          }}\n          aria-disabled={!isEditing}\n        >\n          <div style={{ pointerEvents: isEditing ? 'auto' : 'none', opacity: isEditing ? 1 : 0.75, maxWidth: '100%', minWidth: 0, overflow: 'hidden' }}>\n            {props.enableViewToggle && viewMode === 'text' ? (\n              // Same atom the Rule Description field renders through, so Text View\n              // looks and behaves like any other text section.\n              <Textarea\n                rows={6}\n                placeholder={props.placeholder || 'Enter the instruction prompt..'}\n                value={currentValue}\n                maxLength={maxLength}\n                onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => handleValueChange(e.target.value)}\n                isReadOnly={props.readOnly || props.isAiStreaming}\n                inputReadOnly={!isEditing}\n                isHighlighted={isHighlighted}\n                errorMessage={props.errorMessage}\n              />\n            ) : (\n              <PromptTextEditor\n                {...props}\n                value={currentValue}\n                onChange={handleValueChange}\n                maxLength={maxLength}\n                minHeight=\"220px\"\n                maxHeight=\"400px\"\n                readOnly={props.readOnly || props.isAiStreaming || !isEditing}\n              />\n            )}\n          </div>\n        </div>\n        {!props.readOnly && !externallyControlled && (\n          <div style={{ display: 'flex', gap: '8px' }}>\n            {isEditing ? (\n              <>\n                <button onClick={handleSave} disabled={isApplyBtnDisabled} style={{ ...actionBtnStyle, backgroundColor: 'var(--il-primary, #2563eb)', color: 'var(--il-primary-fg, white)', width: 'auto' }}><Check size={20} strokeWidth={2.5} /> Apply</button>\n                <button onClick={handleCancel} style={{ ...actionBtnStyle, color: 'var(--il-danger, #dc2626)' }}><X size={20} strokeWidth={2.5} /></button>\n              </>\n            ) : (\n              <button onClick={handleStartEdit} disabled={props.isAiStreaming || isOtherFieldEditing} style={{ ...actionBtnStyle, color: 'var(--il-muted, #64748B)' }}><Pencil size={20} /></button>\n            )}\n          </div>\n        )}\n      </div>\n      {props.enableViewToggle && viewMode === 'text' && maxLength !== undefined && (\n        <div\n          role={hasReachedMaxLength ? 'status' : undefined}\n          aria-live={hasReachedMaxLength ? 'polite' : undefined}\n          style={{\n            alignSelf: 'flex-end',\n            color: hasReachedMaxLength ? 'var(--il-danger, #dc2626)' : 'var(--il-muted, #64748B)',\n            fontFamily: 'Inter, sans-serif',\n            fontSize: '12px',\n            fontWeight: hasReachedMaxLength ? 600 : 400,\n            marginTop: '2px',\n          }}\n        >\n          {currentValue.length} / {maxLength} characters\n          {hasReachedMaxLength\n            ? ' — Maximum character limit reached'\n            : ` — ${maxLength - currentValue.length} characters remaining`}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["_a","_b","_c"],"mappings":"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"}

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

@@ -1,2 +1,22 @@
-import{__assign as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{ScopeSection as i}from"../../features/IL-OTJ/_components/organisms/ScopeSection/ScopeSection.js";function n(n){var e,a;return t(i,o({},n,{scopeData:n.value||{},onScopeChange:function(t,i){var e;n.onChange(o(o({},n.value||{}),((e={})[t]=i,e)))},stationOptions:(null===(e=n.uiState)||void 0===e?void 0:e.stationOptions)||[],tierOptions:(null===(a=n.uiState)||void 0===a?void 0:a.tierOptions)||[]}))}export{n as default};
+import { jsx } from 'react/jsx-runtime';
+import { ScopeSection } from '../../features/IL-OTJ/_components/organisms/ScopeSection/ScopeSection.js';
+
+function ScopeSectionField(props) {
+  var _a, _b;
+  const handleScopeChange = (field, val) => {
+    props.onChange({ ...props.value || {}, [field]: val });
+  };
+  return /* @__PURE__ */ jsx(
+    ScopeSection,
+    {
+      ...props,
+      scopeData: props.value || {},
+      onScopeChange: handleScopeChange,
+      stationOptions: ((_a = props.uiState) == null ? void 0 : _a.stationOptions) || [],
+      tierOptions: ((_b = props.uiState) == null ? void 0 : _b.tierOptions) || []
+    }
+  );
+}
+
+export { ScopeSectionField as default };
 //# sourceMappingURL=ScopeSectionField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScopeSectionField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScopeSectionField.js","sources":["../../../src/schema-driven/components/ScopeSectionField.tsx"],"sourcesContent":["import React from 'react';\nimport { ScopeSection } from '../../features/IL-OTJ/_components/organisms/ScopeSection';\n\n// Scope/station/tier picker; maps the generic value object to ScopeSection's props.\nexport default function ScopeSectionField(props: any) {\n  const handleScopeChange = (field: string, val: any) => {\n    props.onChange({ ...(props.value || {}), [field]: val });\n  };\n\n  return (\n    <ScopeSection\n      {...props}\n      scopeData={props.value || {}}\n      onScopeChange={handleScopeChange}\n      stationOptions={props.uiState?.stationOptions || []}\n      tierOptions={props.uiState?.tierOptions || []}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAIA,SAAwB,kBAAkB,KAAY,EAAA;AAJtD,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAKE,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAe,GAAa,KAAA;AACrD,IAAM,KAAA,CAAA,QAAA,CAAS,EAAE,GAAI,KAAM,CAAA,KAAA,IAAS,EAAC,EAAI,CAAC,KAAK,GAAG,GAAA,EAAK,CAAA,CAAA;AAAA,GACzD,CAAA;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,KAAM,CAAA,KAAA,IAAS,EAAC;AAAA,MAC3B,aAAe,EAAA,iBAAA;AAAA,MACf,cAAgB,EAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,mBAAkB,EAAC;AAAA,MAClD,WAAa,EAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,gBAAe,EAAC;AAAA,KAAA;AAAA,GAC9C,CAAA;AAEJ;;;;"}