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

package/dist/features/LearningManagement/ScopeSelector.js

@@ -1,2 +1,219 @@
-import{__rest as e,__assign as o}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useMemo as i,useState as r,useEffect as l}from"react";import{X as d,Info as c}from"lucide-react";import a from"./LearningManagement.js";import{useLearningTemplateStore as s}from"./store/useLearningTemplateStore.js";import{findNodeById as f,findNodePathById as p}from"./utils/treeUtils.js";var u={root:{display:"flex",flexDirection:"column",height:"100%",minHeight:0,background:"#fff"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,padding:"16px 24px",borderBottom:"1px solid #EAECF0",flexShrink:0},title:{fontSize:16,fontWeight:600,color:"#101828",margin:0},closeButton:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:32,height:32,border:"1px solid #EAECF0",borderRadius:8,background:"#fff",cursor:"pointer",color:"#475467"},body:{flex:1,minHeight:0,display:"flex",overflow:"hidden"},footer:{display:"flex",flexDirection:"column",gap:12,padding:"12px 24px",borderTop:"1px solid #EAECF0",flexShrink:0},infoCard:{display:"flex",alignItems:"flex-start",gap:10,padding:"12px 16px",background:"#F5F3FF",border:"1px solid #E0DDFB",borderRadius:8},infoIcon:{color:"#5B2CF4",flexShrink:0,marginTop:1},infoBody:{minWidth:0,flex:1},infoTitle:{fontSize:13,fontWeight:600,color:"#5B2CF4"},infoText:{fontSize:12,color:"#475467",marginTop:2},infoClose:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",background:"transparent",cursor:"pointer",color:"#7F56D9",flexShrink:0,padding:2},actions:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:12,flexShrink:0},cancelBtn:{height:40,padding:"0 18px",borderRadius:8,border:"1px solid #D0D5DD",background:"#fff",color:"#344054",fontSize:14,fontWeight:600,cursor:"pointer"},proceedBtn:{height:40,padding:"0 22px",borderRadius:8,border:"none",background:"#5B2CF4",color:"#fff",fontSize:14,fontWeight:600,cursor:"pointer"},proceedBtnDisabled:{background:"#D6BBFB",cursor:"not-allowed"},crumb:{color:"#5B2CF4"},crumbSep:{color:"#98A2B3"}},h=function(h){var b,m=h.title,g=void 0===m?"Select the scope you want to add guidelines from":m,x=h.onProceed,y=h.onCancel,v=h.proceedLabel,C=void 0===v?"Proceed":v,B=h.cancelLabel,k=void 0===B?"Cancel":B,S=e(h,["title","onProceed","onCancel","proceedLabel","cancelLabel"]),D=s(function(e){return e.selectedRuleSetId}),F=s(function(e){return e.scopeTreeData}),I=i(function(){var e;return function(e,o){var n;if(!o||!e)return null;var t=f(e,o);if(!t)return null;var i=(null!==(n=p(e,o))&&void 0!==n?n:[o]).map(function(o){var n,t=f(e,o);return{id:o,name:null!==(n=null==t?void 0:t.name)&&void 0!==n?n:o}});return{scopeId:t.id,scopeName:t.name,path:i}}(null!==(e=null==F?void 0:F.data)&&void 0!==e?e:null,D)},[F,D]),T=null===(b=null==F?void 0:F.data)||void 0===b?void 0:b.id,j=Boolean(I&&T&&I.scopeId===T),z=r(!1),W=z[0],E=z[1];l(function(){E(!1)},[null==I?void 0:I.scopeId]);var w=Boolean(I)&&!j&&!W;return n("div",o({style:u.root},{children:[n("div",o({style:u.header},{children:[t("p",o({style:u.title},{children:g})),t("button",o({type:"button",style:u.closeButton,onClick:y,"aria-label":"Close"},{children:t(d,{size:18,strokeWidth:2})}))]})),t("div",o({style:u.body},{children:t(a,o({},S,{selectionMode:!0}))})),n("div",o({style:u.footer},{children:[w&&I&&n("div",o({style:u.infoCard},{children:[t(c,{size:18,strokeWidth:2,style:u.infoIcon}),n("div",o({style:u.infoBody},{children:[n("div",o({style:u.infoTitle},{children:["Selected scope: ",I.scopeName]})),t("div",o({style:u.infoText},{children:"Only guidelines from the selected scope or subscope will be considered in the next step."}))]})),t("button",o({type:"button",style:u.infoClose,onClick:function(){return E(!0)},"aria-label":"Dismiss"},{children:t(d,{size:16,strokeWidth:2})}))]})),n("div",o({style:u.actions},{children:[t("button",o({type:"button",style:u.cancelBtn,onClick:y},{children:k})),t("button",o({type:"button",style:o(o({},u.proceedBtn),I?{}:u.proceedBtnDisabled),onClick:function(){I&&x(I)},disabled:!I},{children:C}))]}))]}))]}))};export{h as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useEffect } from 'react';
+import { X, Info } from 'lucide-react';
+import LearningManagement from './LearningManagement.js';
+import { useLearningTemplateStore } from './store/useLearningTemplateStore.js';
+import { findNodeById, findNodePathById } from './utils/treeUtils.js';
+
+const buildSelection = (treeRoot, selectedId) => {
+  var _a;
+  if (!selectedId || !treeRoot) return null;
+  const node = findNodeById(treeRoot, selectedId);
+  if (!node) return null;
+  const idPath = (_a = findNodePathById(treeRoot, selectedId)) != null ? _a : [selectedId];
+  const path = idPath.map((id) => {
+    var _a2;
+    const n = findNodeById(treeRoot, id);
+    return { id, name: (_a2 = n == null ? void 0 : n.name) != null ? _a2 : id };
+  });
+  return { scopeId: node.id, scopeName: node.name, path };
+};
+const s = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    minHeight: 0,
+    background: "#fff"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    padding: "16px 24px",
+    borderBottom: "1px solid #EAECF0",
+    flexShrink: 0
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: 600,
+    color: "#101828",
+    margin: 0
+  },
+  closeButton: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 32,
+    height: 32,
+    border: "1px solid #EAECF0",
+    borderRadius: 8,
+    background: "#fff",
+    cursor: "pointer",
+    color: "#475467"
+  },
+  body: {
+    flex: 1,
+    minHeight: 0,
+    display: "flex",
+    overflow: "hidden"
+  },
+  footer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 12,
+    padding: "12px 24px",
+    borderTop: "1px solid #EAECF0",
+    flexShrink: 0
+  },
+  infoCard: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 10,
+    padding: "12px 16px",
+    background: "#F5F3FF",
+    border: "1px solid #E0DDFB",
+    borderRadius: 8
+  },
+  infoIcon: {
+    color: "#5B2CF4",
+    flexShrink: 0,
+    marginTop: 1
+  },
+  infoBody: {
+    minWidth: 0,
+    flex: 1
+  },
+  infoTitle: {
+    fontSize: 13,
+    fontWeight: 600,
+    color: "#5B2CF4"
+  },
+  infoText: {
+    fontSize: 12,
+    color: "#475467",
+    marginTop: 2
+  },
+  infoClose: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+    color: "#7F56D9",
+    flexShrink: 0,
+    padding: 2
+  },
+  actions: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    gap: 12,
+    flexShrink: 0
+  },
+  cancelBtn: {
+    height: 40,
+    padding: "0 18px",
+    borderRadius: 8,
+    border: "1px solid #D0D5DD",
+    background: "#fff",
+    color: "#344054",
+    fontSize: 14,
+    fontWeight: 600,
+    cursor: "pointer"
+  },
+  proceedBtn: {
+    height: 40,
+    padding: "0 22px",
+    borderRadius: 8,
+    border: "none",
+    background: "#5B2CF4",
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: 600,
+    cursor: "pointer"
+  },
+  proceedBtnDisabled: {
+    background: "#D6BBFB",
+    cursor: "not-allowed"
+  },
+  crumb: { color: "#5B2CF4" },
+  crumbSep: { color: "#98A2B3" }
+};
+const ScopeSelector = ({
+  title = "Select the scope you want to add guidelines from",
+  onProceed,
+  onCancel,
+  proceedLabel = "Proceed",
+  cancelLabel = "Cancel",
+  ...lmsProps
+}) => {
+  var _a;
+  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const scopeTreeData = useLearningTemplateStore((state) => state.scopeTreeData);
+  const selection = useMemo(
+    () => {
+      var _a2;
+      return buildSelection((_a2 = scopeTreeData == null ? void 0 : scopeTreeData.data) != null ? _a2 : null, selectedRuleSetId);
+    },
+    [scopeTreeData, selectedRuleSetId]
+  );
+  const rootScopeId = (_a = scopeTreeData == null ? void 0 : scopeTreeData.data) == null ? void 0 : _a.id;
+  const isRootSelected = Boolean(selection && rootScopeId && selection.scopeId === rootScopeId);
+  const [infoDismissed, setInfoDismissed] = useState(false);
+  useEffect(() => {
+    setInfoDismissed(false);
+  }, [selection == null ? void 0 : selection.scopeId]);
+  const showInfoCard = Boolean(selection) && !isRootSelected && !infoDismissed;
+  const handleProceed = () => {
+    if (selection) onProceed(selection);
+  };
+  return /* @__PURE__ */ jsxs("div", { style: s.root, children: [
+    /* @__PURE__ */ jsxs("div", { style: s.header, children: [
+      /* @__PURE__ */ jsx("p", { style: s.title, children: title }),
+      /* @__PURE__ */ jsx("button", { type: "button", style: s.closeButton, onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2 }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: s.body, children: /* @__PURE__ */ jsx(LearningManagement, { ...lmsProps, selectionMode: true }) }),
+    /* @__PURE__ */ jsxs("div", { style: s.footer, children: [
+      showInfoCard && selection && /* @__PURE__ */ jsxs("div", { style: s.infoCard, children: [
+        /* @__PURE__ */ jsx(Info, { size: 18, strokeWidth: 2, style: s.infoIcon }),
+        /* @__PURE__ */ jsxs("div", { style: s.infoBody, children: [
+          /* @__PURE__ */ jsxs("div", { style: s.infoTitle, children: [
+            "Selected scope: ",
+            selection.scopeName
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: s.infoText, children: "Only guidelines from the selected scope or subscope will be considered in the next step." })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: s.infoClose,
+            onClick: () => setInfoDismissed(true),
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsx(X, { size: 16, strokeWidth: 2 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: s.actions, children: [
+        /* @__PURE__ */ jsx("button", { type: "button", style: s.cancelBtn, onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: { ...s.proceedBtn, ...selection ? {} : s.proceedBtnDisabled },
+            onClick: handleProceed,
+            disabled: !selection,
+            children: proceedLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+var ScopeSelector$1 = ScopeSelector;
+
+export { ScopeSelector$1 as default };
 //# sourceMappingURL=ScopeSelector.js.map

package/dist/features/LearningManagement/ScopeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScopeSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScopeSelector.js","sources":["../../../src/features/LearningManagement/ScopeSelector.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport type { AxiosRequestConfig } from 'axios';\nimport { Info, X } from 'lucide-react';\nimport LearningManagement from './LearningManagement';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\nimport { findNodeById, findNodePathById } from './utils/treeUtils';\nimport type { RbacConfig, AuditLogConfig } from './store/useEnvStore';\nimport type { User } from './store/types';\nimport type { ScopeSelection, ScopeTreeNode } from './types';\n\n/**\n * Config passed straight through to the underlying LearningManagement instance.\n * ScopeSelector reuses the full LMS scope tree + rule content (guideline\n * Disable/Delete/inheritance) and only layers a selection header/footer on top.\n */\nexport interface ScopeSelectorProps {\n  userDetails: User;\n  llmStudioUrl: string;\n  audacyBackendUrl: string;\n  config: any;\n  rbacConfig: RbacConfig;\n  auditLogConfig: AuditLogConfig;\n  ilLabels: {\n    setupLabel: string;\n    ruleTitle: string;\n    ruleDescriptionTitle: string;\n  };\n  app_integration_id?: string;\n  modeId?: string;\n  backwardCompatibility?: boolean;\n  cognitiveCompareCompatibility?: boolean;\n  axiosConfig?: AxiosRequestConfig;\n\n  /** Header title. Defaults to the figma copy. */\n  title?: string;\n  /** Fired when the user confirms the currently-selected scope. */\n  onProceed: (selection: ScopeSelection) => void;\n  /** Fired when the user dismisses the selector (Cancel / X). */\n  onCancel: () => void;\n  proceedLabel?: string;\n  cancelLabel?: string;\n}\n\n/**\n * Builds a ScopeSelection (id, name, breadcrumb path) for the node currently\n * highlighted in the LMS tree.\n */\nconst buildSelection = (\n  treeRoot: ScopeTreeNode | null,\n  selectedId: string | null\n): ScopeSelection | null => {\n  if (!selectedId || !treeRoot) return null;\n  const node = findNodeById(treeRoot, selectedId);\n  if (!node) return null;\n  const idPath = findNodePathById(treeRoot, selectedId) ?? [selectedId];\n  const path = idPath.map((id) => {\n    const n = findNodeById(treeRoot, id);\n    return { id, name: n?.name ?? id };\n  });\n  return { scopeId: node.id, scopeName: node.name, path };\n};\n\nconst s: Record<string, CSSProperties> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    minHeight: 0,\n    background: '#fff',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 12,\n    padding: '16px 24px',\n    borderBottom: '1px solid #EAECF0',\n    flexShrink: 0,\n  },\n  title: {\n    fontSize: 16,\n    fontWeight: 600,\n    color: '#101828',\n    margin: 0,\n  },\n  closeButton: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 32,\n    height: 32,\n    border: '1px solid #EAECF0',\n    borderRadius: 8,\n    background: '#fff',\n    cursor: 'pointer',\n    color: '#475467',\n  },\n  body: {\n    flex: 1,\n    minHeight: 0,\n    display: 'flex',\n    overflow: 'hidden',\n  },\n  footer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 12,\n    padding: '12px 24px',\n    borderTop: '1px solid #EAECF0',\n    flexShrink: 0,\n  },\n  infoCard: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 10,\n    padding: '12px 16px',\n    background: '#F5F3FF',\n    border: '1px solid #E0DDFB',\n    borderRadius: 8,\n  },\n  infoIcon: {\n    color: '#5B2CF4',\n    flexShrink: 0,\n    marginTop: 1,\n  },\n  infoBody: {\n    minWidth: 0,\n    flex: 1,\n  },\n  infoTitle: {\n    fontSize: 13,\n    fontWeight: 600,\n    color: '#5B2CF4',\n  },\n  infoText: {\n    fontSize: 12,\n    color: '#475467',\n    marginTop: 2,\n  },\n  infoClose: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    border: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    color: '#7F56D9',\n    flexShrink: 0,\n    padding: 2,\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    gap: 12,\n    flexShrink: 0,\n  },\n  cancelBtn: {\n    height: 40,\n    padding: '0 18px',\n    borderRadius: 8,\n    border: '1px solid #D0D5DD',\n    background: '#fff',\n    color: '#344054',\n    fontSize: 14,\n    fontWeight: 600,\n    cursor: 'pointer',\n  },\n  proceedBtn: {\n    height: 40,\n    padding: '0 22px',\n    borderRadius: 8,\n    border: 'none',\n    background: '#5B2CF4',\n    color: '#fff',\n    fontSize: 14,\n    fontWeight: 600,\n    cursor: 'pointer',\n  },\n  proceedBtnDisabled: {\n    background: '#D6BBFB',\n    cursor: 'not-allowed',\n  },\n  crumb: { color: '#5B2CF4' },\n  crumbSep: { color: '#98A2B3' },\n};\n\n/**\n * Embeddable scope picker. Renders the existing LearningManagement layout in\n * selection mode (Guidelines-only tree, no host-URL writes) and surrounds it\n * with the selection header/footer from the figma. The node highlighted in the\n * tree is the scope that gets returned on Proceed.\n */\nconst ScopeSelector: React.FC<ScopeSelectorProps> = ({\n  title = 'Select the scope you want to add guidelines from',\n  onProceed,\n  onCancel,\n  proceedLabel = 'Proceed',\n  cancelLabel = 'Cancel',\n  ...lmsProps\n}) => {\n  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);\n  const scopeTreeData = useLearningTemplateStore((state) => state.scopeTreeData);\n\n  const selection = useMemo(\n    () => buildSelection(scopeTreeData?.data ?? null, selectedRuleSetId),\n    [scopeTreeData, selectedRuleSetId]\n  );\n\n  // The root (Global) scope is the default; the \"selected scope\" info card only\n  // applies once the user drills into a non-Global scope.\n  const rootScopeId = scopeTreeData?.data?.id;\n  const isRootSelected = Boolean(selection && rootScopeId && selection.scopeId === rootScopeId);\n\n  const [infoDismissed, setInfoDismissed] = useState(false);\n  // Re-show the card whenever the selected scope changes.\n  useEffect(() => {\n    setInfoDismissed(false);\n  }, [selection?.scopeId]);\n\n  const showInfoCard = Boolean(selection) && !isRootSelected && !infoDismissed;\n\n  const handleProceed = () => {\n    if (selection) onProceed(selection);\n  };\n\n  return (\n    <div style={s.root}>\n      <div style={s.header}>\n        <p style={s.title}>{title}</p>\n        <button type=\"button\" style={s.closeButton} onClick={onCancel} aria-label=\"Close\">\n          <X size={18} strokeWidth={2} />\n        </button>\n      </div>\n\n      <div style={s.body}>\n        <LearningManagement {...lmsProps} selectionMode />\n      </div>\n\n      <div style={s.footer}>\n        {showInfoCard && selection && (\n          <div style={s.infoCard}>\n            <Info size={18} strokeWidth={2} style={s.infoIcon} />\n            <div style={s.infoBody}>\n              <div style={s.infoTitle}>Selected scope: {selection.scopeName}</div>\n              <div style={s.infoText}>\n                Only guidelines from the selected scope or subscope will be considered in the next step.\n              </div>\n            </div>\n            <button\n              type=\"button\"\n              style={s.infoClose}\n              onClick={() => setInfoDismissed(true)}\n              aria-label=\"Dismiss\"\n            >\n              <X size={16} strokeWidth={2} />\n            </button>\n          </div>\n        )}\n        <div style={s.actions}>\n          <button type=\"button\" style={s.cancelBtn} onClick={onCancel}>\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            style={{ ...s.proceedBtn, ...(selection ? {} : s.proceedBtnDisabled) }}\n            onClick={handleProceed}\n            disabled={!selection}\n          >\n            {proceedLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ScopeSelector;\n"],"names":["_a"],"mappings":"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"}

package/dist/features/LearningManagement/Sidebar.js

@@ -1,2 +1,67 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as r}from"react";import a from"./styles/Sidebar.module.css.js";import c from"./components/SidebarSearch.js";import{TreeSidebar as i}from"./components/ScopeTree/TreeSidebar.js";import{dt as s}from"./store/useLMSConfigStore.js";import{MIDDLE_DRAWER_DT_PATH as d}from"./constants.js";import{useLearningTemplateStore as l}from"./store/useLearningTemplateStore.js";var m=function(m){var S=m.scopeTreeData,p=m.selectedRuleSetId,h=m.onAddChild,C=m.onRenameChild,f=m.onDeleteChild,u=m.canDeleteScope,g=m.canEditScope,v=m.canCreateScope,b=m.onSectionSelect,j=m.activeSectionId;m.onOnboardStation;var T=m.sectionsConfig,y=m.nodeTypesConfig,D=m.menuActionsConfig,A=m.searchPlaceholder,I=void 0===A?s("".concat(d,".treeMenu.search"),"Search for Scopes.."):A,R=r(""),N=R[0],x=R[1],E=r(0),L=E[0],M=E[1];return l.getState().backwardCompatibility,o("div",e({className:a.sidebar},{children:t(n,{children:[o(c,{value:N,onChange:x,placeholder:I,searchCount:L}),o("div",{className:a.divider}),o("div",e({className:a.content},{children:S&&o(i,{data:S.data,onAddChild:h,onRenameChild:C,onDeleteChild:f,canDeleteScope:u,canEditScope:g,canCreateScope:v,onSectionSelect:b,selectedRuleSetId:p,activeSectionId:j,searchQuery:N,onSearchCountChange:M,sectionsConfig:T,nodeTypesConfig:y,menuActionsConfig:D})}))]})}))};export{m as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import styles from './styles/Sidebar.module.css.js';
+import SidebarSearch from './components/SidebarSearch.js';
+import { TreeSidebar } from './components/ScopeTree/TreeSidebar.js';
+import { dt } from './store/useLMSConfigStore.js';
+import { MIDDLE_DRAWER_DT_PATH } from './constants.js';
+import { useLearningTemplateStore } from './store/useLearningTemplateStore.js';
+
+const Sidebar = ({
+  scopeTreeData,
+  selectedRuleSetId,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  canCreateScope,
+  onSectionSelect,
+  activeSectionId,
+  onOnboardStation,
+  sectionsConfig,
+  nodeTypesConfig,
+  menuActionsConfig,
+  // Labels
+  searchPlaceholder = dt(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.search`, "Search for Scopes..")
+}) => {
+  const [searchQuery, setSearchQuery] = useState("");
+  const [treeSearchCount, setTreeSearchCount] = useState(0);
+  useLearningTemplateStore.getState().backwardCompatibility;
+  return /* @__PURE__ */ jsx("div", { className: styles.sidebar, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SidebarSearch,
+      {
+        value: searchQuery,
+        onChange: setSearchQuery,
+        placeholder: searchPlaceholder,
+        searchCount: treeSearchCount
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: styles.divider }),
+    /* @__PURE__ */ jsx("div", { className: styles.content, children: scopeTreeData && /* @__PURE__ */ jsx(
+      TreeSidebar,
+      {
+        data: scopeTreeData.data,
+        onAddChild,
+        onRenameChild,
+        onDeleteChild,
+        canDeleteScope,
+        canEditScope,
+        canCreateScope,
+        onSectionSelect,
+        selectedRuleSetId,
+        activeSectionId,
+        searchQuery,
+        onSearchCountChange: setTreeSearchCount,
+        sectionsConfig,
+        nodeTypesConfig,
+        menuActionsConfig
+      }
+    ) })
+  ] }) });
+};
+var Sidebar$1 = Sidebar;
+
+export { Sidebar$1 as default };
 //# sourceMappingURL=Sidebar.js.map

package/dist/features/LearningManagement/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/features/LearningManagement/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport { ScopesTreeResponse, TreeSectionConfig, NodeTypeConfig, MenuActionConfig } from './types';\nimport styles from './styles/Sidebar.module.css';\nimport SidebarSearch from './components/SidebarSearch';\nimport { TreeSidebar } from './components/ScopeTree/TreeSidebar';\nimport { dt } from './store/useLMSConfigStore';\nimport { MIDDLE_DRAWER_DT_PATH } from './constants';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\n\n\n/**\n * Props for the Sidebar component.\n * Library-ready: fully controlled via props, no store access, no API calls.\n */\ninterface SidebarProps {\n  /** Mock data for the new tree structure */\n  scopeTreeData?: ScopesTreeResponse;\n  /** Currently selected rule set ID */\n  selectedRuleSetId: string | null;\n  /** Placeholder for search input */\n  searchPlaceholder?: string;\n  onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n  onRenameChild?: (scopeId: string, initialName: string) => void;\n  onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n  canDeleteScope?: (scopeId: string) => boolean;\n  canEditScope?: (scopeId: string) => boolean;\n  canCreateScope?: (scopeId: string) => boolean;\n  onSectionSelect?: (scopeId: string, sectionId: string) => void;\n  activeSectionId?: string;\n  onOnboardStation?: () => void;\n  sectionsConfig?: TreeSectionConfig[];\n  nodeTypesConfig?: NodeTypeConfig[];\n  menuActionsConfig?: MenuActionConfig[];\n}\n\n/**\n * Sidebar component for Rule Template Management.\n * Handles navigation between Rule Sets and Stations tabs, and displays lists of rules.\n * Library-ready: fully controlled via props, no store access, no API calls, uses CSS modules.\n *\n * @param props - Component props\n * @returns JSX element displaying the sidebar\n */\nconst Sidebar: React.FC<SidebarProps> = ({\n  scopeTreeData,\n  selectedRuleSetId,\n  onAddChild,\n  onRenameChild,\n  onDeleteChild,\n  canDeleteScope,\n  canEditScope,\n  canCreateScope,\n  onSectionSelect,\n  activeSectionId,\n  onOnboardStation,\n  sectionsConfig,\n  nodeTypesConfig,\n  menuActionsConfig,\n  // Labels\n  searchPlaceholder = dt(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.search`, 'Search for Scopes..'),\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [treeSearchCount, setTreeSearchCount] = useState<number>(0);\n\n  const backwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;\n\n\n\n  return (\n    <div className={styles.sidebar}>\n        <>\n          {/* Search */}\n          <SidebarSearch\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder={searchPlaceholder}\n            searchCount={treeSearchCount}\n          />\n\n          <div className={styles.divider} />\n\n          <div className={styles.content}>\n            {scopeTreeData && (\n              <TreeSidebar \n                data={scopeTreeData.data} \n                onAddChild={onAddChild} \n                onRenameChild={onRenameChild} \n                onDeleteChild={onDeleteChild}\n                canDeleteScope={canDeleteScope}\n                canEditScope={canEditScope}\n                canCreateScope={canCreateScope}\n                onSectionSelect={onSectionSelect}\n                selectedRuleSetId={selectedRuleSetId}\n                activeSectionId={activeSectionId}\n                searchQuery={searchQuery}\n                onSearchCountChange={setTreeSearchCount}\n                sectionsConfig={sectionsConfig}\n                nodeTypesConfig={nodeTypesConfig}\n                menuActionsConfig={menuActionsConfig}\n              />\n            )}\n          </div>\n        </>\n\n      \n      {/* Onboard Station Button at the bottom */}\n      {/* {onOnboardStation&&backwardCompatibility  && (\n        <div className={styles.createButtonContainer}>\n          <button className={styles.createButton} onClick={onOnboardStation}>\n            <Plus size={16} />\n            Onboard a station\n          </button>\n        </div>\n      )} */}\n    </div>\n  );\n};\n\nexport default Sidebar;\n"],"names":[],"mappings":";;;;;;;;;AA4CA,MAAM,UAAkC,CAAC;AAAA,EACvC,aAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA;AAAA,EAEA,iBAAoB,GAAA,EAAA,CAAG,CAAG,EAAA,qBAAqB,oBAAoB,qBAAqB,CAAA;AAC1F,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAiB,CAAC,CAAA,CAAA;AAEhE,EAA8B,wBAAyB,CAAA,QAAA,EAAW,CAAA,sBAAA;AAIlE,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SACnB,QAEE,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,WAAA;AAAA,QACP,QAAU,EAAA,cAAA;AAAA,QACV,WAAa,EAAA,iBAAA;AAAA,QACb,WAAa,EAAA,eAAA;AAAA,OAAA;AAAA,KACf;AAAA,oBAEC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA,CAAA;AAAA,oBAE/B,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SACpB,QACC,EAAA,aAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,MAAM,aAAc,CAAA,IAAA;AAAA,QACpB,UAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,WAAA;AAAA,QACA,mBAAqB,EAAA,kBAAA;AAAA,QACrB,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CAYJ,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,gBAAe,OAAA;;;;"}

package/dist/features/LearningManagement/SidebarWrapper.js

@@ -1,2 +1,52 @@
-import{jsxs as e,Fragment as n,jsx as o}from"react/jsx-runtime";import{useRef as t}from"react";import{Toast as i}from"primereact/toast";import{useLearningTemplateStore as r}from"./store/useLearningTemplateStore.js";import c from"./Sidebar.js";var a=function(a){a.onOpenCreateModal,a.onRefreshRuleSets;var d=a.scopeTreeData,l=a.onAddChild,s=a.onRenameChild,p=a.onDeleteChild,S=a.canDeleteScope,f=a.canEditScope,m=a.canCreateScope,u=a.onSectionSelect,C=a.sectionsConfig,h=a.nodeTypesConfig,g=a.activeSectionId,D=a.menuActionsConfig,R=t(null),T=r(function(e){return e.selectedRuleSetId}),v=r(function(e){return e.setStationModalOpen});return e(n,{children:[o(i,{ref:R}),o(c,{selectedRuleSetId:T,scopeTreeData:d,onAddChild:l,onRenameChild:s,onDeleteChild:p,canDeleteScope:S,canEditScope:f,canCreateScope:m,onSectionSelect:u,activeSectionId:g,onOnboardStation:function(){return v(!0)},sectionsConfig:C,nodeTypesConfig:h,menuActionsConfig:D})]})};export{a as default};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { Toast } from 'primereact/toast';
+import { useLearningTemplateStore } from './store/useLearningTemplateStore.js';
+import Sidebar from './Sidebar.js';
+
+const SidebarWrapper = ({
+  onOpenCreateModal,
+  onRefreshRuleSets,
+  scopeTreeData,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  canCreateScope,
+  onSectionSelect,
+  sectionsConfig,
+  nodeTypesConfig,
+  activeSectionId,
+  menuActionsConfig
+}) => {
+  const toast = useRef(null);
+  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const setStationModalOpen = useLearningTemplateStore((state) => state.setStationModalOpen);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Toast, { ref: toast }),
+    /* @__PURE__ */ jsx(
+      Sidebar,
+      {
+        selectedRuleSetId,
+        scopeTreeData,
+        onAddChild,
+        onRenameChild,
+        onDeleteChild,
+        canDeleteScope,
+        canEditScope,
+        canCreateScope,
+        onSectionSelect,
+        activeSectionId,
+        onOnboardStation: () => setStationModalOpen(true),
+        sectionsConfig,
+        nodeTypesConfig,
+        menuActionsConfig
+      }
+    )
+  ] });
+};
+var SidebarWrapper$1 = SidebarWrapper;
+
+export { SidebarWrapper$1 as default };
 //# sourceMappingURL=SidebarWrapper.js.map

package/dist/features/LearningManagement/SidebarWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SidebarWrapper.js","sources":["../../../src/features/LearningManagement/SidebarWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Toast } from 'primereact/toast';\nimport { ScopesTreeResponse, TreeSectionConfig, NodeTypeConfig, MenuActionConfig } from './types';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\nimport Sidebar from './Sidebar';\n\n\n/**\n * Props for the SidebarWrapper component.\n */\ninterface SidebarWrapperProps {\n    /** Callback to open the create rule set modal */\n    onOpenCreateModal: () => void;\n    /** Callback to refresh rule sets after changes */\n    onRefreshRuleSets: (showLoader?: boolean, scopeId?: string) => void;\n    scopeTreeData?: ScopesTreeResponse;\n    onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n    onRenameChild?: (scopeId: string, initialName: string) => void;\n    onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n    canDeleteScope?: (scopeId: string) => boolean;\n     canEditScope?: (scopeId: string) => boolean;\n     canCreateScope?: (scopeId: string) => boolean;\n    onSectionSelect?: (scopeId: string, sectionId: string) => void;\n    sectionsConfig?: TreeSectionConfig[];\n    nodeTypesConfig?: NodeTypeConfig[];\n    activeSectionId?: string;\n    menuActionsConfig?: MenuActionConfig[];\n}\n\n/**\n * App-specific wrapper for the library-ready Sidebar component.\n * Bridges Zustand store with the prop-driven Sidebar.\n * Handles API calls for deletion and manages confirmation modals.\n *\n * @param props - Component props\n * @returns JSX element displaying the sidebar with all app-specific logic\n */\nconst SidebarWrapper: React.FC<SidebarWrapperProps> = ({\n    onOpenCreateModal,\n    onRefreshRuleSets,\n    scopeTreeData,\n    onAddChild,\n    onRenameChild,\n    onDeleteChild,\n    canDeleteScope,\n    canEditScope,\n    canCreateScope,\n    onSectionSelect,\n    sectionsConfig,\n    nodeTypesConfig,\n    activeSectionId,\n    menuActionsConfig\n}) => {\n    const toast = useRef<Toast>(null);\n\n    const selectedRuleSetId = useLearningTemplateStore((state ) => state.selectedRuleSetId);\n    const setStationModalOpen = useLearningTemplateStore((state ) => state.setStationModalOpen);\n\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <Sidebar\n                selectedRuleSetId={selectedRuleSetId}\n                scopeTreeData={scopeTreeData}\n                onAddChild={onAddChild}\n                onRenameChild={onRenameChild}\n                onDeleteChild={onDeleteChild}\n                canDeleteScope={canDeleteScope}\n                canEditScope={canEditScope}\n                canCreateScope={canCreateScope}\n                onSectionSelect={onSectionSelect}\n                activeSectionId={activeSectionId}\n                onOnboardStation={() => setStationModalOpen(true)}\n                sectionsConfig={sectionsConfig}\n                nodeTypesConfig={nodeTypesConfig}\n                menuActionsConfig={menuActionsConfig}\n            />\n        </>\n    );\n};\n\nexport default SidebarWrapper;\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,iBAAgD,CAAC;AAAA,EACnD,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,KAAA,GAAQ,OAAc,IAAI,CAAA,CAAA;AAEhC,EAAA,MAAM,iBAAoB,GAAA,wBAAA,CAAyB,CAAC,KAAA,KAAW,MAAM,iBAAiB,CAAA,CAAA;AACtF,EAAA,MAAM,mBAAsB,GAAA,wBAAA,CAAyB,CAAC,KAAA,KAAW,MAAM,mBAAmB,CAAA,CAAA;AAG1F,EAAA,uBAEQ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAM,KAAK,KAAO,EAAA,CAAA;AAAA,oBACnB,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACG,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,gBAAA,EAAkB,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,QAChD,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,OAAA;AAAA,KACJ;AAAA,GACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,uBAAe,cAAA;;;;"}

package/dist/features/LearningManagement/StationsContent/StationsContent.js

@@ -1,2 +1,115 @@
-import{__assign as e}from"tslib";import{jsxs as t,jsx as a}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Search as s,RadioTower as r}from"lucide-react";import o from"../components/ErrorStateDisplay.js";import c from"../components/EmptyLearningState.js";import{useLearningTemplateStore as l}from"../store/useLearningTemplateStore.js";import d from"../styles/StationsContent.module.css.js";import m from"../RuleContent/RuleHeader.js";import{dt as p,interpolate as h}from"../store/useLMSConfigStore.js";var u=function(u){u.scopeId;var f=u.scopeName,v=u.stations,N=void 0===v?[]:v,g=u.stationsCount,y=u.onViewStation;u.onDeleteStation;var D=n(""),S=D[0],w=D[1],C=n(N),L=C[0],j=C[1],W=n(!1),x=W[0],I=W[1],R=n(null),b=R[0],B=R[1],M=l(function(e){return e.setStationModalOpen}),T=function(){I(!0),B(null);try{var e=S.trim().toLowerCase(),t=N.filter(function(t){return t.stationName.toLowerCase().includes(e)});j(t)}catch(e){console.error("Failed to filter stations:",e),B("Failed to filter stations. Please try again.")}finally{I(!1)}};i(function(){T()},[S,N]);var O=p("middleDrawer.scopeDisplayLimit.title","Stations"),A=N.length||g||0;return t("div",e({className:d.container},{children:[t("div",{children:[a(m,{ruleSetName:"".concat(f," > ").concat(O," (").concat(A,")"),ruleSetDescription:h(p("middleDrawer.scopeDisplayLimit.description","Manage the stations assigned to the {scope} scope."),{scope:f}),onOnboardStation:function(){return M(!0)}}),a("div",e({className:d.searchBarWrapper},{children:t("div",e({className:d.searchRelative},{children:[a("div",e({className:d.searchIconWrapper},{children:a(s,{className:d.searchIcon})})),a("input",{type:"text",className:d.searchInput,placeholder:p("middleDrawer.scopeDisplayLimit.searchPlaceholder","Search station..."),value:S,onChange:function(e){return w(e.target.value)}})]}))}))]}),a("div",e({className:d.contentArea},{children:x?a("div",e({className:d.loadingWrapper},{children:a("p",{children:"Loading stations..."})})):b?a(o,{errorMessage:b,onRetry:T}):0===N.length?a("div",e({className:d.emptyWrapper},{children:a(c,{title:"No stations in this scope yet!",desc:"Add stations to ".concat(f," to define which ones this scope applies to."),button:"Onboard a Station",onCreate:function(){return M(!0)}})})):0===L.length?a("div",e({className:d.noResultsWrapper},{children:a("p",{children:"No stations match your search query."})})):a("div",e({className:d.stationList},{children:L.map(function(n){return t("div",e({className:d.stationCard},{children:[t("div",e({className:d.stationCardLeft},{children:[a("div",e({className:d.stationIconWrapper},{children:a(r,{size:20})})),t("div",e({className:d.stationDetails},{children:[t("div",e({className:d.stationHeaderRow},{children:[a("span",e({className:d.stationNameText},{children:n.stationName})),t("span",e({className:d.learningsBadge},{children:[n.learningsCount," learnings"]}))]})),n.stationDesc&&a("span",e({className:d.stationDescText},{children:n.stationDesc}))]}))]})),a("div",e({className:d.actionButtonsWrapper},{children:a("button",e({onClick:function(){return null==y?void 0:y(n)},className:d.viewBtn},{children:p("middleDrawer.scopeDisplayLimit.viewText","View")}))}))]}),n.stationId)})}))}))]}))};export{u as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Search, RadioTower } from 'lucide-react';
+import ErrorStateDisplay from '../components/ErrorStateDisplay.js';
+import EmptyLearningState from '../components/EmptyLearningState.js';
+import { useLearningTemplateStore } from '../store/useLearningTemplateStore.js';
+import styles from '../styles/StationsContent.module.css.js';
+import RuleHeader from '../RuleContent/RuleHeader.js';
+import { dt, interpolate } from '../store/useLMSConfigStore.js';
+
+const StationsContent = ({
+  scopeId,
+  scopeName,
+  stations = [],
+  stationsCount,
+  onViewStation,
+  onDeleteStation
+}) => {
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filteredStations, setFilteredStations] = useState(stations);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const setStationModalOpen = useLearningTemplateStore((state) => state.setStationModalOpen);
+  const applyFilter = () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const query = searchQuery.trim().toLowerCase();
+      const result = stations.filter(
+        (station) => station.stationName.toLowerCase().includes(query)
+      );
+      setFilteredStations(result);
+    } catch (err) {
+      console.error("Failed to filter stations:", err);
+      setError("Failed to filter stations. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    applyFilter();
+  }, [searchQuery, stations]);
+  const sectionTitle = dt("middleDrawer.scopeDisplayLimit.title", "Stations");
+  const stationsTotal = stations.length || stationsCount || 0;
+  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        RuleHeader,
+        {
+          ruleSetName: `${scopeName} > ${sectionTitle} (${stationsTotal})`,
+          ruleSetDescription: interpolate(
+            dt("middleDrawer.scopeDisplayLimit.description", "Manage the stations assigned to the {scope} scope."),
+            { scope: scopeName }
+          ),
+          onOnboardStation: () => setStationModalOpen(true)
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: styles.searchBarWrapper, children: /* @__PURE__ */ jsxs("div", { className: styles.searchRelative, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.searchIconWrapper, children: /* @__PURE__ */ jsx(Search, { className: styles.searchIcon }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            className: styles.searchInput,
+            placeholder: dt("middleDrawer.scopeDisplayLimit.searchPlaceholder", "Search station..."),
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value)
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.contentArea, children: isLoading ? /* @__PURE__ */ jsx("div", { className: styles.loadingWrapper, children: /* @__PURE__ */ jsx("p", { children: "Loading stations..." }) }) : error ? /* @__PURE__ */ jsx(ErrorStateDisplay, { errorMessage: error, onRetry: applyFilter }) : stations.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.emptyWrapper, children: /* @__PURE__ */ jsx(
+      EmptyLearningState,
+      {
+        title: "No stations in this scope yet!",
+        desc: `Add stations to ${scopeName} to define which ones this scope applies to.`,
+        button: "Onboard a Station",
+        onCreate: () => setStationModalOpen(true)
+      }
+    ) }) : filteredStations.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.noResultsWrapper, children: /* @__PURE__ */ jsx("p", { children: "No stations match your search query." }) }) : /* @__PURE__ */ jsx("div", { className: styles.stationList, children: filteredStations.map((station) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: styles.stationCard,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.stationCardLeft, children: [
+            /* @__PURE__ */ jsx("div", { className: styles.stationIconWrapper, children: /* @__PURE__ */ jsx(RadioTower, { size: 20 }) }),
+            /* @__PURE__ */ jsxs("div", { className: styles.stationDetails, children: [
+              /* @__PURE__ */ jsxs("div", { className: styles.stationHeaderRow, children: [
+                /* @__PURE__ */ jsx("span", { className: styles.stationNameText, children: station.stationName }),
+                /* @__PURE__ */ jsxs("span", { className: styles.learningsBadge, children: [
+                  station.learningsCount,
+                  " learnings"
+                ] })
+              ] }),
+              station.stationDesc && /* @__PURE__ */ jsx("span", { className: styles.stationDescText, children: station.stationDesc })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles.actionButtonsWrapper, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onViewStation == null ? void 0 : onViewStation(station),
+              className: styles.viewBtn,
+              children: dt("middleDrawer.scopeDisplayLimit.viewText", "View")
+            }
+          ) })
+        ]
+      },
+      station.stationId
+    )) }) })
+  ] });
+};
+var StationsContent$1 = StationsContent;
+
+export { StationsContent$1 as default };
 //# sourceMappingURL=StationsContent.js.map

package/dist/features/LearningManagement/StationsContent/StationsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StationsContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"StationsContent.js","sources":["../../../../src/features/LearningManagement/StationsContent/StationsContent.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Search, RadioTower } from 'lucide-react';\nimport { StationData } from '../types';\nimport ErrorStateDisplay from '../components/ErrorStateDisplay';\nimport EmptyLearningState from '../components/EmptyLearningState';\nimport { useLearningTemplateStore } from '../store/useLearningTemplateStore';\nimport styles from '../styles/StationsContent.module.css';\nimport RuleHeader from '../RuleContent/RuleHeader';\nimport { dt, interpolate } from '../store/useLMSConfigStore';\n\ninterface StationsContentProps {\n  scopeId: string;\n  scopeName: string;\n  stations?: StationData[];\n  stationsCount?: number;\n  onViewStation?: (station: StationData) => void;\n  onDeleteStation?: (stationId: string) => void;\n}\n\n/**\n * StationsContent component for listing and managing stations inside a selected scope.\n * Fully library compatible, decoupled from Tailwind CSS.\n */\nconst StationsContent: React.FC<StationsContentProps> = ({\n  scopeId,\n  scopeName,\n  stations = [],\n  stationsCount,\n  onViewStation,\n  onDeleteStation,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filteredStations, setFilteredStations] = useState<StationData[]>(stations);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const setStationModalOpen = useLearningTemplateStore((state) => state.setStationModalOpen);\n\n  /**\n   * Applies the current search query to `stations`. Wrapped with\n   * loading/error state so the existing loading and retry UI can react to it.\n   */\n  const applyFilter = () => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      const query = searchQuery.trim().toLowerCase();\n      const result = stations.filter((station) =>\n        station.stationName.toLowerCase().includes(query)\n      );\n      setFilteredStations(result);\n    } catch (err) {\n      console.error('Failed to filter stations:', err);\n      setError('Failed to filter stations. Please try again.');\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    applyFilter();\n  }, [searchQuery, stations]);\n\n  // \"Stations\" word in the ruleSetName below, e.g. \"{scope} > Stations (3)\"\n  const sectionTitle = dt('middleDrawer.scopeDisplayLimit.title', 'Stations');\n  const stationsTotal = stations.length || stationsCount || 0;\n\n  return (\n    <div className={styles.container}>\n      {/* Header */}\n      <div>\n        <RuleHeader\n          ruleSetName={`${scopeName} > ${sectionTitle} (${stationsTotal})`}\n          ruleSetDescription={interpolate(\n            dt('middleDrawer.scopeDisplayLimit.description', 'Manage the stations assigned to the {scope} scope.'),\n            { scope: scopeName }\n          )}\n          onOnboardStation={() => setStationModalOpen(true)}\n        />\n        \n        {/* Search Bar */}\n        <div className={styles.searchBarWrapper}>\n          <div className={styles.searchRelative}>\n            <div className={styles.searchIconWrapper}>\n              <Search className={styles.searchIcon} />\n            </div>\n            <input\n              type=\"text\"\n              className={styles.searchInput}\n              placeholder={dt('middleDrawer.scopeDisplayLimit.searchPlaceholder', 'Search station...')}\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Content Area */}\n      <div className={styles.contentArea}>\n        {isLoading ? (\n          <div className={styles.loadingWrapper}>\n            <p>Loading stations...</p>\n          </div>\n        ) : error ? (\n          <ErrorStateDisplay errorMessage={error} onRetry={applyFilter} />\n        ) : stations.length === 0 ? (\n          <div className={styles.emptyWrapper}>\n            <EmptyLearningState\n              title=\"No stations in this scope yet!\"\n              desc={`Add stations to ${scopeName} to define which ones this scope applies to.`}\n              button=\"Onboard a Station\"\n              onCreate={() => setStationModalOpen(true)}\n            />\n          </div>\n        ) : filteredStations.length === 0 ? (\n          <div className={styles.noResultsWrapper}>\n            <p>No stations match your search query.</p>\n          </div>\n        ) : (\n          <div className={styles.stationList}>\n            {filteredStations.map((station) => (\n              <div\n                key={station.stationId}\n                className={styles.stationCard}\n              >\n                <div className={styles.stationCardLeft}>\n                  <div className={styles.stationIconWrapper}>\n                    <RadioTower size={20} />\n                  </div>\n                  <div className={styles.stationDetails}>\n                    <div className={styles.stationHeaderRow}>\n                      <span className={styles.stationNameText}>{station.stationName}</span>\n                      <span className={styles.learningsBadge}>\n                        {station.learningsCount} learnings\n                      </span>\n                    </div>\n                    {station.stationDesc && (\n                      <span className={styles.stationDescText}>{station.stationDesc}</span>\n                    )}\n                  </div>\n                </div>\n                <div className={styles.actionButtonsWrapper}>\n                  {/* <button\n                    onClick={() => onDeleteStation?.(station.stationId)}\n                    className={styles.deleteBtn}\n                  >\n                    Delete\n                  </button> */}\n                  <button\n                    onClick={() => onViewStation?.(station)}\n                    className={styles.viewBtn}\n                  >\n                    {dt('middleDrawer.scopeDisplayLimit.viewText', 'View')}\n                  </button>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default StationsContent;\n"],"names":[],"mappings":"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"}