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

package/dist/features/LearningManagement/components/LearningTemplateManagementSkeleton.js

@@ -1,2 +1,72 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as d}from"react/jsx-runtime";import a from"../styles/LearningTemplateManagementSkeleton.module.css.js";import{Skeleton as r}from"./Skeleton.js";var h=function(){return i("div",e({className:a.wrapper},{children:[i("div",e({className:a.sidebar},{children:[d("div",e({className:a.sidebarTabs},{children:d(r,{height:"40px",borderRadius:"8px"})})),d("div",e({className:a.sidebarSearch},{children:i("div",e({className:a.searchGap},{children:[d("div",e({className:a.searchBar},{children:d(r,{height:"40px",borderRadius:"8px"})})),d("div",e({className:a.searchBtn},{children:d(r,{height:"40px",borderRadius:"8px"})}))]}))})),i("div",e({className:a.sidebarList},{children:[i("div",e({className:a.section},{children:[d(r,{height:"16px",width:"96px"}),d("div",{children:[1,2].map(function(h){return d("div",e({className:a.rowCard},{children:d("div",e({className:a.cardHeader},{children:i("div",e({className:a.cardSubHeader},{children:[d(r,{height:"36px",width:"36px",borderRadius:"8px",style:{flexShrink:0}}),i("div",e({className:a.cardTextWrap},{children:[d(r,{height:"12px",width:"75%"}),d(r,{height:"8px",width:"50%"})]}))]}))}))}),h)})})]})),i("div",e({className:a.section},{children:[d(r,{height:"16px",width:"96px"}),d("div",{children:[1].map(function(h){return d("div",e({className:a.rowCard},{children:d("div",e({className:a.cardHeader},{children:i("div",e({className:a.cardSubHeader},{children:[d(r,{height:"36px",width:"36px",borderRadius:"8px",style:{flexShrink:0}}),i("div",e({className:a.cardTextWrap},{children:[d(r,{height:"12px",width:"75%"}),d(r,{height:"8px",width:"50%"})]}))]}))}))}),h)})})]}))]}))]})),i("div",e({className:a.content},{children:[d("div",e({className:a.contentHeader},{children:i("div",e({className:a.headerGap},{children:[i("div",e({className:a.headerRow},{children:[i("div",e({className:a.headerInfo},{children:[d(r,{height:"40px",width:"40px",borderRadius:"8px"}),i("div",e({className:a.headerTextGroup},{children:[d(r,{height:"24px",width:"192px"}),d(r,{height:"16px",width:"256px"})]}))]})),i("div",e({className:a.headerActions},{children:[d(r,{height:"36px",width:"96px",borderRadius:"8px"}),d(r,{height:"36px",width:"36px",borderRadius:"8px"})]}))]})),d("div",e({className:a.tabsRow},{children:[1,2,3].map(function(i){return d("div",e({className:a.tabItem},{children:d(r,{height:"16px",width:"80px"})}),i)})}))]}))})),d("div",e({className:a.rulesWrapper},{children:d("div",e({className:a.rulesList},{children:[1,2].map(function(h){return i("div",e({className:a.tierContainer},{children:[d("div",e({className:a.tierHeaderRow},{children:d(r,{height:"20px",width:"128px"})})),d("div",e({className:a.tierContainer},{children:[1,2].map(function(h){return i("div",e({className:a.ruleItemCard},{children:[i("div",e({className:a.ruleCardRow},{children:[d("div",e({className:a.ruleCardInfo},{children:i("div",e({className:a.ruleTitleRow},{children:[d(r,{height:"16px",width:"192px"}),d(r,{height:"16px",width:"64px",borderRadius:"9999px"})]}))})),d(r,{height:"20px",width:"20px",borderRadius:"9999px"})]})),d("div",e({className:a.ruleCardFooter},{children:d(r,{height:"12px",width:"80px"})}))]}),h)})}))]}),h)})}))}))]}))]}))};export{h as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from '../styles/LearningTemplateManagementSkeleton.module.css.js';
+import { Skeleton } from './Skeleton.js';
+
+const LearningTemplateManagementSkeleton = () => {
+  return /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sidebar, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.sidebarTabs, children: /* @__PURE__ */ jsx(Skeleton, { height: "40px", borderRadius: "8px" }) }),
+      /* @__PURE__ */ jsx("div", { className: styles.sidebarSearch, children: /* @__PURE__ */ jsxs("div", { className: styles.searchGap, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.searchBar, children: /* @__PURE__ */ jsx(Skeleton, { height: "40px", borderRadius: "8px" }) }),
+        /* @__PURE__ */ jsx("div", { className: styles.searchBtn, children: /* @__PURE__ */ jsx(Skeleton, { height: "40px", borderRadius: "8px" }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.sidebarList, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+          /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "96px" }),
+          /* @__PURE__ */ jsx("div", { children: [1, 2].map((i) => /* @__PURE__ */ jsx("div", { className: styles.rowCard, children: /* @__PURE__ */ jsx("div", { className: styles.cardHeader, children: /* @__PURE__ */ jsxs("div", { className: styles.cardSubHeader, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "36px", borderRadius: "8px", style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxs("div", { className: styles.cardTextWrap, children: [
+              /* @__PURE__ */ jsx(Skeleton, { height: "12px", width: "75%" }),
+              /* @__PURE__ */ jsx(Skeleton, { height: "8px", width: "50%" })
+            ] })
+          ] }) }) }, i)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+          /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "96px" }),
+          /* @__PURE__ */ jsx("div", { children: [1].map((i) => /* @__PURE__ */ jsx("div", { className: styles.rowCard, children: /* @__PURE__ */ jsx("div", { className: styles.cardHeader, children: /* @__PURE__ */ jsxs("div", { className: styles.cardSubHeader, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "36px", borderRadius: "8px", style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxs("div", { className: styles.cardTextWrap, children: [
+              /* @__PURE__ */ jsx(Skeleton, { height: "12px", width: "75%" }),
+              /* @__PURE__ */ jsx(Skeleton, { height: "8px", width: "50%" })
+            ] })
+          ] }) }) }, i)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.contentHeader, children: /* @__PURE__ */ jsxs("div", { className: styles.headerGap, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.headerRow, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.headerInfo, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "40px", width: "40px", borderRadius: "8px" }),
+            /* @__PURE__ */ jsxs("div", { className: styles.headerTextGroup, children: [
+              /* @__PURE__ */ jsx(Skeleton, { height: "24px", width: "192px" }),
+              /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "256px" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: styles.headerActions, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "96px", borderRadius: "8px" }),
+            /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "36px", borderRadius: "8px" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles.tabsRow, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: styles.tabItem, children: /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "80px" }) }, i)) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: styles.rulesWrapper, children: /* @__PURE__ */ jsx("div", { className: styles.rulesList, children: [1, 2].map((tier) => /* @__PURE__ */ jsxs("div", { className: styles.tierContainer, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.tierHeaderRow, children: /* @__PURE__ */ jsx(Skeleton, { height: "20px", width: "128px" }) }),
+        /* @__PURE__ */ jsx("div", { className: styles.tierContainer, children: [1, 2].map((rule) => /* @__PURE__ */ jsxs("div", { className: styles.ruleItemCard, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.ruleCardRow, children: [
+            /* @__PURE__ */ jsx("div", { className: styles.ruleCardInfo, children: /* @__PURE__ */ jsxs("div", { className: styles.ruleTitleRow, children: [
+              /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "192px" }),
+              /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "64px", borderRadius: "9999px" })
+            ] }) }),
+            /* @__PURE__ */ jsx(Skeleton, { height: "20px", width: "20px", borderRadius: "9999px" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles.ruleCardFooter, children: /* @__PURE__ */ jsx(Skeleton, { height: "12px", width: "80px" }) })
+        ] }, rule)) })
+      ] }, tier)) }) })
+    ] })
+  ] });
+};
+var LearningTemplateManagementSkeleton$1 = LearningTemplateManagementSkeleton;
+
+export { LearningTemplateManagementSkeleton$1 as default };
 //# sourceMappingURL=LearningTemplateManagementSkeleton.js.map

package/dist/features/LearningManagement/components/LearningTemplateManagementSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LearningTemplateManagementSkeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LearningTemplateManagementSkeleton.js","sources":["../../../../src/features/LearningManagement/components/LearningTemplateManagementSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/LearningTemplateManagementSkeleton.module.css';\nimport { Skeleton } from './Skeleton';\n\n/**\n * Loading skeleton for the Rule Template Management interface.\n * Library-ready: Uses CSS Modules, pure CSS styling, and library-compatible Skeleton component.\n */\nconst LearningTemplateManagementSkeleton = () => {\n    return (\n        <div className={styles.wrapper}>\n            {/* Sidebar Skeleton */}\n            <div className={styles.sidebar}>\n                {/* Tabs */}\n                <div className={styles.sidebarTabs}>\n                    <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                </div>\n\n                {/* Search */}\n                <div className={styles.sidebarSearch}>\n                    <div className={styles.searchGap}>\n                        <div className={styles.searchBar}>\n                            <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                        </div>\n                        <div className={styles.searchBtn}>\n                            <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                        </div>\n                    </div>\n                </div>\n\n                {/* Rule Sets List */}\n                <div className={styles.sidebarList}>\n                    {/* Section 1 */}\n                    <div className={styles.section}>\n                        <Skeleton height=\"16px\" width=\"96px\" />\n                        <div>\n                            {[1, 2].map((i) => (\n                                <div key={i} className={styles.rowCard}>\n                                    <div className={styles.cardHeader}>\n                                        <div className={styles.cardSubHeader}>\n                                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" style={{ flexShrink: 0 }} />\n                                            <div className={styles.cardTextWrap}>\n                                                <Skeleton height=\"12px\" width=\"75%\" />\n                                                <Skeleton height=\"8px\" width=\"50%\" />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                    {/* Section 2 */}\n                    <div className={styles.section}>\n                        <Skeleton height=\"16px\" width=\"96px\" />\n                        <div>\n                            {[1].map((i) => (\n                                <div key={i} className={styles.rowCard}>\n                                    <div className={styles.cardHeader}>\n                                        <div className={styles.cardSubHeader}>\n                                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" style={{ flexShrink: 0 }} />\n                                            <div className={styles.cardTextWrap}>\n                                                <Skeleton height=\"12px\" width=\"75%\" />\n                                                <Skeleton height=\"8px\" width=\"50%\" />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            {/* Content Skeleton */}\n            <div className={styles.content}>\n                {/* Header Area */}\n                <div className={styles.contentHeader}>\n                    <div className={styles.headerGap}>\n                        <div className={styles.headerRow}>\n                            <div className={styles.headerInfo}>\n                                <Skeleton height=\"40px\" width=\"40px\" borderRadius=\"8px\" />\n                                <div className={styles.headerTextGroup}>\n                                    <Skeleton height=\"24px\" width=\"192px\" />\n                                    <Skeleton height=\"16px\" width=\"256px\" />\n                                </div>\n                            </div>\n                            <div className={styles.headerActions}>\n                                <Skeleton height=\"36px\" width=\"96px\" borderRadius=\"8px\" />\n                                <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" />\n                            </div>\n                        </div>\n\n                        {/* Tabs */}\n                        <div className={styles.tabsRow}>\n                            {[1, 2, 3].map(i => (\n                                <div key={i} className={styles.tabItem}>\n                                    <Skeleton height=\"16px\" width=\"80px\" />\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n\n                {/* Rules List */}\n                <div className={styles.rulesWrapper}>\n                    <div className={styles.rulesList}>\n                        {/* Tier Group */}\n                        {[1, 2].map(tier => (\n                            <div key={tier} className={styles.tierContainer}>\n                                <div className={styles.tierHeaderRow}>\n                                    <Skeleton height=\"20px\" width=\"128px\" />\n                                </div>\n                                <div className={styles.tierContainer}>\n                                    {[1, 2].map(rule => (\n                                        <div key={rule} className={styles.ruleItemCard}>\n                                            <div className={styles.ruleCardRow}>\n                                                <div className={styles.ruleCardInfo}>\n                                                    <div className={styles.ruleTitleRow}>\n                                                        <Skeleton height=\"16px\" width=\"192px\" />\n                                                        <Skeleton height=\"16px\" width=\"64px\" borderRadius=\"9999px\" />\n                                                    </div>\n                                                </div>\n                                                <Skeleton height=\"20px\" width=\"20px\" borderRadius=\"9999px\" />\n                                            </div>\n                                            <div className={styles.ruleCardFooter}>\n                                                <Skeleton height=\"12px\" width=\"80px\" />\n                                            </div>\n                                        </div>\n                                    ))}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LearningTemplateManagementSkeleton;\n"],"names":[],"mappings":"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"}

package/dist/features/LearningManagement/components/PromptTextEditor.js

@@ -1,2 +1,100 @@
-import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import r from"react";import i from"@mui/material/Box";import{useCreativeWorkspaceAdapter as a}from"../../../adapters/creativeWorkspaceAdapter.js";import o from"../styles/PromptTextEditor.module.css.js";var n=function(n){var m,l=n.value,s=n.onChange,u=n.placeholder,p=n.maxLength,c=n.title,d=n.description,f=n.minHeight,h=void 0===f?"270px":f,g=n.maxHeight,x=void 0===g?"420px":g,v=n.minWidth,b=n.maxWidth,W=n.className,y=n.style,N=n.sx,C=a().AIPromptEditor,j=r.useRef(null),k=r.useState("light"),w=k[0],E=k[1],I="number"==typeof p&&Number.isFinite(p)&&p>=0?Math.floor(p):void 0,P=r.useCallback(function(t){s(void 0===I?t:t.slice(0,I))},[I,s]);return r.useEffect(function(){var t=j.current;if(t&&"undefined"!=typeof window){var e=window.getComputedStyle(t),r=[e.getPropertyValue("--il-input-bg"),e.getPropertyValue("--il-surface"),e.getPropertyValue("--il-bg"),e.backgroundColor].find(function(t){var e=t.trim();return e&&!e.startsWith("var(")&&!e.startsWith("color-mix(")})||e.backgroundColor;E(function(t){var e=t.trim();if(!e||e.startsWith("var(")||e.startsWith("color-mix("))return!1;var r=e.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i),i=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i),a=null;if(r){var o=3===r[1].length?r[1].split("").map(function(t){return"".concat(t).concat(t)}).join(""):r[1];a=[parseInt(o.slice(0,2),16),parseInt(o.slice(2,4),16),parseInt(o.slice(4,6),16)]}else i&&(a=[Number(i[1]),Number(i[2]),Number(i[3])]);if(!a)return!1;var n=a.map(function(t){var e=t/255;return e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return.2126*n[0]+.7152*n[1]+.0722*n[2]<.45}(r)?"dark":"light")}},[]),e(i,t({ref:j,className:[o.promptTextEditorWrapper,W].filter(Boolean).join(" "),style:t(t({},y||{}),(m={},m["--pte-max-height"]=x,m)),sx:N},{children:e(C,{value:l,onChange:P,placeholder:u,maxLength:I,title:c,description:d,minHeight:h,maxHeight:x,minWidth:v,maxWidth:b,defaultTheme:w,className:"".concat(o.promptTextEditorInner," prompt-text-editor-inner")},w)}))};export{n as default};
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import Box from '@mui/material/Box';
+import { useCreativeWorkspaceAdapter } from '../../../adapters/creativeWorkspaceAdapter.js';
+import styles from '../styles/PromptTextEditor.module.css.js';
+
+const isDarkCssColor = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.startsWith("var(") || trimmed.startsWith("color-mix(")) {
+    return false;
+  }
+  const hex = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  const rgb = trimmed.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i);
+  let channels = null;
+  if (hex) {
+    const raw = hex[1].length === 3 ? hex[1].split("").map((char) => `${char}${char}`).join("") : hex[1];
+    channels = [
+      parseInt(raw.slice(0, 2), 16),
+      parseInt(raw.slice(2, 4), 16),
+      parseInt(raw.slice(4, 6), 16)
+    ];
+  } else if (rgb) {
+    channels = [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];
+  }
+  if (!channels) return false;
+  const [red, green, blue] = channels.map((channel) => {
+    const normalized = channel / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * red + 0.7152 * green + 0.0722 * blue < 0.45;
+};
+const PromptTextEditor = ({
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  title,
+  description,
+  minHeight = "270px",
+  maxHeight = "420px",
+  minWidth,
+  maxWidth,
+  className,
+  style,
+  sx
+}) => {
+  const { AIPromptEditor } = useCreativeWorkspaceAdapter();
+  const wrapperRef = React__default.useRef(null);
+  const [editorTheme, setEditorTheme] = React__default.useState("light");
+  const normalizedMaxLength = typeof maxLength === "number" && Number.isFinite(maxLength) && maxLength >= 0 ? Math.floor(maxLength) : void 0;
+  const handleChange = React__default.useCallback((nextValue) => {
+    onChange(normalizedMaxLength === void 0 ? nextValue : nextValue.slice(0, normalizedMaxLength));
+  }, [normalizedMaxLength, onChange]);
+  React__default.useEffect(() => {
+    const element = wrapperRef.current;
+    if (!element || typeof window === "undefined") return;
+    const computedStyle = window.getComputedStyle(element);
+    const themedBackground = [
+      computedStyle.getPropertyValue("--il-input-bg"),
+      computedStyle.getPropertyValue("--il-surface"),
+      computedStyle.getPropertyValue("--il-bg"),
+      computedStyle.backgroundColor
+    ].find((value2) => {
+      const trimmed = value2.trim();
+      return trimmed && !trimmed.startsWith("var(") && !trimmed.startsWith("color-mix(");
+    }) || computedStyle.backgroundColor;
+    setEditorTheme(isDarkCssColor(themedBackground) ? "dark" : "light");
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: wrapperRef,
+      className: [styles.promptTextEditorWrapper, className].filter(Boolean).join(" "),
+      style: { ...style || {}, ["--pte-max-height"]: maxHeight },
+      sx,
+      children: /* @__PURE__ */ jsx(
+        AIPromptEditor,
+        {
+          value,
+          onChange: handleChange,
+          placeholder,
+          maxLength: normalizedMaxLength,
+          title,
+          description,
+          minHeight,
+          maxHeight,
+          minWidth,
+          maxWidth,
+          defaultTheme: editorTheme,
+          className: `${styles.promptTextEditorInner} prompt-text-editor-inner`
+        },
+        editorTheme
+      )
+    }
+  );
+};
+var PromptTextEditor$1 = PromptTextEditor;
+
+export { PromptTextEditor$1 as default };
 //# sourceMappingURL=PromptTextEditor.js.map

package/dist/features/LearningManagement/components/PromptTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptTextEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PromptTextEditor.js","sources":["../../../../src/features/LearningManagement/components/PromptTextEditor.tsx"],"sourcesContent":["import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\nimport { useCreativeWorkspaceAdapter } from '../../../adapters/creativeWorkspaceAdapter';\nimport styles from '../styles/PromptTextEditor.module.css';\nimport '../styles/PromptTextEditorOverrides.css';\n\nconst isDarkCssColor = (value: string): boolean => {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed.startsWith('var(') || trimmed.startsWith('color-mix(')) {\n    return false;\n  }\n\n  const hex = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  const rgb = trimmed.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/i);\n  let channels: number[] | null = null;\n\n  if (hex) {\n    const raw = hex[1].length === 3\n      ? hex[1].split('').map((char) => `${char}${char}`).join('')\n      : hex[1];\n    channels = [\n      parseInt(raw.slice(0, 2), 16),\n      parseInt(raw.slice(2, 4), 16),\n      parseInt(raw.slice(4, 6), 16),\n    ];\n  } else if (rgb) {\n    channels = [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];\n  }\n\n  if (!channels) return false;\n\n  const [red, green, blue] = channels.map((channel) => {\n    const normalized = channel / 255;\n    return normalized <= 0.03928\n      ? normalized / 12.92\n      : ((normalized + 0.055) / 1.055) ** 2.4;\n  });\n\n  return (0.2126 * red + 0.7152 * green + 0.0722 * blue) < 0.45;\n};\n\n/**\n * Props accepted by the underlying `AIPromptEditor` from\n * Creative Workspace adapter supplied by the host application.\n */\nexport interface PromptTextEditorProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  /** Maximum number of characters accepted by the editor. Omit for no limit. */\n  maxLength?: number;\n  title?: string;\n  description?: string;\n  minHeight?: string;\n  maxHeight?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  /** Class name applied to our wrapper container (merged with default card styling) */\n  className?: string;\n  /** Inline style applied to our wrapper container */\n  style?: React.CSSProperties;\n  /** MUI `sx` prop applied to the wrapper `Box`, for theme-aware/responsive overrides */\n  sx?: BoxProps['sx'];\n}\n\n/**\n * Local wrapper around the library's `AIPromptEditor`.\n *\n * We resolve this component through `ComponentRegistry` instead of pointing\n * directly at `m.AIPromptEditor` so that:\n *  - We can pass a different/extended prop set (className, style, sx) without\n *    touching the library.\n *  - We can style the *container* the editor sits in (card look: border,\n *    radius, shadow, spacing) since the library itself ships unstyled here —\n *    its internal markup relies on Tailwind utility classes that this app\n *    doesn't compile, so the toolbar/buttons render plain by design. This\n *    wrapper only dresses up the outer shell; it does not attempt to\n *    reproduce the library's internal Tailwind-dependent styling.\n *\n * @param props - Component props\n * @returns JSX element wrapping AIPromptEditor with custom container styling\n */\nconst PromptTextEditor: React.FC<PromptTextEditorProps> = ({\n  value,\n  onChange,\n  placeholder,\n  maxLength,\n  title,\n  description,\n  minHeight = '270px',\n  maxHeight = '420px',\n  minWidth,\n  maxWidth,\n  className,\n  style,\n  sx,\n}) => {\n  const { AIPromptEditor } = useCreativeWorkspaceAdapter();\n  const wrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [editorTheme, setEditorTheme] = React.useState<'light' | 'dark'>('light');\n  const normalizedMaxLength = typeof maxLength === 'number'\n    && Number.isFinite(maxLength)\n    && maxLength >= 0\n    ? Math.floor(maxLength)\n    : undefined;\n  // Also enforce the limit for custom host adapters.\n  const handleChange = React.useCallback((nextValue: string) => {\n    onChange(normalizedMaxLength === undefined\n      ? nextValue\n      : nextValue.slice(0, normalizedMaxLength));\n  }, [normalizedMaxLength, onChange]);\n\n  React.useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element || typeof window === 'undefined') return;\n\n    const computedStyle = window.getComputedStyle(element);\n    const themedBackground = [\n      computedStyle.getPropertyValue('--il-input-bg'),\n      computedStyle.getPropertyValue('--il-surface'),\n      computedStyle.getPropertyValue('--il-bg'),\n      computedStyle.backgroundColor,\n    ].find((value) => {\n      const trimmed = value.trim();\n      return trimmed && !trimmed.startsWith('var(') && !trimmed.startsWith('color-mix(');\n    }) || computedStyle.backgroundColor;\n\n    setEditorTheme(isDarkCssColor(themedBackground) ? 'dark' : 'light');\n  }, []);\n\n  return (\n    <Box\n      ref={wrapperRef}\n      className={[styles.promptTextEditorWrapper, className].filter(Boolean).join(' ')}\n      // Expose maxHeight to the CSS override as a custom property so the\n      // container can be given a *definite* height (see\n      // PromptTextEditorOverrides.css). Kept in sync with the `maxHeight`\n      // prop below so the two never drift.\n      style={{ ...(style || {}), ['--pte-max-height' as string]: maxHeight }}\n      sx={sx}\n    >\n      <AIPromptEditor\n        value={value}\n        onChange={handleChange}\n        placeholder={placeholder}\n        maxLength={normalizedMaxLength}\n        title={title}\n        description={description}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        defaultTheme={editorTheme}\n        key={editorTheme}\n        className={`${styles.promptTextEditorInner} prompt-text-editor-inner`}\n      />\n    </Box>\n  );\n};\n\nexport default PromptTextEditor;\n"],"names":["React","value"],"mappings":"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"}

package/dist/features/LearningManagement/components/RuleContentSkeleton.js

@@ -1,2 +1,41 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import d from"../styles/LearningContentSkeleton.module.css.js";import{Skeleton as a}from"./Skeleton.js";var t=function(){return i("div",e({className:d.content},{children:[r("div",e({className:d.contentHeader},{children:i("div",e({className:d.headerGap},{children:[i("div",e({className:d.headerRow},{children:[i("div",e({className:d.headerInfo},{children:[r(a,{height:"40px",width:"40px",borderRadius:"8px"}),i("div",e({className:d.headerTextGroup},{children:[r(a,{height:"24px",width:"192px"}),r(a,{height:"16px",width:"256px"})]}))]})),i("div",e({className:d.headerActions},{children:[r(a,{height:"36px",width:"96px",borderRadius:"8px"}),r(a,{height:"36px",width:"36px",borderRadius:"8px"})]}))]})),r("div",e({className:d.tabsRow},{children:[1,2,3].map(function(i){return r("div",e({className:d.tabItem},{children:r(a,{height:"16px",width:"80px"})}),i)})}))]}))})),r("div",e({className:d.rulesWrapper},{children:r("div",e({className:d.rulesList},{children:[1,2].map(function(t){return i("div",e({className:d.tierContainer},{children:[r("div",e({className:d.tierHeaderRow},{children:r(a,{height:"20px",width:"128px"})})),r("div",e({className:d.tierContainer},{children:[1,2].map(function(t){return i("div",e({className:d.ruleItemCard},{children:[i("div",e({className:d.ruleCardRow},{children:[r("div",e({className:d.ruleCardInfo},{children:i("div",e({className:d.ruleTitleRow},{children:[r(a,{height:"16px",width:"192px"}),r(a,{height:"16px",width:"64px",borderRadius:"9999px"})]}))})),r(a,{height:"20px",width:"20px",borderRadius:"9999px"})]})),r("div",e({className:d.ruleCardFooter},{children:r(a,{height:"12px",width:"80px"})}))]}),t)})}))]}),t)})}))}))]}))};export{t as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from '../styles/LearningContentSkeleton.module.css.js';
+import { Skeleton } from './Skeleton.js';
+
+const RuleContentSkeleton = () => {
+  return /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.contentHeader, children: /* @__PURE__ */ jsxs("div", { className: styles.headerGap, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.headerRow, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.headerInfo, children: [
+          /* @__PURE__ */ jsx(Skeleton, { height: "40px", width: "40px", borderRadius: "8px" }),
+          /* @__PURE__ */ jsxs("div", { className: styles.headerTextGroup, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "24px", width: "192px" }),
+            /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "256px" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.headerActions, children: [
+          /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "96px", borderRadius: "8px" }),
+          /* @__PURE__ */ jsx(Skeleton, { height: "36px", width: "36px", borderRadius: "8px" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: styles.tabsRow, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: styles.tabItem, children: /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "80px" }) }, i)) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: styles.rulesWrapper, children: /* @__PURE__ */ jsx("div", { className: styles.rulesList, children: [1, 2].map((tier) => /* @__PURE__ */ jsxs("div", { className: styles.tierContainer, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.tierHeaderRow, children: /* @__PURE__ */ jsx(Skeleton, { height: "20px", width: "128px" }) }),
+      /* @__PURE__ */ jsx("div", { className: styles.tierContainer, children: [1, 2].map((rule) => /* @__PURE__ */ jsxs("div", { className: styles.ruleItemCard, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.ruleCardRow, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.ruleCardInfo, children: /* @__PURE__ */ jsxs("div", { className: styles.ruleTitleRow, children: [
+            /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "192px" }),
+            /* @__PURE__ */ jsx(Skeleton, { height: "16px", width: "64px", borderRadius: "9999px" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Skeleton, { height: "20px", width: "20px", borderRadius: "9999px" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles.ruleCardFooter, children: /* @__PURE__ */ jsx(Skeleton, { height: "12px", width: "80px" }) })
+      ] }, rule)) })
+    ] }, tier)) }) })
+  ] });
+};
+var RuleContentSkeleton$1 = RuleContentSkeleton;
+
+export { RuleContentSkeleton$1 as default };
 //# sourceMappingURL=RuleContentSkeleton.js.map

package/dist/features/LearningManagement/components/RuleContentSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleContentSkeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"RuleContentSkeleton.js","sources":["../../../../src/features/LearningManagement/components/RuleContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/LearningContentSkeleton.module.css';\nimport { Skeleton } from '../components/Skeleton';\n\n/**\n * Loading skeleton for the Rule Content area.\n * Library-ready: Uses CSS Modules, pure CSS styling, and library-compatible Skeleton component.\n */\nconst RuleContentSkeleton = () => {\n    return (\n        <div className={styles.content}>\n            {/* Header Area */}\n            <div className={styles.contentHeader}>\n                <div className={styles.headerGap}>\n                    <div className={styles.headerRow}>\n                        <div className={styles.headerInfo}>\n                            <Skeleton height=\"40px\" width=\"40px\" borderRadius=\"8px\" />\n                            <div className={styles.headerTextGroup}>\n                                <Skeleton height=\"24px\" width=\"192px\" />\n                                <Skeleton height=\"16px\" width=\"256px\" />\n                            </div>\n                        </div>\n                        <div className={styles.headerActions}>\n                            <Skeleton height=\"36px\" width=\"96px\" borderRadius=\"8px\" />\n                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" />\n                        </div>\n                    </div>\n\n                    {/* Tabs */}\n                    <div className={styles.tabsRow}>\n                        {[1, 2, 3].map(i => (\n                            <div key={i} className={styles.tabItem}>\n                                <Skeleton height=\"16px\" width=\"80px\" />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {/* Rules List */}\n            <div className={styles.rulesWrapper}>\n                <div className={styles.rulesList}>\n                    {/* Tier Group */}\n                    {[1, 2].map(tier => (\n                        <div key={tier} className={styles.tierContainer}>\n                            <div className={styles.tierHeaderRow}>\n                                <Skeleton height=\"20px\" width=\"128px\" />\n                            </div>\n                            <div className={styles.tierContainer}>\n                                {[1, 2].map(rule => (\n                                    <div key={rule} className={styles.ruleItemCard}>\n                                        <div className={styles.ruleCardRow}>\n                                            <div className={styles.ruleCardInfo}>\n                                                <div className={styles.ruleTitleRow}>\n                                                    <Skeleton height=\"16px\" width=\"192px\" />\n                                                    <Skeleton height=\"16px\" width=\"64px\" borderRadius=\"9999px\" />\n                                                </div>\n                                            </div>\n                                            <Skeleton height=\"20px\" width=\"20px\" borderRadius=\"9999px\" />\n                                        </div>\n                                        <div className={styles.ruleCardFooter}>\n                                            <Skeleton height=\"12px\" width=\"80px\" />\n                                        </div>\n                                    </div>\n                                ))}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default RuleContentSkeleton;\n"],"names":[],"mappings":"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"}

package/dist/features/LearningManagement/components/ScopeSkeletonLoader.js

@@ -1,2 +1,175 @@
-import{__assign as i}from"tslib";import{jsxs as t,Fragment as e,jsx as n}from"react/jsx-runtime";import{Sparkles as r}from"lucide-react";var o=function(t){var e=t.width,r=void 0===e?"100%":e,o=t.height,d=void 0===o?"10px":o,h=t.style;return n("div",{style:i({width:r,height:d,backgroundColor:"#E2E8F0",borderRadius:"4px",backgroundImage:"linear-gradient(90deg, #E2E8F0 0px, #F1F5F9 40px, #E2E8F0 80px)",backgroundSize:"200px 100%",animation:"shimmer 1.5s ease-in-out infinite"},h)})},d=function(){return t("div",i({style:{display:"flex",flexDirection:"column",gap:"12px",padding:"24px",backgroundColor:"#fff",borderRadius:"12px",border:"1px solid #E2E8F0",width:"100%"}},{children:[n(o,{width:"100%",height:"12px"}),n(o,{width:"85%",height:"10px"}),n("div",{style:{height:"8px"}}),n(o,{width:"60%",height:"12px"}),n(o,{width:"90%",height:"10px"}),n(o,{width:"75%",height:"10px"}),n("div",{style:{height:"8px"}}),n(o,{width:"40%",height:"12px"}),n(o,{width:"100%",height:"10px"}),n(o,{width:"80%",height:"10px"}),n("div",{style:{height:"8px"}}),n(o,{width:"55%",height:"12px"}),n(o,{width:"95%",height:"10px"}),n(o,{width:"70%",height:"10px"}),n(o,{width:"45%",height:"12px"}),n(o,{width:"88%",height:"10px"})]}))},h=function(o){var h=o.isLoading,l=o.title,a=o.subtitle;return h?t(e,{children:[n("style",{children:"\n  @keyframes shimmer {\n    0% {\n      background-position: -200px 0;\n    }\n    100% {\n      background-position: calc(200px + 100%) 0;\n    }\n  }\n"}),n("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:99}}),t("div",i({style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",backgroundColor:"#fff",borderRadius:"16px",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",padding:"48px",maxWidth:"1000px",width:"70%",maxHeight:"90vh",display:"flex",flexDirection:"row",gap:"48px",zIndex:100,animation:"fadeIn 0.3s ease-out"}},{children:[t("div",i({style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:[n("div",i({style:{marginBottom:"16px"}},{children:n(r,{size:32,color:"#7C3AED"})})),n("h2",i({style:{fontSize:"1.5rem",fontWeight:600,color:"#0F172A",margin:"0 0 8px 0"}},{children:null!=l?l:"Setting up your scope…"})),n("p",i({style:{fontSize:"0.875rem",color:"#64748B",margin:"0",lineHeight:"1.5"}},{children:null!=a?a:"Inheriting Learnings from Global. This will only take a moment."}))]})),n("div",i({style:{flex:1.5,display:"flex",alignItems:"center",justifyContent:"center",minWidth:"350px"}},{children:n(d,{})}))]})),n("style",{children:"\n                @keyframes fadeIn {\n                    from {\n                        opacity: 0;\n                        transform: translate(-50%, -48%);\n                    }\n                    to {\n                        opacity: 1;\n                        transform: translate(-50%, -50%);\n                    }\n                }\n            "})]}):null};export{h as default};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Sparkles } from 'lucide-react';
+
+const shimmerKeyframes = `
+  @keyframes shimmer {
+    0% {
+      background-position: -200px 0;
+    }
+    100% {
+      background-position: calc(200px + 100%) 0;
+    }
+  }
+`;
+const ShimmerBar = ({ width = "100%", height = "10px", style }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width,
+      height,
+      backgroundColor: "color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff))",
+      borderRadius: "4px",
+      backgroundImage: "linear-gradient(90deg, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 0px, color-mix(in srgb, var(--il-foreground, #0F172A) 24%, var(--il-surface, #ffffff)) 40px, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 80px)",
+      backgroundSize: "200px 100%",
+      animation: "shimmer 1.5s ease-in-out infinite",
+      ...style
+    }
+  }
+);
+const ShimmerStep = () => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px",
+      padding: "24px",
+      backgroundColor: "var(--il-surface-alt, var(--il-surface, #ffffff))",
+      borderRadius: "12px",
+      border: "1px solid var(--il-border, #E2E8F0)",
+      width: "100%"
+    },
+    children: [
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "100%", height: "12px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "85%", height: "10px" }),
+      /* @__PURE__ */ jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "60%", height: "12px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "90%", height: "10px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "75%", height: "10px" }),
+      /* @__PURE__ */ jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "40%", height: "12px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "100%", height: "10px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "80%", height: "10px" }),
+      /* @__PURE__ */ jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "55%", height: "12px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "95%", height: "10px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "70%", height: "10px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "45%", height: "12px" }),
+      /* @__PURE__ */ jsx(ShimmerBar, { width: "88%", height: "10px" })
+    ]
+  }
+);
+const ScopeDialog = ({ isLoading, title, subtitle }) => {
+  if (!isLoading) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: shimmerKeyframes }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "var(--il-overlay, rgba(0, 0, 0, 0.5))",
+          zIndex: 99
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          backgroundColor: "var(--il-surface, #ffffff)",
+          color: "var(--il-foreground, #0F172A)",
+          border: "1px solid var(--il-border, #E2E8F0)",
+          borderRadius: "16px",
+          boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+          padding: "48px",
+          maxWidth: "1000px",
+          width: "70%",
+          maxHeight: "90vh",
+          display: "flex",
+          flexDirection: "row",
+          gap: "48px",
+          zIndex: 100,
+          animation: "fadeIn 0.3s ease-out"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsx(Sparkles, { size: 32, color: "var(--il-primary, #7C3AED)" }) }),
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    style: {
+                      fontSize: "1.5rem",
+                      fontWeight: 600,
+                      color: "var(--il-foreground, #0F172A)",
+                      margin: "0 0 8px 0"
+                    },
+                    children: title != null ? title : "Setting up your scope\u2026"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      fontSize: "0.875rem",
+                      color: "var(--il-muted, #64748B)",
+                      margin: "0",
+                      lineHeight: "1.5"
+                    },
+                    children: subtitle != null ? subtitle : "Inheriting Learnings from Global. This will only take a moment."
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                flex: 1.5,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                minWidth: "350px"
+              },
+              children: /* @__PURE__ */ jsx(ShimmerStep, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("style", { children: `
+                @keyframes fadeIn {
+                    from {
+                        opacity: 0;
+                        transform: translate(-50%, -48%);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translate(-50%, -50%);
+                    }
+                }
+            ` })
+  ] });
+};
+var ScopeDialog$1 = ScopeDialog;
+
+export { ScopeDialog$1 as default };
 //# sourceMappingURL=ScopeSkeletonLoader.js.map

package/dist/features/LearningManagement/components/ScopeSkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScopeSkeletonLoader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScopeSkeletonLoader.js","sources":["../../../../src/features/LearningManagement/components/ScopeSkeletonLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Check, Sparkles } from 'lucide-react';\n\n/**\n * Individual step in the onboarding process.\n */\ninterface OnboardingStep {\n  /** Step identifier */\n  id: number;\n  /** Display label for the step */\n  label: string;\n}\n\n/**\n * Default onboarding steps for station setup.\n */\nconst DEFAULT_STEPS: OnboardingStep[] = [\n  { id: 1, label: 'Saving station details' },\n  { id: 2, label: 'Applying rule template' },\n  { id: 3, label: 'Finalizing station setup' },\n];\n\n/**\n * Props for the OnboardingLoader component.\n */\ninterface OnboardingLoaderProps {\n  /** Whether the loader is active/visible */\n  isLoading: boolean;\n  /** Heading shown while loading (defaults to the generic scope-creation copy) */\n  title?: string;\n  /** Supporting text shown under the heading */\n  subtitle?: string;\n  /** Custom steps (optional, defaults to station onboarding steps) */\n  steps?: OnboardingStep[];\n  /**\n   * Externally controlled current step index (0-based).\n   * When provided, the component uses this instead of timer-based progression.\n   * This allows syncing step progression with actual API call completion.\n   */\n  currentStep?: number;\n  /** Interval between step progressions in milliseconds (default: 3000). Only used if currentStep is not provided. */\n  stepIntervalMs?: number;\n  /** Callback when all steps are completed */\n  onComplete?: () => void;\n}\n\n/**\n * Shimmer animation keyframes style injector.\n * Creates shimmer effect animation.\n */\nconst shimmerKeyframes = `\n  @keyframes shimmer {\n    0% {\n      background-position: -200px 0;\n    }\n    100% {\n      background-position: calc(200px + 100%) 0;\n    }\n  }\n`;\n\n/**\n * Individual shimmer bar component.\n *\n * @param width - Width of the shimmer bar (percentage or px)\n * @param height - Height of the shimmer bar\n * @param style - Additional inline styles\n */\nconst ShimmerBar: React.FC<{\n  width?: string;\n  height?: string;\n  style?: React.CSSProperties;\n}> = ({ width = '100%', height = '10px', style }) => (\n  <div\n    style={{\n      width,\n      height,\n      backgroundColor:\n        'color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff))',\n      borderRadius: '4px',\n      backgroundImage:\n        'linear-gradient(90deg, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 0px, color-mix(in srgb, var(--il-foreground, #0F172A) 24%, var(--il-surface, #ffffff)) 40px, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 80px)',\n      backgroundSize: '200px 100%',\n      animation: 'shimmer 1.5s ease-in-out infinite',\n      ...style,\n    }}\n  />\n);\n\nconst ShimmerStep: React.FC = () => (\n  <div\n    style={{\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '12px',\n      padding: '24px',\n      backgroundColor: 'var(--il-surface-alt, var(--il-surface, #ffffff))',\n      borderRadius: '12px',\n      border: '1px solid var(--il-border, #E2E8F0)',\n      width: '100%',\n    }}\n  >\n    {/* Row 1 - Full width */}\n    <ShimmerBar width='100%' height='12px' />\n    <ShimmerBar width='85%' height='10px' />\n\n    {/* Gap */}\n    <div style={{ height: '8px' }} />\n\n    {/* Row 2 */}\n    <ShimmerBar width='60%' height='12px' />\n    <ShimmerBar width='90%' height='10px' />\n    <ShimmerBar width='75%' height='10px' />\n\n    {/* Gap */}\n    <div style={{ height: '8px' }} />\n\n    {/* Row 3 */}\n    <ShimmerBar width='40%' height='12px' />\n    <ShimmerBar width='100%' height='10px' />\n    <ShimmerBar width='80%' height='10px' />\n\n    <div style={{ height: '8px' }} />\n    <ShimmerBar width='55%' height='12px' />\n    <ShimmerBar width='95%' height='10px' />\n    <ShimmerBar width='70%' height='10px' />\n    <ShimmerBar width='45%' height='12px' />\n    <ShimmerBar width='88%' height='10px' />\n  </div>\n);\n\nconst ScopeDialog: React.FC<OnboardingLoaderProps> = ({ isLoading, title, subtitle }) => {\n  if (!isLoading) return null;\n\n  return (\n    <>\n      <style>{shimmerKeyframes}</style>\n      {/* Backdrop */}\n      <div\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          backgroundColor: 'var(--il-overlay, rgba(0, 0, 0, 0.5))',\n          zIndex: 99,\n        }}\n      />\n\n      {/* Dialog Container */}\n      <div\n        style={{\n          position: 'fixed',\n          top: '50%',\n          left: '50%',\n          transform: 'translate(-50%, -50%)',\n          backgroundColor: 'var(--il-surface, #ffffff)',\n          color: 'var(--il-foreground, #0F172A)',\n          border: '1px solid var(--il-border, #E2E8F0)',\n          borderRadius: '16px',\n          boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n          padding: '48px',\n          maxWidth: '1000px',\n          width: '70%',\n          maxHeight: '90vh',\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '48px',\n          zIndex: 100,\n          animation: 'fadeIn 0.3s ease-out',\n        }}\n      >\n        {/* Left Side - Steps Progress */}\n        <div\n          style={{\n            flex: 1,\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {/* Sparkle Icon */}\n          <div style={{ marginBottom: '16px' }}>\n            <Sparkles size={32} color='var(--il-primary, #7C3AED)' />\n          </div>\n\n          {/* Title */}\n          <h2\n            style={{\n              fontSize: '1.5rem',\n              fontWeight: 600,\n              color: 'var(--il-foreground, #0F172A)',\n              margin: '0 0 8px 0',\n            }}\n          >\n            {title ?? 'Setting up your scope…'}\n          </h2>\n          <p\n            style={{\n              fontSize: '0.875rem',\n              color: 'var(--il-muted, #64748B)',\n              margin: '0',\n              lineHeight: '1.5',\n            }}\n          >\n            {subtitle ?? 'Inheriting Learnings from Global. This will only take a moment.'}\n          </p>\n        </div>\n\n        {/* Right Side - Shimmer Panel */}\n        <div\n          style={{\n            flex: 1.5,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minWidth: '350px',\n          }}\n        >\n          <ShimmerStep />\n        </div>\n      </div>\n\n      <style>{`\n                @keyframes fadeIn {\n                    from {\n                        opacity: 0;\n                        transform: translate(-50%, -48%);\n                    }\n                    to {\n                        opacity: 1;\n                        transform: translate(-50%, -50%);\n                    }\n                }\n            `}</style>\n    </>\n  );\n};\n\nexport default ScopeDialog;\n"],"names":[],"mappings":"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"}

package/dist/features/LearningManagement/components/ScopeTree/HighlightedText.js

@@ -1,2 +1,16 @@
-import{__assign as r}from"tslib";import{jsx as t,Fragment as e}from"react/jsx-runtime";import i from"../../styles/ScopeTree.module.css.js";var n=function(n){var s=n.text,c=n.highlight;if(!c||!c.trim())return t(e,{children:s});var o=new RegExp("(".concat(c,")"),"gi"),l=s.split(o);return t(e,{children:l.map(function(e,n){return o.test(e)?t("span",r({className:i.highlightText},{children:e}),n):t("span",{children:e},n)})})};export{n as HighlightedText};
+import { jsx, Fragment } from 'react/jsx-runtime';
+import styles from '../../styles/ScopeTree.module.css.js';
+
+const HighlightedText = ({ text, highlight }) => {
+  if (!highlight || !highlight.trim()) {
+    return /* @__PURE__ */ jsx(Fragment, { children: text });
+  }
+  const regex = new RegExp(`(${highlight})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
+    (part, i) => regex.test(part) ? /* @__PURE__ */ jsx("span", { className: styles.highlightText, children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
+  ) });
+};
+
+export { HighlightedText };
 //# sourceMappingURL=HighlightedText.js.map

package/dist/features/LearningManagement/components/ScopeTree/HighlightedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"HighlightedText.js","sources":["../../../../../src/features/LearningManagement/components/ScopeTree/HighlightedText.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface HighlightedTextProps {\n  text: string;\n  highlight?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightedTextProps> = ({ text, highlight }) => {\n  if (!highlight || !highlight.trim()) {\n    return <>{text}</>;\n  }\n\n  const regex = new RegExp(`(${highlight})`, 'gi');\n  const parts = text.split(regex);\n\n  return (\n    <>\n      {parts.map((part, i) =>\n        regex.test(part) ? (\n          <span key={i} className={styles.highlightText}>\n            {part}\n          </span>\n        ) : (\n          <span key={i}>{part}</span>\n        )\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;AASO,MAAM,eAAkD,GAAA,CAAC,EAAE,IAAA,EAAM,WAAgB,KAAA;AACtF,EAAA,IAAI,CAAC,SAAA,IAAa,CAAC,SAAA,CAAU,MAAQ,EAAA;AACnC,IAAA,uCAAU,QAAK,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,QAAQ,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,SAAS,KAAK,IAAI,CAAA,CAAA;AAC/C,EAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAE9B,EAAA,uCAEK,QAAM,EAAA,KAAA,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,CAAA,KAChB,MAAM,IAAK,CAAA,IAAI,oBACZ,GAAA,CAAA,MAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,eAC7B,QADQ,EAAA,IAAA,EAAA,EAAA,CAEX,oBAEC,GAAA,CAAA,MAAA,EAAA,EAAc,kBAAJ,CAAS,CAAA;AAAA,GAG1B,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/features/LearningManagement/components/ScopeTree/TreeAddAction.js

@@ -1,2 +1,28 @@
-import{__assign as o}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Plus as i}from"lucide-react";import r from"../../styles/ScopeTree.module.css.js";var d=function(d){var a=d.label,c=d.onAdd,l=d.disabled,s=void 0!==l&&l,n=d.tooltip;return t("button",o({className:"".concat(r.addAction," ").concat(s?r.disabled:""),onClick:s?void 0:c,disabled:s,title:n,style:s?{opacity:.5,cursor:"not-allowed"}:{}},{children:[e("span",o({className:r.addIcon},{children:e(i,{size:16,strokeWidth:2.5})})),a]}))};export{d as TreeAddAction};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Plus } from 'lucide-react';
+import styles from '../../styles/ScopeTree.module.css.js';
+
+const TreeAddAction = ({
+  label,
+  onAdd,
+  disabled = false,
+  tooltip
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `${styles.addAction} ${disabled ? styles.disabled : ""}`,
+      onClick: disabled ? void 0 : onAdd,
+      disabled,
+      title: tooltip,
+      style: disabled ? { opacity: 0.5, cursor: "not-allowed" } : {},
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.addIcon, children: /* @__PURE__ */ jsx(Plus, { size: 16, strokeWidth: 2.5 }) }),
+        label
+      ]
+    }
+  );
+};
+
+export { TreeAddAction };
 //# sourceMappingURL=TreeAddAction.js.map

package/dist/features/LearningManagement/components/ScopeTree/TreeAddAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeAddAction.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeAddAction.js","sources":["../../../../../src/features/LearningManagement/components/ScopeTree/TreeAddAction.tsx"],"sourcesContent":["import React from 'react';\nimport { Plus } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface TreeAddActionProps {\n  label: string;\n  onAdd: () => void;\n  disabled?: boolean;\n  tooltip?: string;\n}\n\nexport const TreeAddAction: React.FC<TreeAddActionProps> = ({ \n  label, \n  onAdd, \n  disabled = false, \n  tooltip \n}) => {\n  return (\n    <button \n      className={`${styles.addAction} ${disabled ? styles.disabled : ''}`} \n      onClick={disabled ? undefined : onAdd}\n      disabled={disabled}\n      title={tooltip} // Shows the tooltip text when hovered\n      style={disabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}} // Optional inline fallback if no CSS is defined\n    >\n      <span className={styles.addIcon}>\n        <Plus size={16} strokeWidth={2.5} />\n      </span>\n      {label}\n    </button>\n  );\n};"],"names":[],"mappings":";;;;AAWO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,MAAO,CAAA,SAAS,IAAI,QAAW,GAAA,MAAA,CAAO,WAAW,EAAE,CAAA,CAAA;AAAA,MACjE,OAAA,EAAS,WAAW,KAAY,CAAA,GAAA,KAAA;AAAA,MAChC,QAAA;AAAA,MACA,KAAO,EAAA,OAAA;AAAA,MACP,KAAA,EAAO,WAAW,EAAE,OAAA,EAAS,KAAK,MAAQ,EAAA,aAAA,KAAkB,EAAC;AAAA,MAE7D,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,OACtB,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAM,EAAA,EAAA,EAAI,WAAa,EAAA,GAAA,EAAK,CACpC,EAAA,CAAA;AAAA,QACC,KAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}